@tschk/moonshine 0.3.1 → 0.3.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tschk/moonshine",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "description": "Hyperminimal signal runtime — Bun-first; import /react for TSX apps",
   "license": "ISC",
   "type": "module",
@@ -18,10 +18,10 @@
     "./shaders": "./src/shaders.ts"
   },
   "dependencies": {
-    "@tschk/moonshine-react": "^0.3.1",
-    "@tschk/moonshine-router": "^0.3.1",
-    "@tschk/moonshine-server": "^0.3.1",
-    "@tschk/moonshine-shaders": "^0.3.1"
+    "@tschk/moonshine-react": "^0.3.3",
+    "@tschk/moonshine-router": "^0.3.3",
+    "@tschk/moonshine-server": "^0.3.3",
+    "@tschk/moonshine-shaders": "^0.3.3"
   },
   "scripts": {
     "test": "bun test",

package/src/signal.ts

@@ -205,9 +205,15 @@ export function createMemo<T>(compute: () => T): Memo<T> {
       currentTracker = previous;
     }
 
+    // Re-subscribing tears down and rebuilds the whole upstream chain, so only
+    // do it when the dependency set actually moved.
+    const sameDeps =
+      collected.length === deps.length &&
+      collected.every((entry, index) => entry.node === deps[index]!.node);
+
     deps = collected;
     stale = false;
-    if (listeners.size > 0) observe();
+    if (listeners.size > 0 && (!sameDeps || unsubs.length === 0)) observe();
 
     if (!hasValue || !Object.is(next, value)) {
       value = next;

package/src/create-app.ts

@@ -1,79 +0,0 @@
-import { createElement, type ComponentType, type ReactNode } from "react";
-import { createRoot, type Root } from "react-dom/client";
-
-export type MoonshineAppOptions = {
-  /** React root component. */
-  root: ComponentType;
-  /** Optional CSS class applied to the mount host. */
-  className?: string;
-};
-
-export type MoonshineApp = {
-  /** Mount into a DOM container (selector or element). */
-  mount: (container: string | Element) => void;
-  /** Unmount and dispose the React root. */
-  unmount: () => void;
-  /** True after a successful mount and before unmount. */
-  readonly mounted: boolean;
-};
-
-/**
- * Create a lightweight Moonshine app shell.
- *
- * ```ts
- * const app = createMoonshineApp({ root: App });
- * app.mount("#app");
- * ```
- */
-export function createMoonshineApp(options: MoonshineAppOptions): MoonshineApp {
-  let reactRoot: Root | null = null;
-  let host: Element | null = null;
-  let mounted = false;
-
-  return {
-    get mounted() {
-      return mounted;
-    },
-    mount(container) {
-      if (mounted) {
-        throw new Error("createMoonshineApp: already mounted");
-      }
-
-      const el =
-        typeof container === "string"
-          ? document.querySelector(container)
-          : container;
-      if (!el) {
-        throw new Error(
-          `createMoonshineApp: mount target not found: ${String(container)}`,
-        );
-      }
-
-      host = el;
-      if (options.className) {
-        el.classList.add(...options.className.split(/\s+/).filter(Boolean));
-      }
-
-      reactRoot = createRoot(el);
-      reactRoot.render(createElement(options.root));
-      mounted = true;
-    },
-    unmount() {
-      if (!mounted || !reactRoot) return;
-      reactRoot.unmount();
-      reactRoot = null;
-      if (host && options.className) {
-        for (const cls of options.className.split(/\s+/).filter(Boolean)) {
-          host.classList.remove(cls);
-        }
-      }
-      host = null;
-      mounted = false;
-    },
-  };
-}
-
-/** @internal helper for tests / SSR stubs that only need an element tree. */
-export function renderToNode(root: ComponentType): ReactNode {
-  return createElement(root);
-}