@manyducks.co/dolla 2.0.0-alpha.57 → 2.0.0-alpha.58

package/dist/core/signals.d.ts

@@ -1,24 +1,3 @@
-import { type Dependency, type Subscriber, SubscriberFlags } from "alien-signals";
-export interface Effect extends Subscriber, Dependency {
-    /**
-     * Effect function. Can return an optional cleanup callback to be invoked before the next fn() call.
-     */
-    fn(): (() => void) | void;
-    cleanup?: () => void;
-}
-export interface Computed<T = any> extends Value<T | undefined>, Subscriber {
-    getter: (cachedValue?: T) => T;
-    equals: EqualityFn<T>;
-}
-export interface Value<T = any> extends Dependency {
-    current: T;
-}
-export declare const link: (dep: Dependency, sub: Subscriber) => import("alien-signals").Link | undefined, propagate: (link: import("alien-signals").Link) => void, updateDirtyFlag: (sub: Subscriber, flags: SubscriberFlags) => boolean, startTracking: (sub: Subscriber) => void, endTracking: (sub: Subscriber) => void, processEffectNotifications: () => void, processComputedUpdate: (computed: Dependency & Subscriber, flags: SubscriberFlags) => void, processPendingInnerEffects: (sub: Subscriber, flags: SubscriberFlags) => void;
-export declare let activeSub: Subscriber | undefined;
-export declare function queueEffect(e: Effect): void;
-export declare function stopEffect(this: Effect): void;
-export declare function pauseTracking(): void;
-export declare function resumeTracking(): void;
 /**
  * A getter that returns the current value held within the signal.
  * If called inside a trackable scope this signal will be tracked as a dependency.
@@ -42,7 +21,8 @@ export interface SignalOptions<T> {
     equals?: EqualityFn<T>;
 }
 export declare function isSource<T>(value: MaybeSignal<T>): value is Source<T>;
-export declare function peek<T>(value: MaybeSignal<T>): T;
+export declare function batch(fn: () => void): void;
+export declare function untracked<T>(value: MaybeSignal<T>): T;
 export declare function get<T>(value: MaybeSignal<T>): T;
 /**
  * Function to be invoked for the effect. Can return an optional cleanup function to be called between invocations.
@@ -57,7 +37,7 @@ export type UnsubscribeFn = () => void;
  * If you are using an effect inside a View or Store, use `ctx.effect` instead, which cleans up automatically when the component unmounts.
  */
 export declare function effect(fn: EffectFn): UnsubscribeFn;
-export declare function $<T>(compute: () => MaybeSignal<T>, options?: SignalOptions<T>): Signal<T>;
+export declare function $<T>(compute: (previousValue: T) => MaybeSignal<T>, options?: SignalOptions<T>): Signal<T>;
 export declare function $<T>(value: T, options?: SignalOptions<T>): Source<T>;
 export declare function $<T>(value: undefined, options?: SignalOptions<T>): Source<T | undefined>;
 export declare function $<T>(): Source<T | undefined>;

package/dist/core/views/default-crash-view.d.ts

@@ -1,3 +1,4 @@
+import { Markup } from "../markup.js";
 /**
  * Props passed to the crash view when a crash occurs.
  */
@@ -19,4 +20,14 @@ export type CrashViewProps = {
      */
     tagName?: string;
 };
-export declare function DefaultCrashView(props: CrashViewProps): import("../markup.js").Markup<Record<any, any>>;
+export declare function DefaultCrashView(props: CrashViewProps): Markup<{
+    style: {
+        backgroundColor: string;
+        color: string;
+        padding: string;
+        position: string;
+        inset: number;
+        fontSize: string;
+    };
+    children: Markup<any>[];
+}>;

package/dist/i18n.js

@@ -5,7 +5,7 @@ var D = (o) => {
 var J = (o, t, e) => t in o ? B(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
 var O = (o, t, e) => J(o, typeof t != "symbol" ? t + "" : t, e), _ = (o, t, e) => t.has(o) || D("Cannot " + e);
 var i = (o, t, e) => (_(o, t, "read from private field"), e ? e.call(o) : t.get(o)), m = (o, t, e) => t.has(o) ? D("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(o) : t.set(o, e), N = (o, t, e, n) => (_(o, t, "write to private field"), n ? n.call(o, e) : t.set(o, e), e), g = (o, t, e) => (_(o, t, "access private method"), e);
-import { $, f as K, d as Q, g as x } from "./logger-sSxIw5od.js";
+import { $, f as K, d as Q, g as x } from "./logger-C2AJnlaL.js";
 import { b as C, i as j, c as U, t as P } from "./typeChecking-BJ-ymQ2F.js";
 var I, F, p, S, G;
 class W {

package/dist/index.js

@@ -1,14 +1,14 @@
-import { o as h } from "./logger-sSxIw5od.js";
-import { $ as k, f as D, d as F, e as I, g as _, b as q, p as v, c as B, h as V, i as $, s as P, a as S } from "./logger-sSxIw5od.js";
-import { m as t, w as y, C as s, L as i, r as u } from "./markup-CAJd0zdA.js";
-import { c as z, p as A, a as Y, u as G } from "./markup-CAJd0zdA.js";
-import { R as p, M as w, U as b } from "./router-ClSFnmRK.js";
+import { o as g } from "./logger-C2AJnlaL.js";
+import { $ as L, f as T, d as q, e as B, g as $, b as v, c as O, h as P, i as S, s as z, a as A, u as D } from "./logger-C2AJnlaL.js";
+import { M as h, m as t, w, C as n, V as c } from "./markup-BJx8Fwl2.js";
+import { c as Y, p as G, r as W, a as _, u as j } from "./markup-BJx8Fwl2.js";
+import { R as y, M as p, U as b } from "./router-vfGbWwl9.js";
 import { a as x } from "./typeChecking-BJ-ymQ2F.js";
-const c = Symbol("Ref.EMPTY");
-function C(e = c) {
+const u = Symbol("Ref.EMPTY");
+function N(e = u) {
   return function() {
     if (arguments.length === 0) {
-      if (e === c)
+      if (e === u)
         throw new Error("Ref getter was called, but ref has no value! Be sure to set your refs before accessing them.");
     } else if (arguments.length === 1)
       e = arguments[0];
@@ -18,99 +18,97 @@ function C(e = c) {
   };
 }
 function E(e) {
-  return t(
-    "div",
-    {
-      style: {
-        backgroundColor: "#880000",
-        color: "#fff",
-        padding: "2rem",
-        position: "fixed",
-        inset: 0,
-        fontSize: "20px"
-      }
+  return new h("div", {
+    style: {
+      backgroundColor: "#880000",
+      color: "#fff",
+      padding: "2rem",
+      position: "fixed",
+      inset: 0,
+      fontSize: "20px"
     },
-    t("h1", { style: { marginBottom: "0.5rem" } }, "The app has crashed"),
-    t(
-      "p",
-      { style: { marginBottom: "0.25rem" } },
-      t("span", { style: { fontFamily: "monospace" } }, e.loggerName),
-      y(
-        e.tag,
-        t(
-          "span",
-          { style: { fontFamily: "monospace", opacity: 0.5 } },
-          ` [${e.tagName ? `${e.tagName}: ` : ""}${e.tag}]`
-        )
-      ),
-      " says:"
-    ),
-    t(
-      "blockquote",
-      {
+    children: [
+      t("h1", { style: { marginBottom: "0.5rem" }, children: "The app has crashed" }),
+      t("p", {
+        style: { marginBottom: "0.25rem" },
+        children: [
+          t("span", {
+            style: { fontFamily: "monospace" },
+            children: e.loggerName
+          }),
+          w(
+            e.tag,
+            t("span", {
+              style: { fontFamily: "monospace", opacity: 0.5 },
+              children: ` [${e.tagName ? `${e.tagName}: ` : ""}${e.tag}]`
+            })
+          ),
+          " says:"
+        ]
+      }),
+      t("blockquote", {
         style: {
           backgroundColor: "#991111",
           padding: "0.25em",
           borderRadius: "6px",
           fontFamily: "monospace",
           marginBottom: "1rem"
-        }
-      },
-      t(
-        "span",
-        {
-          style: {
-            display: "inline-block",
-            backgroundColor: "red",
-            padding: "0.1em 0.4em",
-            marginRight: "0.5em",
-            borderRadius: "4px",
-            fontSize: "0.9em",
-            fontWeight: "bold"
-          }
         },
-        e.error.name
-      ),
-      e.error.message
-    ),
-    t("p", {}, "Please see the browser console for details.")
-  );
+        children: [
+          t("span", {
+            style: {
+              display: "inline-block",
+              backgroundColor: "red",
+              padding: "0.1em 0.4em",
+              marginRight: "0.5em",
+              borderRadius: "4px",
+              fontSize: "0.9em",
+              fontWeight: "bold"
+            },
+            children: e.error.name
+          }),
+          e.error.message
+        ]
+      }),
+      t("p", { children: "Please see the browser console for details." })
+    ]
+  });
 }
 let o = !1;
-async function R(e, n, r) {
-  if (x(Element, n, "Expected an element or a selector string. Got type: %t, value: %v"), o)
+async function U(e, s, r) {
+  if (x(Element, s, "Expected an element or a selector string. Got type: %t, value: %v"), o)
     throw new Error("A Dolla app is already mounted.");
-  let m, l, g = (r == null ? void 0 : r.crashView) ?? E;
-  const a = (r == null ? void 0 : r.context) ?? new s("App");
-  h((d) => {
-    o && f(), u(t(g, d), a).mount(n);
-  }), s.emit(i.WILL_MOUNT, a), e instanceof p ? (l = e, m = await l[w](n, a)) : m = u(t(e), a), m.mount(n), o = !0, s.emit(i.DID_MOUNT, a);
-  async function f() {
-    o && (s.emit(i.WILL_UNMOUNT, a), m.unmount(!1), l && await l[b](), o = !1, s.emit(i.DID_UNMOUNT, a));
+  let l, i, f = (r == null ? void 0 : r.crashView) ?? E;
+  const a = (r == null ? void 0 : r.context) ?? new n("App");
+  g((d) => {
+    o && m(), new c(a, f, d).mount(s);
+  }), n.willMount(a), e instanceof y ? (i = e, l = await i[p](s, a)) : l = new c(a, e, {}), l.mount(s), o = !0, n.didMount(a);
+  async function m() {
+    o && (n.willUnmount(a), l.unmount(!1), i && await i[b](), o = !1, n.didUnmount(a));
   }
-  return f;
+  return m;
 }
 export {
-  k as $,
-  z as createContext,
-  D as createLogger,
-  F as deepEqual,
-  I as effect,
-  _ as get,
-  q as getEnv,
+  L as $,
+  Y as createContext,
+  T as createLogger,
+  q as deepEqual,
+  B as effect,
+  $ as get,
+  v as getEnv,
   t as m,
-  R as mount,
-  v as peek,
-  A as portal,
-  C as ref,
-  u as render,
-  Y as repeat,
-  B as setEnv,
-  V as setLogFilter,
-  $ as setLogLevels,
-  P as shallowEqual,
-  S as strictEqual,
-  G as unless,
-  y as when
+  U as mount,
+  G as portal,
+  N as ref,
+  W as render,
+  _ as repeat,
+  O as setEnv,
+  P as setLogFilter,
+  S as setLogLevels,
+  z as shallowEqual,
+  A as strictEqual,
+  j as unless,
+  D as untracked,
+  w as when
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/core/ref.ts","../src/core/views/default-crash-view.ts","../src/core/mount.ts"],"sourcesContent":["const EMPTY_REF = Symbol(\"Ref.EMPTY\");\n\n/**\n * A hybrid getter/setter function that stores the last value it was called with.\n * Guarantees a value is held at runtime by throwing an error if no value is set.\n */\nexport interface Ref<T> {\n  /**\n   * Returns the currently stored value of the ref, or throws an error if no value has been set.\n   */\n  (): T;\n\n  /**\n   * Stores a new value to the ref and returns that value.\n   */\n  (value: T): T;\n}\n\n/**\n * Creates a Ref.\n */\nexport function ref<T>(value?: T): Ref<T>;\n\nexport function ref(value = EMPTY_REF) {\n  return function () {\n    if (arguments.length === 0) {\n      if (value === EMPTY_REF) {\n        throw new Error(`Ref getter was called, but ref has no value! Be sure to set your refs before accessing them.`);\n      }\n    } else if (arguments.length === 1) {\n      value = arguments[0];\n    } else {\n      throw new Error(`Ref called with too many arguments. Expected 0 or 1 arguments.`);\n    }\n\n    return value;\n  };\n}\n","import { when, m } from \"../markup.js\";\n\n/**\n * Props passed to the crash view when a crash occurs.\n */\nexport type CrashViewProps = {\n  /**\n   * JavaScript Error object.\n   */\n  error: Error;\n\n  /**\n   * A string to identify the logger that reported this error.\n   */\n  loggerName: string;\n\n  /**\n   * Unique identifier to pinpoint the specific view that reported the crash.\n   */\n  tag?: string;\n\n  /**\n   * Label for the tag.\n   */\n  tagName?: string;\n};\n\nexport function DefaultCrashView(props: CrashViewProps) {\n  return m(\n    \"div\",\n    {\n      style: {\n        backgroundColor: \"#880000\",\n        color: \"#fff\",\n        padding: \"2rem\",\n        position: \"fixed\",\n        inset: 0,\n        fontSize: \"20px\",\n      },\n    },\n    m(\"h1\", { style: { marginBottom: \"0.5rem\" } }, \"The app has crashed\"),\n    m(\n      \"p\",\n      { style: { marginBottom: \"0.25rem\" } },\n      m(\"span\", { style: { fontFamily: \"monospace\" } }, props.loggerName),\n      when(\n        props.tag,\n        m(\n          \"span\",\n          { style: { fontFamily: \"monospace\", opacity: 0.5 } },\n          ` [${props.tagName ? `${props.tagName}: ` : \"\"}${props.tag}]`,\n        ),\n      ),\n      \" says:\",\n    ),\n    m(\n      \"blockquote\",\n      {\n        style: {\n          backgroundColor: \"#991111\",\n          padding: \"0.25em\",\n          borderRadius: \"6px\",\n          fontFamily: \"monospace\",\n          marginBottom: \"1rem\",\n        },\n      },\n      m(\n        \"span\",\n        {\n          style: {\n            display: \"inline-block\",\n            backgroundColor: \"red\",\n            padding: \"0.1em 0.4em\",\n            marginRight: \"0.5em\",\n            borderRadius: \"4px\",\n            fontSize: \"0.9em\",\n            fontWeight: \"bold\",\n          },\n        },\n        props.error.name,\n      ),\n      props.error.message,\n    ),\n    m(\"p\", {}, \"Please see the browser console for details.\"),\n  );\n}\n","import { MOUNT, Router, UNMOUNT } from \"../router/router\";\nimport { assertInstanceOf } from \"../typeChecking\";\nimport type { View } from \"../types\";\nimport { Context, LifecycleEvent } from \"./context\";\nimport { type LoggerErrorContext, onLoggerCrash } from \"./logger\";\nimport { m, type MarkupNode, render } from \"./markup\";\nimport { DefaultCrashView } from \"./views/default-crash-view\";\n\nlet isMounted = false;\n\nexport type UnmountFn = () => Promise<void>;\nexport interface MountOptions {\n  crashView?: View<LoggerErrorContext>;\n\n  /**\n   * An existing Context to use as the root, otherwise a new one will be created.\n   * Use this to provide top-level stores and state to the whole app.\n   */\n  context?: Context;\n}\n\nexport async function mount(view: View<{}>, domNode: Element, options?: MountOptions): Promise<UnmountFn>;\nexport async function mount(router: Router, domNode: Element, options?: MountOptions): Promise<UnmountFn>;\n\nexport async function mount(view: any, rootElement: Element, options?: MountOptions): Promise<UnmountFn> {\n  assertInstanceOf(Element, rootElement, \"Expected an element or a selector string. Got type: %t, value: %v\");\n\n  if (isMounted) {\n    throw new Error(`A Dolla app is already mounted.`);\n  }\n\n  let rootView: MarkupNode;\n  let router: Router | undefined;\n  let crashView = options?.crashView ?? DefaultCrashView;\n\n  const rootContext = options?.context ?? new Context(\"App\");\n\n  onLoggerCrash((ctx) => {\n    if (isMounted) {\n      unmount();\n    }\n\n    // Mount the crash page\n    render(m(crashView, ctx), rootContext).mount(rootElement);\n  });\n\n  Context.emit(LifecycleEvent.WILL_MOUNT, rootContext);\n\n  if (view instanceof Router) {\n    router = view;\n    rootView = await router[MOUNT](rootElement, rootContext);\n  } else {\n    // First, initialize the root view. The router store needs this to connect the initial route.\n    rootView = render(m(view), rootContext);\n  }\n\n  rootView.mount(rootElement);\n  isMounted = true;\n\n  Context.emit(LifecycleEvent.DID_MOUNT, rootContext);\n\n  async function unmount() {\n    if (!isMounted) return;\n\n    Context.emit(LifecycleEvent.WILL_UNMOUNT, rootContext);\n\n    rootView.unmount(false);\n\n    if (router) {\n      await router[UNMOUNT]();\n    }\n\n    isMounted = false;\n\n    Context.emit(LifecycleEvent.DID_UNMOUNT, rootContext);\n  }\n\n  return unmount;\n}\n"],"names":["EMPTY_REF","ref","value","DefaultCrashView","props","m","when","isMounted","mount","view","rootElement","options","assertInstanceOf","rootView","router","crashView","rootContext","Context","onLoggerCrash","ctx","unmount","render","LifecycleEvent","Router","MOUNT","UNMOUNT"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/core/ref.ts","../src/core/views/default-crash-view.ts","../src/core/mount.ts"],"sourcesContent":["const EMPTY_REF = Symbol(\"Ref.EMPTY\");\n\n/**\n * A hybrid getter/setter function that stores the last value it was called with.\n * Guarantees a value is held at runtime by throwing an error if no value is set.\n */\nexport interface Ref<T> {\n  /**\n   * Returns the currently stored value of the ref, or throws an error if no value has been set.\n   */\n  (): T;\n\n  /**\n   * Stores a new value to the ref and returns that value.\n   */\n  (value: T): T;\n}\n\n/**\n * Creates a Ref.\n */\nexport function ref<T>(value?: T): Ref<T>;\n\nexport function ref(value = EMPTY_REF) {\n  return function () {\n    if (arguments.length === 0) {\n      if (value === EMPTY_REF) {\n        throw new Error(`Ref getter was called, but ref has no value! Be sure to set your refs before accessing them.`);\n      }\n    } else if (arguments.length === 1) {\n      value = arguments[0];\n    } else {\n      throw new Error(`Ref called with too many arguments. Expected 0 or 1 arguments.`);\n    }\n\n    return value;\n  };\n}\n","import { when, m, Markup } from \"../markup.js\";\n\n/**\n * Props passed to the crash view when a crash occurs.\n */\nexport type CrashViewProps = {\n  /**\n   * JavaScript Error object.\n   */\n  error: Error;\n\n  /**\n   * A string to identify the logger that reported this error.\n   */\n  loggerName: string;\n\n  /**\n   * Unique identifier to pinpoint the specific view that reported the crash.\n   */\n  tag?: string;\n\n  /**\n   * Label for the tag.\n   */\n  tagName?: string;\n};\n\nexport function DefaultCrashView(props: CrashViewProps) {\n  return new Markup(\"div\", {\n    style: {\n      backgroundColor: \"#880000\",\n      color: \"#fff\",\n      padding: \"2rem\",\n      position: \"fixed\",\n      inset: 0,\n      fontSize: \"20px\",\n    },\n    children: [\n      m(\"h1\", { style: { marginBottom: \"0.5rem\" }, children: \"The app has crashed\" }),\n      m(\"p\", {\n        style: { marginBottom: \"0.25rem\" },\n        children: [\n          m(\"span\", {\n            style: { fontFamily: \"monospace\" },\n            children: props.loggerName,\n          }),\n          when(\n            props.tag,\n            m(\"span\", {\n              style: { fontFamily: \"monospace\", opacity: 0.5 },\n              children: ` [${props.tagName ? `${props.tagName}: ` : \"\"}${props.tag}]`,\n            }),\n          ),\n          \" says:\",\n        ],\n      }),\n      m(\"blockquote\", {\n        style: {\n          backgroundColor: \"#991111\",\n          padding: \"0.25em\",\n          borderRadius: \"6px\",\n          fontFamily: \"monospace\",\n          marginBottom: \"1rem\",\n        },\n        children: [\n          m(\"span\", {\n            style: {\n              display: \"inline-block\",\n              backgroundColor: \"red\",\n              padding: \"0.1em 0.4em\",\n              marginRight: \"0.5em\",\n              borderRadius: \"4px\",\n              fontSize: \"0.9em\",\n              fontWeight: \"bold\",\n            },\n            children: props.error.name,\n          }),\n          props.error.message,\n        ],\n      }),\n      m(\"p\", { children: \"Please see the browser console for details.\" }),\n    ],\n  });\n}\n","import { MOUNT, Router, UNMOUNT } from \"../router/router\";\nimport { assertInstanceOf } from \"../typeChecking\";\nimport type { View } from \"../types\";\nimport { Context } from \"./context\";\nimport { type LoggerErrorProps, onLoggerCrash } from \"./logger\";\nimport { type MarkupNode } from \"./markup\";\nimport { ViewInstance } from \"./nodes/view\";\nimport { DefaultCrashView } from \"./views/default-crash-view\";\n\nlet isMounted = false;\n\nexport type UnmountFn = () => Promise<void>;\nexport interface MountOptions {\n  crashView?: View<LoggerErrorProps>;\n\n  /**\n   * An existing Context to use as the root, otherwise a new one will be created.\n   * Use this to provide top-level stores and state to the whole app.\n   */\n  context?: Context;\n}\n\nexport async function mount(view: View<{}>, domNode: Element, options?: MountOptions): Promise<UnmountFn>;\nexport async function mount(router: Router, domNode: Element, options?: MountOptions): Promise<UnmountFn>;\n\nexport async function mount(view: any, rootElement: Element, options?: MountOptions): Promise<UnmountFn> {\n  assertInstanceOf(Element, rootElement, \"Expected an element or a selector string. Got type: %t, value: %v\");\n\n  if (isMounted) {\n    throw new Error(`A Dolla app is already mounted.`);\n  }\n\n  let rootView: MarkupNode;\n  let router: Router | undefined;\n  let crashView = options?.crashView ?? DefaultCrashView;\n\n  const rootContext = options?.context ?? new Context(\"App\");\n\n  onLoggerCrash((props) => {\n    if (isMounted) {\n      unmount();\n    }\n\n    // Mount the crash page\n    new ViewInstance(rootContext, crashView, props).mount(rootElement);\n  });\n\n  Context.willMount(rootContext);\n\n  if (view instanceof Router) {\n    router = view;\n    rootView = await router[MOUNT](rootElement, rootContext);\n  } else {\n    // First, initialize the root view. The router store needs this to connect the initial route.\n    rootView = new ViewInstance(rootContext, view, {});\n  }\n\n  rootView.mount(rootElement);\n  isMounted = true;\n\n  Context.didMount(rootContext);\n\n  async function unmount() {\n    if (!isMounted) return;\n\n    Context.willUnmount(rootContext);\n\n    rootView.unmount(false);\n\n    if (router) {\n      await router[UNMOUNT]();\n    }\n\n    isMounted = false;\n\n    Context.didUnmount(rootContext);\n  }\n\n  return unmount;\n}\n"],"names":["EMPTY_REF","ref","value","DefaultCrashView","props","Markup","m","when","isMounted","mount","view","rootElement","options","assertInstanceOf","rootView","router","crashView","rootContext","Context","onLoggerCrash","unmount","ViewInstance","Router","MOUNT","UNMOUNT"],"mappings":"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"}

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

@@ -1,2 +1,3 @@
-export function jsxDEV(element: any, props: any, key: any, isStaticChildren: any, source: any, self: any): import("./core/markup").Markup<Record<any, any>>;
+export function jsxDEV(element: any, props: any, key: any, isStaticChildren: any, source: any, self: any): Markup<any>;
 export { Fragment } from "./core/views/fragment";
+import { Markup } from "./core/markup";

package/dist/jsx-dev-runtime.js

@@ -1,17 +1,10 @@
-import { m as o } from "./markup-CAJd0zdA.js";
+import { M as n } from "./markup-BJx8Fwl2.js";
 import { F as m } from "./fragment-BahD_BJA.js";
-function f(e, r, t, n, l, u) {
-  const i = { ...s(["children", "key"], r) }, c = Array.isArray(r.children) ? r.children : [r.children];
-  return o(e, i, ...c);
-}
-function s(e, r) {
-  const t = {};
-  for (const n in r)
-    e.includes(n) || (t[n] = r[n]);
-  return t;
+function u(e, r, t, o, a, i) {
+  return new n(e, t != null ? { ...r, key: t } : r);
 }
 export {
   m as Fragment,
-  f as jsxDEV
+  u as jsxDEV
 };
 //# sourceMappingURL=jsx-dev-runtime.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"jsx-dev-runtime.js","sources":["../src/jsx-dev-runtime.js"],"sourcesContent":["import { m } from \"./core/markup\";\nexport { Fragment } from \"./core/views/fragment\";\n\nexport function jsxDEV(element, props, key, isStaticChildren, source, self) {\n  const attributes = { ...omit([\"children\", \"key\"], props) };\n  const children = Array.isArray(props.children) ? props.children : [props.children];\n\n  // return new _Markup(element, attributes, children);\n  return m(element, attributes, ...children);\n}\n\nfunction omit(keys, object) {\n  const result = {};\n  for (const key in object) {\n    if (!keys.includes(key)) {\n      result[key] = object[key];\n    }\n  }\n  return result;\n}\n"],"names":["jsxDEV","element","props","key","isStaticChildren","source","self","attributes","omit","children","m","keys","object","result"],"mappings":";;AAGO,SAASA,EAAOC,GAASC,GAAOC,GAAKC,GAAkBC,GAAQC,GAAM;AAC1E,QAAMC,IAAa,EAAE,GAAGC,EAAK,CAAC,YAAY,KAAK,GAAGN,CAAK,EAAG,GACpDO,IAAW,MAAM,QAAQP,EAAM,QAAQ,IAAIA,EAAM,WAAW,CAACA,EAAM,QAAQ;AAGjF,SAAOQ,EAAET,GAASM,GAAY,GAAGE,CAAQ;AAC3C;AAEA,SAASD,EAAKG,GAAMC,GAAQ;AAC1B,QAAMC,IAAS,CAAE;AACjB,aAAWV,KAAOS;AAChB,IAAKD,EAAK,SAASR,CAAG,MACpBU,EAAOV,CAAG,IAAIS,EAAOT,CAAG;AAG5B,SAAOU;AACT;"}
+{"version":3,"file":"jsx-dev-runtime.js","sources":["../src/jsx-dev-runtime.js"],"sourcesContent":["import { m, Markup } from \"./core/markup\";\nexport { Fragment } from \"./core/views/fragment\";\n\nexport function jsxDEV(element, props, key, isStaticChildren, source, self) {\n  return new Markup(element, key != null ? { ...props, key } : props);\n}\n\n// function omit(keys, object) {\n//   const result = {};\n//   for (const key in object) {\n//     if (!keys.includes(key)) {\n//       result[key] = object[key];\n//     }\n//   }\n//   return result;\n// }\n"],"names":["jsxDEV","element","props","key","isStaticChildren","source","self","Markup"],"mappings":";;AAGO,SAASA,EAAOC,GAASC,GAAOC,GAAKC,GAAkBC,GAAQC,GAAM;AAC1E,SAAO,IAAIC,EAAON,GAASE,KAAO,OAAO,EAAE,GAAGD,GAAO,KAAAC,EAAK,IAAGD,CAAK;AACpE;"}

package/dist/jsx-runtime.d.ts

@@ -1,9 +1,10 @@
 /**
  * JSX function for elements with dynamic children.
  */
-export function jsx(element: any, props: any, key: any): import("./core/markup").Markup<Record<any, any>>;
+export function jsx(element: any, props: any, key: any): Markup<any>;
 /**
  * JSX function for elements with static children.
  */
-export function jsxs(element: any, props: any, key: any): import("./core/markup").Markup<Record<any, any>>;
+export function jsxs(element: any, props: any, key: any): Markup<any>;
 export { Fragment } from "./core/views/fragment";
+import { Markup } from "./core/markup";

package/dist/jsx-runtime.js

@@ -1,20 +1,14 @@
-import { m as t } from "./markup-CAJd0zdA.js";
+import { M as u } from "./markup-BJx8Fwl2.js";
 import { F as m } from "./fragment-BahD_BJA.js";
-function d(e, n, i) {
-  return t(e, n ? { ...u(["children", "key"], n) } : void 0, n.children);
+function o(t, n, r) {
+  return new u(t, r != null ? { ...n, key: r } : n);
 }
-function f(e, n, i) {
-  return t(e, n ? { ...u(["children", "key"], n) } : void 0, n.children);
-}
-function u(e, n) {
-  const i = {};
-  for (const r in n)
-    e.includes(r) || (i[r] = n[r]);
-  return i;
+function a(t, n, r) {
+  return new u(t, r != null ? { ...n, key: r } : n);
 }
 export {
   m as Fragment,
-  d as jsx,
-  f as jsxs
+  o as jsx,
+  a as jsxs
 };
 //# sourceMappingURL=jsx-runtime.js.map

package/dist/jsx-runtime.js.map

@@ -1 +1 @@
-{"version":3,"file":"jsx-runtime.js","sources":["../src/jsx-runtime.js"],"sourcesContent":["import { m } from \"./core/markup\";\nexport { Fragment } from \"./core/views/fragment\";\n\n/**\n * JSX function for elements with dynamic children.\n */\nexport function jsx(element, props, key) {\n  return m(element, props ? { ...omit([\"children\", \"key\"], props) } : undefined, ...[props.children]);\n}\n\n/**\n * JSX function for elements with static children.\n */\nexport function jsxs(element, props, key) {\n  return m(element, props ? { ...omit([\"children\", \"key\"], props) } : undefined, props.children);\n}\n\nfunction omit(keys, object) {\n  const result = {};\n  for (const key in object) {\n    if (!keys.includes(key)) {\n      result[key] = object[key];\n    }\n  }\n  return result;\n}\n"],"names":["jsx","element","props","key","m","omit","jsxs","keys","object","result"],"mappings":";;AAMO,SAASA,EAAIC,GAASC,GAAOC,GAAK;AACvC,SAAOC,EAAEH,GAASC,IAAQ,EAAE,GAAGG,EAAK,CAAC,YAAY,KAAK,GAAGH,CAAK,EAAC,IAAK,QAAeA,EAAM,QAAS;AACpG;AAKO,SAASI,EAAKL,GAASC,GAAOC,GAAK;AACxC,SAAOC,EAAEH,GAASC,IAAQ,EAAE,GAAGG,EAAK,CAAC,YAAY,KAAK,GAAGH,CAAK,EAAC,IAAK,QAAWA,EAAM,QAAQ;AAC/F;AAEA,SAASG,EAAKE,GAAMC,GAAQ;AAC1B,QAAMC,IAAS,CAAE;AACjB,aAAWN,KAAOK;AAChB,IAAKD,EAAK,SAASJ,CAAG,MACpBM,EAAON,CAAG,IAAIK,EAAOL,CAAG;AAG5B,SAAOM;AACT;"}
+{"version":3,"file":"jsx-runtime.js","sources":["../src/jsx-runtime.js"],"sourcesContent":["import { m, Markup } from \"./core/markup\";\nexport { Fragment } from \"./core/views/fragment\";\n\n/**\n * JSX function for elements with dynamic children.\n */\nexport function jsx(element, props, key) {\n  return new Markup(element, key != null ? { ...props, key } : props);\n}\n\n/**\n * JSX function for elements with static children.\n */\nexport function jsxs(element, props, key) {\n  return new Markup(element, key != null ? { ...props, key } : props);\n}\n\n// function omit(keys, object) {\n//   const result = {};\n//   for (const key in object) {\n//     if (!keys.includes(key)) {\n//       result[key] = object[key];\n//     }\n//   }\n//   return result;\n// }\n"],"names":["jsx","element","props","key","Markup","jsxs"],"mappings":";;AAMO,SAASA,EAAIC,GAASC,GAAOC,GAAK;AACvC,SAAO,IAAIC,EAAOH,GAASE,KAAO,OAAO,EAAE,GAAGD,GAAO,KAAAC,EAAK,IAAGD,CAAK;AACpE;AAKO,SAASG,EAAKJ,GAASC,GAAOC,GAAK;AACxC,SAAO,IAAIC,EAAOH,GAASE,KAAO,OAAO,EAAE,GAAGD,GAAO,KAAAC,EAAK,IAAGD,CAAK;AACpE;"}