wrec 0.21.4 → 0.22.0

package/dist/wrec-ssr.d.ts

@@ -0,0 +1,79 @@
+export declare type ChangeListener = {
+    changed: (statePath: string, componentProperty: string, newValue: unknown, oldValue: unknown, state: WrecState) => void;
+};
+
+export declare function createElement(name: string, attributes: StringToString, innerHTML: string): HTMLElement;
+
+export declare function css(strings: TemplateStringsArray, ...values: unknown[]): string;
+
+export declare function html(strings: TemplateStringsArray, ...values: unknown[]): string;
+
+declare const HTMLElementBase: {
+    new (): HTMLElement;
+    prototype: HTMLElement;
+};
+
+declare type LooseObject = Record<string, unknown>;
+
+declare type StringToAny = Record<string, any>;
+
+declare type StringToString = Record<string, string>;
+
+export declare abstract class Wrec extends HTMLElementBase implements ChangeListener {
+    #private;
+    private static attrToPropMap;
+    private static propToAttrMap;
+    static context: {};
+    static css: string;
+    private static elementName;
+    static formAssociated: boolean;
+    static html: string;
+    static properties: StringToAny;
+    private static propToComputedMap;
+    private static propToExprsMap;
+    private static template;
+    [key: string]: any;
+    static define(elementName: string): void;
+    constructor();
+    attributeChangedCallback(attrName: string, oldValue: string | null, newValue: string | null): void;
+    batchSet(changes: StringToAny): void;
+    private static buildHTML;
+    changed(_statePath: string, componentProp: string, newValue: unknown): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    dispatch(name: string, detail: any): void;
+    displayIfSet(value: any, display?: string): string;
+    formAssociatedCallback(): void;
+    formResetCallback(): void;
+    private static getAttrName;
+    static getPropName(attrName: string): string;
+    static get observedAttributes(): string[];
+    propertyChangedCallback(_propName: string, _oldValue: unknown, _newValue: unknown): void;
+    setAttributeSafe(name: string, value: string): void;
+    setFormValue(propName: string, value: string): void;
+    static ssr(properties?: StringToAny): void;
+    /**
+     * @param state - WrecState object
+     * @param map - object whose keys are state properties and
+     *   whose values are component properties
+     */
+    useState(state: WrecState, map?: StringToString): void;
+}
+
+export declare class WrecState {
+    #private;
+    static get(name: string): WrecState | undefined;
+    [key: string]: unknown;
+    constructor(name: string, persist: boolean, initial?: LooseObject);
+    /**
+     * @param listener - object that has a "changed" method
+     * @param map - map from state property paths to component properties
+     */
+    addListener(listener: ChangeListener, map?: Record<string, string>): void;
+    addProperty(propName: string, initialValue: unknown): void;
+    get id(): symbol;
+    log(): void;
+    removeListener(listener: ChangeListener): void;
+}
+
+export { }

package/dist/wrec-ssr.es.js

@@ -0,0 +1,71 @@
+import { HTMLElement as y, parse as H, NodeType as T, TextNode as M } from "node-html-parser";
+import { Wrec as R } from "./wrec.es.js";
+import { WrecState as I, createElement as C, css as D, html as F } from "./wrec.es.js";
+const b = "a-zA-Z_$", S = b + "0-9", h = `[${b}][${S}]*`, N = new RegExp(`this\\.${h}(\\.${h})*`), _ = 5, O = (c) => c.substring(_).split(".")[0];
+typeof window > "u" && !globalThis.HTMLElement && (globalThis.HTMLElement = y);
+typeof window > "u" && !globalThis.customElements && (globalThis.customElements = {
+  get: (c) => {
+  },
+  getName: () => "",
+  define: () => {
+  },
+  upgrade: () => {
+  },
+  whenDefined: () => Promise.reject(new Error("customElements is not available"))
+});
+R.ssr = function(o = {}) {
+  let l = "";
+  const m = Object.keys(o);
+  m.sort();
+  for (const t of m) {
+    const n = this.getAttrName(t);
+    l += ` ${n}="${o[t]}"`;
+  }
+  const u = this.properties;
+  for (const [t, n] of Object.entries(u))
+    if (o[t] === void 0) {
+      const { value: s } = n;
+      s !== void 0 && (o[t] = s);
+    }
+  function f(t) {
+    return new Function("return " + t).call(o);
+  }
+  function E(t) {
+    const { attributes: n } = t;
+    for (const [e, i] of Object.entries(n))
+      if (N.test(i)) {
+        const r = f(i), a = O(e), v = u[a]?.value ?? "";
+        r === v ? t.removeAttribute(e) : t.setAttribute(e, String(r));
+      }
+    const { childNodes: s } = t;
+    s.forEach((e, i) => {
+      if (e.nodeType === T.ELEMENT_NODE)
+        E(e);
+      else if (e.nodeType === T.COMMENT_NODE) {
+        const r = e.textContent ?? "";
+        if (N.test(r)) {
+          const a = f(r);
+          s[i] = new M(String(a));
+        }
+      }
+    });
+  }
+  const g = this.buildHTML(), w = H(g, { comment: !0 }), { children: d } = w;
+  d.forEach(E);
+  const $ = d.map((t) => t.outerHTML).join(`
+`), p = this.elementName;
+  return `
+      <${p}${l}>
+        <template shadowrootmode="open">
+          ${$}
+        </template>
+      </${p}>
+    `;
+};
+export {
+  R as Wrec,
+  I as WrecState,
+  C as createElement,
+  D as css,
+  F as html
+};

package/dist/wrec.d.ts

@@ -8,13 +8,18 @@ export declare function css(strings: TemplateStringsArray, ...values: unknown[])
 
 export declare function html(strings: TemplateStringsArray, ...values: unknown[]): string;
 
+declare const HTMLElementBase: {
+    new (): HTMLElement;
+    prototype: HTMLElement;
+};
+
 declare type LooseObject = Record<string, unknown>;
 
 declare type StringToAny = Record<string, any>;
 
 declare type StringToString = Record<string, string>;
 
-export declare abstract class Wrec extends HTMLElement implements ChangeListener {
+export declare abstract class Wrec extends HTMLElementBase implements ChangeListener {
     #private;
     private static attrToPropMap;
     private static propToAttrMap;
@@ -30,7 +35,7 @@ export declare abstract class Wrec extends HTMLElement implements ChangeListener
     [key: string]: any;
     static define(elementName: string): void;
     constructor();
-    attributeChangedCallback(attrName: string, oldValue: string, newValue: string | number | boolean | undefined): void;
+    attributeChangedCallback(attrName: string, oldValue: string | null, newValue: string | null): void;
     batchSet(changes: StringToAny): void;
     private static buildHTML;
     changed(_statePath: string, componentProp: string, newValue: unknown): void;
@@ -46,7 +51,7 @@ export declare abstract class Wrec extends HTMLElement implements ChangeListener
     propertyChangedCallback(_propName: string, _oldValue: unknown, _newValue: unknown): void;
     setAttributeSafe(name: string, value: string): void;
     setFormValue(propName: string, value: string): void;
-    static ssr(properties?: StringToAny): string;
+    static ssr(properties?: StringToAny): void;
     /**
      * @param state - WrecState object
      * @param map - object whose keys are state properties and