mini-jsx-test-pb 0.0.1

package/dist/index.d.ts

@@ -0,0 +1,12 @@
+type Effect = () => void;
+declare function State<T>(initial: T): {
+    val: T;
+};
+
+declare function effect(fn: Effect): void;
+
+declare function h(type: any, props: any, ...children: any[]): any;
+
+declare const version = "0.0.1";
+
+export { State, effect, h, version };

package/dist/index.js

@@ -0,0 +1,83 @@
+// src/state.ts
+var activeEffect = null;
+function State(initial) {
+  let value = initial;
+  const subscribers = /* @__PURE__ */ new Set();
+  return {
+    get val() {
+      if (activeEffect) {
+        subscribers.add(activeEffect);
+      }
+      return value;
+    },
+    set val(next) {
+      if (Object.is(value, next)) return;
+      value = next;
+      subscribers.forEach((fn) => fn());
+    }
+  };
+}
+function setActiveEffect(effect2) {
+  activeEffect = effect2;
+}
+
+// src/effect.ts
+function effect(fn) {
+  const runner = () => {
+    setActiveEffect(runner);
+    fn();
+    setActiveEffect(null);
+  };
+  runner();
+}
+
+// src/jsx.ts
+function h(type, props, ...children) {
+  if (typeof type === "function") {
+    return type({ ...props ?? {}, children });
+  }
+  const el = document.createElement(type);
+  if (props) {
+    for (const key in props) {
+      const value = props[key];
+      if (key.startsWith("on")) {
+        el.addEventListener(key.slice(2).toLowerCase(), value);
+      } else {
+        el.setAttribute(key, value);
+      }
+    }
+  }
+  for (const child of children.flat()) {
+    mountChild(el, child);
+  }
+  return el;
+}
+function mountChild(parent, child) {
+  if (child == null || child === false) return;
+  if (typeof child === "function") {
+    const text = document.createTextNode("");
+    parent.appendChild(text);
+    effect(() => {
+      text.nodeValue = String(child());
+    });
+    return;
+  }
+  if (typeof child === "object" && "val" in child) {
+    mountChild(parent, () => child.val);
+    return;
+  }
+  if (child instanceof Node) {
+    parent.appendChild(child);
+  } else {
+    parent.appendChild(document.createTextNode(String(child)));
+  }
+}
+
+// src/index.ts
+var version = "0.0.1";
+export {
+  State,
+  effect,
+  h,
+  version
+};

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "mini-jsx-test-pb",
+  "version": "0.0.1",
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup src/index.ts --format esm --dts",
+    "dev": "tsup src/index.ts --format esm --dts --watch"
+  },
+  "devDependencies": {
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3"
+  }
+}