flexium 0.9.1 → 0.10.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +14 -0
- package/dist/{DrawText-CJikXQjL.d.cts → DrawText-ccZrs3Xs.d.cts} +1 -1
- package/dist/{DrawText-Bvzl40Vi.d.ts → DrawText-ngwNNh8O.d.ts} +1 -1
- package/dist/advanced.d.cts +1 -1
- package/dist/advanced.d.ts +1 -1
- package/dist/advanced.js +1 -1
- package/dist/advanced.js.map +1 -1
- package/dist/advanced.mjs +1 -1
- package/dist/advanced.mjs.map +1 -1
- package/dist/canvas.d.cts +4 -4
- package/dist/canvas.d.ts +4 -4
- package/dist/canvas.js +1 -1
- package/dist/canvas.mjs +1 -1
- package/dist/chunk-3BQXIHYI.mjs +3 -0
- package/dist/chunk-3BQXIHYI.mjs.map +1 -0
- package/dist/chunk-5236IK5I.js +2 -0
- package/dist/chunk-5236IK5I.js.map +1 -0
- package/dist/{chunk-JHJHIMWD.js → chunk-63AW5ZOC.js} +2 -2
- package/dist/{chunk-JHJHIMWD.js.map → chunk-63AW5ZOC.js.map} +1 -1
- package/dist/chunk-AJT35P3Z.js +3 -0
- package/dist/chunk-AJT35P3Z.js.map +1 -0
- package/dist/chunk-AYQMU7XC.js +3 -0
- package/dist/chunk-AYQMU7XC.js.map +1 -0
- package/dist/chunk-B7VP6HBY.mjs +2 -0
- package/dist/chunk-B7VP6HBY.mjs.map +1 -0
- package/dist/{chunk-R5CS7UZG.mjs → chunk-BYHIHYRR.mjs} +2 -2
- package/dist/{chunk-R5CS7UZG.mjs.map → chunk-BYHIHYRR.mjs.map} +1 -1
- package/dist/chunk-FOPCQGWG.mjs +3 -0
- package/dist/chunk-FOPCQGWG.mjs.map +1 -0
- package/dist/chunk-HLPVL6EK.mjs +2 -0
- package/dist/{chunk-RUXAK74B.mjs.map → chunk-HLPVL6EK.mjs.map} +1 -1
- package/dist/{chunk-HDCPA76O.mjs → chunk-KJPIJNFH.mjs} +2 -2
- package/dist/chunk-KJPIJNFH.mjs.map +1 -0
- package/dist/chunk-PVPY55Z7.mjs +2 -0
- package/dist/{chunk-TRIEKNVZ.mjs.map → chunk-PVPY55Z7.mjs.map} +1 -1
- package/dist/chunk-Q7WT5IIF.mjs +3 -0
- package/dist/chunk-Q7WT5IIF.mjs.map +1 -0
- package/dist/chunk-REM6WIZS.mjs +2 -0
- package/dist/chunk-REM6WIZS.mjs.map +1 -0
- package/dist/chunk-RSI6RYJ7.js +2 -0
- package/dist/chunk-RSI6RYJ7.js.map +1 -0
- package/dist/{chunk-L4C5UBOX.js → chunk-WOHSSPKD.js} +2 -2
- package/dist/chunk-WOHSSPKD.js.map +1 -0
- package/dist/{chunk-DFG62GKW.js → chunk-WXEHDEIH.js} +2 -2
- package/dist/{chunk-DFG62GKW.js.map → chunk-WXEHDEIH.js.map} +1 -1
- package/dist/chunk-XKPRCSXK.js +3 -0
- package/dist/chunk-XKPRCSXK.js.map +1 -0
- package/dist/{chunk-3P6DMEGB.js → chunk-YDZ37ZZ4.js} +2 -2
- package/dist/{chunk-3P6DMEGB.js.map → chunk-YDZ37ZZ4.js.map} +1 -1
- package/dist/{components-D4WeooPi.d.ts → components-B7KQ8C-i.d.ts} +2 -2
- package/dist/{components-DZy2r6m5.d.cts → components-CxnAnbpI.d.cts} +2 -2
- package/dist/core.d.cts +48 -136
- package/dist/core.d.ts +48 -136
- package/dist/core.js +1 -1
- package/dist/core.mjs +1 -1
- package/dist/dom.d.cts +2 -2
- package/dist/dom.d.ts +2 -2
- package/dist/dom.js +1 -1
- package/dist/dom.js.map +1 -1
- package/dist/dom.mjs +1 -1
- package/dist/dom.mjs.map +1 -1
- package/dist/{effect-BlnnM1t5.d.cts → effect-14CxUU8r.d.cts} +8 -4
- package/dist/{effect-BlnnM1t5.d.ts → effect-14CxUU8r.d.ts} +8 -4
- package/dist/effect-3LUCHSAZ.mjs +2 -0
- package/dist/effect-3LUCHSAZ.mjs.map +1 -0
- package/dist/effect-K45UU3N4.js +2 -0
- package/dist/effect-K45UU3N4.js.map +1 -0
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/dist/interactive.d.cts +15 -10
- package/dist/interactive.d.ts +15 -10
- package/dist/interactive.js +1 -1
- package/dist/interactive.js.map +1 -1
- package/dist/interactive.mjs +1 -1
- package/dist/interactive.mjs.map +1 -1
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/{portal-C3ESJhlv.d.ts → portal-CVqrpmHd.d.ts} +2 -2
- package/dist/{portal-CAEbiMUZ.d.cts → portal-NLlE-fNZ.d.cts} +2 -2
- package/dist/primitives/layout.js +1 -1
- package/dist/primitives/layout.mjs +1 -1
- package/dist/primitives/motion.js +1 -1
- package/dist/primitives/motion.mjs +1 -1
- package/dist/primitives/ui.d.cts +3 -3
- package/dist/primitives/ui.d.ts +3 -3
- package/dist/primitives/ui.js +1 -1
- package/dist/primitives/ui.js.map +1 -1
- package/dist/primitives/ui.mjs +1 -1
- package/dist/primitives/ui.mjs.map +1 -1
- package/dist/primitives.d.cts +4 -4
- package/dist/primitives.d.ts +4 -4
- package/dist/primitives.js +1 -1
- package/dist/primitives.js.map +1 -1
- package/dist/primitives.mjs +1 -1
- package/dist/primitives.mjs.map +1 -1
- package/dist/router.d.cts +3 -3
- package/dist/router.d.ts +3 -3
- package/dist/router.js +1 -1
- package/dist/router.mjs +1 -1
- package/dist/server.js +1 -1
- package/dist/server.js.map +1 -1
- package/dist/server.mjs +1 -1
- package/dist/server.mjs.map +1 -1
- package/dist/signal-2QUI7H7B.js +2 -0
- package/dist/{signal-3YZHUCLL.js.map → signal-2QUI7H7B.js.map} +1 -1
- package/dist/signal-C6936A3J.d.cts +175 -0
- package/dist/signal-C6936A3J.d.ts +175 -0
- package/dist/signal-L3ZWGOVT.mjs +2 -0
- package/dist/{signal-F2HEYB6F.mjs.map → signal-L3ZWGOVT.mjs.map} +1 -1
- package/dist/test-exports.d.cts +6 -6
- package/dist/test-exports.d.ts +6 -6
- package/dist/test-exports.js +1 -1
- package/dist/test-exports.mjs +1 -1
- package/package.json +2 -1
- package/dist/chunk-2ZHUQBNI.mjs +0 -2
- package/dist/chunk-2ZHUQBNI.mjs.map +0 -1
- package/dist/chunk-HDCPA76O.mjs.map +0 -1
- package/dist/chunk-J4CK5NRW.mjs +0 -3
- package/dist/chunk-J4CK5NRW.mjs.map +0 -1
- package/dist/chunk-JEDCNAAI.mjs +0 -3
- package/dist/chunk-JEDCNAAI.mjs.map +0 -1
- package/dist/chunk-L4C5UBOX.js.map +0 -1
- package/dist/chunk-M4ANLZ6P.js +0 -3
- package/dist/chunk-M4ANLZ6P.js.map +0 -1
- package/dist/chunk-RDA77IE6.js +0 -2
- package/dist/chunk-RDA77IE6.js.map +0 -1
- package/dist/chunk-RUXAK74B.mjs +0 -2
- package/dist/chunk-TRIEKNVZ.mjs +0 -2
- package/dist/chunk-VIVO4FHN.js +0 -3
- package/dist/chunk-VIVO4FHN.js.map +0 -1
- package/dist/chunk-XLE6SMWX.mjs +0 -3
- package/dist/chunk-XLE6SMWX.mjs.map +0 -1
- package/dist/chunk-YGMMJWAA.js +0 -3
- package/dist/chunk-YGMMJWAA.js.map +0 -1
- package/dist/signal-3YZHUCLL.js +0 -2
- package/dist/signal-Dxh9PsKr.d.cts +0 -69
- package/dist/signal-Dxh9PsKr.d.ts +0 -69
- package/dist/signal-F2HEYB6F.mjs +0 -2
package/README.md
CHANGED
|
@@ -208,6 +208,20 @@ function App() {
|
|
|
208
208
|
</Router>
|
|
209
209
|
);
|
|
210
210
|
}
|
|
211
|
+
|
|
212
|
+
function UserProfile({ params }) {
|
|
213
|
+
// Params are passed as props to the component
|
|
214
|
+
return <h1>User: {params.id}</h1>;
|
|
215
|
+
}
|
|
216
|
+
|
|
217
|
+
// Or use the hook
|
|
218
|
+
import { useRouter } from 'flexium/router';
|
|
219
|
+
|
|
220
|
+
function UserProfileHook() {
|
|
221
|
+
const router = useRouter();
|
|
222
|
+
// router.params is a signal
|
|
223
|
+
return <h1>User: {router.params.value.id}</h1>;
|
|
224
|
+
}
|
|
211
225
|
```
|
|
212
226
|
|
|
213
227
|
## Documentation
|
package/dist/advanced.d.cts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export { b as Computed, C as ComputedNode, a as Signal, S as SignalNode } from './signal-C6936A3J.cjs';
|
|
2
2
|
export { r as root, u as untrack } from './owner-QS9tPwPr.cjs';
|
|
3
3
|
export { s as sync } from './sync-Z4QqUDjF.cjs';
|
|
4
4
|
|
package/dist/advanced.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export { b as Computed, C as ComputedNode, a as Signal, S as SignalNode } from './signal-C6936A3J.js';
|
|
2
2
|
export { r as root, u as untrack } from './owner-QS9tPwPr.js';
|
|
3
3
|
export { s as sync } from './sync-Z4QqUDjF.js';
|
|
4
4
|
|
package/dist/advanced.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var
|
|
1
|
+
'use strict';var chunk5236IK5I_js=require('./chunk-5236IK5I.js'),chunkAJT35P3Z_js=require('./chunk-AJT35P3Z.js');var o={enabled:false,signals:new Map,effects:new Map,components:new Map},g=0,b=0;var s=[];function v(){o.enabled=true,chunk5236IK5I_js.c({onSignalCreate:(e,n)=>D(e,n),onSignalUpdate:(e,n)=>E(e,n),onEffectCreate:e=>S(e),onEffectRun:(e,n,t)=>x(e,n,t)}),typeof window<"u"&&(window.__FLEXIUM_DEVTOOLS__={getState:w,getSignals:()=>Array.from(o.signals.values()),getEffects:()=>Array.from(o.effects.values()),getComponents:()=>Array.from(o.components.values()),subscribe:e=>(s.push(e),()=>{let n=s.indexOf(e);n>-1&&s.splice(n,1);})},console.log("%c[Flexium DevTools] Enabled","color: #10b981; font-weight: bold;"));}function T(){o.enabled=false,o.signals.clear(),o.effects.clear(),o.components.clear(),chunk5236IK5I_js.c(null),typeof window<"u"&&delete window.__FLEXIUM_DEVTOOLS__;}function w(){return {...o}}function a(e,n){for(let t of s)try{t(e,n);}catch(r){chunkAJT35P3Z_js.b(chunkAJT35P3Z_js.a.DEVTOOLS_LISTENER_ERROR,{event:e},r);}}function D(e,n){if(!o.enabled)return -1;let t=g++,r=Date.now();return o.signals.set(t,{id:t,name:n,value:e.peek(),subscribers:0,createdAt:r,lastUpdated:r,updateCount:0}),a("signal-create",{id:t,name:n}),t}function E(e,n){if(!o.enabled)return;let t=o.signals.get(e);t&&(t.value=n,t.lastUpdated=Date.now(),t.updateCount++,a("signal-update",{id:e,value:n}));}function S(e){if(!o.enabled)return -1;let n=b++;return o.effects.set(n,{id:n,name:e,dependencies:[],lastRun:Date.now(),runCount:0,status:"idle"}),a("effect-create",{id:n,name:e}),n}function x(e,n,t){if(!o.enabled)return;let r=o.effects.get(e);r&&(r.status=n,r.lastRun=Date.now(),r.runCount++,t&&(r.error=t),a("effect-run",{id:e,status:n,error:t}));}Object.defineProperty(exports,"ComputedNode",{enumerable:true,get:function(){return chunk5236IK5I_js.e}});Object.defineProperty(exports,"SignalNode",{enumerable:true,get:function(){return chunk5236IK5I_js.d}});Object.defineProperty(exports,"sync",{enumerable:true,get:function(){return chunk5236IK5I_js.a}});Object.defineProperty(exports,"root",{enumerable:true,get:function(){return chunkAJT35P3Z_js.i}});Object.defineProperty(exports,"untrack",{enumerable:true,get:function(){return chunkAJT35P3Z_js.g}});exports.disableDevTools=T;exports.enableDevTools=v;//# sourceMappingURL=advanced.js.map
|
|
2
2
|
//# sourceMappingURL=advanced.js.map
|
package/dist/advanced.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/devtools/index.ts"],"names":["devToolsState","signalIdCounter","effectIdCounter","listeners","enableDevTools","setDevToolsHooks","signal","name","registerSignal","id","value","updateSignalInfo","registerEffect","status","error","updateEffectInfo","getDevToolsState","listener","index","disableDevTools","emit","event","data","e","logError","ErrorCodes","now","info"],"mappings":"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","file":"advanced.js","sourcesContent":["/**\n * Flexium DevTools Integration\n *\n * Provides hooks for browser devtools extension to inspect signals,\n * effects, and component trees.\n *\n * @example\n * ```tsx\n * import { enableDevTools, getDevToolsState } from 'flexium/devtools';\n *\n * // Enable devtools in development\n * if (process.env.NODE_ENV !== 'production') {\n * enableDevTools();\n * }\n * ```\n */\n\nimport { Signal, Computed, setDevToolsHooks } from '../core/signal'\nimport { ErrorCodes, logError } from '../core/errors'\n\nexport interface DevToolsState {\n enabled: boolean\n signals: Map<number, SignalInfo>\n effects: Map<number, EffectInfo>\n components: Map<number, ComponentInfo>\n}\n\nexport interface SignalInfo {\n id: number\n name?: string\n value: unknown\n subscribers: number\n createdAt: number\n lastUpdated: number\n updateCount: number\n}\n\nexport interface EffectInfo {\n id: number\n name?: string\n dependencies: number[]\n lastRun: number\n runCount: number\n status: 'idle' | 'running' | 'error'\n error?: Error\n}\n\nexport interface ComponentInfo {\n id: number\n name: string\n props: Record<string, unknown>\n signals: number[]\n effects: number[]\n children: number[]\n parent?: number\n mountedAt: number\n}\n\n// Global devtools state\nconst devToolsState: DevToolsState = {\n enabled: false,\n signals: new Map(),\n effects: new Map(),\n components: new Map(),\n}\n\nlet signalIdCounter = 0\nlet effectIdCounter = 0\nlet componentIdCounter = 0\n\n// Event listeners for devtools\ntype DevToolsEventType =\n | 'signal-create'\n | 'signal-update'\n | 'effect-create'\n | 'effect-run'\n | 'component-mount'\n | 'component-unmount'\ntype DevToolsListener = (event: DevToolsEventType, data: unknown) => void\nconst listeners: DevToolsListener[] = []\n\n/**\n * Enable devtools integration\n * Call this in development mode to enable signal/effect inspection\n */\nexport function enableDevTools(): void {\n devToolsState.enabled = true\n\n // Register hooks with signal system for automatic tracking\n setDevToolsHooks({\n onSignalCreate: (signal, name) => registerSignal(signal, name),\n onSignalUpdate: (id, value) => updateSignalInfo(id, value),\n onEffectCreate: (name) => registerEffect(name),\n onEffectRun: (id, status, error) => updateEffectInfo(id, status, error),\n })\n\n // Expose to window for browser extension\n if (typeof window !== 'undefined') {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ;(window as any).__FLEXIUM_DEVTOOLS__ = {\n getState: getDevToolsState,\n getSignals: () => Array.from(devToolsState.signals.values()),\n getEffects: () => Array.from(devToolsState.effects.values()),\n getComponents: () => Array.from(devToolsState.components.values()),\n subscribe: (listener: DevToolsListener) => {\n listeners.push(listener)\n return () => {\n const index = listeners.indexOf(listener)\n if (index > -1) listeners.splice(index, 1)\n }\n },\n }\n\n console.log(\n '%c[Flexium DevTools] Enabled',\n 'color: #10b981; font-weight: bold;'\n )\n }\n}\n\n/**\n * Disable devtools integration\n */\nexport function disableDevTools(): void {\n devToolsState.enabled = false\n devToolsState.signals.clear()\n devToolsState.effects.clear()\n devToolsState.components.clear()\n\n // Unregister hooks\n setDevToolsHooks(null)\n\n if (typeof window !== 'undefined') {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n delete (window as any).__FLEXIUM_DEVTOOLS__\n }\n}\n\n/**\n * Get current devtools state\n */\nexport function getDevToolsState(): DevToolsState {\n return { ...devToolsState }\n}\n\n/**\n * Check if devtools are enabled\n */\nexport function isDevToolsEnabled(): boolean {\n return devToolsState.enabled\n}\n\n// Internal: emit event to listeners\nfunction emit(event: DevToolsEventType, data: unknown): void {\n for (const listener of listeners) {\n try {\n listener(event, data)\n } catch (e) {\n logError(ErrorCodes.DEVTOOLS_LISTENER_ERROR, { event }, e)\n }\n }\n}\n\n/**\n * Register a signal with devtools\n * @internal\n */\nexport function registerSignal(\n signal: Signal<unknown> | Computed<unknown>,\n name?: string\n): number {\n if (!devToolsState.enabled) return -1\n\n const id = signalIdCounter++\n const now = Date.now()\n\n devToolsState.signals.set(id, {\n id,\n name,\n value: signal.peek(),\n subscribers: 0,\n createdAt: now,\n lastUpdated: now,\n updateCount: 0,\n })\n\n emit('signal-create', { id, name })\n return id\n}\n\n/**\n * Update signal info in devtools\n * @internal\n */\nexport function updateSignalInfo(id: number, value: unknown): void {\n if (!devToolsState.enabled) return\n\n const info = devToolsState.signals.get(id)\n if (info) {\n info.value = value\n info.lastUpdated = Date.now()\n info.updateCount++\n emit('signal-update', { id, value })\n }\n}\n\n/**\n * Register an effect with devtools\n * @internal\n */\nexport function registerEffect(name?: string): number {\n if (!devToolsState.enabled) return -1\n\n const id = effectIdCounter++\n\n devToolsState.effects.set(id, {\n id,\n name,\n dependencies: [],\n lastRun: Date.now(),\n runCount: 0,\n status: 'idle',\n })\n\n emit('effect-create', { id, name })\n return id\n}\n\n/**\n * Update effect info in devtools\n * @internal\n */\nexport function updateEffectInfo(\n id: number,\n status: 'idle' | 'running' | 'error',\n error?: Error\n): void {\n if (!devToolsState.enabled) return\n\n const info = devToolsState.effects.get(id)\n if (info) {\n info.status = status\n info.lastRun = Date.now()\n info.runCount++\n if (error) info.error = error\n emit('effect-run', { id, status, error })\n }\n}\n\n/**\n * Register a component with devtools\n * @internal\n */\nexport function registerComponent(\n name: string,\n props: Record<string, unknown>\n): number {\n if (!devToolsState.enabled) return -1\n\n const id = componentIdCounter++\n\n devToolsState.components.set(id, {\n id,\n name,\n props,\n signals: [],\n effects: [],\n children: [],\n mountedAt: Date.now(),\n })\n\n emit('component-mount', { id, name })\n return id\n}\n\n/**\n * Unregister a component from devtools\n * @internal\n */\nexport function unregisterComponent(id: number): void {\n if (!devToolsState.enabled) return\n\n const info = devToolsState.components.get(id)\n if (info) {\n devToolsState.components.delete(id)\n emit('component-unmount', { id, name: info.name })\n }\n}\n\n/**\n * Create a named signal for better devtools visibility\n *\n * @example\n * ```tsx\n * import { createNamedSignal } from 'flexium/devtools';\n * import { signal } from 'flexium/core';\n *\n * // Shows as \"count\" in devtools\n * const count = createNamedSignal('count', 0, signal);\n * ```\n */\nexport function createNamedSignal<T>(\n name: string,\n initialValue: T,\n signalFn: (v: T) => Signal<T>\n): Signal<T> {\n const s = signalFn(initialValue)\n\n if (devToolsState.enabled) {\n registerSignal(s, name)\n }\n\n return s\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/devtools/index.ts"],"names":["devToolsState","signalIdCounter","effectIdCounter","listeners","enableDevTools","setDevToolsHooks","signal","name","registerSignal","id","value","updateSignalInfo","registerEffect","status","error","updateEffectInfo","getDevToolsState","listener","index","disableDevTools","emit","event","data","e","logError","ErrorCodes","now","info"],"mappings":"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","file":"advanced.js","sourcesContent":["/**\n * Flexium DevTools Integration\n *\n * Provides hooks for browser devtools extension to inspect signals,\n * effects, and component trees.\n *\n * @example\n * ```tsx\n * import { enableDevTools, getDevToolsState } from 'flexium/devtools';\n *\n * // Enable devtools in development\n * if (process.env.NODE_ENV !== 'production') {\n * enableDevTools();\n * }\n * ```\n */\n\nimport { setDevToolsHooks } from '../core/signal'\nimport type { Signal, Computed } from '../core/signal'\nimport { ErrorCodes, logError } from '../core/errors'\n\nexport interface DevToolsState {\n enabled: boolean\n signals: Map<number, SignalInfo>\n effects: Map<number, EffectInfo>\n components: Map<number, ComponentInfo>\n}\n\nexport interface SignalInfo {\n id: number\n name?: string\n value: unknown\n subscribers: number\n createdAt: number\n lastUpdated: number\n updateCount: number\n}\n\nexport interface EffectInfo {\n id: number\n name?: string\n dependencies: number[]\n lastRun: number\n runCount: number\n status: 'idle' | 'running' | 'error'\n error?: Error\n}\n\nexport interface ComponentInfo {\n id: number\n name: string\n props: Record<string, unknown>\n signals: number[]\n effects: number[]\n children: number[]\n parent?: number\n mountedAt: number\n}\n\n// Global devtools state\nconst devToolsState: DevToolsState = {\n enabled: false,\n signals: new Map(),\n effects: new Map(),\n components: new Map(),\n}\n\nlet signalIdCounter = 0\nlet effectIdCounter = 0\nlet componentIdCounter = 0\n\n// Event listeners for devtools\ntype DevToolsEventType =\n | 'signal-create'\n | 'signal-update'\n | 'effect-create'\n | 'effect-run'\n | 'component-mount'\n | 'component-unmount'\ntype DevToolsListener = (event: DevToolsEventType, data: unknown) => void\nconst listeners: DevToolsListener[] = []\n\n/**\n * Enable devtools integration\n * Call this in development mode to enable signal/effect inspection\n */\nexport function enableDevTools(): void {\n devToolsState.enabled = true\n\n // Register hooks with signal system for automatic tracking\n setDevToolsHooks({\n onSignalCreate: (signal, name) => registerSignal(signal, name),\n onSignalUpdate: (id, value) => updateSignalInfo(id, value),\n onEffectCreate: (name) => registerEffect(name),\n onEffectRun: (id, status, error) => updateEffectInfo(id, status, error),\n })\n\n // Expose to window for browser extension\n if (typeof window !== 'undefined') {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ; (window as any).__FLEXIUM_DEVTOOLS__ = {\n getState: getDevToolsState,\n getSignals: () => Array.from(devToolsState.signals.values()),\n getEffects: () => Array.from(devToolsState.effects.values()),\n getComponents: () => Array.from(devToolsState.components.values()),\n subscribe: (listener: DevToolsListener) => {\n listeners.push(listener)\n return () => {\n const index = listeners.indexOf(listener)\n if (index > -1) listeners.splice(index, 1)\n }\n },\n }\n\n console.log(\n '%c[Flexium DevTools] Enabled',\n 'color: #10b981; font-weight: bold;'\n )\n }\n}\n\n/**\n * Disable devtools integration\n */\nexport function disableDevTools(): void {\n devToolsState.enabled = false\n devToolsState.signals.clear()\n devToolsState.effects.clear()\n devToolsState.components.clear()\n\n // Unregister hooks\n setDevToolsHooks(null)\n\n if (typeof window !== 'undefined') {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n delete (window as any).__FLEXIUM_DEVTOOLS__\n }\n}\n\n/**\n * Get current devtools state\n */\nexport function getDevToolsState(): DevToolsState {\n return { ...devToolsState }\n}\n\n/**\n * Check if devtools are enabled\n */\nexport function isDevToolsEnabled(): boolean {\n return devToolsState.enabled\n}\n\n// Internal: emit event to listeners\nfunction emit(event: DevToolsEventType, data: unknown): void {\n for (const listener of listeners) {\n try {\n listener(event, data)\n } catch (e) {\n logError(ErrorCodes.DEVTOOLS_LISTENER_ERROR, { event }, e)\n }\n }\n}\n\n/**\n * Register a signal with devtools\n * @internal\n */\nexport function registerSignal(\n signal: Signal<unknown> | Computed<unknown>,\n name?: string\n): number {\n if (!devToolsState.enabled) return -1\n\n const id = signalIdCounter++\n const now = Date.now()\n\n devToolsState.signals.set(id, {\n id,\n name,\n value: signal.peek(),\n subscribers: 0,\n createdAt: now,\n lastUpdated: now,\n updateCount: 0,\n })\n\n emit('signal-create', { id, name })\n return id\n}\n\n/**\n * Update signal info in devtools\n * @internal\n */\nexport function updateSignalInfo(id: number, value: unknown): void {\n if (!devToolsState.enabled) return\n\n const info = devToolsState.signals.get(id)\n if (info) {\n info.value = value\n info.lastUpdated = Date.now()\n info.updateCount++\n emit('signal-update', { id, value })\n }\n}\n\n/**\n * Register an effect with devtools\n * @internal\n */\nexport function registerEffect(name?: string): number {\n if (!devToolsState.enabled) return -1\n\n const id = effectIdCounter++\n\n devToolsState.effects.set(id, {\n id,\n name,\n dependencies: [],\n lastRun: Date.now(),\n runCount: 0,\n status: 'idle',\n })\n\n emit('effect-create', { id, name })\n return id\n}\n\n/**\n * Update effect info in devtools\n * @internal\n */\nexport function updateEffectInfo(\n id: number,\n status: 'idle' | 'running' | 'error',\n error?: Error\n): void {\n if (!devToolsState.enabled) return\n\n const info = devToolsState.effects.get(id)\n if (info) {\n info.status = status\n info.lastRun = Date.now()\n info.runCount++\n if (error) info.error = error\n emit('effect-run', { id, status, error })\n }\n}\n\n/**\n * Register a component with devtools\n * @internal\n */\nexport function registerComponent(\n name: string,\n props: Record<string, unknown>\n): number {\n if (!devToolsState.enabled) return -1\n\n const id = componentIdCounter++\n\n devToolsState.components.set(id, {\n id,\n name,\n props,\n signals: [],\n effects: [],\n children: [],\n mountedAt: Date.now(),\n })\n\n emit('component-mount', { id, name })\n return id\n}\n\n/**\n * Unregister a component from devtools\n * @internal\n */\nexport function unregisterComponent(id: number): void {\n if (!devToolsState.enabled) return\n\n const info = devToolsState.components.get(id)\n if (info) {\n devToolsState.components.delete(id)\n emit('component-unmount', { id, name: info.name })\n }\n}\n\n/**\n * Create a named signal for better devtools visibility\n *\n * @example\n * ```tsx\n * import { createNamedSignal } from 'flexium/devtools';\n * import { signal } from 'flexium/core';\n *\n * // Shows as \"count\" in devtools\n * const count = createNamedSignal('count', 0, signal);\n * ```\n */\nexport function createNamedSignal<T>(\n name: string,\n initialValue: T,\n signalFn: (v: T) => Signal<T>\n): Signal<T> {\n const s = signalFn(initialValue)\n\n if (devToolsState.enabled) {\n registerSignal(s, name)\n }\n\n return s\n}\n"]}
|
package/dist/advanced.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import {c}from'./chunk-B7VP6HBY.mjs';export{e as ComputedNode,d as SignalNode,a as sync}from'./chunk-B7VP6HBY.mjs';import {b as b$1,a as a$1}from'./chunk-Q7WT5IIF.mjs';export{i as root,g as untrack}from'./chunk-Q7WT5IIF.mjs';var o={enabled:false,signals:new Map,effects:new Map,components:new Map},g=0,b=0;var s=[];function v(){o.enabled=true,c({onSignalCreate:(e,n)=>D(e,n),onSignalUpdate:(e,n)=>E(e,n),onEffectCreate:e=>S(e),onEffectRun:(e,n,t)=>x(e,n,t)}),typeof window<"u"&&(window.__FLEXIUM_DEVTOOLS__={getState:w,getSignals:()=>Array.from(o.signals.values()),getEffects:()=>Array.from(o.effects.values()),getComponents:()=>Array.from(o.components.values()),subscribe:e=>(s.push(e),()=>{let n=s.indexOf(e);n>-1&&s.splice(n,1);})},console.log("%c[Flexium DevTools] Enabled","color: #10b981; font-weight: bold;"));}function T(){o.enabled=false,o.signals.clear(),o.effects.clear(),o.components.clear(),c(null),typeof window<"u"&&delete window.__FLEXIUM_DEVTOOLS__;}function w(){return {...o}}function a(e,n){for(let t of s)try{t(e,n);}catch(r){b$1(a$1.DEVTOOLS_LISTENER_ERROR,{event:e},r);}}function D(e,n){if(!o.enabled)return -1;let t=g++,r=Date.now();return o.signals.set(t,{id:t,name:n,value:e.peek(),subscribers:0,createdAt:r,lastUpdated:r,updateCount:0}),a("signal-create",{id:t,name:n}),t}function E(e,n){if(!o.enabled)return;let t=o.signals.get(e);t&&(t.value=n,t.lastUpdated=Date.now(),t.updateCount++,a("signal-update",{id:e,value:n}));}function S(e){if(!o.enabled)return -1;let n=b++;return o.effects.set(n,{id:n,name:e,dependencies:[],lastRun:Date.now(),runCount:0,status:"idle"}),a("effect-create",{id:n,name:e}),n}function x(e,n,t){if(!o.enabled)return;let r=o.effects.get(e);r&&(r.status=n,r.lastRun=Date.now(),r.runCount++,t&&(r.error=t),a("effect-run",{id:e,status:n,error:t}));}export{T as disableDevTools,v as enableDevTools};//# sourceMappingURL=advanced.mjs.map
|
|
2
2
|
//# sourceMappingURL=advanced.mjs.map
|
package/dist/advanced.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/devtools/index.ts"],"names":["devToolsState","signalIdCounter","effectIdCounter","listeners","enableDevTools","setDevToolsHooks","signal","name","registerSignal","id","value","updateSignalInfo","registerEffect","status","error","updateEffectInfo","getDevToolsState","listener","index","disableDevTools","emit","event","data","e","logError","ErrorCodes","now","info"],"mappings":"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","file":"advanced.mjs","sourcesContent":["/**\n * Flexium DevTools Integration\n *\n * Provides hooks for browser devtools extension to inspect signals,\n * effects, and component trees.\n *\n * @example\n * ```tsx\n * import { enableDevTools, getDevToolsState } from 'flexium/devtools';\n *\n * // Enable devtools in development\n * if (process.env.NODE_ENV !== 'production') {\n * enableDevTools();\n * }\n * ```\n */\n\nimport { Signal, Computed, setDevToolsHooks } from '../core/signal'\nimport { ErrorCodes, logError } from '../core/errors'\n\nexport interface DevToolsState {\n enabled: boolean\n signals: Map<number, SignalInfo>\n effects: Map<number, EffectInfo>\n components: Map<number, ComponentInfo>\n}\n\nexport interface SignalInfo {\n id: number\n name?: string\n value: unknown\n subscribers: number\n createdAt: number\n lastUpdated: number\n updateCount: number\n}\n\nexport interface EffectInfo {\n id: number\n name?: string\n dependencies: number[]\n lastRun: number\n runCount: number\n status: 'idle' | 'running' | 'error'\n error?: Error\n}\n\nexport interface ComponentInfo {\n id: number\n name: string\n props: Record<string, unknown>\n signals: number[]\n effects: number[]\n children: number[]\n parent?: number\n mountedAt: number\n}\n\n// Global devtools state\nconst devToolsState: DevToolsState = {\n enabled: false,\n signals: new Map(),\n effects: new Map(),\n components: new Map(),\n}\n\nlet signalIdCounter = 0\nlet effectIdCounter = 0\nlet componentIdCounter = 0\n\n// Event listeners for devtools\ntype DevToolsEventType =\n | 'signal-create'\n | 'signal-update'\n | 'effect-create'\n | 'effect-run'\n | 'component-mount'\n | 'component-unmount'\ntype DevToolsListener = (event: DevToolsEventType, data: unknown) => void\nconst listeners: DevToolsListener[] = []\n\n/**\n * Enable devtools integration\n * Call this in development mode to enable signal/effect inspection\n */\nexport function enableDevTools(): void {\n devToolsState.enabled = true\n\n // Register hooks with signal system for automatic tracking\n setDevToolsHooks({\n onSignalCreate: (signal, name) => registerSignal(signal, name),\n onSignalUpdate: (id, value) => updateSignalInfo(id, value),\n onEffectCreate: (name) => registerEffect(name),\n onEffectRun: (id, status, error) => updateEffectInfo(id, status, error),\n })\n\n // Expose to window for browser extension\n if (typeof window !== 'undefined') {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ;(window as any).__FLEXIUM_DEVTOOLS__ = {\n getState: getDevToolsState,\n getSignals: () => Array.from(devToolsState.signals.values()),\n getEffects: () => Array.from(devToolsState.effects.values()),\n getComponents: () => Array.from(devToolsState.components.values()),\n subscribe: (listener: DevToolsListener) => {\n listeners.push(listener)\n return () => {\n const index = listeners.indexOf(listener)\n if (index > -1) listeners.splice(index, 1)\n }\n },\n }\n\n console.log(\n '%c[Flexium DevTools] Enabled',\n 'color: #10b981; font-weight: bold;'\n )\n }\n}\n\n/**\n * Disable devtools integration\n */\nexport function disableDevTools(): void {\n devToolsState.enabled = false\n devToolsState.signals.clear()\n devToolsState.effects.clear()\n devToolsState.components.clear()\n\n // Unregister hooks\n setDevToolsHooks(null)\n\n if (typeof window !== 'undefined') {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n delete (window as any).__FLEXIUM_DEVTOOLS__\n }\n}\n\n/**\n * Get current devtools state\n */\nexport function getDevToolsState(): DevToolsState {\n return { ...devToolsState }\n}\n\n/**\n * Check if devtools are enabled\n */\nexport function isDevToolsEnabled(): boolean {\n return devToolsState.enabled\n}\n\n// Internal: emit event to listeners\nfunction emit(event: DevToolsEventType, data: unknown): void {\n for (const listener of listeners) {\n try {\n listener(event, data)\n } catch (e) {\n logError(ErrorCodes.DEVTOOLS_LISTENER_ERROR, { event }, e)\n }\n }\n}\n\n/**\n * Register a signal with devtools\n * @internal\n */\nexport function registerSignal(\n signal: Signal<unknown> | Computed<unknown>,\n name?: string\n): number {\n if (!devToolsState.enabled) return -1\n\n const id = signalIdCounter++\n const now = Date.now()\n\n devToolsState.signals.set(id, {\n id,\n name,\n value: signal.peek(),\n subscribers: 0,\n createdAt: now,\n lastUpdated: now,\n updateCount: 0,\n })\n\n emit('signal-create', { id, name })\n return id\n}\n\n/**\n * Update signal info in devtools\n * @internal\n */\nexport function updateSignalInfo(id: number, value: unknown): void {\n if (!devToolsState.enabled) return\n\n const info = devToolsState.signals.get(id)\n if (info) {\n info.value = value\n info.lastUpdated = Date.now()\n info.updateCount++\n emit('signal-update', { id, value })\n }\n}\n\n/**\n * Register an effect with devtools\n * @internal\n */\nexport function registerEffect(name?: string): number {\n if (!devToolsState.enabled) return -1\n\n const id = effectIdCounter++\n\n devToolsState.effects.set(id, {\n id,\n name,\n dependencies: [],\n lastRun: Date.now(),\n runCount: 0,\n status: 'idle',\n })\n\n emit('effect-create', { id, name })\n return id\n}\n\n/**\n * Update effect info in devtools\n * @internal\n */\nexport function updateEffectInfo(\n id: number,\n status: 'idle' | 'running' | 'error',\n error?: Error\n): void {\n if (!devToolsState.enabled) return\n\n const info = devToolsState.effects.get(id)\n if (info) {\n info.status = status\n info.lastRun = Date.now()\n info.runCount++\n if (error) info.error = error\n emit('effect-run', { id, status, error })\n }\n}\n\n/**\n * Register a component with devtools\n * @internal\n */\nexport function registerComponent(\n name: string,\n props: Record<string, unknown>\n): number {\n if (!devToolsState.enabled) return -1\n\n const id = componentIdCounter++\n\n devToolsState.components.set(id, {\n id,\n name,\n props,\n signals: [],\n effects: [],\n children: [],\n mountedAt: Date.now(),\n })\n\n emit('component-mount', { id, name })\n return id\n}\n\n/**\n * Unregister a component from devtools\n * @internal\n */\nexport function unregisterComponent(id: number): void {\n if (!devToolsState.enabled) return\n\n const info = devToolsState.components.get(id)\n if (info) {\n devToolsState.components.delete(id)\n emit('component-unmount', { id, name: info.name })\n }\n}\n\n/**\n * Create a named signal for better devtools visibility\n *\n * @example\n * ```tsx\n * import { createNamedSignal } from 'flexium/devtools';\n * import { signal } from 'flexium/core';\n *\n * // Shows as \"count\" in devtools\n * const count = createNamedSignal('count', 0, signal);\n * ```\n */\nexport function createNamedSignal<T>(\n name: string,\n initialValue: T,\n signalFn: (v: T) => Signal<T>\n): Signal<T> {\n const s = signalFn(initialValue)\n\n if (devToolsState.enabled) {\n registerSignal(s, name)\n }\n\n return s\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/devtools/index.ts"],"names":["devToolsState","signalIdCounter","effectIdCounter","listeners","enableDevTools","setDevToolsHooks","signal","name","registerSignal","id","value","updateSignalInfo","registerEffect","status","error","updateEffectInfo","getDevToolsState","listener","index","disableDevTools","emit","event","data","e","logError","ErrorCodes","now","info"],"mappings":"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","file":"advanced.mjs","sourcesContent":["/**\n * Flexium DevTools Integration\n *\n * Provides hooks for browser devtools extension to inspect signals,\n * effects, and component trees.\n *\n * @example\n * ```tsx\n * import { enableDevTools, getDevToolsState } from 'flexium/devtools';\n *\n * // Enable devtools in development\n * if (process.env.NODE_ENV !== 'production') {\n * enableDevTools();\n * }\n * ```\n */\n\nimport { setDevToolsHooks } from '../core/signal'\nimport type { Signal, Computed } from '../core/signal'\nimport { ErrorCodes, logError } from '../core/errors'\n\nexport interface DevToolsState {\n enabled: boolean\n signals: Map<number, SignalInfo>\n effects: Map<number, EffectInfo>\n components: Map<number, ComponentInfo>\n}\n\nexport interface SignalInfo {\n id: number\n name?: string\n value: unknown\n subscribers: number\n createdAt: number\n lastUpdated: number\n updateCount: number\n}\n\nexport interface EffectInfo {\n id: number\n name?: string\n dependencies: number[]\n lastRun: number\n runCount: number\n status: 'idle' | 'running' | 'error'\n error?: Error\n}\n\nexport interface ComponentInfo {\n id: number\n name: string\n props: Record<string, unknown>\n signals: number[]\n effects: number[]\n children: number[]\n parent?: number\n mountedAt: number\n}\n\n// Global devtools state\nconst devToolsState: DevToolsState = {\n enabled: false,\n signals: new Map(),\n effects: new Map(),\n components: new Map(),\n}\n\nlet signalIdCounter = 0\nlet effectIdCounter = 0\nlet componentIdCounter = 0\n\n// Event listeners for devtools\ntype DevToolsEventType =\n | 'signal-create'\n | 'signal-update'\n | 'effect-create'\n | 'effect-run'\n | 'component-mount'\n | 'component-unmount'\ntype DevToolsListener = (event: DevToolsEventType, data: unknown) => void\nconst listeners: DevToolsListener[] = []\n\n/**\n * Enable devtools integration\n * Call this in development mode to enable signal/effect inspection\n */\nexport function enableDevTools(): void {\n devToolsState.enabled = true\n\n // Register hooks with signal system for automatic tracking\n setDevToolsHooks({\n onSignalCreate: (signal, name) => registerSignal(signal, name),\n onSignalUpdate: (id, value) => updateSignalInfo(id, value),\n onEffectCreate: (name) => registerEffect(name),\n onEffectRun: (id, status, error) => updateEffectInfo(id, status, error),\n })\n\n // Expose to window for browser extension\n if (typeof window !== 'undefined') {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ; (window as any).__FLEXIUM_DEVTOOLS__ = {\n getState: getDevToolsState,\n getSignals: () => Array.from(devToolsState.signals.values()),\n getEffects: () => Array.from(devToolsState.effects.values()),\n getComponents: () => Array.from(devToolsState.components.values()),\n subscribe: (listener: DevToolsListener) => {\n listeners.push(listener)\n return () => {\n const index = listeners.indexOf(listener)\n if (index > -1) listeners.splice(index, 1)\n }\n },\n }\n\n console.log(\n '%c[Flexium DevTools] Enabled',\n 'color: #10b981; font-weight: bold;'\n )\n }\n}\n\n/**\n * Disable devtools integration\n */\nexport function disableDevTools(): void {\n devToolsState.enabled = false\n devToolsState.signals.clear()\n devToolsState.effects.clear()\n devToolsState.components.clear()\n\n // Unregister hooks\n setDevToolsHooks(null)\n\n if (typeof window !== 'undefined') {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n delete (window as any).__FLEXIUM_DEVTOOLS__\n }\n}\n\n/**\n * Get current devtools state\n */\nexport function getDevToolsState(): DevToolsState {\n return { ...devToolsState }\n}\n\n/**\n * Check if devtools are enabled\n */\nexport function isDevToolsEnabled(): boolean {\n return devToolsState.enabled\n}\n\n// Internal: emit event to listeners\nfunction emit(event: DevToolsEventType, data: unknown): void {\n for (const listener of listeners) {\n try {\n listener(event, data)\n } catch (e) {\n logError(ErrorCodes.DEVTOOLS_LISTENER_ERROR, { event }, e)\n }\n }\n}\n\n/**\n * Register a signal with devtools\n * @internal\n */\nexport function registerSignal(\n signal: Signal<unknown> | Computed<unknown>,\n name?: string\n): number {\n if (!devToolsState.enabled) return -1\n\n const id = signalIdCounter++\n const now = Date.now()\n\n devToolsState.signals.set(id, {\n id,\n name,\n value: signal.peek(),\n subscribers: 0,\n createdAt: now,\n lastUpdated: now,\n updateCount: 0,\n })\n\n emit('signal-create', { id, name })\n return id\n}\n\n/**\n * Update signal info in devtools\n * @internal\n */\nexport function updateSignalInfo(id: number, value: unknown): void {\n if (!devToolsState.enabled) return\n\n const info = devToolsState.signals.get(id)\n if (info) {\n info.value = value\n info.lastUpdated = Date.now()\n info.updateCount++\n emit('signal-update', { id, value })\n }\n}\n\n/**\n * Register an effect with devtools\n * @internal\n */\nexport function registerEffect(name?: string): number {\n if (!devToolsState.enabled) return -1\n\n const id = effectIdCounter++\n\n devToolsState.effects.set(id, {\n id,\n name,\n dependencies: [],\n lastRun: Date.now(),\n runCount: 0,\n status: 'idle',\n })\n\n emit('effect-create', { id, name })\n return id\n}\n\n/**\n * Update effect info in devtools\n * @internal\n */\nexport function updateEffectInfo(\n id: number,\n status: 'idle' | 'running' | 'error',\n error?: Error\n): void {\n if (!devToolsState.enabled) return\n\n const info = devToolsState.effects.get(id)\n if (info) {\n info.status = status\n info.lastRun = Date.now()\n info.runCount++\n if (error) info.error = error\n emit('effect-run', { id, status, error })\n }\n}\n\n/**\n * Register a component with devtools\n * @internal\n */\nexport function registerComponent(\n name: string,\n props: Record<string, unknown>\n): number {\n if (!devToolsState.enabled) return -1\n\n const id = componentIdCounter++\n\n devToolsState.components.set(id, {\n id,\n name,\n props,\n signals: [],\n effects: [],\n children: [],\n mountedAt: Date.now(),\n })\n\n emit('component-mount', { id, name })\n return id\n}\n\n/**\n * Unregister a component from devtools\n * @internal\n */\nexport function unregisterComponent(id: number): void {\n if (!devToolsState.enabled) return\n\n const info = devToolsState.components.get(id)\n if (info) {\n devToolsState.components.delete(id)\n emit('component-unmount', { id, name: info.name })\n }\n}\n\n/**\n * Create a named signal for better devtools visibility\n *\n * @example\n * ```tsx\n * import { createNamedSignal } from 'flexium/devtools';\n * import { signal } from 'flexium/core';\n *\n * // Shows as \"count\" in devtools\n * const count = createNamedSignal('count', 0, signal);\n * ```\n */\nexport function createNamedSignal<T>(\n name: string,\n initialValue: T,\n signalFn: (v: T) => Signal<T>\n): Signal<T> {\n const s = signalFn(initialValue)\n\n if (devToolsState.enabled) {\n registerSignal(s, name)\n }\n\n return s\n}\n"]}
|
package/dist/canvas.d.cts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
export { C as Computed, c as computed, s as signal } from './signal-Dxh9PsKr.cjs';
|
|
3
|
-
export { C as Canvas, f as CanvasProps, b as DrawArc, i as DrawArcProps, a as DrawCircle, h as DrawCircleProps, c as DrawLine, j as DrawLineProps, d as DrawPath, k as DrawPathProps, D as DrawRect, g as DrawRectProps, e as DrawText, l as DrawTextProps } from './DrawText-CJikXQjL.cjs';
|
|
4
|
-
export { e as effect } from './effect-BlnnM1t5.cjs';
|
|
1
|
+
export { e as effect } from './effect-14CxUU8r.cjs';
|
|
5
2
|
export { r as root } from './owner-QS9tPwPr.cjs';
|
|
3
|
+
import { a as Signal } from './signal-C6936A3J.cjs';
|
|
4
|
+
export { b as Computed } from './signal-C6936A3J.cjs';
|
|
5
|
+
export { C as Canvas, f as CanvasProps, b as DrawArc, i as DrawArcProps, a as DrawCircle, h as DrawCircleProps, c as DrawLine, j as DrawLineProps, d as DrawPath, k as DrawPathProps, D as DrawRect, g as DrawRectProps, e as DrawText, l as DrawTextProps } from './DrawText-ccZrs3Xs.cjs';
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* Canvas renderer - renders canvas primitives to canvas context
|
package/dist/canvas.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
export { C as Computed, c as computed, s as signal } from './signal-Dxh9PsKr.js';
|
|
3
|
-
export { C as Canvas, f as CanvasProps, b as DrawArc, i as DrawArcProps, a as DrawCircle, h as DrawCircleProps, c as DrawLine, j as DrawLineProps, d as DrawPath, k as DrawPathProps, D as DrawRect, g as DrawRectProps, e as DrawText, l as DrawTextProps } from './DrawText-Bvzl40Vi.js';
|
|
4
|
-
export { e as effect } from './effect-BlnnM1t5.js';
|
|
1
|
+
export { e as effect } from './effect-14CxUU8r.js';
|
|
5
2
|
export { r as root } from './owner-QS9tPwPr.js';
|
|
3
|
+
import { a as Signal } from './signal-C6936A3J.js';
|
|
4
|
+
export { b as Computed } from './signal-C6936A3J.js';
|
|
5
|
+
export { C as Canvas, f as CanvasProps, b as DrawArc, i as DrawArcProps, a as DrawCircle, h as DrawCircleProps, c as DrawLine, j as DrawLineProps, d as DrawPath, k as DrawPathProps, D as DrawRect, g as DrawRectProps, e as DrawText, l as DrawTextProps } from './DrawText-ngwNNh8O.js';
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* Canvas renderer - renders canvas primitives to canvas context
|
package/dist/canvas.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var
|
|
1
|
+
'use strict';var chunkWOHSSPKD_js=require('./chunk-WOHSSPKD.js');require('./chunk-5236IK5I.js');var chunkAJT35P3Z_js=require('./chunk-AJT35P3Z.js');Object.defineProperty(exports,"Canvas",{enumerable:true,get:function(){return chunkWOHSSPKD_js.d}});Object.defineProperty(exports,"DrawArc",{enumerable:true,get:function(){return chunkWOHSSPKD_js.g}});Object.defineProperty(exports,"DrawCircle",{enumerable:true,get:function(){return chunkWOHSSPKD_js.f}});Object.defineProperty(exports,"DrawLine",{enumerable:true,get:function(){return chunkWOHSSPKD_js.h}});Object.defineProperty(exports,"DrawPath",{enumerable:true,get:function(){return chunkWOHSSPKD_js.i}});Object.defineProperty(exports,"DrawRect",{enumerable:true,get:function(){return chunkWOHSSPKD_js.e}});Object.defineProperty(exports,"DrawText",{enumerable:true,get:function(){return chunkWOHSSPKD_js.j}});Object.defineProperty(exports,"renderCanvasChildren",{enumerable:true,get:function(){return chunkWOHSSPKD_js.c}});Object.defineProperty(exports,"unwrapSignal",{enumerable:true,get:function(){return chunkWOHSSPKD_js.b}});Object.defineProperty(exports,"effect",{enumerable:true,get:function(){return chunkAJT35P3Z_js.k}});Object.defineProperty(exports,"root",{enumerable:true,get:function(){return chunkAJT35P3Z_js.i}});//# sourceMappingURL=canvas.js.map
|
|
2
2
|
//# sourceMappingURL=canvas.js.map
|
package/dist/canvas.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{d as Canvas,g as DrawArc,f as DrawCircle,h as DrawLine,i as DrawPath,e as DrawRect,j as DrawText,c as renderCanvasChildren,b as unwrapSignal}from'./chunk-
|
|
1
|
+
export{d as Canvas,g as DrawArc,f as DrawCircle,h as DrawLine,i as DrawPath,e as DrawRect,j as DrawText,c as renderCanvasChildren,b as unwrapSignal}from'./chunk-KJPIJNFH.mjs';import'./chunk-B7VP6HBY.mjs';export{k as effect,i as root}from'./chunk-Q7WT5IIF.mjs';//# sourceMappingURL=canvas.mjs.map
|
|
2
2
|
//# sourceMappingURL=canvas.mjs.map
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import {a,b as b$1}from'./chunk-HLPVL6EK.mjs';import {c,a as a$1}from'./chunk-WVEJT7HD.mjs';import {d,e}from'./chunk-B7VP6HBY.mjs';function j(){let t=()=>({pathname:"/",search:"",hash:"",query:{}}),e=()=>typeof window>"u"?t():{pathname:window.location.pathname,search:window.location.search,hash:window.location.hash,query:$(window.location.search)},r=new d(e()),n=s=>{if(!(typeof window>"u")){if(_(s)){console.error("[Flexium Router] Blocked navigation to unsafe path:",s);return}window.history.pushState({},"",s),r.set(e());}},a=()=>{try{r.set(e());}catch(s){console.error("[Flexium Router] Error handling popstate:",s);}};return typeof window<"u"&&window.addEventListener("popstate",a),[r,n,()=>{typeof window<"u"&&window.removeEventListener("popstate",a);}]}function _(t){let e=t.trim().toLowerCase();return ["javascript:","data:","vbscript:","file:"].some(n=>e.startsWith(n))}function L(t){return t.replace(/<[^>]*>/g,"").replace(/javascript:/gi,"").replace(/on\w+\s*=/gi,"")}var O=new Set(["__proto__","constructor","prototype"]);function $(t){let e=new URLSearchParams(t),r=Object.create(null);return e.forEach((n,a)=>{let i=L(a),s=L(n);i&&!O.has(i)&&(r[i]=s);}),r}function U(t,e){let r=[],n=e.replace(/:([^/]+)/g,(l,h)=>(r.push(h),"([^/]+)")),a=new RegExp(`^${n}$`),i=t.match(a);if(!i)return {matches:false,params:{}};let s={};return i.slice(1).forEach((l,h)=>{s[r[h]]=l;}),{matches:true,params:s}}function N(t){let e=[],r=Array.isArray(t)?t:[t];for(let n of r){if(!c(n))continue;let{path:a,index:i,component:s,beforeEnter:l}=n.props,h=n.children;if(!s&&!h){console.warn(`[Flexium Router] Route "${a||"(index)"}" has no component and no children. Skipping.`);continue}let R={path:a||"",index:!!i,component:s||(()=>null),children:h?N(h):[],beforeEnter:l};e.push(R);}return e}function F(t,e){for(let r of t){let n=D(r,e,"");if(n)return n}return null}function D(t,e,r){let n=r;t.path&&(n=r.replace(/\/$/,"")+"/"+t.path.replace(/^\//,""));let a=t.children.length===0,i=A(n,!a),s=e.match(i);if(s){let[l,...h]=s,R=M(n,h),o={route:t,params:R,pathname:l};if(a)return l===e?[o]:null;for(let f of t.children){let u=D(f,e,n);if(u)return [o,...u]}if(l===e){let f=t.children.find(u=>u.index);return f?[o,{route:f,params:{},pathname:l}]:[o]}}return null}function A(t,e){let r=t.replace(/:([^/]+)/g,()=>"([^/]+)");return r==="/"&&e?new RegExp("^"):new RegExp(`^${r}${e?"(?:/|$)":"$"}`)}function M(t,e){let r={},n=0;return t.replace(/:([^/]+)/g,(a,i)=>(r[i]=e[n++],"")),r}var b=a(null),y=a(0);function V(){let t=b$1(b);if(!t)throw new Error("router() must be called within a <Router> component");return t}function tt(t){let[e$1,r]=j(),n=Array.isArray(t.children)?t.children:[t.children],a=[],i=[];for(let o of n)c(o)&&typeof o.type=="function"&&o.type===z?i.push(o):a.push(o);let s=N(i),l=new e(()=>{let o=e$1.get();return F(s,o.pathname)||[]}),h=new e(()=>{let o=l.get();return o.length>0?o[o.length-1].params:{}}),R=new Proxy({location:e$1,params:h,navigate:r,matches:l},{get(o,f){let u=o[f];if(f==="location"||f==="params"||f==="matches"){let p=u,S=()=>p.get();return new Proxy(S,{apply(){return p.get()},get(C,c){if(c==="value")return p.get();if(c==="peek")return p.peek;if(c===Symbol.toPrimitive||c==="toString"||c==="valueOf")return ()=>p.get();let m=p[c];if(typeof m=="function")return m.bind(p);let g=p.get();if(g!==null&&typeof g=="object"){let v=g[c];return typeof v=="function"?v.bind(g):v}return m},has(C,c){if(c==="value"||c==="peek")return true;let m=p.get();return m!==null&&typeof m=="object"?c in m:c in p},ownKeys(C){let c=p.get();return c!==null&&typeof c=="object"?Reflect.ownKeys(c):[]},getOwnPropertyDescriptor(C,c){let m=p.get();if(m!==null&&typeof m=="object"){let g=Object.getOwnPropertyDescriptor(m,c);if(g)return {...g,configurable:true}}}})}return u}});return ()=>{let o=l.get(),f=null;if(o.length>0){let u=o[0];u.route.beforeEnter?u.route.beforeEnter(u.params)!==false&&(f=a$1(y.Provider,{value:1},[a$1("div",{key:u.route.path,style:{display:"contents"}},[a$1(u.route.component,{params:u.params})])])):f=a$1(y.Provider,{value:1},[a$1("div",{key:u.route.path,style:{display:"contents"}},[a$1(u.route.component,{params:u.params})])]);}return a$1(b.Provider,{value:R},[...a,a$1("main",{id:"main"},[f])])}}function z(t){return null}function et(){let t=b$1(b),e=b$1(y)||0;return t?()=>{let r=t.matches();if(e>=r.length)return null;let n=r[e];if(n.route.beforeEnter&&n.route.beforeEnter(n.params)===false)return null;let a=n.route.component;return a$1(y.Provider,{value:e+1},[a$1(a,{params:n.params})])}:null}function nt(t){let e=V(),r=n=>{n.preventDefault(),e.navigate(t.to);};return a$1("a",{href:t.to,class:t.class,onclick:r},t.children)}
|
|
2
|
+
export{j as a,_ as b,L as c,U as d,N as e,F as f,V as g,tt as h,z as i,et as j,nt as k};//# sourceMappingURL=chunk-3BQXIHYI.mjs.map
|
|
3
|
+
//# sourceMappingURL=chunk-3BQXIHYI.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/router/core.ts","../src/router/utils.ts","../src/router/context.ts","../src/router/components.ts"],"names":["createLocation","getDefaultLoc","getLoc","parseQuery","loc","SignalNode","navigate","path","isUnsafePath","handlePopState","error","normalizedPath","protocol","sanitizeQueryValue","value","DANGEROUS_KEYS","search","params","query","key","sanitizedKey","sanitizedValue","matchPath","pathname","routePath","paramNames","regexPath","_","paramName","regex","match","index","createRoutesFromChildren","children","routes","childArray","child","isFNode","component","beforeEnter","nestedChildren","route","matchRoutes","location","result","matchRouteBranch","parentPath","fullPath","isLeaf","matcher","compilePath","matchedPath","paramValues","paramsObj","extractParams","currentMatch","childMatches","indexRoute","c","prefix","values","i","RouterCtx","createContext","RouteDepthCtx","router","ctx","context","Router","props","nonRouteChildren","routeChildren","Route","matches","ComputedNode","m","routerContext","target","prop","signal","_target","innerProp","signalProp","currentValue","objProp","desc","ms","matchedContent","rootMatch","f","_props","Outlet","depth","Component","Link","r","handleClick","e"],"mappings":"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","file":"chunk-3BQXIHYI.mjs","sourcesContent":["/**\n * Router Core Module\n *\n * Provides core routing functionality including location management,\n * path matching, and navigation.\n */\n\nimport { SignalNode } from '../core/signal'\nimport { Location } from './types'\n\n/**\n * Creates a reactive location signal and navigate function.\n *\n * The location signal automatically updates when:\n * - navigate() is called\n * - Browser back/forward buttons are used (popstate event)\n *\n * @returns Tuple of [location signal, navigate function, cleanup function]\n *\n * @example\n * ```tsx\n * const [location, navigate, cleanup] = createLocation();\n * // Access current path\n * console.log(location().pathname);\n * // Navigate to new path\n * navigate('/users/123');\n * // Cleanup when done (removes popstate listener)\n * cleanup();\n * ```\n */\nexport function createLocation(): [SignalNode<Location>, (path: string) => void, () => void] {\n // SSR guard: return safe defaults on server\n const getDefaultLoc = (): Location => ({\n pathname: '/',\n search: '',\n hash: '',\n query: {},\n })\n\n const getLoc = (): Location => {\n if (typeof window === 'undefined') {\n return getDefaultLoc()\n }\n return {\n pathname: window.location.pathname,\n search: window.location.search,\n hash: window.location.hash,\n query: parseQuery(window.location.search),\n }\n }\n\n const loc = new SignalNode(getLoc())\n\n const navigate = (path: string) => {\n // SSR guard\n if (typeof window === 'undefined') return\n\n // Security: Validate path to prevent javascript: and other dangerous protocols\n if (isUnsafePath(path)) {\n console.error('[Flexium Router] Blocked navigation to unsafe path:', path)\n return\n }\n window.history.pushState({}, '', path)\n loc.set(getLoc())\n }\n\n // SSR guard for popstate listener\n const handlePopState = () => {\n try {\n loc.set(getLoc())\n } catch (error) {\n console.error('[Flexium Router] Error handling popstate:', error)\n }\n }\n\n if (typeof window !== 'undefined') {\n window.addEventListener('popstate', handlePopState)\n }\n\n // Cleanup function to remove listener\n const cleanup = () => {\n if (typeof window !== 'undefined') {\n window.removeEventListener('popstate', handlePopState)\n }\n }\n\n return [loc, navigate, cleanup]\n}\n\n/**\n * Check if a path contains unsafe protocols (XSS prevention)\n * @param path - Path to validate\n * @returns true if path is unsafe\n */\nexport function isUnsafePath(path: string): boolean {\n const normalizedPath = path.trim().toLowerCase()\n const unsafeProtocols = ['javascript:', 'data:', 'vbscript:', 'file:']\n return unsafeProtocols.some(protocol => normalizedPath.startsWith(protocol))\n}\n\n/**\n * Sanitize query parameter value to prevent XSS\n * @param value - Query parameter value\n * @returns Sanitized value\n */\nexport function sanitizeQueryValue(value: string): string {\n // Remove potential script tags and event handlers\n return value\n .replace(/<[^>]*>/g, '') // Remove HTML tags\n .replace(/javascript:/gi, '') // Remove javascript: protocol\n .replace(/on\\w+\\s*=/gi, '') // Remove event handlers like onclick=\n}\n\n/**\n * Parses URL search string into key-value object\n * @param search - URL search string (e.g., \"?foo=bar&baz=qux\")\n * @returns Object with query parameters\n */\n// Dangerous keys that could lead to prototype pollution\nconst DANGEROUS_KEYS = new Set(['__proto__', 'constructor', 'prototype'])\n\nfunction parseQuery(search: string): Record<string, string> {\n const params = new URLSearchParams(search)\n // Use Object.create(null) to prevent prototype pollution\n const query: Record<string, string> = Object.create(null)\n params.forEach((value, key) => {\n // Sanitize both key and value to prevent XSS\n const sanitizedKey = sanitizeQueryValue(key)\n const sanitizedValue = sanitizeQueryValue(value)\n // Block dangerous keys to prevent prototype pollution\n if (sanitizedKey && !DANGEROUS_KEYS.has(sanitizedKey)) {\n query[sanitizedKey] = sanitizedValue\n }\n })\n return query\n}\n\n/**\n * Matches a pathname against a route pattern.\n *\n * Supports dynamic segments with `:param` syntax.\n *\n * @param pathname - Current URL pathname (e.g., \"/users/123\")\n * @param routePath - Route pattern (e.g., \"/users/:id\")\n * @returns Object with `matches` boolean and extracted `params`\n *\n * @example\n * ```tsx\n * const result = matchPath('/users/123', '/users/:id');\n * // { matches: true, params: { id: '123' } }\n * ```\n */\nexport function matchPath(\n pathname: string,\n routePath: string\n): { matches: boolean; params: Record<string, string> } {\n const paramNames: string[] = []\n const regexPath = routePath.replace(/:([^/]+)/g, (_, paramName) => {\n paramNames.push(paramName)\n return '([^/]+)'\n })\n\n const regex = new RegExp(`^${regexPath}$`)\n const match = pathname.match(regex)\n\n if (!match) {\n return { matches: false, params: {} }\n }\n\n const params: Record<string, string> = {}\n match.slice(1).forEach((value, index) => {\n params[paramNames[index]] = value\n })\n\n return { matches: true, params }\n}\n","import { RouteDef, RouteMatch } from './types'\nimport type { FNodeChild } from '../core/renderer'\nimport { isFNode } from '../renderers/dom/f'\n\n/**\n * Flatten the children of <Router> or <Route> into a route configuration tree.\n * Note: This assumes `children` are FNodes representing <Route> components.\n */\nexport function createRoutesFromChildren(children: FNodeChild): RouteDef[] {\n const routes: RouteDef[] = []\n\n const childArray = Array.isArray(children) ? children : [children]\n\n for (const child of childArray) {\n if (!isFNode(child)) {\n continue\n }\n\n const { path, index, component, beforeEnter } = child.props as {\n path?: string\n index?: boolean\n component?: Function\n beforeEnter?: (\n params: Record<string, string>\n ) => boolean | Promise<boolean>\n }\n const nestedChildren = child.children\n\n // Skip routes without a component (unless they have children as layout routes)\n if (!component && !nestedChildren) {\n console.warn(\n `[Flexium Router] Route \"${path || '(index)'}\" has no component and no children. Skipping.`\n )\n continue\n }\n\n const route: RouteDef = {\n path: path || '',\n index: !!index,\n component: component || (() => null),\n children: nestedChildren ? createRoutesFromChildren(nestedChildren) : [],\n beforeEnter,\n }\n\n routes.push(route)\n }\n\n return routes\n}\n\n/**\n * Match a URL against a route tree.\n * Returns an array of matches (from root to leaf).\n */\nexport function matchRoutes(\n routes: RouteDef[],\n location: string\n): RouteMatch[] | null {\n for (const route of routes) {\n const result = matchRouteBranch(route, location, '')\n if (result) return result\n }\n return null\n}\n\nfunction matchRouteBranch(\n route: RouteDef,\n location: string,\n parentPath: string\n): RouteMatch[] | null {\n let fullPath = parentPath\n if (route.path) {\n fullPath =\n parentPath.replace(/\\/$/, '') + '/' + route.path.replace(/^\\//, '')\n }\n\n const isLeaf = route.children.length === 0\n const matcher = compilePath(fullPath, !isLeaf)\n const match = location.match(matcher)\n\n if (match) {\n const [matchedPath, ...paramValues] = match\n const paramsObj = extractParams(fullPath, paramValues)\n\n const currentMatch: RouteMatch = {\n route,\n params: paramsObj,\n pathname: matchedPath,\n }\n\n if (isLeaf) {\n // Exact match required for leaf\n if (matchedPath === location) return [currentMatch]\n return null\n }\n\n // Has children: try to match one of them\n // If no children match, and this route is an index route?\n // Or if this route matches partially, maybe an index child matches the rest?\n\n for (const child of route.children) {\n const childMatches = matchRouteBranch(child, location, fullPath)\n if (childMatches) {\n return [currentMatch, ...childMatches]\n }\n }\n\n // If no children matched, but we matched exactly this layout route?\n // E.g. /users matches /users layout, and maybe it renders index?\n if (matchedPath === location) {\n // Check for index route\n const indexRoute = route.children.find((c) => c.index)\n if (indexRoute) {\n return [\n currentMatch,\n { route: indexRoute, params: {}, pathname: matchedPath },\n ]\n }\n // Just the layout? Maybe.\n return [currentMatch]\n }\n }\n\n return null\n}\n\nfunction compilePath(path: string, prefix: boolean): RegExp {\n const regexPath = path.replace(/:([^/]+)/g, () => '([^/]+)')\n\n // If path is exactly \"/\", and we want prefix matching, it should match everything\n if (regexPath === '/' && prefix) {\n return new RegExp('^')\n }\n\n // If prefix matching allowed, ensure we match segment boundary\n return new RegExp(`^${regexPath}${prefix ? '(?:/|$)' : '$'}`)\n}\n\nfunction extractParams(path: string, values: string[]): Record<string, string> {\n const params: Record<string, string> = {}\n let i = 0\n // Re-parse to find param names... inefficient but works\n path.replace(/:([^/]+)/g, (_, paramName) => {\n params[paramName] = values[i++]\n return ''\n })\n return params\n}\n","import { createContext } from '../core/context'\nimport { RouterContext } from './types'\n\n// Global Router Context\nexport const RouterCtx = createContext<RouterContext | null>(null)\n\n// Current Route Depth Context (for Outlet)\n// Stores the index of the current match in the `matches` array\nexport const RouteDepthCtx = createContext<number>(0)\n","import { ComputedNode, type SignalNode } from '../core/signal'\nimport { createLocation } from './core'\nimport { createRoutesFromChildren, matchRoutes } from './utils'\nimport { LinkProps, RouteProps, RouterContext } from './types'\nimport { f, isFNode } from '../renderers/dom/f'\nimport { RouterCtx, RouteDepthCtx } from './context'\nimport { context } from '../core/context'\nimport type { FNodeChild } from '../core/renderer'\n\n/**\n * Get the current router context.\n * Must be called within a <Router> component.\n *\n * @example\n * ```tsx\n * const r = router()\n * r.navigate('/dashboard')\n * ```\n */\nexport function router(): RouterContext {\n const ctx = context(RouterCtx)\n if (!ctx) {\n throw new Error('router() must be called within a <Router> component')\n }\n return ctx\n}\n\nexport function Router(props: { children: FNodeChild }) {\n const [location, navigate] = createLocation()\n\n // Separate Route children from non-Route children (like Nav, etc.)\n const childArray = Array.isArray(props.children) ? props.children : [props.children]\n const nonRouteChildren: FNodeChild[] = []\n const routeChildren: FNodeChild[] = []\n\n for (const child of childArray) {\n if (isFNode(child) && typeof child.type === 'function' && child.type === Route) {\n routeChildren.push(child)\n } else {\n nonRouteChildren.push(child)\n }\n }\n\n // Parse route configuration from Route children only\n const routes = createRoutesFromChildren(routeChildren)\n\n // Compute matches\n const matches = new ComputedNode(() => {\n const loc = location.get()\n return matchRoutes(routes, loc.pathname) || []\n })\n\n const params = new ComputedNode(() => {\n const m = matches.get()\n if (m.length > 0) {\n return m[m.length - 1].params\n }\n return {}\n })\n\n // Create routerContext as a stable object\n // The signals (location, params, matches) are already reactive\n // We create a proxy to ensure property access is properly tracked\n // When accessing location, params, or matches, automatically read the signal's value\n // to register subscriptions (similar to how state() proxy works)\n const routerContext: RouterContext = new Proxy({\n location,\n params,\n navigate,\n matches,\n } as any, {\n get(target, prop) {\n const value = target[prop as keyof RouterContext]\n\n // For signal/computed properties (location, params, matches),\n // return a proxy that automatically reads the signal's value when properties are accessed\n // This makes router() work like state() - property access triggers tracking\n if (prop === 'location' || prop === 'params' || prop === 'matches') {\n const signal = value as SignalNode<unknown> | ComputedNode<unknown>\n\n // Create a callable target function (like state proxy does)\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const target = () => signal.get()\n\n // Return a proxy that wraps the signal and automatically reads its value\n // when properties are accessed, ensuring subscriptions are registered\n // This follows the same pattern as state() proxy for consistency\n return new Proxy(target, {\n // Make the proxy callable - returns current value\n apply() {\n return signal.get()\n },\n\n get(_target, innerProp) {\n // Accessing .value triggers subscription registration via signal's value getter\n if (innerProp === 'value') {\n return signal.get()\n }\n\n // Allow direct access to peek() without tracking\n if (innerProp === 'peek') {\n return signal.peek\n }\n\n // Calling as function also triggers subscription\n if (innerProp === Symbol.toPrimitive || innerProp === 'toString' || innerProp === 'valueOf') {\n return () => signal.get()\n }\n\n // For other signal properties (set, etc.), access them normally\n const signalProp = (signal as any)[innerProp]\n if (typeof signalProp === 'function') {\n return signalProp.bind(signal)\n }\n\n // If the signal's value is an object, access its properties\n // This enables r.location.pathname and r.params.id to work and register subscriptions\n // Note: accessing signal.value here tracks the signal in any enclosing effect\n const currentValue = signal.get()\n if (currentValue !== null && typeof currentValue === 'object') {\n const obj = currentValue as Record<string | symbol, unknown>\n const objProp = obj[innerProp]\n // If it's a function (like array methods), bind it to the current value\n if (typeof objProp === 'function') {\n return objProp.bind(currentValue)\n }\n return objProp\n }\n\n return signalProp\n },\n\n // For property checks (like 'id' in params)\n has(_target, innerProp) {\n if (innerProp === 'value' || innerProp === 'peek') return true\n const currentValue = signal.get()\n if (currentValue !== null && typeof currentValue === 'object') {\n return innerProp in (currentValue as object)\n }\n return innerProp in signal\n },\n\n // For Object.keys, for...in loops\n ownKeys(_target) {\n const currentValue = signal.get()\n if (currentValue !== null && typeof currentValue === 'object') {\n return Reflect.ownKeys(currentValue as object)\n }\n return []\n },\n\n getOwnPropertyDescriptor(_target, innerProp) {\n const currentValue = signal.get()\n if (currentValue !== null && typeof currentValue === 'object') {\n const desc = Object.getOwnPropertyDescriptor(currentValue as object, innerProp)\n if (desc) {\n return { ...desc, configurable: true }\n }\n }\n return undefined\n }\n })\n }\n\n // For navigate, return as-is\n return value\n }\n }) as RouterContext\n\n return () => {\n const ms = matches.get()\n\n // Matched route component (or null if no match)\n let matchedContent: FNodeChild = null\n if (ms.length > 0) {\n const rootMatch = ms[0]\n\n // Check beforeEnter guard\n if (rootMatch.route.beforeEnter) {\n const result = rootMatch.route.beforeEnter(rootMatch.params)\n if (result !== false) {\n matchedContent = f(RouteDepthCtx.Provider, { value: 1 }, [\n f('div', { key: rootMatch.route.path, style: { display: 'contents' } }, [\n f(rootMatch.route.component, { params: rootMatch.params }),\n ]),\n ])\n }\n } else {\n matchedContent = f(RouteDepthCtx.Provider, { value: 1 }, [\n f('div', { key: rootMatch.route.path, style: { display: 'contents' } }, [\n f(rootMatch.route.component, { params: rootMatch.params }),\n ]),\n ])\n }\n }\n\n // Render non-Route children (like Nav) and the matched route wrapped in main\n return f(RouterCtx.Provider, { value: routerContext }, [\n ...nonRouteChildren,\n f('main', { id: 'main' }, [matchedContent]),\n ])\n }\n}\n\n/**\n * Route configuration component.\n * Doesn't render anything directly; used by Router to build the route tree.\n */\nexport function Route(_props: RouteProps) {\n return null\n}\n\n/**\n * Renders the child route content.\n */\nexport function Outlet() {\n const router = context(RouterCtx)\n const depth = context(RouteDepthCtx) || 0 // Default 0\n\n // Safety check\n if (!router) return null\n\n return () => {\n const ms = router.matches()\n\n // Check if we have a match at this depth\n if (depth >= ms.length) return null\n\n const match = ms[depth]\n\n // Check beforeEnter guard\n if (match.route.beforeEnter) {\n const result = match.route.beforeEnter(match.params)\n if (result === false) return null\n }\n\n const Component = match.route.component\n\n // Render component and provide next depth\n return f(RouteDepthCtx.Provider, { value: depth + 1 }, [\n f(Component, { params: match.params }),\n ])\n }\n}\n\nexport function Link(props: LinkProps) {\n const r = router()\n\n const handleClick = (e: Event) => {\n e.preventDefault()\n r.navigate(props.to)\n }\n\n return f(\n 'a',\n {\n href: props.to,\n class: props.class,\n onclick: handleClick,\n },\n props.children\n )\n}\n"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
'use strict';var chunkAJT35P3Z_js=require('./chunk-AJT35P3Z.js');var d=0,S=new Set,p=new Set,T=false;function y(){T||(T=true,queueMicrotask(O));}function O(){if(T=false,p.size===0)return;let n=[];for(let e of p)n.push(e);p.clear();for(let e=0;e<n.length;e++)n[e].execute();}function m(n){p.add(n);}function k(n){S.add(n);}function x(){return d}function N(n){let e;if(n){d++;try{e=n();}finally{if(d--,d===0){let t=[];for(let s of S)t.push(s);S.clear();for(let s=0;s<t.length;s++)t[s].execute();}}}return O(),e}var B=null;function z(){return B}function K(n){B=n;}var D=0,o=class{constructor(e){this._value=e;this.version=0;this.nodeType=1;}get value(){return this.get()}set value(e){this.set(e);}get(){let e=chunkAJT35P3Z_js.e();return e&&chunkAJT35P3Z_js.d.connect(this,e),this._value}set(e){this._value!==e&&(this._value=e,this.version=++D,this.notify());}peek(){return this._value}notify(){if(x()===0){if(this.subsHead){let e=false,t=this.subsHead;for(;t;){let s=t.sub;s.nodeType===2?s.execute():(m(s),e||(e=true,y())),t=t.nextSub;}}}else {let e=this.subsHead;for(;e;)e.sub&&k(e.sub),e=e.nextSub;}}},E=class{constructor(e){this.computeFn=e;this.version=0;this.nodeType=2;this.flags=12;this.lastCleanEpoch=0;}get value(){return this.get()}execute(){this.flags|=12,this.notify();}_updateIfDirty(){let e=this.flags;if((e&12)===0)return;if((e&4)===0&&(e&8)!==0&&!this._needsRefetch()){this.flags&=-9;return}this.flags&=-13,chunkAJT35P3Z_js.d.disconnectDependencies(this);let s=chunkAJT35P3Z_js.e();chunkAJT35P3Z_js.f(this);try{let i=this.computeFn();this._value!==i&&(this._value=i,this.version=++D),this.lastCleanEpoch=D;}finally{chunkAJT35P3Z_js.f(s);}}_needsRefetch(){if(!this.depsHead)return true;let e=this.depsHead;for(;e;){let t=e.dep;if(t.version>this.lastCleanEpoch)return true;if(t.nodeType===2){let s=t;if((s.flags&12)!==0){let l=s.version;if(s.peek(),s.version!==l&&s.version>this.lastCleanEpoch)return true}}e=e.nextDep;}return false}get(){let e=chunkAJT35P3Z_js.e();return e&&e!==this&&chunkAJT35P3Z_js.d.connect(this,e),(this.flags&12)!==0&&this._updateIfDirty(),this._value}peek(){return (this.flags&12)!==0&&this._updateIfDirty(),this._value}notify(){if(x()===0){if(this.subsHead){let e=false,t=this.subsHead;for(;t;){let s=t.sub;s.nodeType===2?s.execute():(m(s),e=true),t=t.nextSub;}e&&y();}}else {let e=this.subsHead;for(;e;)e.sub&&k(e.sub),e=e.nextSub;}}},L=Symbol("flexium.signal");function A(n){return n instanceof o||n instanceof E}function W(n){let e=chunkAJT35P3Z_js.e();e&&e.nodeType===3?e.cleanups.push(n):chunkAJT35P3Z_js.c(chunkAJT35P3Z_js.a.CLEANUP_OUTSIDE_EFFECT);}function J(n,e){let t=new o(void 0),s=new o(void 0),i=new o(false),u=new o("unresolved"),l=async(r,H=false)=>{H?(u.set("refreshing"),i.set(true)):(u.set("pending"),i.set(true)),s.set(void 0);let f=e(r,{value:t.peek(),refetching:H});h=f;try{let g=await f;h===f&&(t.set(g),u.set("ready"),i.set(!1));}catch(g){h===f&&(s.set(g),u.set("errored"),i.set(false));}},h=null,_=()=>typeof n=="function"?A(n)?n.get():n():A(n)?n.get():n;chunkAJT35P3Z_js.k(()=>{let r=_();l(r,false);});let v=function(){return t.get()};return Object.defineProperties(v,{value:{get:()=>t.get()},loading:{get:()=>i.get()},error:{get:()=>s.get()},state:{get:()=>u.get()},latest:{get:()=>t.peek()},peek:{value:()=>t.peek()}}),v[L]=true,[v,{mutate:r=>t.set(r),refetch:()=>{let r=_();l(r,true);}}]}exports.a=N;exports.b=z;exports.c=K;exports.d=o;exports.e=E;exports.f=A;exports.g=W;exports.h=J;//# sourceMappingURL=chunk-5236IK5I.js.map
|
|
2
|
+
//# sourceMappingURL=chunk-5236IK5I.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/core/sync.ts","../src/core/signal.ts"],"names":["batchDepth","batchQueue","autoBatchQueue","isAutoBatchScheduled","scheduleAutoBatch","flushAutoBatch","queue","sub","i","addToAutoBatch","addToBatch","getBatchDepth","sync","fn","result","devToolsHooks","getDevToolsHooks","setDevToolsHooks","hooks","globalVersion","SignalNode","_value","newValue","activeEffect","getActiveEffect","Graph","hasScheduled","link","ComputedNode","computeFn","flags","prevEffect","setActiveEffect","dep","computedDep","oldVersion","shouldSchedule","SIGNAL_MARKER","isSignal","value","onCleanup","logWarning","ErrorCodes","createResource","source","fetcher","error","loading","state","load","currentSource","refetching","currentPromise","latestPromise","err","getSource","effect","resource","v"],"mappings":"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","file":"chunk-5236IK5I.js","sourcesContent":["import { ISubscriber } from './graph'\n\n// Batching state\nlet batchDepth = 0\n// Batch queue now needs to store raw subscribers. Set is efficient for uniqueness.\nconst batchQueue = new Set<ISubscriber>()\n\n// Auto-batching state (Microtask Scheduler)\nconst autoBatchQueue = new Set<ISubscriber>()\nlet isAutoBatchScheduled = false\n\nexport function scheduleAutoBatch(): void {\n if (!isAutoBatchScheduled) {\n isAutoBatchScheduled = true\n queueMicrotask(flushAutoBatch)\n }\n}\n\nexport function flushAutoBatch(): void {\n isAutoBatchScheduled = false\n if (autoBatchQueue.size === 0) return\n\n // Performance: Direct iteration instead of Array.from() to avoid array allocation\n // Build array while iterating Set\n const queue: ISubscriber[] = []\n for (const sub of autoBatchQueue) {\n queue.push(sub)\n }\n autoBatchQueue.clear()\n\n // Execute effects - use for loop instead of forEach (slightly faster)\n for (let i = 0; i < queue.length; i++) {\n queue[i].execute()\n }\n}\n\nexport function addToAutoBatch(sub: ISubscriber): void {\n autoBatchQueue.add(sub)\n}\n\nexport function addToBatch(sub: ISubscriber): void {\n batchQueue.add(sub)\n}\n\nexport function getBatchDepth(): number {\n return batchDepth\n}\n\n/**\n * Synchronizes state updates.\n * \n * - `sync()`: Force flushes any pending auto-batched effects.\n * - `sync(fn)`: Batches updates within `fn`, then flushes them and any pending effects synchronously.\n *\n * @param fn - Optional function containing state updates\n * @returns The return value of fn, if provided\n *\n * @example\n * ```tsx\n * // 1. Force flush pending effects\n * count.value++\n * sync() // DOM is now updated\n *\n * // 2. Batch updates and flush immediately\n * sync(() => {\n * count.value = 1\n * name.value = 'Bob'\n * }) // Effects run once here, DOM updated\n * ```\n */\nexport function sync<T>(fn?: () => T): T | void {\n let result: T | undefined\n\n if (fn) {\n batchDepth++\n try {\n result = fn()\n } finally {\n batchDepth--\n if (batchDepth === 0) {\n // Execute all queued subscribers from manual batch\n // Performance: Direct iteration instead of Array.from() to avoid array allocation\n const queue: ISubscriber[] = []\n for (const sub of batchQueue) {\n queue.push(sub)\n }\n batchQueue.clear()\n // Use for loop instead of forEach (slightly faster)\n for (let i = 0; i < queue.length; i++) {\n queue[i].execute()\n }\n }\n }\n }\n\n // Always flushing auto-batch queue to ensure everything is synced\n flushAutoBatch()\n\n return result\n}\n","/**\n * Signal System - Fine-grained reactivity without VDOM\n *\n * Architecture:\n * - Signals are reactive primitives that notify subscribers on change\n * - Computed signals automatically track dependencies and memoize results\n * - Effects run side effects and auto-track dependencies\n * - Batching prevents cascading updates for performance\n */\n\nimport { ErrorCodes, logWarning } from './errors'\nimport {\n Graph,\n\n type Link,\n type ISubscriber,\n type IObservable,\n SubscriberFlags,\n NodeType\n} from './graph'\nimport {\n\n\n getActiveEffect,\n setActiveEffect,\n} from './owner'\nimport {\n scheduleAutoBatch,\n addToAutoBatch,\n addToBatch,\n getBatchDepth\n} from './sync'\nimport { EffectNode, effect } from './effect'\n\n/**\n * DevTools hooks interface - set by devtools module to avoid circular imports\n * @internal\n */\nexport interface DevToolsHooks {\n onSignalCreate?: (signal: Signal<unknown>, name?: string) => number\n onSignalUpdate?: (id: number, value: unknown) => void\n onEffectCreate?: (name?: string) => number\n onEffectRun?: (\n id: number,\n status: 'idle' | 'running' | 'error',\n error?: Error\n ) => void\n}\n\n// Global hooks registry - set by devtools when enabled\nlet devToolsHooks: DevToolsHooks | null = null\n\nexport function getDevToolsHooks() {\n return devToolsHooks\n}\n\n/**\n * Register devtools hooks (called by devtools module)\n * @internal\n */\nexport function setDevToolsHooks(hooks: DevToolsHooks | null): void {\n devToolsHooks = hooks\n}\n\n// Global version clock for epoch-based validation (Optimization: Epochs)\nlet globalVersion = 0\n\n// ==================================================================================\n// 3. User Facing API\n// ==================================================================================\n\n/**\n * Base interface for reactive signals\n * @internal\n */\nexport interface Signal<T> {\n value: T;\n (): T\n set(value: T): void\n peek(): T\n}\n\n/**\n * Computed signal interface (read-only)\n * @internal\n */\nexport interface Computed<T> {\n readonly value: T;\n (): T\n peek(): T\n}\n\n\n\n/**\n * Internal signal node for writable signals\n */\nexport class SignalNode<T> implements IObservable {\n // Performance: Hot path fields first (CPU cache line optimization)\n version = 0 // Frequently read\n nodeType = NodeType.Signal // Frequently checked\n subsHead: Link | undefined // Frequently accessed\n\n // Cold path field\n constructor(private _value: T) { }\n\n /**\n * Compatibility wrapper for legacy .value access\n */\n get value(): T {\n return this.get()\n }\n\n set value(newValue: T) {\n this.set(newValue)\n }\n\n get(): T {\n // Track dependency if inside an effect or computed\n const activeEffect = getActiveEffect()\n if (activeEffect) {\n Graph.connect(this, activeEffect)\n }\n return this._value\n }\n\n set(newValue: T): void {\n if (this._value !== newValue) {\n this._value = newValue\n this.version = ++globalVersion\n this.notify()\n }\n }\n\n peek(): T {\n return this._value\n }\n\n notify(): void {\n // Performance: Branch prediction - check most common case first (no batch)\n if (getBatchDepth() === 0) {\n // Automatic microtask batch (most common path)\n if (this.subsHead) {\n // Performance: Schedule immediately on first non-computed subscriber\n let hasScheduled = false\n let link: Link | undefined = this.subsHead\n\n while (link) {\n const sub = link.sub!\n // Performance: Use nodeType instead of instanceof (much faster)\n if (sub.nodeType === NodeType.Computed) {\n sub.execute() // Mark dirty immediately\n } else {\n addToAutoBatch(sub)\n if (!hasScheduled) {\n hasScheduled = true\n scheduleAutoBatch() // Schedule on first non-computed subscriber\n }\n }\n link = link.nextSub\n }\n }\n } else {\n // Manual batch: queue subscribers (less common path)\n let link = this.subsHead\n while (link) {\n if (link.sub) addToBatch(link.sub)\n link = link.nextSub\n }\n }\n }\n}\n\n/**\n * Internal computed node for derived values\n */\nexport class ComputedNode<T> implements ISubscriber, IObservable {\n // Performance: Hot path fields first (CPU cache line optimization)\n version = 0 // Frequently read\n nodeType = NodeType.Computed // Frequently checked\n flags = SubscriberFlags.Dirty | SubscriberFlags.Stale // Frequently checked\n subsHead: Link | undefined // Frequently accessed\n depsHead: Link | undefined // Frequently accessed\n\n // Cold path fields\n private _value!: T\n // Optimization: Track last clean epoch to avoid redundant re-computation\n private lastCleanEpoch = 0\n\n constructor(private computeFn: () => T) { }\n\n /**\n * Compatibility wrapper for legacy .value access\n */\n get value(): T {\n return this.get()\n }\n\n execute(): void {\n // Performance: Inline bit operation instead of function call\n // When a dependency changes, mark as dirty and notify subscribers\n this.flags |= SubscriberFlags.Dirty | SubscriberFlags.Stale\n this.notify()\n }\n\n private _updateIfDirty(): void {\n // Performance: Inline flag checks for better branch prediction\n // 1. If not dirty and not stale, we are valid (most common case)\n // Note: This check is now done in peek()/get() for fast path, but kept here for safety\n const flags = this.flags\n const dirtyOrStale = flags & (SubscriberFlags.Dirty | SubscriberFlags.Stale)\n if (dirtyOrStale === 0) {\n return\n }\n\n // 2. If Stale but not Dirty, check dependencies\n // Performance: Single bit check instead of two function calls\n if ((flags & SubscriberFlags.Dirty) === 0 && (flags & SubscriberFlags.Stale) !== 0) {\n if (!this._needsRefetch()) {\n this.flags &= ~SubscriberFlags.Stale\n return\n }\n }\n\n // 3. Must re-compute\n // Performance: Single bit operation instead of function call\n this.flags &= ~(SubscriberFlags.Dirty | SubscriberFlags.Stale)\n\n // Clear previous dependencies via Graph helper\n Graph.disconnectDependencies(this)\n\n const prevEffect = getActiveEffect()\n // const prevOwner = getOwner() // Not used\n setActiveEffect(this)\n\n try {\n const newValue = this.computeFn()\n if (this._value !== newValue) {\n this._value = newValue\n this.version = ++globalVersion\n }\n this.lastCleanEpoch = globalVersion\n } finally {\n setActiveEffect(prevEffect)\n }\n\n // Actually, we need to import setActiveEffect at the top of the file\n // activeEffect = this -> setActiveEffect(this)\n // activeEffect = prevEffect -> setActiveEffect(prevEffect)\n // But since I am generating this chunk, let me check imports again.\n // I added getActiveEffect to imports. I need setActiveEffect too.\n\n // REVISING CHUNK content below to use imported function properly.\n // note: I must add setActiveEffect to imports in the first chunk.\n\n\n // For this specific Chunk:\n // We will use a hack here or I should update the first chunk to include setActiveEffect.\n // I'll update the first chunk in this tool call to include setActiveEffect.\n\n // import { setActiveEffect } from './owner'\n // ...\n // setActiveEffect(this)\n // ...\n // setActiveEffect(prevEffect)\n }\n\n private _needsRefetch(): boolean {\n if (!this.depsHead) return true;\n\n // Iterate dependencies via linked list\n let link: Link | undefined = this.depsHead\n while (link) {\n const dep = link.dep!\n\n // Performance: Check version first (fastest check, avoids type check for most cases)\n if (dep.version > this.lastCleanEpoch) {\n return true\n }\n\n // Performance: Use nodeType instead of instanceof\n // Only check computed dependencies if version check passed (less common case)\n if (dep.nodeType === NodeType.Computed) {\n const computedDep = dep as ComputedNode<unknown>\n\n // Performance: Check if dirty/stale before calling peek() (peek() may trigger computation)\n // Only call peek() if actually needs update\n const flags = computedDep.flags\n const isDirtyOrStale = (flags & (SubscriberFlags.Dirty | SubscriberFlags.Stale)) !== 0\n\n if (isDirtyOrStale) {\n // Performance: Track version before peek() to detect if it actually updated\n const oldVersion = computedDep.version\n computedDep.peek()\n // Only check version again if peek() actually updated it (version changed)\n // This avoids redundant comparison when peek() didn't change anything\n if (computedDep.version !== oldVersion && computedDep.version > this.lastCleanEpoch) {\n return true\n }\n }\n }\n link = link.nextDep\n }\n return false\n }\n\n get(): T {\n // Track dependency if inside an effect or computed\n const activeEffect = getActiveEffect()\n if (activeEffect && activeEffect !== this) {\n Graph.connect(this, activeEffect)\n }\n\n // Performance: Fast path - check if update needed before calling _updateIfDirty\n const flags = this.flags\n const dirtyOrStale = flags & (SubscriberFlags.Dirty | SubscriberFlags.Stale)\n if (dirtyOrStale !== 0) {\n this._updateIfDirty()\n }\n return this._value\n }\n\n peek(): T {\n // Performance: Fast path - check if update needed before calling _updateIfDirty\n const flags = this.flags\n const dirtyOrStale = flags & (SubscriberFlags.Dirty | SubscriberFlags.Stale)\n if (dirtyOrStale !== 0) {\n this._updateIfDirty()\n }\n return this._value\n }\n\n notify(): void {\n // Performance: Branch prediction - check most common case first (no batch)\n if (getBatchDepth() === 0) {\n // Automatic microtask batch (most common path)\n if (this.subsHead) {\n let shouldSchedule = false\n let link: Link | undefined = this.subsHead\n\n while (link) {\n const sub = link.sub!\n // Performance: Use nodeType instead of instanceof (much faster)\n if (sub.nodeType === NodeType.Computed) {\n sub.execute()\n } else {\n addToAutoBatch(sub)\n shouldSchedule = true\n }\n link = link.nextSub\n }\n\n if (shouldSchedule) {\n scheduleAutoBatch()\n }\n }\n } else {\n // Manual batch (less common path)\n let link = this.subsHead\n while (link) {\n if (link.sub) addToBatch(link.sub)\n link = link.nextSub\n }\n }\n }\n}\n\n\n\n\n\n\n\n/**\n * Creates a side effect that runs when dependencies change\n *\n * @param fn - Effect function, can return a cleanup function\n * @param options - Optional error handler\n * @returns Dispose function to stop the effect\n *\n * @example\n * ```ts\n * const [count, setCount] = state(0);\n * \n * const dispose = effect(() => {\n * console.log('Count:', count());\n * return () => console.log('Cleanup');\n * });\n * ```\n */\n\n\n/**\n * Creates a root scope for effects\n * All effects created within the scope can be disposed together\n *\n * @param fn - Function that creates effects\n * @returns Dispose function for all effects in the scope\n */\n\n\n/**\n * Symbol to mark signals for detection\n * @internal\n */\nconst SIGNAL_MARKER = Symbol('flexium.signal')\n\n/**\n * Check if a value is a signal\n * @internal Use state() which handles all reactive patterns\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function isSignal(value: unknown): value is SignalNode<any> | ComputedNode<any> {\n return value instanceof SignalNode || value instanceof ComputedNode\n}\n\n/**\n * Registers a cleanup function that runs before the current effect re-runs or is disposed\n *\n * @param fn - Cleanup function\n */\nexport function onCleanup(fn: () => void): void {\n const activeEffect = getActiveEffect()\n // Performance: Use nodeType instead of instanceof\n if (activeEffect && activeEffect.nodeType === NodeType.Effect) {\n (activeEffect as EffectNode).cleanups.push(fn)\n } else {\n logWarning(ErrorCodes.CLEANUP_OUTSIDE_EFFECT)\n }\n}\n\n/**\n * Resource interface for async data\n */\nexport interface Resource<T> extends Signal<T | undefined> {\n loading: boolean\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n error: any\n state: 'unresolved' | 'pending' | 'ready' | 'refreshing' | 'errored'\n latest: T | undefined\n}\n\n/**\n * Creates a resource for handling async data\n * @internal Use state(async () => ...) instead which returns [data, refetch, status, error]\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function createResource<T, S = any>(\n source: S | Signal<S> | (() => S),\n fetcher: (\n source: S,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n { value, refetching }: { value: T | undefined; refetching: any }\n ) => Promise<T>\n): [Resource<T>, { mutate: (v: T | undefined) => void; refetch: () => void }] {\n const value = new SignalNode<T | undefined>(undefined)\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const error = new SignalNode<any>(undefined)\n const loading = new SignalNode<boolean>(false)\n const state = new SignalNode<\n 'unresolved' | 'pending' | 'ready' | 'refreshing' | 'errored'\n >('unresolved')\n\n const load = async (currentSource: S, refetching = false) => {\n if (refetching) {\n state.set('refreshing')\n loading.set(true)\n } else {\n state.set('pending')\n loading.set(true)\n }\n error.set(undefined)\n\n // Track the current promise to avoid race conditions\n // We use a local variable instead of a shared 'lastPromise'\n // because we only care about the latest execution within this closure scope\n // if we needed to support cancellation, we'd need more.\n // Actually, for race conditions we DO need to track the active promise ID or similar.\n // Let's use a simpler counter approach or just compare promise references if we kept track.\n // But since we are removing 'lastPromise' which was used for throwing, \n // we still need to handle race conditions (late resolve).\n\n // Re-introducing a local tracking mechanism just for race conditions\n const currentPromise = fetcher(currentSource, { value: value.peek(), refetching })\n // We need to store this on the closure to compare\n latestPromise = currentPromise\n\n try {\n const result = await currentPromise\n if (latestPromise === currentPromise) {\n value.set(result)\n state.set('ready')\n loading.set(false)\n }\n } catch (err) {\n if (latestPromise === currentPromise) {\n error.set(err)\n state.set('errored')\n loading.set(false)\n }\n }\n }\n\n let latestPromise: Promise<T> | null = null\n\n /*\n * Helper to get current source value\n */\n const getSource = () => {\n if (typeof source === 'function') {\n // Check if it's a SignalNode/ComputedNode\n if (isSignal(source)) {\n return source.get()\n }\n // It's a plain function\n return (source as () => S)()\n }\n // It's a static value (or SignalNode passed as value if generic S allows)\n // If S is SignalNode, then isSignal(source) is true.\n if (isSignal(source)) {\n return source.get()\n }\n return source\n }\n\n // Track source changes\n effect(() => {\n const currentSource = getSource()\n load(currentSource, false)\n })\n\n // Create the resource object (read-only signal interface)\n const resource = function () {\n return value.get()\n } as Resource<T>\n\n Object.defineProperties(resource, {\n value: { get: () => value.get() },\n loading: { get: () => loading.get() },\n error: { get: () => error.get() },\n state: { get: () => state.get() },\n latest: { get: () => value.peek() },\n peek: { value: () => value.peek() },\n // no set exposed on resource object\n })\n // Mark as signal/node for detection if needed, or just let it be a function-signal\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ; (resource as any)[SIGNAL_MARKER] = true\n\n const actions = {\n mutate: (v: T | undefined) => value.set(v),\n refetch: () => {\n const currentSource = getSource()\n load(currentSource, true)\n },\n }\n\n return [resource, actions]\n}\n\n\n"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var chunkQ7IWDVJ4_js=require('./chunk-Q7IWDVJ4.js'),
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
'use strict';var chunkQ7IWDVJ4_js=require('./chunk-Q7IWDVJ4.js'),chunk5236IK5I_js=require('./chunk-5236IK5I.js');function m(e){let t={},i=[];return e.x!==void 0&&i.push(`translateX(${e.x}px)`),e.y!==void 0&&i.push(`translateY(${e.y}px)`),e.scale!==void 0?i.push(`scale(${e.scale})`):(e.scaleX!==void 0&&i.push(`scaleX(${e.scaleX})`),e.scaleY!==void 0&&i.push(`scaleY(${e.scaleY})`)),e.rotate!==void 0&&i.push(`rotate(${e.rotate}deg)`),i.length>0&&(t.transform=i.join(" ")),e.opacity!==void 0&&(t.opacity=e.opacity.toString()),e.width!==void 0&&(t.width=typeof e.width=="number"?`${e.width}px`:e.width),e.height!==void 0&&(t.height=typeof e.height=="number"?`${e.height}px`:e.height),t}function L(e){let t=e.tension??170,i=e.friction??26,o=e.mass??1,r=t,n=i,s=o,l=Math.sqrt(r/s),c=n/(2*Math.sqrt(r*s)),u=4.6/(c*l)*1e3;return c<1?{duration:u,easing:"cubic-bezier(0.34, 1.56, 0.64, 1)"}:{duration:u,easing:"cubic-bezier(0.22, 1, 0.36, 1)"}}var d=null,x=null;function A(){if(d===null)if(typeof window<"u"&&window.matchMedia){let e=window.matchMedia("(prefers-reduced-motion: reduce)");d=e.matches;let t=i=>{d=i.matches;};e.addEventListener("change",t),x=()=>{e.removeEventListener("change",t),d=null,x=null;};}else d=false;return d}function O(){x&&x();}var f=class{constructor(t){this.animation=null;this.resizeObserver=null;this.previousSize=null;this.element=t;}animate(t){let{initial:i,animate:o,duration:r=300,spring:n,easing:s="ease-out",delay:l=0}=t;if(!o)return;if(this.cancel(),A()){let a=m(o);Object.assign(this.element.style,{transform:a.transform||"",opacity:a.opacity||"",width:a.width||"",height:a.height||""}),t.onAnimationStart&&t.onAnimationStart(),t.onAnimationComplete&&t.onAnimationComplete();return}if(i){let a=m(i);Object.assign(this.element.style,{transform:a.transform||"",opacity:a.opacity||"",width:a.width||"",height:a.height||""});}let c=i?m(i):{},u=m(o),h=r,g=s;if(n){let a=L(n);h=a.duration,g=a.easing;}this.animation=this.element.animate([c,u],{duration:h,easing:g,delay:l,fill:"forwards"}),t.onAnimationStart&&t.onAnimationStart(),this.animation.onfinish=()=>{t.onAnimationComplete&&t.onAnimationComplete();};}async animateExit(t,i=300,o="ease-in"){if(this.cancel(),A()){let n=m(t);Object.assign(this.element.style,{transform:n.transform||"",opacity:n.opacity||"",width:n.width||"",height:n.height||""});return}let r=m(t);this.animation=this.element.animate([{},r],{duration:i,easing:o,fill:"forwards"}),await this.animation.finished;}enableLayoutAnimation(t=300,i="ease-out"){let o=this.element.getBoundingClientRect();this.previousSize={width:o.width,height:o.height},this.resizeObserver=new ResizeObserver(r=>{for(let n of r){if(!this.previousSize){this.previousSize={width:n.contentRect.width,height:n.contentRect.height};return}let s=n.contentRect.width,l=n.contentRect.height;(s!==this.previousSize.width||l!==this.previousSize.height)&&(this.cancel(),this.animation=this.element.animate([{width:`${this.previousSize.width}px`,height:`${this.previousSize.height}px`},{width:`${s}px`,height:`${l}px`}],{duration:t,easing:i,fill:"forwards"}),this.previousSize={width:s,height:l});}}),this.resizeObserver.observe(this.element);}disableLayoutAnimation(){this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null,this.previousSize=null);}cancel(){this.animation&&(this.animation.cancel(),this.animation=null);}dispose(){this.cancel(),this.disableLayoutAnimation();}};function R(e){switch(e){case "fade":return {enter:{opacity:0},enterTo:{opacity:1},exit:{opacity:0}};case "slide-up":return {enter:{opacity:0,y:20},enterTo:{opacity:1,y:0},exit:{opacity:0,y:-20}};case "slide-down":return {enter:{opacity:0,y:-20},enterTo:{opacity:1,y:0},exit:{opacity:0,y:20}};case "slide-left":return {enter:{opacity:0,x:20},enterTo:{opacity:1,x:0},exit:{opacity:0,x:-20}};case "slide-right":return {enter:{opacity:0,x:-20},enterTo:{opacity:1,x:0},exit:{opacity:0,x:20}};case "scale":return {enter:{scale:.9},enterTo:{scale:1},exit:{scale:.9}};case "scale-fade":return {enter:{opacity:0,scale:.95},enterTo:{opacity:1,scale:1},exit:{opacity:0,scale:.95}};default:return {enter:{},enterTo:{},exit:{}}}}var y=null;function $(e){let{preset:t,enter:i,enterTo:o,exit:r,enterTiming:n={duration:300,easing:"ease-out"},exitTiming:s={duration:200,easing:"ease-in"},onEnterStart:l,onEnterComplete:c,onExitStart:u,onExitComplete:h,children:g}=e,a=t?R(t):null,P=i??a?.enter??{},C=o??a?.enterTo??{},S=r??a?.exit??{},b=null,p=null,M=y?.registerChild()??0,z=y?.staggerDelay??0,E=M*z;return chunk5236IK5I_js.g(async()=>{b&&p&&(u?.(),await p.animateExit(S,s.duration,s.easing),h?.());}),chunkQ7IWDVJ4_js.a("div",{style:{display:"contents"},ref:T=>{T&&(b=T,p=new f(T),queueMicrotask(()=>{p&&(l?.(),p.animate({initial:P,animate:C,duration:n.duration,easing:n.easing,delay:(n.delay??0)+E,onAnimationComplete:c}));}));}},g)}function G(e){let{stagger:t=50,children:i}=e,o=0,r={registerChild:()=>o++,staggerDelay:t};return ()=>{o=0;let n=y;y=r;try{return i}finally{y=n;}}}var D={fade:{preset:"fade"},slideUp:{preset:"slide-up"},slideDown:{preset:"slide-down"},slideLeft:{preset:"slide-left"},slideRight:{preset:"slide-right"},scale:{preset:"scale"},scaleFade:{preset:"scale-fade"},modal:{enter:{opacity:0,scale:.95,y:-10},enterTo:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.95,y:10},enterTiming:{duration:200,easing:"cubic-bezier(0.16, 1, 0.3, 1)"},exitTiming:{duration:150,easing:"ease-in"}},dropdown:{enter:{opacity:0,y:-8,scale:.95},enterTo:{opacity:1,y:0,scale:1},exit:{opacity:0,y:-8,scale:.95},enterTiming:{duration:150,easing:"ease-out"},exitTiming:{duration:100,easing:"ease-in"}},tooltip:{enter:{opacity:0,scale:.9},enterTo:{opacity:1,scale:1},exit:{opacity:0,scale:.9},enterTiming:{duration:100,easing:"ease-out"},exitTiming:{duration:75,easing:"ease-in"}},notification:{enter:{opacity:0,x:100},enterTo:{opacity:1,x:0},exit:{opacity:0,x:100},enterTiming:{duration:300,easing:"cubic-bezier(0.16, 1, 0.3, 1)"},exitTiming:{duration:200,easing:"ease-in"}},page:{enter:{opacity:0},enterTo:{opacity:1},exit:{opacity:0},enterTiming:{duration:200,easing:"ease-out"},exitTiming:{duration:150,easing:"ease-in"}}};exports.a=O;exports.b=f;exports.c=$;exports.d=G;exports.e=D;//# sourceMappingURL=chunk-63AW5ZOC.js.map
|
|
2
|
+
//# sourceMappingURL=chunk-63AW5ZOC.js.map
|