@vdegenne/kokoro-standalone 0.0.0-stage → 0.1.2

package/README.md

@@ -1,3 +1,74 @@
-# Temporary Holding Version
+# @vdegenne/kokoro-standalone
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Snar TS reactive controller using kokoro-js.  
+The difference with `@vdegenne/kokoro` is that you don't need a TTS server to generate speeches,
+this library uses `kokoro-js` and `transformers.js` to generate the voices directly into the browser.
+
+Only English support for now.
+
+## Install
+
+```bash
+npm i -D @vdegenne/kokoro-standalone
+```
+
+## Usage
+
+```ts
+import {KokoroClient} from '@vdegenne/kokoro-standalone';
+
+const kokoro = new KokoroClient();
+
+try {
+	await kokoro.connect(); // connect to the model
+	kokoro.play('Hello world.');
+} catch (err) {
+	console.error(`Something went wrong. (${err})`);
+}
+```
+
+### Arguments
+
+```ts
+kokoro.play(
+	'Hello world.', // text
+	// options
+	{
+		voiceId: 'af_sky',
+		speed: 1,
+		volume: 1,
+	},
+);
+```
+
+### Controller
+
+`kokoro` is a controller, you can bind it to a `LitElement` custom element.
+
+```ts
+import {KokoroClient} from '@vdegenne/kokoro-standalone';
+import {LitElement, customElement} from 'lit';
+import {withController} from '@snar/lit';
+
+const kokoro = new KokoroClient();
+
+@customElement('settings-dialog')
+@withController(kokoro)
+class SettingsDialog extends LitElement {
+	// ...
+}
+```
+
+Use this in your store
+
+```js
+@state() kokoroEnVoiceId: EnVoice = availableVoices.En[0]
+@state() kokoroEnRandom = false
+@state() kokoroEnSpeed = 1
+```
+
+With imports being
+
+```js
+import {availableVoices, EnVoice} from '@vdegenne/kokoro-standalone';
+```

package/lib/index.d.ts

@@ -0,0 +1,45 @@
+import { ReactiveController } from '@snar/lit';
+export declare const availableVoices: {
+    readonly En: readonly ['af_heart', 'af_aoede', 'af_bella', 'af_jessica', 'af_kore', 'af_nicole', 'af_nova', 'af_river', 'af_sarah', 'af_sky', 'af_alloy', 'am_adam', 'am_michael', 'am_echo', 'am_eric', 'am_fenrir', 'am_liam', 'am_onyx', 'am_puck', 'am_santa', 'bf_emma', 'bf_isabella', 'bf_alice', 'bf_lily', 'bm_george', 'bm_lewis', 'bm_daniel', 'bm_fable'];
+};
+export type EnVoice = (typeof availableVoices)['En'][number];
+export type Language = keyof typeof availableVoices;
+export type Voice = (typeof availableVoices)[Language][number];
+interface KokoroVoice {
+    id: Voice;
+    description: string;
+}
+interface PlayOptions {
+    voiceId?: Voice;
+    speed?: number;
+    volume?: number;
+}
+export declare class KokoroClient extends ReactiveController {
+    state: 'disconnected' | 'connecting' | 'connection_error' | 'connected';
+    voices: KokoroVoice[];
+    private tts;
+    private initialization;
+    private initializationId;
+    private cache;
+    private currentAudios;
+    private pendingPlays;
+    connect({ reconnect }?: {
+        reconnect?: boolean;
+    }): Promise<void>;
+    disconnect(): void;
+    getAudio(text: string, { voiceId, speed }?: PlayOptions): Promise<Blob>;
+    play(text: string, { voiceId, speed, volume }?: PlayOptions): Promise<void>;
+    togglePlay(sentence: string, options?: PlayOptions): Promise<void>;
+    private generateAudio;
+    private playBlob;
+    private stop;
+    private getCacheKey;
+    getRandomVoiceId<L extends Language>({ lang, exclude, }: {
+        lang: L;
+        exclude?: (typeof availableVoices)[L][number][];
+    }): (typeof availableVoices)[L][number];
+    getVoiceTitleFromId(voiceId: Voice): "af_alloy" | "af_aoede" | "af_bella" | "af_heart" | "af_jessica" | "af_kore" | "af_nicole" | "af_nova" | "af_river" | "af_sarah" | "af_sky" | "am_adam" | "am_echo" | "am_eric" | "am_fenrir" | "am_liam" | "am_michael" | "am_onyx" | "am_puck" | "am_santa" | "bf_alice" | "bf_emma" | "bf_isabella" | "bf_lily" | "bm_daniel" | "bm_fable" | "bm_george" | "bm_lewis";
+    getVoiceIds(): ("af_alloy" | "af_aoede" | "af_bella" | "af_heart" | "af_jessica" | "af_kore" | "af_nicole" | "af_nova" | "af_river" | "af_sarah" | "af_sky" | "am_adam" | "am_echo" | "am_eric" | "am_fenrir" | "am_liam" | "am_michael" | "am_onyx" | "am_puck" | "am_santa" | "bf_alice" | "bf_emma" | "bf_isabella" | "bf_lily" | "bm_daniel" | "bm_fable" | "bm_george" | "bm_lewis")[];
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAAQ,MAAM,WAAW,CAAC;AAIpD,eAAO,MAAM,eAAe;aAC3B,EAAE,YAAG,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU;CACzU,CAAC;AAEX,MAAM,MAAM,OAAO,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;AAC7D,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,eAAe,CAAC;AACpD,MAAM,MAAM,KAAK,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;AAE/D,UAAU,WAAW;IACpB,EAAE,EAAE,KAAK,CAAC;IACV,WAAW,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,WAAW;IACpB,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAID,qBAAa,YAAa,SAAQ,kBAAkB;IAC1C,KAAK,EACb,cAAc,GAAG,YAAY,GAAG,kBAAkB,GAAG,WAAW,CACjD;IAEP,MAAM,EAAE,WAAW,EAAE,CAAM;IAEpC,OAAO,CAAC,GAAG,CAA0B;IACrC,OAAO,CAAC,cAAc,CAAmC;IACzD,OAAO,CAAC,gBAAgB,CAAK;IAE7B,OAAO,CAAC,KAAK,CAAkC;IAE/C,OAAO,CAAC,aAAa,CAMjB;IAEJ,OAAO,CAAC,YAAY,CAAqB;IAEnC,OAAO,CAAC,EAAC,SAAiB,EAAC,GAAE;QAAC,SAAS,CAAC,EAAE,OAAO,CAAA;KAAM,iBAoD5D;IAED,UAAU,SAWT;IAEK,QAAQ,CACb,IAAI,EAAE,MAAM,EACZ,EAAC,OAAoB,EAAE,KAAS,EAAC,GAAE,WAAgB,GACjD,OAAO,CAAC,IAAI,CAAC,CAuBf;IAEK,IAAI,CACT,IAAI,EAAE,MAAM,EACZ,EAAC,OAAoB,EAAE,KAAS,EAAE,MAAU,EAAC,GAAE,WAAgB,iBAkC/D;IAEK,UAAU,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,GAAE,WAAgB,iBAO3D;YAEa,aAAa;YAmBb,QAAQ;IAyDtB,OAAO,CAAC,IAAI;IA0BZ,OAAO,CAAC,WAAW;IAInB,gBAAgB,CAAC,CAAC,SAAS,QAAQ,EAAE,EACpC,IAAI,EACJ,OAAY,GACZ,EAAE;QACF,IAAI,EAAE,CAAC,CAAC;QACR,OAAO,CAAC,EAAE,CAAC,OAAO,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC;KAChD,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAUtC;IAED,mBAAmB,CAAC,OAAO,EAAE,KAAK,4WAEjC;IAED,WAAW,iXAEV;CACD"}

package/lib/index.js

@@ -0,0 +1,223 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { ReactiveController, state } from '@snar/lit';
+import { KokoroTTS } from 'kokoro-js';
+// prettier-ignore
+export const availableVoices = {
+    En: ['af_heart', 'af_aoede', 'af_bella', 'af_jessica', 'af_kore', 'af_nicole', 'af_nova', 'af_river', 'af_sarah', 'af_sky', 'af_alloy', 'am_adam', 'am_michael', 'am_echo', 'am_eric', 'am_fenrir', 'am_liam', 'am_onyx', 'am_puck', 'am_santa', 'bf_emma', 'bf_isabella', 'bf_alice', 'bf_lily', 'bm_george', 'bm_lewis', 'bm_daniel', 'bm_fable'],
+};
+export class KokoroClient extends ReactiveController {
+    constructor() {
+        super(...arguments);
+        this.state = 'disconnected';
+        this.voices = [];
+        this.tts = null;
+        this.initialization = null;
+        this.initializationId = 0;
+        this.cache = new Map();
+        this.currentAudios = new Map();
+        this.pendingPlays = new Set();
+    }
+    async connect({ reconnect = false } = {}) {
+        if (this.state === 'connected' && !reconnect) {
+            return;
+        }
+        if (this.initialization && !reconnect) {
+            await this.initialization;
+            return;
+        }
+        const initializationId = ++this.initializationId;
+        this.state = 'connecting';
+        const initialization = KokoroTTS.from_pretrained('onnx-community/Kokoro-82M-v1.0-ONNX', {
+            dtype: 'q8',
+            device: 'wasm',
+        });
+        this.initialization = initialization;
+        try {
+            const tts = await initialization;
+            if (initializationId !== this.initializationId) {
+                return;
+            }
+            this.tts = tts;
+            this.voices = availableVoices.En.map((id) => ({
+                id,
+                description: '',
+            }));
+            this.state = 'connected';
+        }
+        catch (error) {
+            if (initializationId === this.initializationId) {
+                this.tts = null;
+                this.voices = [];
+                this.state = 'connection_error';
+            }
+            throw error;
+        }
+        finally {
+            if (this.initialization === initialization) {
+                this.initialization = null;
+            }
+        }
+    }
+    disconnect() {
+        ++this.initializationId;
+        this.initialization = null;
+        this.stop();
+        this.tts = null;
+        this.voices = [];
+        this.cache.clear();
+        this.state = 'disconnected';
+    }
+    async getAudio(text, { voiceId = 'af_heart', speed = 1 } = {}) {
+        if (this.state !== 'connected' || !this.tts) {
+            throw new Error('Kokoro is not connected');
+        }
+        const key = this.getCacheKey(text, voiceId, speed);
+        const cached = this.cache.get(key);
+        if (cached) {
+            return cached instanceof Promise ? cached : Promise.resolve(cached);
+        }
+        const promise = this.generateAudio(text, voiceId, speed);
+        this.cache.set(key, promise);
+        try {
+            const audio = await promise;
+            this.cache.set(key, audio);
+            return audio;
+        }
+        catch (error) {
+            this.cache.delete(key);
+            throw error;
+        }
+    }
+    async play(text, { voiceId = 'af_heart', speed = 1, volume = 1 } = {}) {
+        if (this.state !== 'connected') {
+            throw new Error('Kokoro is not connected');
+        }
+        const key = this.getCacheKey(text, voiceId, speed);
+        if (this.pendingPlays.has(key)) {
+            return;
+        }
+        const current = this.currentAudios.get(key);
+        if (current) {
+            current.audio.currentTime = 0;
+            current.audio.volume = Math.max(0, Math.min(1, volume));
+            await current.audio.play();
+            return;
+        }
+        this.pendingPlays.add(key);
+        try {
+            const blob = await this.getAudio(text, { voiceId, speed });
+            if (this.state !== 'connected') {
+                return;
+            }
+            await this.playBlob(blob, key, volume);
+        }
+        finally {
+            this.pendingPlays.delete(key);
+        }
+    }
+    async togglePlay(sentence, options = {}) {
+        if (this.currentAudios.size > 0) {
+            this.stop();
+            return;
+        }
+        return this.play(sentence, options);
+    }
+    async generateAudio(text, voiceId, speed) {
+        const tts = this.tts;
+        if (!tts) {
+            throw new Error('Kokoro is not connected');
+        }
+        const audio = await tts.generate(text, {
+            voice: voiceId,
+            speed,
+        });
+        return audio.toBlob();
+    }
+    async playBlob(blob, key, volume) {
+        const url = URL.createObjectURL(blob);
+        const audio = new Audio(url);
+        audio.volume = Math.max(0, Math.min(1, volume));
+        this.currentAudios.set(key, {
+            audio,
+            resolve: () => { },
+        });
+        try {
+            await audio.play();
+            await new Promise((resolve, reject) => {
+                const current = this.currentAudios.get(key);
+                if (current?.audio === audio) {
+                    current.resolve = resolve;
+                }
+                audio.addEventListener('ended', () => {
+                    if (this.currentAudios.get(key)?.audio === audio) {
+                        this.currentAudios.delete(key);
+                    }
+                    URL.revokeObjectURL(url);
+                    resolve();
+                }, { once: true });
+                audio.addEventListener('error', () => {
+                    if (this.currentAudios.get(key)?.audio === audio) {
+                        this.currentAudios.delete(key);
+                    }
+                    URL.revokeObjectURL(url);
+                    reject(new Error('Audio playback failed'));
+                }, { once: true });
+            });
+        }
+        catch (error) {
+            if (this.currentAudios.get(key)?.audio === audio) {
+                this.currentAudios.delete(key);
+            }
+            URL.revokeObjectURL(url);
+            throw error;
+        }
+    }
+    stop(key) {
+        if (key) {
+            const current = this.currentAudios.get(key);
+            if (!current) {
+                return;
+            }
+            current.audio.pause();
+            current.audio.currentTime = 0;
+            this.currentAudios.delete(key);
+            current.resolve();
+            return;
+        }
+        for (const current of this.currentAudios.values()) {
+            current.audio.pause();
+            current.audio.currentTime = 0;
+            current.resolve();
+        }
+        this.currentAudios.clear();
+    }
+    getCacheKey(sentence, voiceId, speed) {
+        return `${voiceId}:${speed}:${sentence}`;
+    }
+    getRandomVoiceId({ lang, exclude = [], }) {
+        const voices = availableVoices[lang].filter((voice) => !exclude.includes(voice));
+        if (voices.length === 0) {
+            throw new Error(`Kokoro has no available voices for ${lang}`);
+        }
+        return voices[Math.floor(Math.random() * voices.length)];
+    }
+    getVoiceTitleFromId(voiceId) {
+        return voiceId;
+    }
+    getVoiceIds() {
+        return this.voices.map((voice) => voice.id);
+    }
+}
+__decorate([
+    state()
+], KokoroClient.prototype, "state", void 0);
+__decorate([
+    state()
+], KokoroClient.prototype, "voices", void 0);
+// export const kokoro = new KokoroClient();
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/lib/settings-template.d.ts

@@ -0,0 +1,16 @@
+import { KokoroClient, Language } from './index.js';
+/**
+ * Imports you'll need:
+ *
+ * import '@material/web/select/filled-select.js';
+ * import '@material/web/select/select-option.js';
+ * import '@material/web/button/filled-tonal-button.js';
+ * import '@material/web/select/select-option.js';
+ * import '@material/web/list/list-item.js';
+ * import '@material/web/switch/switch.js';
+ * import '@material/web/progress/circular-progress.js';
+ * import '@material/web/icon/icon.js'
+ * import '@material/web/slider/slider.js';
+ */
+export declare function kokoroSettingsTemplate(kokoro: KokoroClient, store: any, lang?: Language): "Kokoro is disconnected" | import("lit-html").TemplateResult<1>;
+//# sourceMappingURL=settings-template.d.ts.map

package/lib/settings-template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-template.d.ts","sourceRoot":"","sources":["../src/settings-template.ts"],"names":[],"mappings":"AAEA,OAAO,EAAkB,YAAY,EAAE,QAAQ,EAAC,MAAM,YAAY,CAAC;AAEnE;;;;;;;;;;;;GAYG;AACH,wBAAgB,sBAAsB,CACrC,MAAM,EAAE,YAAY,EACpB,KAAK,EAAE,GAAG,EACV,IAAI,GAAE,QAAe,mEAwDrB"}

package/lib/settings-template.js

@@ -0,0 +1,70 @@
+import { SELECT, SLIDER, SWITCH } from '@vdegenne/forms/FormBuilder.js';
+import { html } from 'lit-html';
+import { availableVoices } from './index.js';
+/**
+ * Imports you'll need:
+ *
+ * import '@material/web/select/filled-select.js';
+ * import '@material/web/select/select-option.js';
+ * import '@material/web/button/filled-tonal-button.js';
+ * import '@material/web/select/select-option.js';
+ * import '@material/web/list/list-item.js';
+ * import '@material/web/switch/switch.js';
+ * import '@material/web/progress/circular-progress.js';
+ * import '@material/web/icon/icon.js'
+ * import '@material/web/slider/slider.js';
+ */
+export function kokoroSettingsTemplate(kokoro, store, lang = 'En') {
+    switch (kokoro.state) {
+        case 'disconnected':
+            return 'Kokoro is disconnected';
+        case 'connecting':
+            return html `<!-- -->
+				<md-list-item>
+					<md-circular-progress
+						indeterminate
+						slot="start"
+					></md-circular-progress>
+					Please wait
+				</md-list-item>
+				<!-- -->`;
+        case 'connection_error':
+            return html `<!-- -->
+				<md-list-item>
+					<md-icon slot="start" style="color: var(--md-sys-color-error)"
+						>error</md-icon
+					>
+					<div slot="headline" style="color: var(--md-sys-color-error)">
+						Kokoro server unreachable
+					</div>
+					<md-filled-tonal-button
+						form=""
+						slot="end"
+						@click="${() => kokoro.connect()}"
+						>Try again</md-filled-tonal-button
+					>
+				</md-list-item>
+				<!-- -->`;
+        case 'connected': {
+            const voices = availableVoices[lang];
+            const hasMultipleVoices = voices.length > 1;
+            return html `<!-- -->
+				${SELECT('Voice', store, `kokoro${lang}VoiceId`, voices, {
+                disabled: !hasMultipleVoices || store[`kokoro${lang}Random`],
+                supportingText: !hasMultipleVoices
+                    ? 'Only one supported voice'
+                    : undefined,
+            })}
+				${hasMultipleVoices
+                ? SWITCH('Random voice', store, `kokoro${lang}Random`)
+                : null}
+				${SLIDER('Voice speed', store, `kokoro${lang}Speed`, {
+                min: 0.1,
+                max: 1.9,
+                step: 0.1,
+            })}
+				<!-- -->`;
+        }
+    }
+}
+//# sourceMappingURL=settings-template.js.map

package/lib/settings-template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-template.js","sourceRoot":"","sources":["../src/settings-template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAC,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAC,IAAI,EAAC,MAAM,UAAU,CAAC;AAC9B,OAAO,EAAC,eAAe,EAAyB,MAAM,YAAY,CAAC;AAEnE;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,sBAAsB,CACrC,MAAoB,EACpB,KAAU,EACV,IAAI,GAAa,IAAI;IAErB,QAAQ,MAAM,CAAC,KAAK,EAAE,CAAC;QACtB,KAAK,cAAc;YAClB,OAAO,wBAAwB,CAAC;QACjC,KAAK,YAAY;YAChB,OAAO,IAAI,CAAA;;;;;;;;aAQD,CAAC;QACZ,KAAK,kBAAkB;YACtB,OAAO,IAAI,CAAA;;;;;;;;;;;gBAWE,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE;;;;aAIzB,CAAC;QACZ,KAAK,WAAW,EAAE,CAAC;YAClB,MAAM,MAAM,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;YACrC,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;YAE5C,OAAO,IAAI,CAAA;MACR,MAAM,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,IAAI,SAAS,EAAE,MAAM,EAAE;gBACxD,QAAQ,EAAE,CAAC,iBAAiB,IAAI,KAAK,CAAC,SAAS,IAAI,QAAQ,CAAC;gBAC5D,cAAc,EAAE,CAAC,iBAAiB;oBACjC,CAAC,CAAC,0BAA0B;oBAC5B,CAAC,CAAC,SAAS;aACZ,CAAC;MAED,iBAAiB;gBAChB,CAAC,CAAC,MAAM,CAAC,cAAc,EAAE,KAAK,EAAE,SAAS,IAAI,QAAQ,CAAC;gBACtD,CAAC,CAAC,IACJ;MACE,MAAM,CAAC,aAAa,EAAE,KAAK,EAAE,SAAS,IAAI,OAAO,EAAE;gBACpD,GAAG,EAAE,GAAG;gBACR,GAAG,EAAE,GAAG;gBACR,IAAI,EAAE,GAAG;aACT,CAAC;aACO,CAAC;QACZ,CAAC;IACF,CAAC;AACF,CAAC"}

package/package.json

@@ -1,6 +1,45 @@
 {
-  "name": "@vdegenne/kokoro-standalone",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+	"name": "@vdegenne/kokoro-standalone",
+	"version": "0.1.2",
+	"description": "Snar TS reactive controller using kokoro-js",
+	"type": "module",
+	"exports": {
+		".": {
+			"import": "./lib/index.js",
+			"types": "./lib/index.d.ts"
+		},
+		"./settings-template.js": {
+			"import": "./lib/settings-template.js",
+			"types": "./lib/settings-template.d.ts"
+		}
+	},
+	"files": [
+		"./lib"
+	],
+	"scripts": {
+		"build": "wireit"
+	},
+	"wireit": {
+		"build": {
+			"command": "tsc --pretty",
+			"clean": "if-file-deleted",
+			"files": [
+				"./tsconfig.json",
+				"./src"
+			],
+			"output": [
+				"./lib"
+			]
+		}
+	},
+	"devDependencies": {
+		"typescript": "^7.0.2",
+		"wireit": "^0.14.13"
+	},
+	"dependencies": {
+		"@snar/lit": "^1.8.1",
+		"@vdegenne/forms": "^0.1.90",
+		"kokoro-js": "^1.2.1",
+		"lit-html": "^3.3.3"
+	}
+}