rip-lang 3.13.83 → 3.13.85

package/README.md

@@ -9,7 +9,7 @@
 </p>
 
 <p align="center">
-  <a href="CHANGELOG.md"><img src="https://img.shields.io/badge/version-3.13.83-blue.svg" alt="Version"></a>
+  <a href="CHANGELOG.md"><img src="https://img.shields.io/badge/version-3.13.85-blue.svg" alt="Version"></a>
   <a href="#zero-dependencies"><img src="https://img.shields.io/badge/dependencies-ZERO-brightgreen.svg" alt="Dependencies"></a>
   <a href="#"><img src="https://img.shields.io/badge/tests-1%2C436%2F1%2C436-brightgreen.svg" alt="Tests"></a>
   <a href="LICENSE"><img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License"></a>
@@ -332,14 +332,14 @@ That's it. All `<script type="text/rip">` tags share scope — `export` makes na
 <script type="text/rip" src="components/header.rip"></script>
 <script type="text/rip" src="app.rip"></script>
 
-<!-- Server mode with full app lifecycle (router, stash, hot reload) -->
-<script defer src="/rip/rip.min.js" data-launch="bundle"></script>
+<!-- Bundle — fetch all components from a server endpoint -->
+<script defer src="/rip/rip.min.js" data-src="bundle" data-mount="App"></script>
 
-<!-- Server mode with stash persistence (sessionStorage) -->
-<script defer src="/rip/rip.min.js" data-launch="bundle" data-persist></script>
+<!-- Bundle with stash persistence (sessionStorage) -->
+<script defer src="/rip/rip.min.js" data-src="bundle" data-mount="App" data-persist></script>
 
-<!-- Server mode with localStorage persistence -->
-<script defer src="/rip/rip.min.js" data-launch="bundle" data-persist="local"></script>
+<!-- Mix bundles and individual files -->
+<script defer src="/rip/rip.min.js" data-src="/rip/ui bundle header.rip" data-mount="App"></script>
 ```
 
 Every component has a static `mount(target)` method — `App.mount '#app'` is shorthand for `App.new().mount('#app')`. Target defaults to `'body'`.

package/docs/dist/rip.js

@@ -3510,6 +3510,13 @@ Expecting ${expected.join(", ")}, got '${this.tokenNames[symbol] || symbol}'`;
   function isPublicProp(target) {
     return Array.isArray(target) && target[0] === "." && target[1] === "this";
   }
+  function getMemberType(target) {
+    if (target instanceof String && target.type)
+      return target.type;
+    if (Array.isArray(target) && target[2] instanceof String && target[2].type)
+      return target[2].type;
+    return null;
+  }
   function installComponentSupport(CodeGenerator, Lexer2) {
     let meta = (node, key) => node instanceof String ? node[key] : undefined;
     const origClassify = Lexer2.prototype.classifyKeyword;
@@ -3918,6 +3925,8 @@ Expecting ${expected.join(", ")}, got '${this.tokenNames[symbol] || symbol}'`;
       return sexpr.map((item) => this.transformComponentMembers(item));
     };
     proto.generateComponent = function(head, rest, context, sexpr) {
+      if (this.options.stubComponents)
+        return "class {}";
       const [, body] = rest;
       this.usesTemplates = true;
       this.usesReactivity = true;
@@ -3956,7 +3965,7 @@ Expecting ${expected.join(", ")}, got '${this.tokenNames[symbol] || symbol}'`;
         } else if (op === "state") {
           const varName = getMemberName(stmt[1]);
           if (varName) {
-            stateVars.push({ name: varName, value: stmt[2], isPublic: isPublicProp(stmt[1]) });
+            stateVars.push({ name: varName, value: stmt[2], isPublic: isPublicProp(stmt[1]), type: getMemberType(stmt[1]) });
             memberNames.add(varName);
             reactiveMembers.add(varName);
           }
@@ -3970,7 +3979,7 @@ Expecting ${expected.join(", ")}, got '${this.tokenNames[symbol] || symbol}'`;
         } else if (op === "readonly") {
           const varName = getMemberName(stmt[1]);
           if (varName) {
-            readonlyVars.push({ name: varName, value: stmt[2], isPublic: isPublicProp(stmt[1]) });
+            readonlyVars.push({ name: varName, value: stmt[2], isPublic: isPublicProp(stmt[1]), type: getMemberType(stmt[1]) });
             memberNames.add(varName);
           }
         } else if (op === "=") {
@@ -5989,37 +5998,29 @@ if (typeof globalThis !== 'undefined') {
           needsBlank = true;
         }
       }
-      if (this.options.lspMode && (this.usesReactivity || this.usesTemplates)) {
-        if (needsBlank)
-          code += `
+      if (this.usesReactivity && !skip) {
+        if (skipRT) {
+          code += `var { __state, __computed, __effect, __batch, __readonly, __setErrorHandler, __handleError, __catchErrors } = globalThis.__rip;
 `;
-        code += getLspRuntimeDeclarations();
-        needsBlank = true;
-      } else {
-        if (this.usesReactivity && !skip) {
-          if (skipRT) {
-            code += `var { __state, __computed, __effect, __batch, __readonly, __setErrorHandler, __handleError, __catchErrors } = globalThis.__rip;
+        } else if (typeof globalThis !== "undefined" && globalThis.__rip) {
+          code += `const { __state, __computed, __effect, __batch, __readonly, __setErrorHandler, __handleError, __catchErrors } = globalThis.__rip;
 `;
-          } else if (typeof globalThis !== "undefined" && globalThis.__rip) {
-            code += `const { __state, __computed, __effect, __batch, __readonly, __setErrorHandler, __handleError, __catchErrors } = globalThis.__rip;
-`;
-          } else {
-            code += this.getReactiveRuntime();
-          }
-          needsBlank = true;
+        } else {
+          code += this.getReactiveRuntime();
         }
-        if (this.usesTemplates && !skip) {
-          if (skipRT) {
-            code += `var { __pushComponent, __popComponent, setContext, getContext, hasContext, __clsx, __lis, __reconcile, __transition, __handleComponentError, __Component } = globalThis.__ripComponent;
+        needsBlank = true;
+      }
+      if (this.usesTemplates && !skip) {
+        if (skipRT) {
+          code += `var { __pushComponent, __popComponent, setContext, getContext, hasContext, __clsx, __lis, __reconcile, __transition, __handleComponentError, __Component } = globalThis.__ripComponent;
 `;
-          } else if (typeof globalThis !== "undefined" && globalThis.__ripComponent) {
-            code += `const { __pushComponent, __popComponent, setContext, getContext, hasContext, __clsx, __lis, __reconcile, __transition, __handleComponentError, __Component } = globalThis.__ripComponent;
+        } else if (typeof globalThis !== "undefined" && globalThis.__ripComponent) {
+          code += `const { __pushComponent, __popComponent, setContext, getContext, hasContext, __clsx, __lis, __reconcile, __transition, __handleComponentError, __Component } = globalThis.__ripComponent;
 `;
-          } else {
-            code += this.getComponentRuntime();
-          }
-          needsBlank = true;
+        } else {
+          code += this.getComponentRuntime();
         }
+        needsBlank = true;
       }
       if (this.dataSection !== null && this.dataSection !== undefined && !skip) {
         code += `var DATA;
@@ -8701,14 +8702,13 @@ if (typeof globalThis !== 'undefined') {
         let sourceFile = this.options.filename || "input.rip";
         sourceMap = new SourceMapGenerator(file, sourceFile, source);
       }
-      let lspMode = this.options.mode === "lsp";
       let generator = new CodeGenerator({
         dataSection,
-        skipPreamble: lspMode || this.options.skipPreamble,
+        skipPreamble: this.options.skipPreamble,
         skipRuntimes: this.options.skipRuntimes,
         skipExports: this.options.skipExports,
+        stubComponents: this.options.stubComponents,
         reactiveVars: this.options.reactiveVars,
-        lspMode,
         sourceMap
       });
       let code = generator.compile(sexpr);
@@ -8725,11 +8725,6 @@ if (typeof globalThis !== 'undefined') {
       if (typeTokens) {
         dts = emitTypes(typeTokens, sexpr);
       }
-      if (lspMode && dts) {
-        code = dts.trimEnd() + `
-
-` + code;
-      }
       return { tokens, sexpr, code, dts, map, reverseMap, data: dataSection, reactiveVars: generator.reactiveVars };
     }
     compileToJS(source) {
@@ -8769,33 +8764,9 @@ globalThis.zip    ??= (...a) => a[0].map((_, i) => a.map(b => b[i]));
   function getComponentRuntime() {
     return new CodeGenerator({}).getComponentRuntime();
   }
-  function getLspRuntimeDeclarations() {
-    return `interface Signal<T> { value: T; read(): T; lock(): Signal<T>; free(): Signal<T>; kill(): T; }
-interface Computed<T> { readonly value: T; read(): T; lock(): Computed<T>; free(): Computed<T>; kill(): T; }
-declare function __state<T>(v: T): Signal<T>;
-declare function __computed<T>(fn: () => T): Computed<T>;
-declare function __effect(fn: () => void | (() => void)): () => void;
-declare function __batch<T>(fn: () => T): T;
-declare function __readonly<T>(v: T): Readonly<{ value: T }>;
-declare function __setErrorHandler(handler: ((err: any) => void) | null): ((err: any) => void) | null;
-declare function __handleError(error: any): void;
-declare function __catchErrors<T extends (...args: any[]) => any>(fn: T): T;
-declare function __pushComponent(component: any): any;
-declare function __popComponent(prev: any): void;
-declare function setContext(key: string, value: any): void;
-declare function getContext(key: string): any;
-declare function hasContext(key: string): boolean;
-declare function __clsx(...args: any[]): string;
-declare function __lis(arr: number[]): number[];
-declare function __reconcile(anchor: any, state: any, items: any[], ctx: any, factory: any, keyFn: any, ...outer: any[]): void;
-declare function __transition(el: any, name: string, dir: string, done?: () => void): void;
-declare function __handleComponentError(error: any, component: any): void;
-declare class __Component { constructor(props?: any); mount(target?: any): any; unmount(): void; emit(name: string, detail?: any): void; static mount(target?: any): any; [key: string]: any; }
-`;
-  }
   // src/browser.js
-  var VERSION = "3.13.77";
-  var BUILD_DATE = "2026-03-03@07:30:00GMT";
+  var VERSION = "3.13.84";
+  var BUILD_DATE = "2026-03-04@03:00:25GMT";
   if (typeof globalThis !== "undefined") {
     if (!globalThis.__rip)
       new Function(getReactiveRuntime())();
@@ -8827,102 +8798,151 @@ declare class __Component { constructor(props?: any); mount(target?: any): any;
       }
     }
     if (sources.length > 0) {
-      await Promise.all(sources.map(async (s) => {
+      const results = await Promise.allSettled(sources.map(async (s) => {
         if (!s.url)
           return;
-        try {
-          const res = await fetch(s.url);
-          if (!res.ok) {
-            console.error(`Rip: failed to fetch ${s.url} (${res.status})`);
-            return;
-          }
+        const res = await fetch(s.url);
+        if (!res.ok)
+          throw new Error(`${s.url} (${res.status})`);
+        if (s.url.endsWith(".rip")) {
           s.code = await res.text();
-        } catch (e) {
-          console.error(`Rip: failed to fetch ${s.url}:`, e.message);
+        } else {
+          const bundle = await res.json();
+          s.bundle = bundle;
         }
       }));
-      const opts = { skipRuntimes: true, skipExports: true };
-      const compiled = [];
+      for (const r of results) {
+        if (r.status === "rejected")
+          console.warn("Rip: fetch failed:", r.reason.message);
+      }
+      const bundles = [];
+      const individual = [];
       for (const s of sources) {
-        if (!s.code)
-          continue;
-        try {
-          const js = compileToJS(s.code, opts);
-          compiled.push({ js, url: s.url || "inline" });
-        } catch (e) {
-          console.error(`Rip compile error in ${s.url || "inline"}:`, e.message);
-        }
-      }
-      if (!globalThis.__ripApp && runtimeTag && !document.querySelector("script[data-launch]")) {
-        const stashFn = globalThis.stash;
-        if (stashFn) {
-          let initial = {};
-          const stateAttr = runtimeTag.getAttribute("data-state");
-          if (stateAttr) {
+        if (s.bundle)
+          bundles.push(s.bundle);
+        else if (s.code)
+          individual.push(s);
+      }
+      const routerAttr = runtimeTag?.getAttribute("data-router");
+      const hasRouter = routerAttr != null;
+      if (hasRouter && bundles.length > 0) {
+        const opts = { skipRuntimes: true, skipExports: true };
+        if (individual.length > 0) {
+          let js = "";
+          for (const s of individual) {
             try {
-              initial = JSON.parse(stateAttr);
+              js += compileToJS(s.code, opts) + `
+`;
+            } catch (e) {
+              console.error(`Rip compile error in ${s.url || "inline"}:`, e.message);
+            }
+          }
+          if (js) {
+            try {
+              await (0, eval)(`(async()=>{
+${js}
+})()`);
             } catch (e) {
-              console.error("Rip: invalid data-state JSON:", e.message);
+              console.error("Rip runtime error:", e);
             }
           }
-          const app = stashFn({ data: initial });
-          globalThis.__ripApp = app;
-          if (typeof window !== "undefined")
-            window.app = app;
+        }
+        const ui = importRip.modules?.["ui.rip"];
+        if (ui?.launch) {
+          const appBundle = bundles[bundles.length - 1];
           const persistAttr = runtimeTag.getAttribute("data-persist");
-          if (persistAttr != null && globalThis.persistStash) {
-            globalThis.persistStash(app, { local: persistAttr === "local" });
+          const launchOpts = { bundle: appBundle, hash: routerAttr === "hash" };
+          if (persistAttr != null)
+            launchOpts.persist = persistAttr === "local" ? "local" : true;
+          await ui.launch("", launchOpts);
+        }
+      } else {
+        const expanded = [];
+        for (const b of bundles) {
+          for (const [name, code] of Object.entries(b.components || {})) {
+            expanded.push({ code, url: name });
+          }
+          if (b.data) {
+            const stateAttr = runtimeTag?.getAttribute("data-state");
+            let initial = {};
+            if (stateAttr) {
+              try {
+                initial = JSON.parse(stateAttr);
+              } catch {}
+            }
+            Object.assign(initial, b.data);
+            runtimeTag?.setAttribute("data-state", JSON.stringify(initial));
           }
         }
-      }
-      if (compiled.length > 0) {
-        let js = compiled.map((c) => c.js).join(`
+        expanded.push(...individual);
+        const opts = { skipRuntimes: true, skipExports: true };
+        const compiled = [];
+        for (const s of expanded) {
+          if (!s.code)
+            continue;
+          try {
+            const js = compileToJS(s.code, opts);
+            compiled.push({ js, url: s.url || "inline" });
+          } catch (e) {
+            console.error(`Rip compile error in ${s.url || "inline"}:`, e.message);
+          }
+        }
+        if (!globalThis.__ripApp && runtimeTag) {
+          const stashFn = globalThis.stash;
+          if (stashFn) {
+            let initial = {};
+            const stateAttr = runtimeTag.getAttribute("data-state");
+            if (stateAttr) {
+              try {
+                initial = JSON.parse(stateAttr);
+              } catch (e) {
+                console.error("Rip: invalid data-state JSON:", e.message);
+              }
+            }
+            const app = stashFn({ data: initial });
+            globalThis.__ripApp = app;
+            if (typeof window !== "undefined")
+              window.app = app;
+            const persistAttr = runtimeTag.getAttribute("data-persist");
+            if (persistAttr != null && globalThis.persistStash) {
+              globalThis.persistStash(app, { local: persistAttr === "local" });
+            }
+          }
+        }
+        if (compiled.length > 0) {
+          let js = compiled.map((c) => c.js).join(`
 `);
-        const mount = runtimeTag?.getAttribute("data-mount");
-        if (mount) {
-          const target = runtimeTag.getAttribute("data-target") || "body";
-          js += `
+          const mount = runtimeTag?.getAttribute("data-mount");
+          if (mount) {
+            const target = runtimeTag.getAttribute("data-target") || "body";
+            js += `
 ${mount}.mount(${JSON.stringify(target)});`;
-        }
-        try {
-          await (0, eval)(`(async()=>{
+          }
+          try {
+            await (0, eval)(`(async()=>{
 ${js}
 })()`);
-          document.body.classList.add("ready");
-        } catch (e) {
-          if (e instanceof SyntaxError) {
-            console.error(`Rip syntax error in combined output: ${e.message}`);
-            for (const c of compiled) {
-              try {
-                new Function(`(async()=>{
+            document.body.classList.add("ready");
+          } catch (e) {
+            if (e instanceof SyntaxError) {
+              console.error(`Rip syntax error in combined output: ${e.message}`);
+              for (const c of compiled) {
+                try {
+                  new Function(`(async()=>{
 ${c.js}
 })()`);
-              } catch (e2) {
-                console.error(`  → source: ${c.url}`, e2.message);
+                } catch (e2) {
+                  console.error(`  → source: ${c.url}`, e2.message);
+                }
               }
+            } else {
+              console.error("Rip runtime error:", e);
             }
-          } else {
-            console.error("Rip runtime error:", e);
           }
         }
       }
     }
-    const cfg = document.querySelector("script[data-launch]");
-    if (cfg && !globalThis.__ripLaunched) {
-      const ui = importRip.modules?.["ui.rip"];
-      if (ui?.launch) {
-        const url = cfg.getAttribute("data-launch") || "";
-        const hash = cfg.getAttribute("data-hash");
-        const persist = cfg.getAttribute("data-persist");
-        const opts = { hash: hash !== "false" };
-        if (url)
-          opts.bundleUrl = url;
-        if (persist != null)
-          opts.persist = persist === "local" ? "local" : true;
-        await ui.launch("", opts);
-      }
-    }
-    if (runtimeTag?.hasAttribute("data-reload")) {
+    if (runtimeTag?.hasAttribute("data-reload") && !globalThis.__ripLaunched) {
       let ready = false;
       const es = new EventSource("/watch");
       es.addEventListener("connected", () => {