sinho 0.1.0

package/dist/intrinsic/TagComponent.js

@@ -0,0 +1,67 @@
+import { setAttr, setStyle } from "../dom.js";
+import { jsxPropNameToEventName } from "../utils.js";
+import { MaybeSignal, useBatch, useEffect, useScope } from "../scope.js";
+import { Fragment } from "./Fragment.js";
+import { runWithRenderer, useRenderer } from "../renderer.js";
+import { createTemplate } from "../template.js";
+export const hydrateElement = (node, svg, props, heuristic) => {
+    const { ref, style, children, dangerouslySetInnerHTML, ...attrs } = props;
+    for (const name in style ?? {}) {
+        const value = style[name];
+        const signal = value;
+        useEffect(() => {
+            setStyle(node, name, MaybeSignal.get(signal));
+        });
+    }
+    for (const name in attrs) {
+        const value = attrs[name];
+        if (name.startsWith("on")) {
+            // Register event
+            const s = useScope();
+            const listener = (evt) => {
+                s._run(() => useBatch(() => value(evt)));
+            };
+            const eventName = jsxPropNameToEventName(name);
+            useEffect(() => {
+                node.addEventListener(eventName, listener);
+                return () => node.removeEventListener(eventName, listener);
+            });
+        }
+        else {
+            // Set attribute
+            useEffect(() => {
+                setAttr(node, name, MaybeSignal.get(value), heuristic);
+            });
+        }
+    }
+    if (dangerouslySetInnerHTML) {
+        useEffect(() => {
+            const html = MaybeSignal.get(dangerouslySetInnerHTML).__html;
+            if (node.innerHTML != html) {
+                node.innerHTML = html;
+            }
+        });
+    }
+    if (ref) {
+        useEffect(() => {
+            ref.set(node);
+            return () => ref.set(undefined);
+        });
+    }
+    if (props.children != null) {
+        node.append(...runWithRenderer({
+            _svg: svg,
+            _nodes: node.childNodes.values(),
+        }, () => Fragment({ children: props.children }).build()));
+    }
+    return node;
+};
+export const TagComponent = (tagName, props = {}) => createTemplate(() => {
+    const renderer = useRenderer();
+    const svg = tagName == "svg" ? true : !!renderer._svg;
+    const node = hydrateElement(renderer._node(() => !svg
+        ? document.createElement(tagName)
+        : document.createElementNS("http://www.w3.org/2000/svg", tagName)), svg, props, true);
+    return [node];
+});
+//# sourceMappingURL=TagComponent.js.map

package/dist/intrinsic/TagComponent.js.map

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

package/dist/intrinsic/Text.d.ts

@@ -0,0 +1,6 @@
+import { MaybeSignal } from "../scope.js";
+import { FunctionalComponent } from "../component.js";
+export declare const Text: FunctionalComponent<{
+    text?: MaybeSignal<string | number | undefined | null>;
+    marker?: boolean;
+}>;

package/dist/intrinsic/Text.js

@@ -0,0 +1,16 @@
+import { MaybeSignal, useEffect } from "../scope.js";
+import { useRenderer } from "../renderer.js";
+import { createTemplate } from "../template.js";
+export const Text = ({ text, marker }) => createTemplate(() => {
+    const renderer = useRenderer();
+    const anchor = marker && renderer._node(() => document.createComment(""));
+    const node = renderer._node(() => document.createTextNode(""));
+    useEffect(() => {
+        const textContent = "" + (MaybeSignal.get(text) ?? "");
+        if (node.textContent != textContent) {
+            node.textContent = textContent;
+        }
+    });
+    return anchor ? [anchor, node] : [node];
+});
+//# sourceMappingURL=Text.js.map

package/dist/intrinsic/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/intrinsic/Text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAW,MAAM,aAAa,CAAC;AAE9D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD,MAAM,CAAC,MAAM,IAAI,GAGZ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,CACxB,cAAc,CAAC,GAAG,EAAE;IAClB,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,MAAM,GAAG,MAAM,IAAI,QAAQ,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1E,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC;IAE/D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAG,EAAE,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QAEvD,IAAI,IAAI,CAAC,WAAW,IAAI,WAAW,EAAE,CAAC;YACpC,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QACjC,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;AAC1C,CAAC,CAAC,CAAC"}

package/dist/intrinsic/mod.d.ts

@@ -0,0 +1,5 @@
+export { For } from "./For.js";
+export { type Children, Fragment } from "./Fragment.js";
+export { If, ElseIf, Else } from "./If.js";
+export { Portal } from "./Portal.js";
+export { Style, css } from "./Style.js";

package/dist/intrinsic/mod.js

@@ -0,0 +1,6 @@
+export { For } from "./For.js";
+export { Fragment } from "./Fragment.js";
+export { If, ElseIf, Else } from "./If.js";
+export { Portal } from "./Portal.js";
+export { Style, css } from "./Style.js";
+//# sourceMappingURL=mod.js.map

package/dist/intrinsic/mod.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mod.js","sourceRoot":"","sources":["../../src/intrinsic/mod.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAiB,QAAQ,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC"}

package/dist/jsx-runtime/mod.d.ts

@@ -0,0 +1,23 @@
+import type { Template } from "../template.js";
+import type { DomEventProps, DomIntrinsicElements, DomProps } from "../dom.js";
+import type { jsxPropsSym } from "../component.js";
+/** @ignore */
+export declare const jsx: (type: any, props?: (object & {
+    key?: unknown;
+}) | undefined, key?: unknown) => Template;
+/** @ignore */
+export declare namespace JSX {
+    type Element = Template;
+    type ElementClass = Omit<HTMLElement, typeof jsxPropsSym>;
+    interface ElementAttributesProperty {
+        [jsxPropsSym]: {};
+    }
+    interface ElementChildrenAttribute {
+        children: {};
+    }
+    type IntrinsicElements = DomIntrinsicElements;
+    interface IntrinsicClassAttributes<T> extends DomProps<T>, DomEventProps<T> {
+    }
+}
+export { Fragment } from "../intrinsic/Fragment.js";
+export { jsx as jsxDEV, jsx as jsxs };

package/dist/jsx-runtime/mod.js

@@ -0,0 +1,11 @@
+import { createElement } from "../create_element.js";
+/** @ignore */
+export const jsx = (type, props, key) => {
+    if (props && key != null) {
+        props.key = key;
+    }
+    return createElement(type, props);
+};
+export { Fragment } from "../intrinsic/Fragment.js";
+export { jsx as jsxDEV, jsx as jsxs };
+//# sourceMappingURL=mod.js.map

package/dist/jsx-runtime/mod.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mod.js","sourceRoot":"","sources":["../../src/jsx-runtime/mod.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAKrD,cAAc;AACd,MAAM,CAAC,MAAM,GAAG,GAAG,CACjB,IAAS,EACT,KAAkC,EAClC,GAAa,EACH,EAAE;IACZ,IAAI,KAAK,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;QACzB,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC;IAClB,CAAC;IAED,OAAO,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AACpC,CAAC,CAAC;AAuBF,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,GAAG,IAAI,MAAM,EAAE,GAAG,IAAI,IAAI,EAAE,CAAC"}

package/dist/mod.d.ts

@@ -0,0 +1,8 @@
+export { type AttributeOptions, Component, type ComponentConstructor, type ComponentOptions, defineComponents, event, type EventConstructor, type FunctionalComponent, isComponent, type Metadata, prop, type PropOptions, useMountEffect as useEffect, } from "./component.js";
+export { type Context, createContext, useContext } from "./context.js";
+export { createElement, h } from "./create_element.js";
+export { DangerousHtml, Styles } from "./dom.js";
+export { type Template } from "./template.js";
+export { type Cleanup, MaybeSignal, type SetSignalOptions, type Signal, type SignalLike, type SignalSetter, type SubscopeOptions, type RefSignal, type RefSignalSetter, useBatch, useMemo, useSignal, useRef, } from "./scope.js";
+export * from "./intrinsic/mod.js";
+export * from "./jsx-runtime/mod.js";

package/dist/mod.js

@@ -0,0 +1,7 @@
+export { Component, defineComponents, event, isComponent, prop, useMountEffect as useEffect, } from "./component.js";
+export { createContext, useContext } from "./context.js";
+export { createElement, h } from "./create_element.js";
+export { MaybeSignal, useBatch, useMemo, useSignal, useRef, } from "./scope.js";
+export * from "./intrinsic/mod.js";
+export * from "./jsx-runtime/mod.js";
+//# sourceMappingURL=mod.js.map

package/dist/mod.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mod.js","sourceRoot":"","sources":["../src/mod.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,EAGT,gBAAgB,EAChB,KAAK,EAGL,WAAW,EAEX,IAAI,EAEJ,cAAc,IAAI,SAAS,GAC5B,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAgB,aAAa,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,CAAC,EAAE,MAAM,qBAAqB,CAAC;AAGvD,OAAO,EAEL,WAAW,EAQX,QAAQ,EACR,OAAO,EACP,SAAS,EACT,MAAM,GACP,MAAM,YAAY,CAAC;AAEpB,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC"}

package/dist/renderer.d.ts

@@ -0,0 +1,13 @@
+import { Component } from "./component.js";
+import { Signal } from "./scope.js";
+interface Renderer {
+    _component?: Component;
+    _svg?: boolean;
+    _nodes?: IterableIterator<Node>;
+    _ifConditions: Signal<boolean | undefined>[];
+    _node<N extends Node>(fallback: () => N): N;
+}
+type RendererOverrides = Partial<Omit<Renderer, "_node">>;
+export declare const useRenderer: () => Renderer;
+export declare const runWithRenderer: <T>(override: RendererOverrides, fn: () => T) => T;
+export {};

package/dist/renderer.js

@@ -0,0 +1,25 @@
+import { useEffect, useScope, useSubscope } from "./scope.js";
+const createRenderer = (override = {}) => ({
+    _ifConditions: [],
+    _node(fallback) {
+        return this._nodes?.next().value ?? fallback();
+    },
+    ...override,
+});
+export const useRenderer = () => {
+    const scope = useScope();
+    return (scope._details._renderer ??= createRenderer());
+};
+export const runWithRenderer = (override, fn) => {
+    const currRenderer = useRenderer();
+    const _renderer = createRenderer({
+        ...currRenderer,
+        ...override,
+    });
+    const [result, destroy] = useSubscope(fn, {
+        details: { _renderer },
+    });
+    useEffect(() => destroy);
+    return result;
+};
+//# sourceMappingURL=renderer.js.map

package/dist/renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.js","sourceRoot":"","sources":["../src/renderer.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAatE,MAAM,cAAc,GAAG,CAAC,WAA8B,EAAE,EAAY,EAAE,CAAC,CAAC;IACtE,aAAa,EAAE,EAAE;IACjB,KAAK,CAAiB,QAAiB;QACrC,OAAQ,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,KAAuB,IAAI,QAAQ,EAAE,CAAC;IACpE,CAAC;IACD,GAAG,QAAQ;CACZ,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,KAAK,GAAG,QAAQ,EAA4B,CAAC;IACnD,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,KAAK,cAAc,EAAE,CAAC,CAAC;AACzD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,QAA2B,EAC3B,EAAW,EACR,EAAE;IACL,MAAM,YAAY,GAAG,WAAW,EAAE,CAAC;IACnC,MAAM,SAAS,GAAG,cAAc,CAAC;QAC/B,GAAG,YAAY;QACf,GAAG,QAAQ;KACZ,CAAC,CAAC;IAEH,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,WAAW,CAAC,EAAE,EAAE;QACxC,OAAO,EAAE,EAAE,SAAS,EAAE;KACvB,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC;IAEzB,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC"}

package/dist/scope.d.ts

@@ -0,0 +1,138 @@
+/**
+ * Represents a signal-based computation.
+ */
+export interface SignalLike<out T> {
+    /**
+     * Gets the current value of the signal with tracking by default.
+     */
+    (): T;
+}
+/**
+ * Represents a value that tracks changes over time.
+ */
+export interface Signal<out T> extends SignalLike<T> {
+    /** @ignore */
+    _effects: Set<Effect>;
+    /**
+     * Accesses the current value of the signal without tracking.
+     */
+    peek(): T;
+}
+export interface SetSignalOptions {
+    /**
+     * Whether to force the update of the signal even if the new value has the
+     * same reference.
+     */
+    force?: boolean;
+    /**
+     * Whether to suppress the update of the signal's effects.
+     */
+    silent?: boolean;
+}
+/**
+ * Can be used to update a signal with a new value.
+ */
+export interface SignalSetter<in T, out U = T> {
+    (update: (value: U) => T, opts?: SetSignalOptions): void;
+    (value: T extends Function ? never : T, opts?: SetSignalOptions): void;
+}
+export interface SubscopeOptions {
+    details?: object;
+}
+interface Effect {
+    _clean?: Cleanup;
+    _deps: Set<Signal<unknown>>;
+    _scope: Scope;
+    _run(): void;
+}
+/**
+ * Represents the cleanup function of an effect.
+ */
+export type Cleanup = (() => void) | void | undefined | null;
+export interface Scope<out T = {}> {
+    readonly _parent?: Scope;
+    _effects: Effect[];
+    _subscopes: Scope[];
+    _details: T;
+    _run<T>(fn: () => T): T;
+    _cleanup(): void;
+}
+/** @ignore */
+export declare const useScope: <T = {}>() => Scope<T>;
+/**
+ * Creates a new signal with the given value.
+ * @returns A tuple with the signal and its setter.
+ */
+export declare const useSignal: (<T>(value: T, opts?: SetSignalOptions) => readonly [Signal<T>, SignalSetter<T>]) & (<T>(value?: T, opts?: SetSignalOptions) => readonly [Signal<T | undefined>, SignalSetter<T | undefined>]);
+/**
+ * Runs the given function in a batch.
+ *
+ * @param fn Any calls to signal setters inside the function will be batched
+ * and updated at the same time.
+ */
+export declare const useBatch: <T>(fn: () => T) => T;
+/**
+ * Creates an effect which will rerun when any accessed signal changes.
+ *
+ * @param fn The function to run; it can return a cleanup function.
+ */
+export declare const useEffect: (fn: () => Cleanup, deps?: SignalLike<unknown>[]) => void;
+/**
+ * Creates a memoized signal.
+ *
+ * @param fn The computation function.
+ */
+export declare const useMemo: <T>(fn: () => T, opts?: SetSignalOptions) => Signal<T>;
+/**
+ * Executes a function inside a subscope which can be manually destroyed.
+ *
+ * @param fn The function to run in the subscope.
+ * @returns A function to manually destroy the subscope.
+ */
+export declare const useSubscope: <T>(fn: () => T, opts?: SubscopeOptions) => [T, () => void];
+/**
+ * Provide write capabilities to a signal.
+ */
+export interface RefSignal<in out T> extends Signal<T>, RefSignalSetter<T> {
+    /**
+     * Sets the value of the signal.
+     */
+    set: SignalSetter<T>;
+}
+/**
+ * A contravariant variant of {@link RefSignal}.
+ */
+export interface RefSignalSetter<in T> {
+    /**
+     * Sets the value of the signal.
+     */
+    set: SignalSetter<T, unknown>;
+}
+/**
+ * Creates a new signal with write capabilities.
+ */
+export declare const useRef: (<T>(value: T, opts?: SetSignalOptions) => RefSignal<T>) & (<T>(value?: T, opts?: SetSignalOptions) => RefSignal<T | undefined>);
+/**
+ * Represents a value that can be a signal or a constant value.
+ *
+ * Note that functions are not allowed as constant values.
+ */
+export type MaybeSignal<T> = SignalLike<T> | (T extends Function ? never : T);
+/**
+ * @namespace
+ */
+export declare const MaybeSignal: {
+    /**
+     * Transforms the given {@link MaybeSignal} into a {@link Signal}.
+     */
+    upgrade: <T>(signal: MaybeSignal<T>) => SignalLike<T>;
+    /**
+     * Gets the value of the given {@link MaybeSignal}.
+     */
+    get: <T_1>(signal: MaybeSignal<T_1>) => T_1;
+    /**
+     * Accesses the value of the given {@link MaybeSignal} without tracking.
+     */
+    peek<T_2>(signal: MaybeSignal<T_2>): T_2;
+};
+export {};

package/dist/scope.js

@@ -0,0 +1,228 @@
+const createScope = (parent) => {
+    return {
+        _parent: parent,
+        _effects: [],
+        _subscopes: [],
+        _details: { ...parent?._details },
+        _run(fn) {
+            const prevScope = currScope;
+            currScope = this;
+            try {
+                return fn();
+            }
+            finally {
+                currScope = prevScope;
+            }
+        },
+        _cleanup() {
+            for (let i = this._subscopes.length - 1; i >= 0; i--) {
+                this._subscopes[i]._cleanup();
+            }
+            this._subscopes = [];
+            for (let i = this._effects.length - 1; i >= 0; i--) {
+                const effect = this._effects[i];
+                effect._clean?.();
+                effect._deps.forEach((signal) => signal._effects.delete(effect));
+                effect._deps.clear();
+            }
+            this._effects = [];
+        },
+    };
+};
+let rootScope = createScope();
+let currScope = rootScope;
+let currUntracked = false;
+let currEffect;
+let currBatch;
+/** @ignore */
+export const useScope = () => currScope;
+/**
+ * Creates a new signal with the given value.
+ * @returns A tuple with the signal and its setter.
+ */
+export const useSignal = (value, opts) => {
+    const signal = () => {
+        if (!currUntracked && currEffect) {
+            currEffect._deps.add(signal);
+            signal._effects.add(currEffect);
+        }
+        return signal.peek();
+    };
+    signal._effects = new Set();
+    signal.peek = () => value;
+    const setter = (arg, innerOpts) => {
+        innerOpts = { ...opts, ...innerOpts };
+        if (currBatch) {
+            const newValue = typeof arg == "function"
+                ? arg(signal.peek())
+                : arg;
+            if (innerOpts?.force || newValue !== signal.peek()) {
+                if (innerOpts?.force) {
+                    value = newValue;
+                }
+                else {
+                    currBatch._setters.push(() => (value = newValue));
+                }
+                if (!innerOpts?.silent) {
+                    signal._effects.forEach((effect) => currBatch._effects.add(effect));
+                }
+            }
+        }
+        else {
+            useBatch(() => setter(arg, innerOpts));
+        }
+    };
+    return [signal, setter];
+};
+/**
+ * Runs the given function in a batch.
+ *
+ * @param fn Any calls to signal setters inside the function will be batched
+ * and updated at the same time.
+ */
+export const useBatch = (fn) => {
+    const prevBatch = currBatch;
+    currBatch = { _setters: [], _effects: new Set() };
+    try {
+        const result = fn();
+        while (currBatch._setters.length > 0 || currBatch._effects.size > 0) {
+            // Clean effect subscope
+            const effects = currBatch._effects;
+            currBatch._effects = new Set();
+            effects.forEach((effect) => effect._clean?.());
+            // Run signal updates
+            currBatch._setters.forEach((setter) => setter());
+            currBatch._setters = [];
+            // Run effects
+            effects.forEach((effect) => effect._run());
+        }
+        return result;
+    }
+    finally {
+        currBatch = prevBatch;
+    }
+};
+/**
+ * Creates an effect which will rerun when any accessed signal changes.
+ *
+ * @param fn The function to run; it can return a cleanup function.
+ */
+export const useEffect = (fn, deps) => {
+    const untracked = !!deps;
+    const effect = {
+        _scope: currScope,
+        _deps: new Set(),
+        _run() {
+            const prevEffect = currEffect;
+            const prevUntracked = currUntracked;
+            currEffect = this;
+            try {
+                if (!deps) {
+                    // For automatic dependency tracking
+                    // clean up dependencies and listeners
+                    this._deps.forEach((dep) => dep._effects.delete(this));
+                    this._deps.clear();
+                }
+                else if (!this._deps.size) {
+                    // Track specified dependencies
+                    deps.forEach((dep) => dep());
+                }
+                // Run effect
+                currUntracked = untracked;
+                this._clean?.();
+                const cleanup = this._scope._run(() => useBatch(fn));
+                this._clean = !cleanup
+                    ? null
+                    : () => {
+                        this._scope._run(() => useBatch(cleanup));
+                        this._clean = null;
+                    };
+            }
+            finally {
+                // Restore scope state
+                currEffect = prevEffect;
+                currUntracked = prevUntracked;
+            }
+        },
+    };
+    effect._deps.forEach((signal) => signal._effects.add(effect));
+    currScope._effects.push(effect);
+    effect._run();
+    if (!effect._deps.size && !effect._clean) {
+        // Optimization: Destroy effect since there's no cleanup and this effect
+        // won't be called again
+        currScope._effects.pop();
+    }
+};
+/**
+ * Creates a memoized signal.
+ *
+ * @param fn The computation function.
+ */
+export const useMemo = (fn, opts) => {
+    const [memo, setMemo] = useSignal();
+    let firstTime = true;
+    useEffect(() => {
+        setMemo(fn, firstTime ? { ...opts, force: true } : opts);
+        firstTime = false;
+    });
+    return memo;
+};
+/**
+ * Executes a function inside a subscope which can be manually destroyed.
+ *
+ * @param fn The function to run in the subscope.
+ * @returns A function to manually destroy the subscope.
+ */
+export const useSubscope = (fn, opts) => {
+    const parent = currScope;
+    const scope = createScope(parent);
+    Object.assign(scope._details, opts?.details);
+    parent._subscopes.push(scope);
+    const result = scope._run(fn);
+    return [
+        result,
+        () => {
+            const index = parent._subscopes.indexOf(scope);
+            if (index >= 0) {
+                parent._subscopes.splice(index, 1);
+            }
+            scope._cleanup();
+        },
+    ];
+};
+/**
+ * Creates a new signal with write capabilities.
+ */
+export const useRef = (value, opts) => {
+    const [signal, setter] = useSignal(value, opts);
+    signal.set = setter;
+    return signal;
+};
+/**
+ * @namespace
+ */
+export const MaybeSignal = {
+    /**
+     * Transforms the given {@link MaybeSignal} into a {@link Signal}.
+     */
+    upgrade: (signal) => () => MaybeSignal.get(signal),
+    /**
+     * Gets the value of the given {@link MaybeSignal}.
+     */
+    get: (signal) => typeof signal == "function" ? signal() : signal,
+    /**
+     * Accesses the value of the given {@link MaybeSignal} without tracking.
+     */
+    peek(signal) {
+        const prevUntracked = currUntracked;
+        currUntracked = true;
+        try {
+            return this.get(signal);
+        }
+        finally {
+            currUntracked = prevUntracked;
+        }
+    },
+};
+//# sourceMappingURL=scope.js.map

package/dist/scope.js.map

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

package/dist/template.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Represents a render result of a component.
+ */
+export interface Template {
+    /**
+     * Build the DOM elements represented by this template.
+     */
+    build(): Node[];
+}
+export declare const createTemplate: (build: () => Template | Node[]) => Template;

package/dist/template.js

@@ -0,0 +1,7 @@
+export const createTemplate = (build) => ({
+    build() {
+        const nodes = build();
+        return nodes.build?.() ?? nodes;
+    },
+});
+//# sourceMappingURL=template.js.map

package/dist/template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../src/template.ts"],"names":[],"mappings":"AAUA,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA8B,EAAY,EAAE,CAAC,CAAC;IAC3E,KAAK;QACH,MAAM,KAAK,GAAG,KAAK,EAAE,CAAC;QACtB,OAAQ,KAAkB,CAAC,KAAK,EAAE,EAAE,IAAI,KAAK,CAAC;IAChD,CAAC;CACF,CAAC,CAAC"}

package/dist/utils.d.ts

@@ -0,0 +1,6 @@
+type RemoveOn<S extends string> = S extends `on${infer R}` ? Uncapitalize<R> : never;
+export type CamelCaseToKebabCase<S extends string> = S extends `${infer F}${infer R}` ? F extends Lowercase<F> ? `${F}${CamelCaseToKebabCase<R>}` : `-${Lowercase<F>}${CamelCaseToKebabCase<R>}` : Lowercase<S>;
+export declare const camelCaseToKebabCase: (value: string) => string;
+export type JsxPropNameToEventName<S extends string> = CamelCaseToKebabCase<RemoveOn<S>>;
+export declare const jsxPropNameToEventName: (value: `on${string}`) => string;
+export {};

package/dist/utils.js

@@ -0,0 +1,13 @@
+export const camelCaseToKebabCase = (value) => {
+    return ((value[0] ?? "").toLowerCase() +
+        value.slice(1).replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`));
+};
+export const jsxPropNameToEventName = (value) => {
+    if (value.startsWith("on:")) {
+        return value.slice(3);
+    }
+    else {
+        return camelCaseToKebabCase(value.slice(2));
+    }
+};
+//# sourceMappingURL=utils.js.map

package/dist/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAWA,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAa,EAAU,EAAE;IAC5D,OAAO,CACL,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,WAAW,EAAE;QAC9B,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAC/D,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAAoB,EAAU,EAAE;IACrE,IAAI,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;QAC5B,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC;SAAM,CAAC;QACN,OAAO,oBAAoB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9C,CAAC;AACH,CAAC,CAAC"}