@wrnrlr/prelude 0.2.10 → 0.2.15

package/src/switch.ts

@@ -0,0 +1,96 @@
+import {memo, untrack, children, type Getter} from './reactive.ts'
+
+/**
+ * Switches between content based on mutually exclusive conditions
+ * ```typescript
+ * <Switch fallback={<FourOhFour />}>
+ *   <Match when={state.route === 'home'}>
+ *     <Home />
+ *   </Match>
+ *   <Match when={state.route === 'settings'}>
+ *     <Settings />
+ *   </Match>
+ * </Switch>
+ * ```
+ * @description https://docs.solidjs.com/reference/components/switch-and-match
+ */
+export function Switch(props: { fallback?: any; children: any }): any {
+  const chs = children(() => props.children);
+  const switchFunc = memo(() => {
+    const ch = chs() as unknown as MatchProps<unknown> | MatchProps<unknown>[];
+    const mps = Array.isArray(ch) ? ch : [ch];
+    let func: Getter<any | undefined> = () => undefined;
+    for (let i = 0; i < mps.length; i++) {
+      const index = i;
+      const mp = mps[i];
+      const prevFunc = func;
+      const conditionValue = memo(
+        () => (prevFunc() ? undefined : mp.when),
+        undefined, undefined
+      );
+      const condition = mp.keyed
+        ? conditionValue
+        : memo(
+            conditionValue,
+            undefined,
+            { equals: (a, b) => !a === !b }
+          );
+      func = () => prevFunc() || (condition() ? [index, conditionValue, mp] : undefined);
+    }
+    return func;
+  });
+  return memo(
+    () => {
+      const sel = switchFunc()();
+      if (!sel) return props.fallback;
+      const [index, conditionValue, mp] = sel;
+      const child = mp.children;
+      const fn = typeof child === "function" && child.length > 0;
+      return fn
+        ? untrack(() =>
+            (child as any)(
+              mp.keyed
+                ? (conditionValue() as any)
+                : () => {
+                    if (untrack(switchFunc)()?.[0] !== index) throw 'Stale read from Switch'
+                    return conditionValue();
+                  }
+            )
+          )
+        : child;
+    },
+    undefined,
+    undefined
+  ) as unknown as any;
+}
+
+export type MatchProps<T> = {
+  when: T | undefined | null | false;
+  keyed?: boolean;
+  children: any | ((item: NonNullable<T> | Getter<NonNullable<T>>) => any);
+};
+/**
+ * Selects a content based on condition when inside a `<Switch>` control flow
+ * ```typescript
+ * <Match when={condition()}>
+ *   <Content/>
+ * </Match>
+ * ```
+ * @description https://docs.solidjs.com/reference/components/switch-and-match
+ */
+export function Match<
+  T,
+  TRenderFunction extends (item: Getter<NonNullable<T>>) => any
+>(props: {
+  when: T | undefined | null | false;
+  keyed?: false;
+  children: any;
+}): any;
+export function Match<T, TRenderFunction extends (item: NonNullable<T>) => any>(props: {
+  when: T | undefined | null | false;
+  keyed: true;
+  children: any;
+}): any;
+export function Match<T>(props: MatchProps<T>) {
+  return props as unknown as any;
+}

package/test/hyperscript.js

@@ -1,13 +1,16 @@
-import {runtime} from '../src/runtime.ts'
-import {hyperscript} from '../src/hyperscript.ts'
-import {signal,root} from '../src/reactive.ts'
+// import {runtime} from '../src/runtime.ts'
 import { Window } from 'happy-dom'
 import {assertEquals} from '@std/assert'
 
 const window = new Window
-const document = window.document
-globalThis = window
-const r = runtime(window), h = hyperscript(r)
+
+globalThis.window = window
+globalThis.document = window.document
+globalThis.navigator = window.navigator
+
+import {signal,root} from '../src/reactive.ts'
+import { r } from '../src/runtime.ts'
+import {h} from '../src/hyperscript.ts'
 
 function testing(name, props, f=props) {
   const htest = t => (name, f) => {

package/test/list.js

@@ -1,8 +1,8 @@
-import {assertEquals,assert} from '@std/assert'
-import {describe,it} from '@std/testing/bdd'
+// import {assertEquals,assert} from '@std/assert'
+// import {describe,it} from '@std/testing/bdd'
 
-import { signal } from '../src/reactive.ts'
-import { listArray } from '../src/controlflow.ts'
+// import { signal } from '../src/reactive.ts'
+// import { listArray } from '../src/list.ts'
 
 // Deno.test('listArray applies list to mapFn', ()=>{
 //   const l = signal([0,1,2])

package/test/types.ts

@@ -1,11 +1,15 @@
-import { runtime } from '../src/runtime.ts'
-import { hyperscript, type Mountable } from '../src/hyperscript.ts'
+import { type Mountable } from '../src/runtime.ts'
+import { h } from '../src/hyperscript.ts'
 import { signal, root } from '../src/reactive.ts'
-import { List } from '../src/controlflow.ts'
+import { List } from '../src/list.ts'
 import { Window } from 'happy-dom'
 
 const window = new Window
-const r = runtime(window as any), h = hyperscript(r)
+
+globalThis.window = (window as any)
+globalThis.document = (window as any).document
+globalThis.navigator = (window as any).navigator
+
 
 h('hr')
 h('div', ['hello'])

package/.github/workflows/publish.yml

@@ -1,67 +0,0 @@
-name: Prelude CI/CD
-
-on:
-  push:
-    branches:
-      - main
-      - release
-
-jobs:
-  test:
-    runs-on: ubuntu-latest
-    # if: github.ref == 'refs/heads/main'
-    steps:
-      - name: Checkout the repository
-        uses: actions/checkout@v4
-      - name: Setup Deno
-        uses: denoland/setup-deno@v2
-        with:
-          deno-version: v2.x
-      - name: Deno install
-        run: deno install
-      # - name: Lint
-      #   run: deno lint
-      - name: Run tests
-        run: deno task test
-  publish:
-    needs: test
-    if: github.ref == 'refs/heads/release'
-    runs-on: ubuntu-latest
-    permissions:
-      contents: read
-      id-token: write
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v4
-
-      - name: Setup Deno
-        uses: denoland/setup-deno@v2
-        with:
-          deno-version: v2.x
-
-      - name: Publish to JSR
-        run: deno publish --allow-slow-types --allow-dirty
-
-      - name: Setup Node
-        uses: actions/setup-node@v4
-        with:
-          node-version: 20
-          registry-url: 'https://registry.npmjs.org/'
-
-      - name: Publish to NPM
-        run: npm publish --access public
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
-
-      # Moving artifacts, website and docs into their own project...
-      # - name: Setup Pages
-        # uses: actions/configure-pages@v5
-
-      # - name: Upload artifact
-        # uses: actions/upload-pages-artifact@v3
-        # with:
-          # path: './www/dist'
-
-      # - name: Deploy to GitHub Pages
-        # id: deployment
-        # uses: actions/deploy-pages@v4