@notcompose/molecule 0.1.2

package/build/dist/MoleculeComposition.d.ts

@@ -0,0 +1,13 @@
+import { Composer, Modifier, Node } from '@notcompose/core';
+export declare class MoleculeComposition {
+    private composer;
+    readonly rootNode: Node;
+    private content;
+    private invalidatedCallback;
+    constructor(composer: Composer);
+    setContent(content: () => void): void;
+    invalidate(): void;
+    invokeWhenInvalidated(callback: () => void): void;
+    compose(modifier: Modifier): void;
+}
+//# sourceMappingURL=MoleculeComposition.d.ts.map

package/build/dist/MoleculeComposition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MoleculeComposition.d.ts","sourceRoot":"","sources":["../../src/MoleculeComposition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAmE,MAAM,kBAAkB,CAAA;AAE5H,qBAAa,mBAAmB;IAMxB,OAAO,CAAC,QAAQ;IALpB,SAAgB,QAAQ,OAA2B;IACnD,OAAO,CAAC,OAAO,CAA4B;IAC3C,OAAO,CAAC,mBAAmB,CAA4B;IAEvD,YACY,QAAQ,EAAE,QAAQ,EAC1B;IAEJ,UAAU,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,IAAI,CAEpC;IAED,UAAU,SAKT;IAED,qBAAqB,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,IAAI,CAEhD;IAED,OAAO,CAAC,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAahC;CACJ"}

package/build/dist/MoleculeComposition.js

@@ -0,0 +1,37 @@
+import { Composer, Modifier, Node, RecomposeLambdaExtensionKey, withComposer } from '@notcompose/core';
+export class MoleculeComposition {
+    composer;
+    rootNode = new Node(null, Modifier);
+    content = null;
+    invalidatedCallback = null;
+    constructor(composer) {
+        this.composer = composer;
+    }
+    setContent(content) {
+        this.content = content;
+    }
+    invalidate() {
+        const callback = this.invalidatedCallback;
+        if (callback === null)
+            return;
+        this.invalidatedCallback = null;
+        callback();
+    }
+    invokeWhenInvalidated(callback) {
+        this.invalidatedCallback = callback;
+    }
+    compose(modifier) {
+        if (this.content === null)
+            throw new Error('No content to compose');
+        withComposer(this.composer, () => {
+            this.rootNode.modifier = modifier;
+            this.composer.startTree(this.rootNode);
+            this.composer.applyExtension(RecomposeLambdaExtensionKey, this.content);
+            this.composer.startComposingNode();
+            this.content();
+            this.composer.endComposingNode();
+            this.composer.endTree();
+        });
+    }
+}
+//# sourceMappingURL=MoleculeComposition.js.map

package/build/dist/MoleculeComposition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MoleculeComposition.js","sourceRoot":"","sources":["../../src/MoleculeComposition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAwB,2BAA2B,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAE5H,MAAM,OAAO,mBAAmB;IAMhB,QAAQ;IALJ,QAAQ,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAA;IAC3C,OAAO,GAAwB,IAAI,CAAA;IACnC,mBAAmB,GAAwB,IAAI,CAAA;IAEvD,YACY,QAAkB;wBAAlB,QAAQ;IACjB,CAAC;IAEJ,UAAU,CAAC,OAAmB;QAC1B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;IAC1B,CAAC;IAED,UAAU;QACN,MAAM,QAAQ,GAAG,IAAI,CAAC,mBAAmB,CAAA;QACzC,IAAI,QAAQ,KAAK,IAAI;YAAE,OAAM;QAC7B,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAA;QAC/B,QAAQ,EAAE,CAAA;IACd,CAAC;IAED,qBAAqB,CAAC,QAAoB;QACtC,IAAI,CAAC,mBAAmB,GAAG,QAAQ,CAAA;IACvC,CAAC;IAED,OAAO,CAAC,QAAkB;QACtB,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI;YACrB,MAAM,IAAI,KAAK,CAAC,uBAAuB,CAAC,CAAA;QAE5C,YAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE;YAC7B,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG,QAAQ,CAAA;YACjC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;YACtC,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,2BAA2B,EAAE,IAAI,CAAC,OAAkC,CAAC,CAAA;YAClG,IAAI,CAAC,QAAQ,CAAC,kBAAkB,EAAE,CAAA;YAClC,IAAI,CAAC,OAAQ,EAAE,CAAA;YACf,IAAI,CAAC,QAAQ,CAAC,gBAAgB,EAAE,CAAA;YAChC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAA;QAC3B,CAAC,CAAC,CAAA;IACN,CAAC;CACJ","sourcesContent":["import { Composer, Modifier, Node, type RecomposeLambda, RecomposeLambdaExtensionKey, withComposer } from '@notcompose/core'\n\nexport class MoleculeComposition {\n    public readonly rootNode = new Node(null, Modifier)\n    private content: (() => void) | null = null\n    private invalidatedCallback: (() => void) | null = null\n\n    constructor(\n        private composer: Composer\n    ) {}\n\n    setContent(content: () => void): void {\n        this.content = content\n    }\n\n    invalidate() {\n        const callback = this.invalidatedCallback\n        if (callback === null) return\n        this.invalidatedCallback = null\n        callback()\n    }\n\n    invokeWhenInvalidated(callback: () => void): void {\n        this.invalidatedCallback = callback\n    }\n\n    compose(modifier: Modifier): void {\n        if (this.content === null)\n            throw new Error('No content to compose')\n\n        withComposer(this.composer, () => {\n            this.rootNode.modifier = modifier\n            this.composer.startTree(this.rootNode)\n            this.composer.applyExtension(RecomposeLambdaExtensionKey, this.content! satisfies RecomposeLambda)\n            this.composer.startComposingNode()\n            this.content!()\n            this.composer.endComposingNode()\n            this.composer.endTree()\n        })\n    }\n}\n"]}

package/build/dist/MoleculeCompositionRunner.d.ts

@@ -0,0 +1,15 @@
+import { type CompositionSession, Modifier, Node } from '@notcompose/core';
+export declare class MoleculeCompositionRunner {
+    private compositionSession;
+    readonly rootNode: Node;
+    private content;
+    private invalidatedCallback;
+    private runnerFrame;
+    private contentFrame;
+    constructor(compositionSession: CompositionSession);
+    setContent(content: () => void): void;
+    invalidate(): void;
+    invokeWhenInvalidated(callback: () => void): void;
+    compose(modifier: Modifier): void;
+}
+//# sourceMappingURL=MoleculeCompositionRunner.d.ts.map

package/build/dist/MoleculeCompositionRunner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MoleculeCompositionRunner.d.ts","sourceRoot":"","sources":["../../src/MoleculeCompositionRunner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,kBAAkB,EAAmB,QAAQ,EAAE,IAAI,EAA+B,MAAM,kBAAkB,CAAA;AAExH,qBAAa,yBAAyB;IAQ9B,OAAO,CAAC,kBAAkB;IAP9B,SAAgB,QAAQ,OAA2B;IACnD,OAAO,CAAC,OAAO,CAA4B;IAC3C,OAAO,CAAC,mBAAmB,CAA4B;IACvD,OAAO,CAAC,WAAW,CAAI;IACvB,OAAO,CAAC,YAAY,CAAI;IAExB,YACY,kBAAkB,EAAE,kBAAkB,EAC9C;IAEJ,UAAU,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,IAAI,CAGpC;IAED,UAAU,SAKT;IAED,qBAAqB,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,IAAI,CAEhD;IAED,OAAO,CAAC,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAiBhC;CACJ"}

package/build/dist/MoleculeCompositionRunner.js

@@ -0,0 +1,44 @@
+import { currentComposer, Modifier, Node, RecomposeLambdaExtensionKey } from '@notcompose/core';
+export class MoleculeCompositionRunner {
+    compositionSession;
+    rootNode = new Node(null, Modifier);
+    content = null;
+    invalidatedCallback = null;
+    runnerFrame = 0;
+    contentFrame = 0;
+    constructor(compositionSession) {
+        this.compositionSession = compositionSession;
+    }
+    setContent(content) {
+        this.content = content;
+        this.contentFrame = 0;
+    }
+    invalidate() {
+        const callback = this.invalidatedCallback;
+        if (callback === null)
+            return;
+        this.invalidatedCallback = null;
+        callback();
+    }
+    invokeWhenInvalidated(callback) {
+        this.invalidatedCallback = callback;
+    }
+    compose(modifier) {
+        if (this.content === null)
+            throw new Error('No content to compose');
+        this.runnerFrame++;
+        this.contentFrame++;
+        this.compositionSession.compose(() => {
+            this.rootNode.modifier = modifier;
+            currentComposer().startTree(this.rootNode);
+            currentComposer().applyExtension(RecomposeLambdaExtensionKey, this.content);
+            currentComposer().startComposingNode();
+            this.content();
+            currentComposer().endComposingNode();
+            currentComposer().endTree();
+        }, {
+            debugInformation: `currentContentRootFrame = ${this.contentFrame}\nmoleculeRunnerRootFrame = ${this.runnerFrame}`
+        });
+    }
+}
+//# sourceMappingURL=MoleculeCompositionRunner.js.map

package/build/dist/MoleculeCompositionRunner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MoleculeCompositionRunner.js","sourceRoot":"","sources":["../../src/MoleculeCompositionRunner.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,eAAe,EAAE,QAAQ,EAAE,IAAI,EAAE,2BAA2B,EAAE,MAAM,kBAAkB,CAAA;AAExH,MAAM,OAAO,yBAAyB;IAQtB,kBAAkB;IAPd,QAAQ,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAA;IAC3C,OAAO,GAAwB,IAAI,CAAA;IACnC,mBAAmB,GAAwB,IAAI,CAAA;IAC/C,WAAW,GAAG,CAAC,CAAA;IACf,YAAY,GAAG,CAAC,CAAA;IAExB,YACY,kBAAsC;kCAAtC,kBAAkB;IAC3B,CAAC;IAEJ,UAAU,CAAC,OAAmB;QAC1B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;QACtB,IAAI,CAAC,YAAY,GAAG,CAAC,CAAA;IACzB,CAAC;IAED,UAAU;QACN,MAAM,QAAQ,GAAG,IAAI,CAAC,mBAAmB,CAAA;QACzC,IAAI,QAAQ,KAAK,IAAI;YAAE,OAAM;QAC7B,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAA;QAC/B,QAAQ,EAAE,CAAA;IACd,CAAC;IAED,qBAAqB,CAAC,QAAoB;QACtC,IAAI,CAAC,mBAAmB,GAAG,QAAQ,CAAA;IACvC,CAAC;IAED,OAAO,CAAC,QAAkB;QACtB,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI;YACrB,MAAM,IAAI,KAAK,CAAC,uBAAuB,CAAC,CAAA;QAC5C,IAAI,CAAC,WAAW,EAAE,CAAA;QAClB,IAAI,CAAC,YAAY,EAAE,CAAA;QAEnB,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,GAAG,EAAE;YACjC,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG,QAAQ,CAAA;YACjC,eAAe,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;YAC1C,eAAe,EAAE,CAAC,cAAc,CAAC,2BAA2B,EAAE,IAAI,CAAC,OAAQ,CAAC,CAAA;YAC5E,eAAe,EAAE,CAAC,kBAAkB,EAAE,CAAA;YACtC,IAAI,CAAC,OAAQ,EAAE,CAAA;YACf,eAAe,EAAE,CAAC,gBAAgB,EAAE,CAAA;YACpC,eAAe,EAAE,CAAC,OAAO,EAAE,CAAA;QAC/B,CAAC,EAAE;YACC,gBAAgB,EAAE,6BAA6B,IAAI,CAAC,YAAY,+BAA+B,IAAI,CAAC,WAAW,EAAE;SACpH,CAAC,CAAA;IACN,CAAC;CACJ","sourcesContent":["import { type CompositionSession, currentComposer, Modifier, Node, RecomposeLambdaExtensionKey } from '@notcompose/core'\n\nexport class MoleculeCompositionRunner {\n    public readonly rootNode = new Node(null, Modifier)\n    private content: (() => void) | null = null\n    private invalidatedCallback: (() => void) | null = null\n    private runnerFrame = 0\n    private contentFrame = 0\n\n    constructor(\n        private compositionSession: CompositionSession,\n    ) {}\n\n    setContent(content: () => void): void {\n        this.content = content\n        this.contentFrame = 0\n    }\n\n    invalidate() {\n        const callback = this.invalidatedCallback\n        if (callback === null) return\n        this.invalidatedCallback = null\n        callback()\n    }\n\n    invokeWhenInvalidated(callback: () => void): void {\n        this.invalidatedCallback = callback\n    }\n\n    compose(modifier: Modifier): void {\n        if (this.content === null)\n            throw new Error('No content to compose')\n        this.runnerFrame++\n        this.contentFrame++\n\n        this.compositionSession.compose(() => {\n            this.rootNode.modifier = modifier\n            currentComposer().startTree(this.rootNode)\n            currentComposer().applyExtension(RecomposeLambdaExtensionKey, this.content!)\n            currentComposer().startComposingNode()\n            this.content!()\n            currentComposer().endComposingNode()\n            currentComposer().endTree()\n        }, {\n            debugInformation: `currentContentRootFrame = ${this.contentFrame}\\nmoleculeRunnerRootFrame = ${this.runnerFrame}`\n        })\n    }\n}\n"]}

package/build/dist/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference lib="esnext.disposable" preserve="true" />
+export * from './runMolecule.js';
+//# sourceMappingURL=index.d.ts.map

package/build/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AAEA,cAAc,kBAAkB,CAAA"}

package/build/dist/index.js

@@ -0,0 +1,3 @@
+/// <reference lib="esnext.disposable" preserve="true" />
+export * from './runMolecule.js';
+//# sourceMappingURL=index.js.map

package/build/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,yDAAyD;AAEzD,cAAc,kBAAkB,CAAA","sourcesContent":["/// <reference lib=\"esnext.disposable\" preserve=\"true\" />\n\nexport * from './runMolecule.js'\n"]}

package/build/dist/runMolecule.d.ts

@@ -0,0 +1,3 @@
+import { type State } from '@notcompose/core';
+export declare function runMolecule<T>(content: () => T): State<T>;
+//# sourceMappingURL=runMolecule.d.ts.map

package/build/dist/runMolecule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"runMolecule.d.ts","sourceRoot":"","sources":["../../src/runMolecule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsP,KAAK,KAAK,EAAoB,MAAM,kBAAkB,CAAA;AAInT,wBAAgB,WAAW,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CA+CzD"}

package/build/dist/runMolecule.js

@@ -0,0 +1,45 @@
+import { CleanCompositionPlugin, Composer, ComposerApplierPlugin, ComposerVerifierPlugin, CompositionSessionDefault, CurrentComposerRecomputeScope, Modifier, mutableStateOf, NameModifier, Recomposer, RecomputeScopeApplierPlugin, RememberObserverPlugin, StateReadsPlugin } from '@notcompose/core';
+import { MoleculeCompositionRunner } from './MoleculeCompositionRunner.js';
+const Empty = Symbol('Empty');
+export function runMolecule(content) {
+    const recomposer = new Recomposer();
+    const composer = new Composer([
+        recomposer,
+        // Для дебага, кинет исключение если методы плагинов вызовутся неправильно
+        new ComposerVerifierPlugin(),
+        // Удаляет пометку о грязной ноде сразу после начала композиции
+        new CleanCompositionPlugin(),
+        // Отслеживает чтения стейтов во время композиции;
+        // Составляет список стейтов от которых зависит каждая нода;
+        // Позже используется для рекомпозиции при изменении стейта;
+        // + recomposer помечает ноду грязной при изменении стейтов, от которых она зависит
+        new StateReadsPlugin(recomposer),
+        // Вызывает onRemembered и onForgotten для запомненых объектов реализующих RememberObserver
+        // В частности это нужно для работы LaunchedEffect и DisposableEffect (см. исходники)
+        new RememberObserverPlugin(),
+    ]);
+    const state = mutableStateOf(Empty);
+    const compositionSession = new CompositionSessionDefault(composer, [
+        new RecomputeScopeApplierPlugin(CurrentComposerRecomputeScope),
+        new ComposerApplierPlugin(),
+    ]);
+    const composition = new MoleculeCompositionRunner(compositionSession);
+    composition.setContent(() => {
+        state.value = content();
+    });
+    function recompose() {
+        composition.compose(Modifier.then(NameModifier('Root')));
+    }
+    recompose();
+    void (async () => {
+        // noinspection InfiniteLoopJS
+        while (true) {
+            await recomposer.awaitNeedRecompose();
+            recomposer.recompose(compositionSession);
+        }
+    })();
+    if (state.value === Empty)
+        throw new Error('State cannot be empty');
+    return state;
+}
+//# sourceMappingURL=runMolecule.js.map

package/build/dist/runMolecule.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"runMolecule.js","sourceRoot":"","sources":["../../src/runMolecule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,QAAQ,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,6BAA6B,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,UAAU,EAAE,2BAA2B,EAAE,sBAAsB,EAAc,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AACnT,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAA;AAE1E,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;AAC7B,MAAM,UAAU,WAAW,CAAI,OAAgB;IAC3C,MAAM,UAAU,GAAG,IAAI,UAAU,EAAE,CAAA;IACnC,MAAM,QAAQ,GAAG,IAAI,QAAQ,CAAC;QAC1B,UAAU;QACV,0EAA0E;QAC1E,IAAI,sBAAsB,EAAE;QAC5B,+DAA+D;QAC/D,IAAI,sBAAsB,EAAE;QAC5B,kDAAkD;QAClD,4DAA4D;QAC5D,4DAA4D;QAC5D,mFAAmF;QACnF,IAAI,gBAAgB,CAAC,UAAU,CAAC;QAChC,2FAA2F;QAC3F,qFAAqF;QACrF,IAAI,sBAAsB,EAAE;KAC/B,CAAC,CAAA;IAEF,MAAM,KAAK,GAAG,cAAc,CAAmB,KAAK,CAAC,CAAA;IAErD,MAAM,kBAAkB,GAAG,IAAI,yBAAyB,CAAC,QAAQ,EAAE;QAC/D,IAAI,2BAA2B,CAAC,6BAA6B,CAAC;QAC9D,IAAI,qBAAqB,EAAE;KAC9B,CAAC,CAAA;IAEF,MAAM,WAAW,GAAG,IAAI,yBAAyB,CAAC,kBAAkB,CAAC,CAAA;IACrE,WAAW,CAAC,UAAU,CAAC,GAAG,EAAE;QACxB,KAAK,CAAC,KAAK,GAAG,OAAO,EAAE,CAAA;IAC3B,CAAC,CAAC,CAAA;IAEF,SAAS,SAAS;QACd,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;IAC5D,CAAC;IAED,SAAS,EAAE,CAAA;IAEX,KAAK,CAAC,KAAK,IAAI,EAAE;QACb,8BAA8B;QAC9B,OAAO,IAAI,EAAE,CAAC;YACV,MAAM,UAAU,CAAC,kBAAkB,EAAE,CAAA;YACrC,UAAU,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAA;QAC5C,CAAC;IACL,CAAC,CAAC,EAAE,CAAA;IAEJ,IAAI,KAAK,CAAC,KAAK,KAAK,KAAK;QACrB,MAAM,IAAI,KAAK,CAAC,uBAAuB,CAAC,CAAA;IAC5C,OAAO,KAAiB,CAAA;AAC5B,CAAC","sourcesContent":["import { CleanCompositionPlugin, Composer, ComposerApplierPlugin, ComposerVerifierPlugin, CompositionSessionDefault, CurrentComposerRecomputeScope, Modifier, mutableStateOf, NameModifier, Recomposer, RecomputeScopeApplierPlugin, RememberObserverPlugin, type State, StateReadsPlugin } from '@notcompose/core'\nimport { MoleculeCompositionRunner } from './MoleculeCompositionRunner.js'\n\nconst Empty = Symbol('Empty')\nexport function runMolecule<T>(content: () => T): State<T> {\n    const recomposer = new Recomposer()\n    const composer = new Composer([\n        recomposer,\n        // Для дебага, кинет исключение если методы плагинов вызовутся неправильно\n        new ComposerVerifierPlugin(),\n        // Удаляет пометку о грязной ноде сразу после начала композиции\n        new CleanCompositionPlugin(),\n        // Отслеживает чтения стейтов во время композиции;\n        // Составляет список стейтов от которых зависит каждая нода;\n        // Позже используется для рекомпозиции при изменении стейта;\n        // + recomposer помечает ноду грязной при изменении стейтов, от которых она зависит\n        new StateReadsPlugin(recomposer),\n        // Вызывает onRemembered и onForgotten для запомненых объектов реализующих RememberObserver\n        // В частности это нужно для работы LaunchedEffect и DisposableEffect (см. исходники)\n        new RememberObserverPlugin(),\n    ])\n\n    const state = mutableStateOf<T | typeof Empty>(Empty)\n\n    const compositionSession = new CompositionSessionDefault(composer, [\n        new RecomputeScopeApplierPlugin(CurrentComposerRecomputeScope),\n        new ComposerApplierPlugin(),\n    ])\n\n    const composition = new MoleculeCompositionRunner(compositionSession)\n    composition.setContent(() => {\n        state.value = content()\n    })\n\n    function recompose() {\n        composition.compose(Modifier.then(NameModifier('Root')))\n    }\n\n    recompose()\n\n    void (async () => {\n        // noinspection InfiniteLoopJS\n        while (true) {\n            await recomposer.awaitNeedRecompose()\n            recomposer.recompose(compositionSession)\n        }\n    })()\n\n    if (state.value === Empty)\n        throw new Error('State cannot be empty')\n    return state as State<T>\n}\n"]}

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@notcompose/molecule",
+  "version": "0.1.2",
+  "description": "notcompose molecule",
+  "type": "module",
+  "main": "./build/dist/index.js",
+  "types": "./build/dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./build/dist/index.d.ts",
+      "import": "./build/dist/index.js",
+      "default": "./build/dist/index.js"
+    }
+  },
+  "files": [
+    "build/dist"
+  ],
+  "peerDependencies": {
+    "@notcompose/core": "^0.1.0"
+  },
+  "devDependencies": {
+    "@notcompose/core": "0.1.2"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/y9maly/notcompose.git",
+    "directory": "notcompose-molecule"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "test": "vitest run"
+  }
+}