rask-ui 0.7.0 → 0.8.0

package/dist/createState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createState.d.ts","sourceRoot":"","sources":["../src/createState.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAEzD;AAGD,eAAO,MAAM,YAAY,eAAoB,CAAC"}
+{"version":3,"file":"createState.d.ts","sourceRoot":"","sources":["../src/createState.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAEzD;AAGD,eAAO,MAAM,YAAY,eAAoB,CAAC"}

package/dist/createState.js

@@ -1,3 +1,4 @@
+import { INSPECT_MARKER } from "./inspect";
 import { getCurrentObserver, Signal } from "./observation";
 /**
  * Creates a reactive state object that tracks property access and notifies observers on changes.
@@ -28,7 +29,7 @@ export function createState(state) {
 }
 const proxyCache = new WeakMap();
 export const PROXY_MARKER = Symbol("isProxy");
-function getProxy(value) {
+function getProxy(value, notifyInspector, path) {
     // Check if already a proxy to avoid double-wrapping
     if (PROXY_MARKER in value) {
         return value;
@@ -47,7 +48,7 @@ function getProxy(value) {
         },
         get(target, key) {
             // Mark this as a proxy to prevent double-wrapping
-            if (key === PROXY_MARKER) {
+            if (key === PROXY_MARKER || key === INSPECT_MARKER) {
                 return true;
             }
             const value = Reflect.get(target, key);
@@ -61,11 +62,16 @@ function getProxy(value) {
             }
             if (Array.isArray(value) ||
                 (typeof value === "object" && value !== null)) {
-                return getProxy(value);
+                return getProxy(value, notifyInspector, notifyInspector ? (path ? path.concat(key) : [key]) : undefined);
             }
             return value;
         },
         set(target, key, newValue) {
+            if (key === INSPECT_MARKER) {
+                notifyInspector = newValue.fn;
+                path = newValue.path;
+                return Reflect.set(target, key, newValue);
+            }
             if (typeof key === "symbol") {
                 return Reflect.set(target, key, newValue);
             }
@@ -76,6 +82,11 @@ function getProxy(value) {
                 const signal = signals[key];
                 signal?.notify();
             }
+            notifyInspector?.({
+                type: "mutation",
+                path: path ? path.concat(key) : [key],
+                value: newValue,
+            });
             return setResult;
         },
         deleteProperty(target, key) {

package/dist/createTask.js

@@ -39,7 +39,6 @@ export function createTask(task) {
         });
         return promise;
     };
-    fetch();
     return {
         get isRunning() {
             return state.isRunning;

package/dist/createView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createView.d.ts","sourceRoot":"","sources":["../src/createView.ts"],"names":[],"mappings":"AAAA,KAAK,QAAQ,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAE,GAAG,EAAE,CAAC;AAEjD,KAAK,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,IAAI,QAAQ,CAC1D,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CACrB,CAAC;AAEF,KAAK,SAAS,CAAC,CAAC,SAAS,SAAS,MAAM,EAAE,IAAI,CAAC,SAAS;IACtD,MAAM,CAAC,SAAS,MAAM;IACtB,GAAG,MAAM,CAAC,SAAS,MAAM,EAAE;CAC5B,GACG,QAAQ,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,GACzB,EAAE,CAAC;AAEP;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,SAAS,MAAM,EAAE,EACpD,GAAG,IAAI,EAAE,CAAC,GACT,SAAS,CAAC,CAAC,CAAC,CA0Bd"}
+{"version":3,"file":"createView.d.ts","sourceRoot":"","sources":["../src/createView.ts"],"names":[],"mappings":"AAGA,KAAK,QAAQ,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAE,GAAG,EAAE,CAAC;AAEjD,KAAK,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,IAAI,QAAQ,CAC1D,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CACrB,CAAC;AAEF,KAAK,SAAS,CAAC,CAAC,SAAS,SAAS,MAAM,EAAE,IAAI,CAAC,SAAS;IACtD,MAAM,CAAC,SAAS,MAAM;IACtB,GAAG,MAAM,CAAC,SAAS,MAAM,EAAE;CAC5B,GACG,QAAQ,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,GACzB,EAAE,CAAC;AAEP;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,SAAS,MAAM,EAAE,EACpD,GAAG,IAAI,EAAE,CAAC,GACT,SAAS,CAAC,CAAC,CAAC,CA4Dd"}

package/dist/createView.js

@@ -1,3 +1,4 @@
+import { INSPECT_MARKER } from "./inspect";
 /**
  * Creates a view that merges multiple objects (reactive or not) into a single object while
  * maintaining reactivity through getters. Properties from later arguments override earlier ones.
@@ -44,6 +45,7 @@
 export function createView(...args) {
     const result = {};
     const seen = new Set();
+    let notifyInspector;
     for (let i = args.length - 1; i >= 0; i--) {
         const src = args[i];
         // mimic Object.assign: only enumerable own property keys
@@ -57,12 +59,42 @@ export function createView(...args) {
             Object.defineProperty(result, key, {
                 enumerable: true,
                 configurable: true,
-                get: () => src[key],
-                // Optional write-through (commented out by default):
-                // set: (value) => { (src as any)[key as any] = value; },
+                get: () => {
+                    const value = src[key];
+                    if (!notifyInspector) {
+                        return value;
+                    }
+                    if (value?.[INSPECT_MARKER]) {
+                        value[INSPECT_MARKER] = {
+                            fn: notifyInspector.fn,
+                            path: notifyInspector.path.concat(key),
+                        };
+                    }
+                    else if (typeof value === "function") {
+                        return (...params) => {
+                            notifyInspector.fn({
+                                type: "action",
+                                path: notifyInspector.path.concat(key),
+                                params,
+                            });
+                            return value(...params);
+                        };
+                    }
+                    return value;
+                },
             });
             seen.add(key);
         }
     }
+    Object.defineProperty(result, INSPECT_MARKER, {
+        enumerable: false,
+        configurable: false,
+        get() {
+            return true;
+        },
+        set: (value) => {
+            notifyInspector = value;
+        },
+    });
     return result;
 }

package/dist/index.d.ts

@@ -9,5 +9,6 @@ export { createView } from "./createView";
 export { createEffect } from "./createEffect";
 export { createComputed } from "./createComputed";
 export { syncBatch } from "./batch";
-export { createVNode, createComponentVNode, createFragment, createTextVNode, normalizeProps, } from "inferno";
+export { inspect } from "./inspect";
+export { createVNode, createComponentVNode, createFragment, createTextVNode, normalizeProps, Component, } from "inferno";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC9E,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,OAAO,EACL,WAAW,EACX,oBAAoB,EACpB,cAAc,EACd,eAAe,EACf,cAAc,GACf,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC9E,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,OAAO,EACL,WAAW,EACX,oBAAoB,EACpB,cAAc,EACd,eAAe,EACf,cAAc,EACd,SAAS,GACV,MAAM,SAAS,CAAC"}

package/dist/index.js

@@ -9,5 +9,6 @@ export { createView } from "./createView";
 export { createEffect } from "./createEffect";
 export { createComputed } from "./createComputed";
 export { syncBatch } from "./batch";
+export { inspect } from "./inspect";
 // Re-export Inferno JSX runtime functions so users don't need to install Inferno directly
-export { createVNode, createComponentVNode, createFragment, createTextVNode, normalizeProps, } from "inferno";
+export { createVNode, createComponentVNode, createFragment, createTextVNode, normalizeProps, Component, } from "inferno";

package/dist/inspect.d.ts

@@ -0,0 +1,13 @@
+export declare const INSPECT_MARKER: unique symbol;
+export type InspectEvent = {
+    type: "mutation";
+    path: string[];
+    value: any;
+} | {
+    type: "action";
+    path: string[];
+    params: any[];
+};
+export type InspectorCallback = (event: InspectEvent) => void;
+export declare function inspect(root: any, cb: InspectorCallback): void;
+//# sourceMappingURL=inspect.d.ts.map

package/dist/inspect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inspect.d.ts","sourceRoot":"","sources":["../src/inspect.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,eAAoB,CAAC;AAEhD,MAAM,MAAM,YAAY,GACpB;IACE,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,KAAK,EAAE,GAAG,CAAC;CACZ,GACD;IACE,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,MAAM,EAAE,GAAG,EAAE,CAAC;CACf,CAAC;AAEN,MAAM,MAAM,iBAAiB,GAAG,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;AAE9D,wBAAgB,OAAO,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,iBAAiB,QAKvD"}

package/dist/inspect.js

@@ -0,0 +1,7 @@
+export const INSPECT_MARKER = Symbol("INSPECT");
+export function inspect(root, cb) {
+    root[INSPECT_MARKER] = {
+        fn: cb,
+        path: [],
+    };
+}

package/dist/plugin.d.ts

@@ -6,12 +6,7 @@ export interface RaskPluginOptions {
      */
     transformComponents?: boolean;
     /**
-     * Import source for Inferno imports
-     * @default true (imports from rask-ui)
-     */
-    imports?: boolean;
-    /**
-     * Import source for RaskComponent
+     * Import source for Inferno JSX runtime functions
      * @default "rask-ui"
      */
     importSource?: string;
@@ -24,5 +19,5 @@ export interface RaskPluginOptions {
 /**
  * Vite plugin for transforming JSX to Inferno and function components to RaskComponent classes
  */
-export declare function raskPlugin(options?: RaskPluginOptions): Plugin;
+export default function raskPlugin(options?: RaskPluginOptions): Plugin;
 //# sourceMappingURL=plugin.d.ts.map

package/dist/plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAMnC,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,OAAO,GAAE,iBAAsB,GAAG,MAAM,CA+ElE"}
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAMnC,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,OAAO,GAAE,iBAAsB,GAAG,MAAM,CAsF1E"}

package/dist/plugin.js

@@ -7,8 +7,8 @@ const require = createRequire(import.meta.url);
 /**
  * Vite plugin for transforming JSX to Inferno and function components to RaskComponent classes
  */
-export function raskPlugin(options = {}) {
-    const { transformComponents = true, imports = true, importSource = 'rask-ui', defineAllArguments = false, } = options;
+export default function raskPlugin(options = {}) {
+    const { transformComponents = true, importSource = 'rask-ui', defineAllArguments = false, } = options;
     // Resolve the path to swc-plugin-inferno WASM file
     const infernoPluginPath = require.resolve('swc-plugin-inferno/swc_plugin_inferno.wasm');
     // Resolve the path to our RaskComponent plugin
@@ -16,9 +16,17 @@ export function raskPlugin(options = {}) {
     return {
         name: 'rask-plugin',
         enforce: 'pre',
-        config() {
+        config(config, { mode }) {
             return {
                 esbuild: false, // Disable esbuild to use SWC
+                resolve: {
+                    alias: {
+                        // In development mode, use Inferno's development build to avoid the warning
+                        ...(mode === 'development' && {
+                            inferno: 'inferno/dist/index.dev.mjs',
+                        }),
+                    },
+                },
             };
         },
         async transform(code, id) {
@@ -33,7 +41,7 @@ export function raskPlugin(options = {}) {
                 [
                     infernoPluginPath,
                     {
-                        imports: imports ? importSource : false,
+                        importSource,
                         defineAllArguments,
                     },
                 ],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rask-ui",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/swc-plugin/src/lib.rs

@@ -181,6 +181,29 @@ impl RaskComponentTransform {
         })
     }
 
+    /// Rewrite imports from "inferno" to the configured import source
+    fn rewrite_inferno_imports(&mut self, module: &mut Module) {
+        let import_source = self
+            .config
+            .import_source
+            .as_ref()
+            .map(|s| s.as_str())
+            .unwrap_or("rask-ui");
+
+        for item in &mut module.body {
+            if let ModuleItem::ModuleDecl(ModuleDecl::Import(import)) = item {
+                if &*import.src.value == "inferno" {
+                    // Rewrite the import source from "inferno" to the configured source
+                    import.src = Box::new(Str {
+                        span: Default::default(),
+                        value: Wtf8Atom::from(import_source),
+                        raw: None,
+                    });
+                }
+            }
+        }
+    }
+
     /// Inject the RaskComponent import at the top of the module
     fn inject_runtime(&mut self, module: &mut Module) {
         if self.import_rask_component.is_none() {
@@ -245,6 +268,9 @@ impl VisitMut for RaskComponentTransform {
         // First visit all items to transform them
         module.visit_mut_children_with(self);
 
+        // Rewrite any "inferno" imports to use the configured import source
+        self.rewrite_inferno_imports(module);
+
         // Then inject imports if needed
         self.inject_runtime(module);
     }

package/swc-plugin/target/wasm32-wasip1/release/deps/swc_plugin_rask_component.d

@@ -1,7 +1,7 @@
-/Users/christianalfoni/Development/snabbdom-components/packages/core/swc-plugin/target/wasm32-wasip1/release/deps/swc_plugin_rask_component.d: src/lib.rs
+/Users/christianalfoni/Development/rask-ui/packages/core/swc-plugin/target/wasm32-wasip1/release/deps/swc_plugin_rask_component.d: src/lib.rs
 
-/Users/christianalfoni/Development/snabbdom-components/packages/core/swc-plugin/target/wasm32-wasip1/release/deps/swc_plugin_rask_component.wasm: src/lib.rs
+/Users/christianalfoni/Development/rask-ui/packages/core/swc-plugin/target/wasm32-wasip1/release/deps/swc_plugin_rask_component.wasm: src/lib.rs
 
-/Users/christianalfoni/Development/snabbdom-components/packages/core/swc-plugin/target/wasm32-wasip1/release/deps/libswc_plugin_rask_component.rlib: src/lib.rs
+/Users/christianalfoni/Development/rask-ui/packages/core/swc-plugin/target/wasm32-wasip1/release/deps/libswc_plugin_rask_component.rlib: src/lib.rs
 
 src/lib.rs: