@pyreon/preact-compat 0.4.0 → 0.5.1

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

@@ -0,0 +1,87 @@
+import { Fragment, h } from "@pyreon/core";
+import { signal } from "@pyreon/reactivity";
+
+//#region src/jsx-runtime.ts
+
+function beginRender(ctx) {
+  _currentCtx = ctx;
+  _hookIndex = 0;
+  ctx.pendingEffects = [];
+  ctx.pendingLayoutEffects = [];
+}
+function endRender() {
+  _currentCtx = null;
+  _hookIndex = 0;
+}
+function runLayoutEffects(entries) {
+  for (const entry of entries) {
+    if (entry.cleanup) entry.cleanup();
+    const cleanup = entry.fn();
+    entry.cleanup = typeof cleanup === "function" ? cleanup : void 0;
+  }
+}
+function scheduleEffects(ctx, entries) {
+  if (entries.length === 0) return;
+  queueMicrotask(() => {
+    for (const entry of entries) {
+      if (ctx.unmounted) return;
+      if (entry.cleanup) entry.cleanup();
+      const cleanup = entry.fn();
+      entry.cleanup = typeof cleanup === "function" ? cleanup : void 0;
+    }
+  });
+}
+function wrapCompatComponent(preactComponent) {
+  let wrapped = _wrapperCache.get(preactComponent);
+  if (wrapped) return wrapped;
+  wrapped = props => {
+    const ctx = {
+      hooks: [],
+      scheduleRerender: () => {},
+      pendingEffects: [],
+      pendingLayoutEffects: [],
+      unmounted: false
+    };
+    const version = signal(0);
+    let updateScheduled = false;
+    ctx.scheduleRerender = () => {
+      if (ctx.unmounted || updateScheduled) return;
+      updateScheduled = true;
+      queueMicrotask(() => {
+        updateScheduled = false;
+        if (!ctx.unmounted) version.set(version.peek() + 1);
+      });
+    };
+    return () => {
+      version();
+      beginRender(ctx);
+      const result = preactComponent(props);
+      const layoutEffects = ctx.pendingLayoutEffects;
+      const effects = ctx.pendingEffects;
+      endRender();
+      runLayoutEffects(layoutEffects);
+      scheduleEffects(ctx, effects);
+      return result;
+    };
+  };
+  _wrapperCache.set(preactComponent, wrapped);
+  return wrapped;
+}
+function jsx(type, props, key) {
+  const {
+    children,
+    ...rest
+  } = props;
+  const propsWithKey = key != null ? {
+    ...rest,
+    key
+  } : rest;
+  if (typeof type === "function") return h(wrapCompatComponent(type), children !== void 0 ? {
+    ...propsWithKey,
+    children
+  } : propsWithKey);
+  return h(type, propsWithKey, ...(children === void 0 ? [] : Array.isArray(children) ? children : [children]));
+}
+//#endregion
+export { Fragment, jsx, jsxs };
+//# sourceMappingURL=jsx-runtime.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-runtime.d.ts","names":[],"sources":["../../src/jsx-runtime.ts"],"mappings":"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"}

package/lib/types/jsx-runtime2.d.ts

@@ -0,0 +1,10 @@
+import { ComponentFn, Fragment, Props, VNode, VNodeChild } from "@pyreon/core";
+
+//#region src/jsx-runtime.d.ts
+declare function jsx(type: string | ComponentFn | symbol, props: Props & {
+  children?: VNodeChild | VNodeChild[];
+}, key?: string | number | null): VNode;
+declare const jsxs: typeof jsx;
+//#endregion
+export { Fragment, jsx, jsxs };
+//# sourceMappingURL=jsx-runtime2.d.ts.map

package/lib/types/jsx-runtime2.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-runtime2.d.ts","names":[],"sources":["../../src/jsx-runtime.ts"],"mappings":";;;iBA2IgB,GAAA,CACd,IAAA,WAAe,WAAA,WACf,KAAA,EAAO,KAAA;EAAU,QAAA,GAAW,UAAA,GAAa,UAAA;AAAA,GACzC,GAAA,4BACC,KAAA;AAAA,cAiBU,IAAA,SAAI,GAAA"}

package/lib/types/signals.d.ts

@@ -0,0 +1,57 @@
+import { batch as pyreonBatch, computed as computed$1, effect as effect$1, signal as signal$1 } from "@pyreon/reactivity";
+
+//#region src/signals.ts
+/**
+* Create a Preact-style signal with `.value` accessor.
+*
+* @example
+* const count = signal(0)
+* count.value++       // write
+* console.log(count.value)  // read (tracked)
+*/
+function signal(initial) {
+  const s = signal$1(initial);
+  return {
+    get value() {
+      return s();
+    },
+    set value(v) {
+      s.set(v);
+    },
+    peek() {
+      return s.peek();
+    }
+  };
+}
+/**
+* Create a Preact-style computed with `.value` accessor.
+*
+* @example
+* const doubled = computed(() => count.value * 2)
+* console.log(doubled.value)
+*/
+function computed(fn) {
+  const c = computed$1(fn);
+  return {
+    get value() {
+      return c();
+    },
+    peek() {
+      return c();
+    }
+  };
+}
+/**
+* Run a side-effect that auto-tracks signal reads.
+* Returns a dispose function.
+*/
+function effect(fn) {
+  const e = effect$1(fn);
+  return () => {
+    e.dispose();
+  };
+}
+
+//#endregion
+export { pyreonBatch as batch, computed, effect, signal };
+//# sourceMappingURL=signals.d.ts.map

package/lib/types/signals.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"signals.d.ts","names":["pyreonSignal","pyreonComputed","pyreonEffect"],"sources":["../../src/signals.ts"],"mappings":";;;;;;;;;;;AAkCA,SAAgB,MAAA,CAAU,OAAA,EAA+B;EACvD,MAAM,CAAA,GAAIA,QAAAA,CAAgB,OAAA,CAAQ;EAClC,OAAO;IACL,IAAI,KAAA,CAAA,EAAW;MACb,OAAO,CAAA,CAAA,CAAG;;IAEZ,IAAI,KAAA,CAAM,CAAA,EAAM;MACd,CAAA,CAAE,GAAA,CAAI,CAAA,CAAE;;IAEV,IAAA,CAAA,EAAU;MACR,OAAO,CAAA,CAAE,IAAA,CAAA,CAAM;;GAElB;;;;;;;;;AAYH,SAAgB,QAAA,CAAY,EAAA,EAAgC;EAC1D,MAAM,CAAA,GAAIC,UAAAA,CAAe,EAAA,CAAG;EAC5B,OAAO;IACL,IAAI,KAAA,CAAA,EAAW;MACb,OAAO,CAAA,CAAA,CAAG;;IAEZ,IAAA,CAAA,EAAU;MAER,OAAO,CAAA,CAAA,CAAG;;GAEb;;;;;;AAUH,SAAgB,MAAA,CAAO,EAAA,EAA2C;EAEhE,MAAM,CAAA,GAAYC,QAAAA,CAAa,EAAA,CAAG;EAClC,OAAA,MAAa;IACX,CAAA,CAAE,OAAA,CAAA,CAAS"}

package/lib/types/signals2.d.ts

@@ -0,0 +1,35 @@
+import { batch as pyreonBatch } from "@pyreon/reactivity";
+
+//#region src/signals.d.ts
+interface ReadonlySignal<T> {
+  readonly value: T;
+  peek(): T;
+}
+interface WritableSignal<T> extends ReadonlySignal<T> {
+  value: T;
+}
+/**
+ * Create a Preact-style signal with `.value` accessor.
+ *
+ * @example
+ * const count = signal(0)
+ * count.value++       // write
+ * console.log(count.value)  // read (tracked)
+ */
+declare function signal<T>(initial: T): WritableSignal<T>;
+/**
+ * Create a Preact-style computed with `.value` accessor.
+ *
+ * @example
+ * const doubled = computed(() => count.value * 2)
+ * console.log(doubled.value)
+ */
+declare function computed<T>(fn: () => T): ReadonlySignal<T>;
+/**
+ * Run a side-effect that auto-tracks signal reads.
+ * Returns a dispose function.
+ */
+declare function effect(fn: () => void | (() => void)): () => void;
+//#endregion
+export { ReadonlySignal, WritableSignal, pyreonBatch as batch, computed, effect, signal };
+//# sourceMappingURL=signals2.d.ts.map

package/lib/types/signals2.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"signals2.d.ts","names":[],"sources":["../../src/signals.ts"],"mappings":";;;UAiBiB,cAAA;EAAA,SACN,KAAA,EAAO,CAAA;EAChB,IAAA,IAAQ,CAAA;AAAA;AAAA,UAGO,cAAA,YAA0B,cAAA,CAAe,CAAA;EACxD,KAAA,EAAO,CAAA;AAAA;AADT;;;;;;;;AAAA,iBAYgB,MAAA,GAAA,CAAU,OAAA,EAAS,CAAA,GAAI,cAAA,CAAe,CAAA;;;;;;;AAAtD;iBAwBgB,QAAA,GAAA,CAAY,EAAA,QAAU,CAAA,GAAI,cAAA,CAAe,CAAA;;;;;iBAoBzC,MAAA,CAAO,EAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pyreon/preact-compat",
-  "version": "0.4.0",
+  "version": "0.5.1",
   "description": "Preact-compatible API shim for Pyreon — write Preact-style code that runs on Pyreon's reactive engine",
   "license": "MIT",
   "repository": {
@@ -59,9 +59,9 @@
     "prepublishOnly": "bun run build"
   },
   "dependencies": {
-    "@pyreon/core": "^0.4.0",
-    "@pyreon/reactivity": "^0.4.0",
-    "@pyreon/runtime-dom": "^0.4.0"
+    "@pyreon/core": "^0.5.1",
+    "@pyreon/reactivity": "^0.5.1",
+    "@pyreon/runtime-dom": "^0.5.1"
   },
   "devDependencies": {
     "@happy-dom/global-registrator": "^20.8.3",

package/src/jsx-dev-runtime.ts

@@ -0,0 +1 @@
+export { Fragment, jsx, jsxs } from "./jsx-runtime"