fibrae 0.3.1 → 0.3.2

package/dist/transition.js

@@ -0,0 +1,46 @@
+/**
+ * Transition service — keeps old UI visible during navigation.
+ *
+ * Provides an `isPending` atom that is true while a route loader is running.
+ * Components can subscribe to show loading indicators without Suspense fallback.
+ *
+ * When provided:
+ * - RouterOutlet sets isPending=true during loader execution
+ * - Suspense bypasses its threshold during transitions (no fallback flash)
+ * - Stale loaders are cancelled via Stream.switchMap
+ *
+ * Usage:
+ * ```tsx
+ * // Provide TransitionLive to your app
+ * render(<App />, root, { layer: TransitionLive })
+ *
+ * // Read isPending in any component
+ * const NavBar = () => Effect.gen(function* () {
+ *   const { isPending } = yield* Transition
+ *   const pending = yield* Atom.get(isPending)
+ *   return <nav class={pending ? "loading" : ""}>...</nav>
+ * })
+ * ```
+ */
+import * as Context from "effect/Context";
+import * as Layer from "effect/Layer";
+import { Atom } from "@effect-atom/atom";
+// =============================================================================
+// Service Tag
+// =============================================================================
+/**
+ * Context tag for the Transition service.
+ * When provided, RouterOutlet sets isPending during loader execution
+ * and Suspense bypasses its threshold during transitions.
+ */
+export class Transition extends Context.Tag("fibrae/Transition")() {
+}
+// =============================================================================
+// Layer
+// =============================================================================
+/**
+ * Live layer for the Transition service.
+ * Creates an isPending atom scoped to this layer.
+ */
+export const TransitionLive = Layer.succeed(Transition, Transition.of({ isPending: Atom.make(false) }));
+//# sourceMappingURL=transition.js.map

package/dist/transition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transition.js","sourceRoot":"","sources":["../src/transition.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,OAAO,KAAK,OAAO,MAAM,gBAAgB,CAAC;AAC1C,OAAO,KAAK,KAAK,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAiBzC,gFAAgF;AAChF,cAAc;AACd,gFAAgF;AAEhF;;;;GAIG;AACH,MAAM,OAAO,UAAW,SAAQ,OAAO,CAAC,GAAG,CAAC,mBAAmB,CAAC,EAAiC;CAAG;AAEpG,gFAAgF;AAChF,QAAQ;AACR,gFAAgF;AAEhF;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAA4B,KAAK,CAAC,OAAO,CAClE,UAAU,EACV,UAAU,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAC/C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fibrae",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "Effect-first JSX renderer with automatic reactivity",
   "license": "MIT",
   "repository": {
@@ -76,7 +76,7 @@
     "@types/hast": "^3.0.4",
     "@types/mdast": "^4.0.0",
     "@types/node": "^24.10.0",
-    "@typescript/native-preview": "^7.0.0-dev.20260314.1",
+    "@typescript/native-preview": "catalog:",
     "typescript": "catalog:",
     "vite": "^8.0.0"
   },