@inlay/core 0.0.1 → 0.0.3

package/dist/index.d.ts

@@ -1,12 +1,21 @@
 import type { l } from "@atproto/lex";
-type Node = {
-    type: l.NsidString;
-    props?: l.UnknownObject;
-};
-type LexiconModule = {
-    readonly $nsid: l.NsidString;
+import { type Node, type LexiconComponent } from "./node.ts";
+export { type Node, isValidNode } from "./node.ts";
+type LexiconModule = LexiconComponent & {
     readonly main: l.Procedure;
 };
-export declare function $<M extends LexiconModule>(mod: M, props?: Omit<l.InferMethodInputBody<M["main"]>, "children">, children?: (Node | string | number | false | null | undefined)[]): Node;
-export {};
+type Child = Node | string | number | boolean | null | undefined | Child[];
+type Props<M extends LexiconModule> = Omit<l.InferMethodInputBody<M["main"]>, "children"> & {
+    children?: Child;
+};
+export type Component<M extends LexiconModule> = M & ((props: Props<M>) => Node);
+export declare function jslex<T>(namespace: T): {
+    [K in keyof T]: T[K] extends LexiconModule ? Component<T[K]> : T[K];
+};
+type Config<M extends LexiconModule> = Omit<l.InferMethodInputBody<M["main"]>, "children"> & {
+    key?: string;
+};
+export declare function $<M extends LexiconModule>(mod: M, config?: Config<M>, ...children: Child[]): Node;
+export declare function stringifyNode(node: Node, indent?: number): string;
+export declare function parseNode<T = Node>(json: string): T;
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAGtC,KAAK,IAAI,GAAG;IACV,IAAI,EAAE,CAAC,CAAC,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,CAAC,CAAC,aAAa,CAAC;CACzB,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,UAAU,CAAC;IAC7B,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,wBAAgB,CAAC,CAAC,CAAC,SAAS,aAAa,EACvC,GAAG,EAAE,CAAC,EACN,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,UAAU,CAAC,EAC3D,QAAQ,CAAC,EAAE,CAAC,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,GAC/D,IAAI,CAMN"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAEL,KAAK,IAAI,EACT,KAAK,gBAAgB,EAGtB,MAAM,WAAW,CAAC;AAEnB,OAAO,EAAE,KAAK,IAAI,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAInD,KAAK,aAAa,GAAG,gBAAgB,GAAG;IACtC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,KAAK,KAAK,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,KAAK,EAAE,CAAC;AAI3E,KAAK,KAAK,CAAC,CAAC,SAAS,aAAa,IAAI,IAAI,CACxC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EACjC,UAAU,CACX,GAAG;IACF,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,aAAa,IAAI,CAAC,GAChD,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC;AAE9B,wBAAgB,KAAK,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,GAAG;KACrC,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,aAAa,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACpE,CAEA;AAID,KAAK,MAAM,CAAC,CAAC,SAAS,aAAa,IAAI,IAAI,CACzC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EACjC,UAAU,CACX,GAAG;IAAE,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAErB,wBAAgB,CAAC,CAAC,CAAC,SAAS,aAAa,EACvC,GAAG,EAAE,CAAC,EACN,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,EAClB,GAAG,QAAQ,EAAE,KAAK,EAAE,GACnB,IAAI,CAON;AA0BD,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAEjE;AAED,wBAAgB,SAAS,CAAC,CAAC,GAAG,IAAI,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC,CAEnD"}

package/dist/index.js

@@ -3,17 +3,55 @@
 // Usage:
 //   import { Stack } from "@/generated/org/design";
 //   import { Post } from "@/generated/com/example";
-//   import { $ } from "@inlay/core";
+//   import { $, parseNode } from "@inlay/core";
 //
-//   $(Stack, { gap: "medium" }, [
+//   $(Stack, { gap: "medium" },
+//     $(Post, { uri: 'at://...' }),
 //     $(Post, { uri: 'at://...' })
-//   ])
+//   )
+//
+// Serialization:
+//   stringifyNode(node)   // serializes with brand encoding
+//   parseNode(json)       // restores branded nodes
 //
 // Node types are NSIDs (e.g., "com.example.Post")
-export function $(mod, props, children) {
-    const finalProps = children != null ? { ...props, children } : props;
-    return {
-        type: mod.$nsid,
-        props: finalProps,
-    };
+import { BRAND, createNode, keyStaticChildren, } from "./node.js";
+export { isValidNode } from "./node.js";
+export function jslex(namespace) {
+    return namespace;
+}
+export function $(mod, config, ...children) {
+    const { key, ...rest } = config ?? {};
+    const props = children.length > 0
+        ? { ...rest, children: keyStaticChildren(children) }
+        : rest;
+    return createNode(mod.$nsid, key, props);
+}
+function replacer(key, value) {
+    if (key === "$") {
+        if (value === BRAND) {
+            return "$";
+        }
+        if (typeof value === "string" && value.startsWith("$")) {
+            return "$" + value;
+        }
+    }
+    return value;
+}
+function reviver(key, value) {
+    if (key === "$") {
+        if (value === "$") {
+            return BRAND;
+        }
+        if (typeof value === "string" && value.startsWith("$$")) {
+            return value.slice(1);
+        }
+    }
+    return value;
+}
+export function stringifyNode(node, indent) {
+    return JSON.stringify(node, replacer, indent);
+}
+export function parseNode(json) {
+    return JSON.parse(json, reviver);
 }

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

@@ -0,0 +1,6 @@
+import type { l } from "@atproto/lex";
+import type { Node, LexiconComponent } from "./node.ts";
+import { Fragment } from "./jsx-runtime.ts";
+export { Fragment };
+export declare function jsxDEV(type: LexiconComponent, props: l.UnknownObject | null, key?: string, isStaticChildren?: boolean): Node;
+//# sourceMappingURL=jsx-dev-runtime.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-dev-runtime.d.ts","sourceRoot":"","sources":["../src/jsx-dev-runtime.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AACxD,OAAO,EAAa,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,CAAC;AAEpB,wBAAgB,MAAM,CACpB,IAAI,EAAE,gBAAgB,EACtB,KAAK,EAAE,CAAC,CAAC,aAAa,GAAG,IAAI,EAC7B,GAAG,CAAC,EAAE,MAAM,EACZ,gBAAgB,CAAC,EAAE,OAAO,GACzB,IAAI,CAEN"}

package/dist/jsx-dev-runtime.js

@@ -0,0 +1,5 @@
+import { jsx, jsxs, Fragment } from "./jsx-runtime.js";
+export { Fragment };
+export function jsxDEV(type, props, key, isStaticChildren) {
+    return isStaticChildren ? jsxs(type, props, key) : jsx(type, props, key);
+}

package/dist/jsx-runtime.d.ts

@@ -0,0 +1,8 @@
+import type { l } from "@atproto/lex";
+import { type Node, type LexiconComponent } from "./node.ts";
+export declare function jsx(type: LexiconComponent, props: l.UnknownObject | null, key?: string): Node;
+export declare function jsxs(type: LexiconComponent, props: l.UnknownObject | null, key?: string): Node;
+export declare function Fragment(_props: {
+    children?: unknown;
+}): never;
+//# sourceMappingURL=jsx-runtime.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-runtime.d.ts","sourceRoot":"","sources":["../src/jsx-runtime.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EACL,KAAK,IAAI,EACT,KAAK,gBAAgB,EAGtB,MAAM,WAAW,CAAC;AAEnB,wBAAgB,GAAG,CACjB,IAAI,EAAE,gBAAgB,EACtB,KAAK,EAAE,CAAC,CAAC,aAAa,GAAG,IAAI,EAC7B,GAAG,CAAC,EAAE,MAAM,GACX,IAAI,CAEN;AAED,wBAAgB,IAAI,CAClB,IAAI,EAAE,gBAAgB,EACtB,KAAK,EAAE,CAAC,CAAC,aAAa,GAAG,IAAI,EAC7B,GAAG,CAAC,EAAE,MAAM,GACX,IAAI,CAQN;AAED,wBAAgB,QAAQ,CAAC,MAAM,EAAE;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,KAAK,CAE9D"}

package/dist/jsx-runtime.js

@@ -0,0 +1,16 @@
+import { createNode, keyStaticChildren, } from "./node.js";
+export function jsx(type, props, key) {
+    return createNode(type.$nsid, key, props);
+}
+export function jsxs(type, props, key) {
+    if (props?.children === undefined) {
+        return createNode(type.$nsid, key, props);
+    }
+    return createNode(type.$nsid, key, {
+        ...props,
+        children: keyStaticChildren(props.children),
+    });
+}
+export function Fragment(_props) {
+    throw new Error("Fragment is not supported");
+}

package/dist/node.d.ts

@@ -0,0 +1,14 @@
+import type { l } from "@atproto/lex";
+export declare const BRAND: unique symbol;
+export type Node = {
+    type: l.NsidString;
+    key?: string;
+    props?: l.UnknownObject;
+};
+export type LexiconComponent = {
+    readonly $nsid: l.NsidString;
+};
+export declare function createNode(type: l.NsidString, key?: string, props?: l.UnknownObject | null): Node;
+export declare function isValidNode(value: unknown): value is Node;
+export declare function keyStaticChildren<T>(children: T): T;
+//# sourceMappingURL=node.d.ts.map

package/dist/node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"node.d.ts","sourceRoot":"","sources":["../src/node.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAEtC,eAAO,MAAM,KAAK,eAAkB,CAAC;AAErC,MAAM,MAAM,IAAI,GAAG;IACjB,IAAI,EAAE,CAAC,CAAC,UAAU,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,CAAC,CAAC,aAAa,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,UAAU,CAAC;CAC9B,CAAC;AAEF,wBAAgB,UAAU,CACxB,IAAI,EAAE,CAAC,CAAC,UAAU,EAClB,GAAG,CAAC,EAAE,MAAM,EACZ,KAAK,CAAC,EAAE,CAAC,CAAC,aAAa,GAAG,IAAI,GAC7B,IAAI,CAEN;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,IAAI,CAMzD;AAED,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,CAYnD"}

package/dist/node.js

@@ -0,0 +1,20 @@
+export const BRAND = Symbol.for("$");
+export function createNode(type, key, props) {
+    return { $: BRAND, type, key, props: props ?? undefined };
+}
+export function isValidNode(value) {
+    return (typeof value === "object" &&
+        value !== null &&
+        value.$ === BRAND);
+}
+export function keyStaticChildren(children) {
+    if (Array.isArray(children)) {
+        return children.map((child, i) => isValidNode(child) && child.key == null
+            ? { ...child, key: String(i) }
+            : child);
+    }
+    if (isValidNode(children) && children.key == null) {
+        return { ...children, key: "0" };
+    }
+    return children;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inlay/core",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "type": "module",
   "author": "Dan Abramov <dan.abramov@gmail.com>",
   "license": "MIT",
@@ -10,6 +10,14 @@
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
+    },
+    "./jsx-runtime": {
+      "types": "./dist/jsx-runtime.d.ts",
+      "import": "./dist/jsx-runtime.js"
+    },
+    "./jsx-dev-runtime": {
+      "types": "./dist/jsx-dev-runtime.d.ts",
+      "import": "./dist/jsx-dev-runtime.js"
     }
   },
   "files": [