Sp-dev-x-kit NPM

SAPO X Kit

Install

npm i sp-dev-x-kit

Use

Modules

Only JS

import { isObject } from 'sp-dev-x-kit/scripts/utils'
import { onUpdate } from 'sp-dev-x-kit/scripts/events'

onUpdate(() => console.log(isObject({ foo: 'bar' })))

Svelte Widget (js)

import WidgetTempo from 'sp-dev-x-kit/widgets/tempo/tempo.svelte'
import { writable } from 'svelte/store'

const app = new WidgetTempo({
    target: document.getElementById('widget-tempo'),
    props: {
        widget: writable({
            //widget configs
        });
    }
});

Svelte Widget (svelte)

<script>
import WidgetMapa from 'sp-dev-x-kit/widgets/mapa/mapa.svelte'
import { reactive } from 'sp-dev-x-kit/scripts/utils'

let widget = reactive({
    //widget configs
});
</script>
<div>
    <WidgetMapa bind:widget/>
</div>

vite.config.js

import xKit from 'sp-dev-x-kit'

export default xKit(import.meta.url, { // optional params
    //defaults
    port: 3000, //{server.port}
    proxy: null, //{server.proxy}
    alias: {},
    plugins: [], //plugins (concat to: [vite-plugin-dynamic-import, svelte-preprocess])
    legacy: false, //use plugin: @vitejs/plugin-legacy
    base: null, //{base}
    outDir: null, //{build.outDir}
    emptyOutDir: null, //{build.emptyOutDir}
    input: { //{build.rollupOptions.input}
        index: 'index.html'
    },
    output: { //{build.rollupOptions.output}
        assetFileNames: '[name].[ext]',
        chunkFileNames: '[name].js',
        entryFileNames: '[name].js'
    }
});