@manyducks.co/dolla 2.0.0-alpha.3 → 2.0.0-alpha.30

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

@@ -1,2 +1,2 @@
-export function jsxDEV(element: any, props: any, key: any, isStaticChildren: any, source: any, self: any): import("./markup.ts").Markup;
-export { Passthrough as Fragment } from "./views/passthrough.ts";
+export function jsxDEV(element: any, props: any, key: any, isStaticChildren: any, source: any, self: any): import("./core/markup").Markup;
+export { Passthrough as Fragment } from "./views/passthrough";

package/dist/jsx-dev-runtime.js

@@ -1,5 +1,5 @@
-import { r as s } from "./passthrough-DrtCifRF.js";
-import { P as m } from "./passthrough-DrtCifRF.js";
+import { z as s } from "./passthrough-d2lcM0cd.js";
+import { P as m } from "./passthrough-d2lcM0cd.js";
 function d(n, r, t, e, a, l) {
   const i = { ...o(["children", "key"], r) }, c = Array.isArray(r.children) ? r.children : [r.children];
   return s(n, i, ...c);

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

@@ -1 +1 @@
-{"version":3,"file":"jsx-dev-runtime.js","sources":["../src/jsx-dev-runtime.js"],"sourcesContent":["import { createMarkup } from \"./markup.ts\";\nexport { Passthrough as Fragment } from \"./views/passthrough.ts\";\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 createMarkup(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","createMarkup","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;AAEjF,SAAOQ,EAAaT,GAASM,GAAY,GAAGE,CAAQ;AACtD;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 { createMarkup } from \"./core/markup\";\nexport { Passthrough as Fragment } from \"./views/passthrough\";\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 createMarkup(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","createMarkup","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;AAEjF,SAAOQ,EAAaT,GAASM,GAAY,GAAGE,CAAQ;AACtD;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;"}

package/dist/jsx-runtime.d.ts

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

package/dist/jsx-runtime.js

@@ -1,5 +1,5 @@
-import { r as t } from "./passthrough-DrtCifRF.js";
-import { P as l } from "./passthrough-DrtCifRF.js";
+import { z as t } from "./passthrough-d2lcM0cd.js";
+import { P as l } from "./passthrough-d2lcM0cd.js";
 function d(n, e, r) {
   return t(n, e ? { ...u(["children", "key"], e) } : void 0, e.children);
 }

package/dist/jsx-runtime.js.map

@@ -1 +1 @@
-{"version":3,"file":"jsx-runtime.js","sources":["../src/jsx-runtime.js"],"sourcesContent":["import { createMarkup } from \"./markup.ts\";\nexport { Passthrough as Fragment } from \"./views/passthrough.ts\";\n\n/**\n * JSX function for elements with dynamic children.\n */\nexport function jsx(element, props, key) {\n  return createMarkup(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 createMarkup(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","createMarkup","omit","jsxs","keys","object","result"],"mappings":";;AAMO,SAASA,EAAIC,GAASC,GAAOC,GAAK;AACvC,SAAOC,EAAaH,GAASC,IAAQ,EAAE,GAAGG,EAAK,CAAC,YAAY,KAAK,GAAGH,CAAK,EAAC,IAAK,QAAeA,EAAM,QAAS;AAC/G;AAKO,SAASI,EAAKL,GAASC,GAAOC,GAAK;AACxC,SAAOC,EAAaH,GAASC,IAAQ,EAAE,GAAGG,EAAK,CAAC,YAAY,KAAK,GAAGH,CAAK,EAAC,IAAK,QAAWA,EAAM,QAAQ;AAC1G;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 { createMarkup } from \"./core/markup\";\nexport { Passthrough as Fragment } from \"./views/passthrough\";\n\n/**\n * JSX function for elements with dynamic children.\n */\nexport function jsx(element, props, key) {\n  return createMarkup(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 createMarkup(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","createMarkup","omit","jsxs","keys","object","result"],"mappings":";;AAMO,SAASA,EAAIC,GAASC,GAAOC,GAAK;AACvC,SAAOC,EAAaH,GAASC,IAAQ,EAAE,GAAGG,EAAK,CAAC,YAAY,KAAK,GAAGH,CAAK,EAAC,IAAK,QAAeA,EAAM,QAAS;AAC/G;AAKO,SAASI,EAAKL,GAASC,GAAOC,GAAK;AACxC,SAAOC,EAAaH,GAASC,IAAQ,EAAE,GAAGG,EAAK,CAAC,YAAY,KAAK,GAAGH,CAAK,EAAC,IAAK,QAAWA,EAAM,QAAQ;AAC1G;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;"}

package/dist/modules/http.d.ts

@@ -1,9 +1,11 @@
+import type { Dolla } from "../core/dolla.js";
 /**
  * A simple HTTP client with middleware support. Middleware applies to all requests made through this store,
  * so it's the perfect way to handle things like auth headers and permission checks for API calls.
  */
 export declare class HTTP {
     #private;
+    constructor(dolla: Dolla);
     /**
      * Adds a new middleware that will apply to subsequent requests.
      * Returns a function to remove this middleware.
@@ -37,18 +39,16 @@ export interface RequestOptions<ReqBody> {
 }
 export interface HTTPRequest<Body> {
     method: string;
-    uri: string;
-    readonly sameOrigin: boolean;
+    url: URL;
     headers: Headers;
-    query: URLSearchParams;
     body: Body;
 }
 export interface HTTPResponse<Body> {
     method: string;
-    uri: string;
+    url: URL;
+    headers: Headers;
     status: number;
     statusText: string;
-    headers: Record<string, string>;
     body: Body;
 }
 export declare class HTTPResponseError extends Error {

package/dist/modules/i18n.d.ts

@@ -0,0 +1,129 @@
+import type { Dolla } from "../core/dolla.js";
+import { type MaybeState, type State } from "../core/state.js";
+/**
+ * A JSON object of translated strings. Values can be string templates or nested objects.
+ */
+interface LocalizedStrings extends Record<string, string | LocalizedStrings> {
+}
+/**
+ * A formatter to be applied to a variable.
+ */
+type Format = {
+    name: string;
+    options: Record<string, any>;
+};
+export interface TranslationConfig {
+    /**
+     * Name of the locale this translation is for (BCP 47 locale names recommended).
+     */
+    locale: string;
+    /**
+     * Path to a JSON file with translated strings for this language.
+     */
+    path?: string;
+    /**
+     * A callback function that returns a Promise that resolves to the translation object for this language.
+     */
+    fetch?: () => Promise<LocalizedStrings>;
+}
+export type I18nSetupOptions = {
+    /**
+     * Default locale to load on startup
+     */
+    locale?: string | null;
+    translations: TranslationConfig[];
+};
+export type TOptions = {
+    /**
+     *
+     */
+    count?: MaybeState<number>;
+    /**
+     *
+     */
+    context?: MaybeState<string>;
+    /**
+     * Override formats specified in the template with the ones in the array for each named variable.
+     *
+     * @example
+     * t("example_key", {
+     *   count: 5,
+     *   formatOverrides: {
+     *     count: [ { name: "datetime", options: { style: "currency", currency: "JPY" } } ]
+     *   }
+     * });
+     */
+    formatOverrides?: MaybeState<Record<string, Record<string, Format[]>>>;
+    [value: string]: MaybeState<any>;
+};
+export type Formatter = (locale: string, value: unknown, options: Record<string, any>) => string;
+/**
+ * Dolla's I(nternationalizatio)n module. Manages language translations and locale-based formatting.
+ */
+export declare class I18n {
+    #private;
+    $locale: State<string | undefined>;
+    constructor(dolla: Dolla);
+    get locales(): string[];
+    setup(options: I18nSetupOptions): void;
+    setLocale(name: string): Promise<void>;
+    /**
+     * Returns a State containing the value at `key`.
+    
+     * @param selector - Key to the translated value.
+     * @param options - A map of `{{placeholder}}` names and the values to replace them with.
+     *
+     * @example
+     * const $value = t("your.key.here", { count: 5 });
+     */
+    t(selector: string, options?: TOptions): State<string>;
+    /**
+     * Add a custom format callback.
+     *
+     * @example
+     * Dolla.i18n.addFormat("uppercase", (locale, value, options) => {
+     *   return value.toUpperCase();
+     * });
+     *
+     * {
+     *   "greeting": "Hello, {{name|uppercase}}!"
+     * }
+     *
+     * t("greeting", {name: "world"}); // State<"Hello, WORLD!">
+     */
+    addFormat(name: string, callback: (locale: string, value: unknown, options: Record<string, any>) => string): void;
+    /**
+     * Creates an `Intl.Collator` configured for the current locale.
+     * NOTE: The Collator remains bound to the locale it was created with, even when the app's locale changes.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Collator/Collator#options
+     */
+    collator(options?: Intl.CollatorOptions): Intl.Collator;
+    /**
+     * Returns a State containing the number formatted for the current locale. Uses `Intl.NumberFormat` under the hood.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#options
+     */
+    number(count: MaybeState<number | bigint>, options?: Intl.NumberFormatOptions): State<string>;
+    /**
+     * Returns a State containing the date formatted for the current locale. Uses `Intl.DateTimeFormat` under the hood.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat#options
+     *
+     * @example
+     * const date = new Date();
+     * const $formatted = Dolla.i18n.dateTime(date, { dateFormat: "short" });
+     */
+    dateTime(date?: MaybeState<string | number | Date | undefined>, options?: Intl.DateTimeFormatOptions): State<string>;
+    /**
+     * Returns a State containing the date formatted for the current locale. Uses `Intl.DateTimeFormat` under the hood.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat#options
+     *
+     * @example
+     * const list = new Date();
+     * const $formatted = Dolla.i18n.list(list, {  });
+     */
+    list(list: MaybeState<Iterable<string>>, options?: Intl.ListFormatOptions): State<string>;
+}
+export {};

package/dist/modules/router.d.ts

@@ -1,6 +1,6 @@
-import { type Stringable } from "../types.js";
-import { ViewNode, type ViewFunction } from "../view.js";
-import type { Dolla } from "./dolla.js";
+import type { Dolla } from "../core/dolla.js";
+import type { ViewFunction } from "../core/nodes/view.js";
+import type { Stringable } from "../types.js";
 export interface RouteMatchContext {
     /**
      * Redirects the user to a different route instead of matching the current one.
@@ -29,14 +29,15 @@ export interface Route {
      */
     beforeMatch?: (ctx: RouteMatchContext) => void | Promise<void>;
 }
+export interface RouteMeta {
+    redirect?: string | ((ctx: RouteRedirectContext) => string) | ((ctx: RouteRedirectContext) => Promise<string>);
+    pattern?: string;
+    layers?: RouteLayer[];
+    beforeMatch?: (ctx: RouteMatchContext) => void | Promise<void>;
+}
 export interface RouteConfig {
     pattern: string;
-    meta: {
-        redirect?: string | ((ctx: RouteRedirectContext) => string) | ((ctx: RouteRedirectContext) => Promise<string>);
-        pattern?: string;
-        layers?: RouteLayer[];
-        beforeMatch?: (ctx: RouteMatchContext) => void | Promise<void>;
-    };
+    meta: RouteMeta;
 }
 export interface RouteLayer {
     id: number;
@@ -63,11 +64,6 @@ export interface RouteRedirectContext {
      */
     query: Record<string, string | number | boolean | undefined>;
 }
-interface ParsedParams {
-    [key: string]: string | number | boolean | (string | number | boolean | null)[] | null;
-}
-interface ParsedQuery extends ParsedParams {
-}
 export interface NavigateOptions {
     /**
      * Replace the current item in the history stack instead of adding a new one.
@@ -79,57 +75,33 @@ export interface NavigateOptions {
      */
     preserveQuery?: boolean;
 }
-export declare enum RoutingStyle {
-    /**
-     * Constructs routes like "https://www.example.com/#/sub/route" which work without any server-side setup.
-     * A good choice if your app has no backend.
-     */
-    hash = "hash",
-    /**
-     * Constructs routes like "https://www.example.com/sub/route" which look nicer (subjective?) than hash routes and are what most users will expect URLs to look like, but require additional backend setup.
-     * Path routing requires you to configure your backend to redirect to the app's index.html when subpaths are requested.
-     */
-    path = "path"
-}
-export interface RouterSetupOptions {
+export interface RouterOptions {
     routes: Route[];
     /**
-     * The routing style to use; "hash" will construct routes like "https://www.example.com/#/sub/route" which work without any server-side setup, while "path" will construct routes that use paths directly.
+     * When true, the router will construct routes like "https://www.example.com/#/sub/route" which work without any backend intervention.
      */
-    style?: RoutingStyle;
-}
-export interface RouterElements {
-    readonly rootElement?: HTMLElement;
-    readonly rootView?: ViewNode;
+    hash?: boolean;
 }
 export declare class Router {
     #private;
     /**
      * The currently matched route pattern, if any.
      */
-    $pattern: import("../signals.js").Signal<string | null>;
+    $pattern: import("../core/state.js").State<string | undefined>;
     /**
      * The current URL path.
      */
-    $path: import("../signals.js").Signal<string>;
+    $path: import("../core/state.js").State<string>;
     /**
      * The current named path params.
      */
-    $params: import("../signals.js").Signal<ParsedParams>;
+    $params: import("../core/state.js").State<Record<string, string | number>>;
     /**
      * The current query params. Changes to this object will be reflected in the URL.
      */
-    $query: import("../signals.js").Signal<ParsedQuery>;
-    constructor(dolla: Dolla, elements: RouterElements);
-    setup(options: RouterSetupOptions): void;
-    /**
-     * Navigates to another route.
-     *
-     * @example
-     * navigate("/login"); // navigate to `/login`
-     * navigate(["/users", 215], { replace: true }); // replace current history entry with `/users/215`
-     */
-    go(path: Stringable | Stringable[], options?: NavigateOptions): void;
+    $query: import("../core/state.js").State<Record<string, string | number | boolean>>;
+    constructor(dolla: Dolla);
+    setup(options: RouterOptions): Promise<void>;
     /**
      * Navigate backward. Pass a number of steps to hit the back button that many times.
      */
@@ -138,6 +110,14 @@ export declare class Router {
      * Navigate forward. Pass a number of steps to hit the forward button that many times.
      */
     forward(steps?: number): void;
+    /**
+     * Navigates to another route.
+     *
+     * @example
+     * Dolla.router.go("/login"); // navigate to `/login`
+     * Dolla.router.go["/users", 215], { replace: true }); // replace current history entry with `/users/215`
+     */
+    go(path: Stringable | Stringable[], options?: NavigateOptions): void;
 }
 /**
  * Intercepts links within the root node.
@@ -149,4 +129,3 @@ export declare class Router {
  * @param _window - (optional) Override for global window object
  */
 export declare function catchLinks(root: HTMLElement, callback: (anchor: HTMLAnchorElement) => void, _window?: Window & typeof globalThis): () => void;
-export {};