@manyducks.co/dolla 2.0.0-alpha.59 → 2.0.0-alpha.60

package/dist/core/context.d.ts

@@ -73,25 +73,9 @@ export declare class Context implements Logger {
      */
     static linked(parent: Context, name: MaybeSignal<string>, options?: LinkedContextOptions): Context;
     /**
-     * Emit "will mount" lifecycle event to `context`.
+     * Emit a lifecycle event to `context`.
      */
-    static willMount(context: Context): void;
-    /**
-     * Emit "did mount" lifecycle event to `context`.
-     */
-    static didMount(context: Context): void;
-    /**
-     * Emit "will unmount" lifecycle event to `context`.
-     */
-    static willUnmount(context: Context): void;
-    /**
-     * Emit "did unmount" lifecycle event to `context`.
-     */
-    static didUnmount(context: Context): void;
-    /**
-     * Emit "dispose" lifecycle event to `context`.
-     */
-    static dispose(context: Context): void;
+    static emit(context: Context, event: LifecycleEvent): void;
     /**
      * Traverses _parent contexts until arriving at one that doesn't have a parent itself.
      * Returns null if this context is the parent.

package/dist/core/index.d.ts

@@ -4,14 +4,13 @@ export { createContext } from "./context.js";
 export type { Context } from "./context.js";
 export { m, portal, render, repeat, unless, when } from "./markup.js";
 export type { MarkupNode } from "./markup.js";
-export { type Mixin } from "./nodes/html.js";
 export { ref, type Ref } from "./ref.js";
 export { mount, type UnmountFn } from "./mount.js";
 export { deepEqual, shallowEqual, strictEqual } from "../utils.js";
 export { getEnv, setEnv } from "./env.js";
-export { createLogger, setLogFilter, setLogLevels } from "./logger.js";
-export type { Logger, LoggerErrorProps as LoggerErrorContext, LoggerOptions, LogLevels } from "./logger.js";
-export type { View, Store, InputType, Renderable, Env, CSSProperties } from "../types.js";
+export { createLogger, setLogFilter, setLogLevels, onLoggerCrash } from "./logger.js";
+export type { Logger, LoggerCrashProps, LoggerOptions, LogLevels } from "./logger.js";
+export type { View, Store, Mixin, InputType, Renderable, Env, CSSProperties } from "../types.js";
 export type { CrashViewProps } from "./views/default-crash-view.js";
 import type { IntrinsicElements as Elements } from "../types.js";
 declare global {

package/dist/core/logger.d.ts

@@ -27,13 +27,16 @@ export interface LoggerOptions {
      */
     console?: any;
 }
-export interface LoggerErrorProps {
+export interface LoggerCrashProps {
     error: Error;
     loggerName: string;
     tag?: string;
     tagName?: string;
 }
-export declare function onLoggerCrash(listener: (context: LoggerErrorProps) => void): () => void;
+/**
+ * Listen for logged crashes.
+ */
+export declare function onLoggerCrash(listener: (context: LoggerCrashProps) => void): () => void;
 export declare function createLogger(name: MaybeSignal<string>, options?: LoggerOptions): Logger;
 export declare function setLogFilter(filter: string | RegExp): void;
 export declare function setLogLevels(options: Partial<LogLevels>): void;

package/dist/core/markup.d.ts

@@ -1,4 +1,4 @@
-import type { Renderable, View } from "../types.js";
+import type { IntrinsicElements, Renderable, View } from "../types.js";
 import { Context } from "./context.js";
 import { KeyFn, RenderFn } from "./nodes/repeat.js";
 import { type MaybeSignal, type Signal } from "./signals.js";
@@ -27,17 +27,23 @@ export interface MarkupNode {
      */
     readonly root?: Node;
     /**
-     *
+     * Returns true when this MarkupNode is mounted.
      */
     isMounted(): boolean;
     /**
-     *
+     * Mount this MarkupNode to a `parent` element.
+     * If passed, this MarkupNode will be mounted as the next sibling of `after`.
      */
     mount(parent: Element, after?: Node): void;
     /**
+     * Unmount this MarkupNode from its parent element.
+     *
+     * The `skipDOM` option can be passed as an optimization when unmounting a parent node.
+     * A value of `true` indicates that no DOM operations need to happen because the parent is already being unmounted.
      *
+     * @param skipDOM - No DOM updates will be performed when true. Lifecycle methods will be called regardless.
      */
-    unmount(parentIsUnmounting?: boolean): void;
+    unmount(skipDOM?: boolean): void;
     /**
      * Moves a node without unmounting and remounting (if the browser supports Element.moveBefore).
      */
@@ -45,35 +51,55 @@ export interface MarkupNode {
 }
 export declare function isMarkupNode(value: any): value is MarkupNode;
 export declare enum MarkupType {
-    Text = "$text",
-    Repeat = "$repeat",
-    Dynamic = "$dynamic",
     DOM = "$dom",
-    Portal = "$portal"
+    Dynamic = "$dynamic",
+    Portal = "$portal",
+    Repeat = "$repeat"
 }
-export interface MarkupProps {
-    [MarkupType.Text]: {
-        value: any;
-    };
-    [MarkupType.Repeat]: {
-        items: Signal<any[]>;
-        key: KeyFn<any>;
-        render: RenderFn<any>;
+export interface MarkupNodeProps {
+    [MarkupType.DOM]: {
+        value: Node;
     };
     [MarkupType.Dynamic]: {
         source: Signal<any>;
     };
-    [MarkupType.DOM]: {
-        value: Node;
-    };
     [MarkupType.Portal]: {
         content: Renderable;
         parent: Element;
     };
-    [tag: string]: Record<string, any>;
+    [MarkupType.Repeat]: {
+        items: Signal<any[]>;
+        key: KeyFn<any>;
+        render: RenderFn<any>;
+    };
+}
+export interface MarkupCustomElementProps {
+    /**
+     * Custom element tagName pattern (must include a hyphen).
+     */
+    [tag: `${string}-${string}`]: Record<string, any>;
 }
-export declare function m<T extends keyof MarkupProps>(type: T, props: MarkupProps[T]): Markup;
+/**
+ * Creates a Markup element that defines an HTML element.
+ */
+export declare function m<T extends keyof IntrinsicElements>(tag: T, attrs: IntrinsicElements[T] & {
+    children?: Renderable;
+}): Markup;
+/**
+ * Creates a Markup element that defines an HTML custom element.
+ */
+export declare function m<T extends keyof MarkupCustomElementProps>(type: T, props: MarkupCustomElementProps[T]): Markup;
+/**
+ * Creates a Markup element that defines a MarkupNode.
+ */
+export declare function m<T extends keyof MarkupNodeProps>(type: T, props: MarkupNodeProps[T]): Markup;
+/**
+ * Creates a Markup element that defines a view.
+ */
 export declare function m<P extends {}>(type: View<P>, props?: P): Markup;
+/**
+ * Creates a Markup element that defines a view.
+ */
 export declare function m<P>(type: View<P>, props: P): Markup;
 /**
  * If `condition` is truthy, displays `thenContent`, otherwise `elseContent`.

package/dist/core/mount.d.ts

@@ -1,10 +1,10 @@
 import { Router } from "../router/router";
 import type { View } from "../types";
 import { Context } from "./context";
-import { type LoggerErrorProps } from "./logger";
+import { type LoggerCrashProps } from "./logger";
 export type UnmountFn = () => Promise<void>;
 export interface MountOptions {
-    crashView?: View<LoggerErrorProps>;
+    crashView?: View<LoggerCrashProps>;
     /**
      * An existing Context to use as the root, otherwise a new one will be created.
      * Use this to provide top-level stores and state to the whole app.

package/dist/core/nodes/dom.d.ts

@@ -1,14 +1,14 @@
 import type { MarkupNode } from "../markup";
-import { IS_MARKUP_NODE } from "../symbols";
+import { TYPE } from "../symbols";
 /**
- * Wraps any plain DOM node in a MarkupNode interface.
+ * Lightweight MarkupNode wrapper for a plain DOM node.
  */
 export declare class DOMNode implements MarkupNode {
-    [IS_MARKUP_NODE]: boolean;
+    [TYPE]: symbol;
     root: Node;
     constructor(node: Node);
     isMounted(): boolean;
     mount(parent: Element, after?: Node): void;
-    unmount(parentIsUnmounting?: boolean): void;
+    unmount(skipDOM?: boolean): void;
     move(parent: Element, after?: Node): void;
 }

package/dist/core/nodes/dynamic.d.ts

@@ -1,7 +1,7 @@
 import type { Context } from "../context.js";
 import { type MarkupNode } from "../markup.js";
-import { Signal } from "../signals.js";
-import { IS_MARKUP_NODE } from "../symbols.js";
+import { type Signal } from "../signals.js";
+import { TYPE } from "../symbols.js";
 /**
  * Displays dynamic children without a parent element.
  * Renders a Reactive value via a render function.
@@ -9,7 +9,7 @@ import { IS_MARKUP_NODE } from "../symbols.js";
  * This is probably the most used element type aside from HTML.
  */
 export declare class Dynamic implements MarkupNode {
-    [IS_MARKUP_NODE]: boolean;
+    [TYPE]: symbol;
     root: Text;
     private children;
     private context;
@@ -18,7 +18,7 @@ export declare class Dynamic implements MarkupNode {
     constructor(context: Context, $slot: Signal<any>);
     isMounted(): boolean;
     mount(parent: Node, after?: Node): void;
-    unmount(parentIsUnmounting?: boolean): void;
+    unmount(skipDOM?: boolean): void;
     move(parent: Element, after?: Node): void;
     private cleanup;
     private update;

package/dist/core/nodes/html.d.ts

@@ -1,10 +1,9 @@
 import { Context } from "../context.js";
 import { type MarkupNode } from "../markup.js";
-import { IS_MARKUP_NODE } from "../symbols.js";
-export type Mixin<E extends Element = Element> = (element: E, context: Context) => void;
+import { TYPE } from "../symbols.js";
 export declare class HTML implements MarkupNode {
-    [IS_MARKUP_NODE]: boolean;
-    root?: HTMLElement | SVGElement;
+    [TYPE]: symbol;
+    root: HTMLElement | SVGElement;
     private parentContext;
     private context;
     tag: string;
@@ -16,7 +15,7 @@ export declare class HTML implements MarkupNode {
     constructor(context: Context, tag: string, props: Record<string, any>);
     isMounted(): boolean;
     mount(parent: Node, after?: Node): void;
-    unmount(parentIsUnmounting?: boolean): void;
+    unmount(skipDOM?: boolean): void;
     move(parent: Element, after?: Node): void;
     private attachProp;
     private applyProps;

package/dist/core/nodes/portal.d.ts

@@ -1,12 +1,12 @@
 import type { Renderable } from "../../types.js";
 import { Context } from "../context.js";
 import { type MarkupNode } from "../markup.js";
-import { IS_MARKUP_NODE } from "../symbols.js";
+import { TYPE } from "../symbols.js";
 /**
  * Renders content into a specified parent node.
  */
 export declare class Portal implements MarkupNode {
-    [IS_MARKUP_NODE]: boolean;
+    [TYPE]: symbol;
     private context;
     private content;
     private parent;
@@ -14,6 +14,6 @@ export declare class Portal implements MarkupNode {
     constructor(context: Context, content: Renderable, parent: Element);
     isMounted(): boolean;
     mount(_parent: Element, _after?: Node): void;
-    unmount(parentIsUnmounting?: boolean): void;
+    unmount(skipDOM?: boolean): void;
     move(_parent: Element, _after?: Node): void;
 }

package/dist/core/nodes/repeat.d.ts

@@ -2,12 +2,12 @@ import type { Renderable } from "../../types.js";
 import type { Context } from "../context.js";
 import type { MarkupNode } from "../markup.js";
 import { type Signal } from "../signals.js";
-import { IS_MARKUP_NODE } from "../symbols.js";
+import { TYPE } from "../symbols.js";
 export type Key = string | number | symbol;
 export type KeyFn<T> = (item: T, index: number) => Key;
 export type RenderFn<T> = (item: Signal<T>, index: Signal<number>, ctx: Context) => Renderable;
 export declare class Repeat<T> implements MarkupNode {
-    [IS_MARKUP_NODE]: boolean;
+    [TYPE]: symbol;
     root: Text;
     private context;
     private items;
@@ -18,7 +18,7 @@ export declare class Repeat<T> implements MarkupNode {
     constructor(context: Context, items: Signal<T[]>, key: KeyFn<T>, render: RenderFn<T>);
     isMounted(): boolean;
     mount(parent: Element, after?: Node): void;
-    unmount(parentIsUnmounting?: boolean): void;
+    unmount(skipDOM?: boolean): void;
     move(parent: Element, after?: Node): void;
     private _cleanup;
     private _update;

package/dist/core/nodes/view.d.ts

@@ -1,19 +1,24 @@
 import type { View } from "../../types.js";
 import { Context } from "../context.js";
 import { type MarkupNode } from "../markup.js";
-import { IS_MARKUP_NODE } from "../symbols.js";
+import { TYPE } from "../symbols.js";
 export declare const VIEW: unique symbol;
 export declare class ViewInstance<P> implements MarkupNode {
-    [IS_MARKUP_NODE]: boolean;
+    [TYPE]: symbol;
     uniqueId: string;
     context: Context;
     props: P;
     view: View<P>;
     node?: MarkupNode;
     get root(): Node;
+    /**
+     * @param context - Parent contenxt to link to.
+     * @param view - View function to mount.
+     * @param props - Props to pass to view function.
+     */
     constructor(context: Context, view: View<P>, props: P);
     isMounted(): boolean;
     mount(parent: Element, after?: Node): void;
-    unmount(parentIsUnmounting?: boolean): void;
+    unmount(skipDOM?: boolean): void;
     move(parent: Element, after?: Node): void;
 }

package/dist/core/symbols.d.ts

@@ -1,2 +1,2 @@
-export declare const IS_MARKUP: unique symbol;
-export declare const IS_MARKUP_NODE: unique symbol;
+export declare const TYPE: unique symbol;
+export declare const MARKUP_NODE: unique symbol;

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

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

package/dist/http.js

@@ -6,7 +6,7 @@ var g = (r, e, t) => e in r ? b(r, e, { enumerable: !0, configurable: !0, writab
 var a = (r, e, t) => g(r, typeof e != "symbol" ? e + "" : e, t), m = (r, e, t) => e.has(r) || f("Cannot " + t);
 var d = (r, e, t) => (m(r, e, "read from private field"), t ? t.call(r) : e.get(r)), c = (r, e, t) => e.has(r) ? f("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(r) : e.set(r, t);
 var o = (r, e, t) => (m(r, e, "access private method"), t);
-import { i as w } from "./typeChecking-BJ-ymQ2F.js";
+import { i as w } from "./typeChecking-CbltMOUt.js";
 var l, p, i, h;
 class O {
   constructor() {

package/dist/i18n.js

@@ -5,8 +5,8 @@ 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 { $, h as K, d as Q, g as x } from "./logger-Ck_9LCem.js";
-import { b as C, i as j, c as U, t as P } from "./typeChecking-BJ-ymQ2F.js";
+import { $, h as K, d as Q, g as x } from "./logger-MPwl-Xqu.js";
+import { b as C, i as j, c as U, t as P } from "./typeChecking-CbltMOUt.js";
 var I, F, p, S, G;
 class W {
   constructor(t) {

package/dist/index.js

@@ -1,11 +1,11 @@
-import { o as g } from "./logger-Ck_9LCem.js";
-import { $ as L, b as T, h as q, d as B, e as $, g as v, c as O, f as P, i as S, j as z, s as A, a as D, u as I } from "./logger-Ck_9LCem.js";
-import { M as h, m as t, w, C as n, V as c } from "./markup-BBa4WBj1.js";
-import { c as j, p as G, r as W, a as _, u as H } from "./markup-BBa4WBj1.js";
-import { R as y, M as p, U as b } from "./router-CaR7Xd4T.js";
-import { a as x } from "./typeChecking-BJ-ymQ2F.js";
+import { o as h } from "./logger-MPwl-Xqu.js";
+import { $ as k, b as D, h as I, d as V, e as F, g as _, c as q, f as v, i as B, j as $, s as P, a as S, u as W } from "./logger-MPwl-Xqu.js";
+import { m as t, w as y, C as n, L as m, V as f } from "./markup-BGlfQYQk.js";
+import { c as A, p as Y, r as j, a as G, u as H } from "./markup-BGlfQYQk.js";
+import { R as w, M as p, U as b } from "./router-BpuJQ6OA.js";
+import { a as x } from "./typeChecking-CbltMOUt.js";
 const u = Symbol("Ref.EMPTY");
-function N(e = u) {
+function C(e = u) {
   return function() {
     if (arguments.length === 0) {
       if (e === u)
@@ -18,7 +18,7 @@ function N(e = u) {
   };
 }
 function E(e) {
-  return new h("div", {
+  return t("div", {
     style: {
       backgroundColor: "#880000",
       color: "#fff",
@@ -36,7 +36,7 @@ function E(e) {
             style: { fontFamily: "monospace" },
             children: e.loggerName
           }),
-          w(
+          y(
             e.tag,
             t("span", {
               style: { fontFamily: "monospace", opacity: 0.5 },
@@ -75,41 +75,42 @@ function E(e) {
   });
 }
 let s = !1;
-async function U(e, o, r) {
+async function R(e, o, r) {
   if (x(Element, o, "Expected an element or a selector string. Got type: %t, value: %v"), s)
     throw new Error("A Dolla app is already mounted.");
-  let l, i, f = (r == null ? void 0 : r.crashView) ?? E;
+  let l, i, d = (r == null ? void 0 : r.crashView) ?? E;
   const a = (r == null ? void 0 : r.context) ?? new n("App");
-  g((d) => {
-    s && m(), new c(a, f, d).mount(o);
-  }), n.willMount(a), e instanceof y ? (i = e, l = await i[p](o, a)) : l = new c(a, e, {}), l.mount(o), s = !0, n.didMount(a);
-  async function m() {
-    s && (n.willUnmount(a), l.unmount(!1), i && await i[b](), s = !1, n.didUnmount(a));
+  h((g) => {
+    s && c(), new f(a, d, g).mount(o);
+  }), n.emit(a, m.WILL_MOUNT), e instanceof w ? (i = e, l = await i[p](o, a)) : l = new f(a, e, {}), l.mount(o), s = !0, n.emit(a, m.DID_MOUNT);
+  async function c() {
+    s && (n.emit(a, m.WILL_UNMOUNT), l.unmount(!1), i && await i[b](), s = !1, n.emit(a, m.DID_UNMOUNT));
   }
-  return m;
+  return c;
 }
 export {
-  L as $,
-  T as batch,
-  j as createContext,
-  q as createLogger,
-  B as deepEqual,
-  $ as effect,
-  v as get,
-  O as getEnv,
+  k as $,
+  D as batch,
+  A as createContext,
+  I as createLogger,
+  V as deepEqual,
+  F as effect,
+  _ as get,
+  q as getEnv,
   t as m,
-  U as mount,
-  G as portal,
-  N as ref,
-  W as render,
-  _ as repeat,
-  P as setEnv,
-  S as setLogFilter,
-  z as setLogLevels,
-  A as shallowEqual,
-  D as strictEqual,
+  R as mount,
+  h as onLoggerCrash,
+  Y as portal,
+  C as ref,
+  j as render,
+  G as repeat,
+  v as setEnv,
+  B as setLogFilter,
+  $ as setLogLevels,
+  P as shallowEqual,
+  S as strictEqual,
   H as unless,
-  I as untracked,
-  w as when
+  W as untracked,
+  y 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, 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":";;;;;;AAAA,MAAMA,IAAY,OAAO,WAAW;AAuBpB,SAAAC,EAAIC,IAAQF,GAAW;AACrC,SAAO,WAAY;AACb,QAAA,UAAU,WAAW;AACvB,UAAIE,MAAUF;AACN,cAAA,IAAI,MAAM,8FAA8F;AAAA,eAEvG,UAAU,WAAW;AAC9B,MAAAE,IAAQ,UAAU,CAAC;AAAA;AAEb,YAAA,IAAI,MAAM,gEAAgE;AAG3E,WAAAA;AAAA,EACT;AACF;ACVO,SAASC,EAAiBC,GAAuB;AAC/C,SAAA,IAAIC,EAAO,OAAO;AAAA,IACvB,OAAO;AAAA,MACL,iBAAiB;AAAA,MACjB,OAAO;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,UAAU;AAAA,MACRC,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,SAAS,GAAG,UAAU,uBAAuB;AAAA,MAC9EA,EAAE,KAAK;AAAA,QACL,OAAO,EAAE,cAAc,UAAU;AAAA,QACjC,UAAU;AAAA,UACRA,EAAE,QAAQ;AAAA,YACR,OAAO,EAAE,YAAY,YAAY;AAAA,YACjC,UAAUF,EAAM;AAAA,UAAA,CACjB;AAAA,UACDG;AAAA,YACEH,EAAM;AAAA,YACNE,EAAE,QAAQ;AAAA,cACR,OAAO,EAAE,YAAY,aAAa,SAAS,IAAI;AAAA,cAC/C,UAAU,KAAKF,EAAM,UAAU,GAAGA,EAAM,OAAO,OAAO,EAAE,GAAGA,EAAM,GAAG;AAAA,YACrE,CAAA;AAAA,UACH;AAAA,UACA;AAAA,QAAA;AAAA,MACF,CACD;AAAA,MACDE,EAAE,cAAc;AAAA,QACd,OAAO;AAAA,UACL,iBAAiB;AAAA,UACjB,SAAS;AAAA,UACT,cAAc;AAAA,UACd,YAAY;AAAA,UACZ,cAAc;AAAA,QAChB;AAAA,QACA,UAAU;AAAA,UACRA,EAAE,QAAQ;AAAA,YACR,OAAO;AAAA,cACL,SAAS;AAAA,cACT,iBAAiB;AAAA,cACjB,SAAS;AAAA,cACT,aAAa;AAAA,cACb,cAAc;AAAA,cACd,UAAU;AAAA,cACV,YAAY;AAAA,YACd;AAAA,YACA,UAAUF,EAAM,MAAM;AAAA,UAAA,CACvB;AAAA,UACDA,EAAM,MAAM;AAAA,QAAA;AAAA,MACd,CACD;AAAA,MACDE,EAAE,KAAK,EAAE,UAAU,8CAA+C,CAAA;AAAA,IAAA;AAAA,EACpE,CACD;AACH;AC1EA,IAAIE,IAAY;AAgBM,eAAAC,EAAMC,GAAWC,GAAsBC,GAA4C;AAGvG,MAFiBC,EAAA,SAASF,GAAa,mEAAmE,GAEtGH;AACI,UAAA,IAAI,MAAM,iCAAiC;AAG/C,MAAAM,GACAC,GACAC,KAAYJ,KAAA,gBAAAA,EAAS,cAAaT;AAEtC,QAAMc,KAAcL,KAAA,gBAAAA,EAAS,YAAW,IAAIM,EAAQ,KAAK;AAEzD,EAAAC,EAAc,CAACf,MAAU;AACvB,IAAII,KACMY,EAAA,GAIV,IAAIC,EAAaJ,GAAaD,GAAWZ,CAAK,EAAE,MAAMO,CAAW;AAAA,EAAA,CAClE,GAEDO,EAAQ,UAAUD,CAAW,GAEzBP,aAAgBY,KACTP,IAAAL,GACTI,IAAW,MAAMC,EAAOQ,CAAK,EAAEZ,GAAaM,CAAW,KAGvDH,IAAW,IAAIO,EAAaJ,GAAaP,GAAM,CAAA,CAAE,GAGnDI,EAAS,MAAMH,CAAW,GACdH,IAAA,IAEZU,EAAQ,SAASD,CAAW;AAE5B,iBAAeG,IAAU;AACvB,IAAKZ,MAELU,EAAQ,YAAYD,CAAW,GAE/BH,EAAS,QAAQ,EAAK,GAElBC,KACI,MAAAA,EAAOS,CAAO,EAAE,GAGZhB,IAAA,IAEZU,EAAQ,WAAWD,CAAW;AAAA,EAAA;AAGzB,SAAAG;AACT;"}
+{"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(\"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, LifecycleEvent } from \"./context\";\nimport { type LoggerCrashProps, 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<LoggerCrashProps>;\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.emit(rootContext, LifecycleEvent.WILL_MOUNT);\n\n  if (view instanceof Router) {\n    // Store router reference so we can unmount it with the app.\n    router = view;\n    rootView = await router[MOUNT](rootElement, rootContext);\n  } else {\n    rootView = new ViewInstance(rootContext, view, {});\n  }\n  rootView.mount(rootElement);\n  isMounted = true;\n\n  Context.emit(rootContext, LifecycleEvent.DID_MOUNT);\n\n  async function unmount() {\n    if (!isMounted) return;\n\n    Context.emit(rootContext, LifecycleEvent.WILL_UNMOUNT);\n\n    rootView.unmount(false);\n    if (router) {\n      await router[UNMOUNT]();\n    }\n    isMounted = false;\n\n    Context.emit(rootContext, LifecycleEvent.DID_UNMOUNT);\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","unmount","ViewInstance","LifecycleEvent","Router","MOUNT","UNMOUNT"],"mappings":"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"}

package/dist/jsx-dev-runtime.js

@@ -1,4 +1,4 @@
-import { M as n } from "./markup-BBa4WBj1.js";
+import { b as n } from "./markup-BGlfQYQk.js";
 import { F as m } from "./fragment-BahD_BJA.js";
 function u(e, r, t, o, a, i) {
   return new n(e, t != null ? { ...r, key: t } : r);

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, 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;"}
+{"version":3,"file":"jsx-dev-runtime.js","sources":["../src/jsx-dev-runtime.js"],"sourcesContent":["import { createLogger } from \"./core\";\nimport { Markup } from \"./core/markup\";\nexport { Fragment } from \"./core/views/fragment\";\n\nexport function jsxDEV(element, props, key, isStaticChildren, source, self) {\n  // TODO: Take additional dev arguments and use them for better debugging.\n  // console.info({ element, props, key, isStaticChildren, source, self });\n  return new Markup(element, key != null ? { ...props, key } : props);\n}\n"],"names":["jsxDEV","element","props","key","isStaticChildren","source","self","Markup"],"mappings":";;AAIO,SAASA,EAAOC,GAASC,GAAOC,GAAKC,GAAkBC,GAAQC,GAAM;AAG1E,SAAO,IAAIC,EAAON,GAASE,KAAO,OAAO,EAAE,GAAGD,GAAO,KAAAC,EAAK,IAAGD,CAAK;AACpE;"}

package/dist/jsx-runtime.js

@@ -1,4 +1,4 @@
-import { M as u } from "./markup-BBa4WBj1.js";
+import { b as u } from "./markup-BGlfQYQk.js";
 import { F as m } from "./fragment-BahD_BJA.js";
 function o(t, n, r) {
   return new u(t, r != null ? { ...n, key: r } : n);

package/dist/jsx-runtime.js.map

@@ -1 +1 @@
-{"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;"}
+{"version":3,"file":"jsx-runtime.js","sources":["../src/jsx-runtime.js"],"sourcesContent":["import { 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"],"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;"}