@druid-ui/component 1.0.8 → 1.0.10

package/dist/jsx-runtime.js

@@ -0,0 +1,89 @@
+// src/index.ts
+import { d as dfunc } from "druid:ui/ui";
+
+// src/utils.ts
+import { log, rerender, setHook } from "druid:ui/ui";
+var callbackMap = {};
+var registerHooks = (id, fnresult) => {
+  switch (true) {
+    case !!fnresult.init:
+      setHook(id, "init");
+      callbackMap[id] = {
+        ...callbackMap[id],
+        init: fnresult.init
+      };
+      break;
+  }
+};
+var createDFunc = (dfunc2) => {
+  return (tag, props, ...children) => {
+    children = children.flat();
+    if (typeof tag !== "string") {
+      if (typeof tag === "function") {
+        const fnresult = tag(props);
+        if (fnresult?.view) {
+          const id3 = fnresult.view(props);
+          registerHooks(id3, fnresult);
+          return id3;
+        } else {
+          return tag(props);
+        }
+      }
+      const id2 = tag.view(props);
+      registerHooks(id2, tag);
+      return id2;
+    }
+    const ps = { prop: [], on: [] };
+    const cbObj = {};
+    if (props) {
+      for (const [key, value] of Object.entries(props)) {
+        if (value instanceof Function) {
+          const eventKey = key.startsWith("on") ? key.slice(2).toLowerCase() : key;
+          cbObj[eventKey] = value;
+          ps.on.push(eventKey);
+        } else {
+          if (typeof value === "boolean") {
+            if (value) {
+              ps.prop.push({ key, value: "true" });
+            }
+            continue;
+          }
+          ps.prop.push({ key, value });
+        }
+      }
+    }
+    const id = dfunc2(
+      tag,
+      ps,
+      children.filter((c) => typeof c !== "boolean").map((c) => c?.toString())
+    );
+    callbackMap[id] = {
+      ...callbackMap[id],
+      ...cbObj
+    };
+    return id;
+  };
+};
+
+// src/index.ts
+import { Event } from "druid:ui/utils";
+import { log as log2 } from "druid:ui/ui";
+var d2 = createDFunc(dfunc);
+
+// src/jsx-runtime.ts
+function jsx(type, props) {
+  const { children, ...rest } = props || {};
+  if (children !== void 0) {
+    return d2(type, rest, children);
+  }
+  return d2(type, rest);
+}
+var jsxs = jsx;
+var jsxDEV = jsx;
+var Fragment = Symbol.for("react.fragment");
+export {
+  Fragment,
+  jsx,
+  jsxDEV,
+  jsxs
+};

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

@@ -0,0 +1,8 @@
+export declare function jsx(type: any, props: any): string | void | {
+    view: (props?: any) => string;
+    init?: () => void;
+};
+export declare const jsxs: typeof jsx;
+export declare const jsxDEV: typeof jsx;
+export declare const Fragment: unique symbol;
+//# sourceMappingURL=jsx-runtime.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-runtime.d.ts","sourceRoot":"","sources":["../../src/jsx-runtime.ts"],"names":[],"mappings":"AAGA,wBAAgB,GAAG,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG;gBAgB+kB,CAAC;;EAVxnB;AAGD,eAAO,MAAM,IAAI,YAAM,CAAC;AAGxB,eAAO,MAAM,MAAM,YAAM,CAAC;AAG1B,eAAO,MAAM,QAAQ,eAA+B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@druid-ui/component",
-  "version": "1.0.8",
+  "version": "1.0.10",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/types/index.d.ts",
@@ -18,6 +18,11 @@
     "./jsx": {
       "types": "./src/jsx.d.ts"
     },
+    "./jsx-runtime": {
+      "types": "./dist/types/jsx-runtime.d.ts",
+      "import": "./dist/jsx-runtime.js",
+      "default": "./dist/jsx-runtime.js"
+    },
     "./types": {
       "types": "./dist/types/druid-ui.d.ts"
     }
@@ -27,9 +32,10 @@
     "src"
   ],
   "scripts": {
-    "build": "npm run build:types-ui && npm run build:lib && npm run build:raw && npm run build:types",
+    "build": "npm run build:types-ui && npm run build:lib && npm run build:raw && npm run build:jsx-runtime && npm run build:types",
     "build:lib": "esbuild src/index.ts --bundle --outfile=dist/index.js --format=esm --external:druid:ui/ui --external:druid:ui/utils --external:druid:ui/component --external:@druid-ui/host",
     "build:raw": "esbuild src/raw.ts --bundle --outfile=dist/raw.js --format=esm --external:@druid-ui/host --external:druid:ui/ui --external:druid:ui/utils --external:druid:ui/component",
+    "build:jsx-runtime": "esbuild src/jsx-runtime.ts --bundle --outfile=dist/jsx-runtime.js --format=esm --external:druid:ui/ui --external:druid:ui/utils --external:druid:ui/component --external:@druid-ui/host",
     "build:types": "tsc --emitDeclarationOnly --outDir dist/types",
     "build:types-ui": "druid-ui-gen-types druid-ui --out-dir=dist/types"
   },

package/src/jsx-runtime.ts

@@ -0,0 +1,19 @@
+import { d } from "./index";
+
+// Adapter for React JSX runtime - extracts children from props
+export function jsx(type: any, props: any) {
+  const { children, ...rest } = props || {};
+  if (children !== undefined) {
+    return d(type, rest, children);
+  }
+  return d(type, rest);
+}
+
+// jsxs is the same as jsx (used for multiple children)
+export const jsxs = jsx;
+
+// jsxDEV is the same for development
+export const jsxDEV = jsx;
+
+// Fragment is just an empty element for druid-ui
+export const Fragment = Symbol.for("react.fragment");

package/src/utils.d.ts

@@ -1,22 +0,0 @@
-import type { Props } from "druid:ui/ui";
-import type { Event } from "../types";
-import type { Context } from "druid:ui/component";
-export declare function fnv1aHash(str: string): string;
-export declare const eventMap: Record<string, Record<string, Function>>;
-export declare function emit(nodeid: string, event: string, e: Event): void;
-export declare const createDFunc: (dfunc: (element: string, props: Props, children: string[]) => string) => (tag: string | {
-    view: (props?: any) => void;
-} | ((props?: any) => void), props?: Record<string, any>, ...children: string[]) => string | void;
-export declare const asyncCallback: (id: string, result: {
-    tag: "ok" | "err";
-    val: any;
-}) => void;
-export declare const rawAsyncToPromise: <T>(fn: (...args: any[]) => any) => (...args: any[]) => Promise<T>;
-export declare const createComponent: (j: (ctx: Context) => string | JSX.Element) => {
-    init: (ctx: Context) => string | JSX.Element;
-    emit: typeof emit;
-    asyncComplete: (id: string, result: {
-        tag: "ok" | "err";
-        val: any;
-    }) => void;
-};