rip-lang 3.13.75 → 3.13.77

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rip-lang",
-  "version": "3.13.75",
+  "version": "3.13.77",
   "description": "A modern language that compiles to JavaScript",
   "type": "module",
   "main": "src/compiler.js",

package/src/browser.js

@@ -79,6 +79,27 @@ async function processRipScripts() {
       }
     }
 
+    // Step 3b: Create app stash for data-src mode (skip if data-launch will handle it)
+    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) {
+          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('\n');
 

package/src/components.js

@@ -1877,11 +1877,16 @@ export function installComponentSupport(CodeGenerator, Lexer) {
         }
       } else if (arg && !childrenVar) {
         const textVar = this.newTextVar();
-        const val = typeof arg === 'string' ? arg.valueOf() : null;
-        if (val && (val.startsWith('"') || val.startsWith("'") || val.startsWith('`'))) {
-          this._createLines.push(`${textVar} = document.createTextNode(${val});`);
+        const exprCode = this.generateInComponent(arg, 'value');
+        if (this.hasReactiveDeps(arg)) {
+          this._createLines.push(`${textVar} = document.createTextNode('');`);
+          const body = `${textVar}.data = ${exprCode};`;
+          const effect = this._factoryMode
+            ? `disposers.push(__effect(() => { ${body} }));`
+            : `__effect(() => { ${body} });`;
+          childrenSetupLines.push(effect);
         } else {
-          this._createLines.push(`${textVar} = document.createTextNode(${this.generateInComponent(arg, 'value')});`);
+          this._createLines.push(`${textVar} = document.createTextNode(${exprCode});`);
         }
         childrenVar = textVar;
         props.push(`children: ${childrenVar}`);
@@ -2208,6 +2213,7 @@ function __handleComponentError(error, component) {
 class __Component {
   constructor(props = {}) {
     Object.assign(this, props);
+    if (!this.app && globalThis.__ripApp) this.app = globalThis.__ripApp;
     const prev = __pushComponent(this);
     try { this._init(props); } catch (e) { __popComponent(prev); __handleComponentError(e, this); return; }
     __popComponent(prev);

package/src/ui.rip

@@ -33,10 +33,12 @@ export { setContext, getContext, hasContext }
 # based access via get/set methods (e.g., stash.get('users[0].name')).
 # ==============================================================================
 
-STASH   = Symbol('stash')
-SIGNALS = Symbol('signals')
-RAW     = Symbol('raw')
-PROXIES = new WeakMap()
+STASH     = Symbol('stash')
+SIGNALS   = Symbol('signals')
+RAW       = Symbol('raw')
+PERSISTED = Symbol('persisted')
+PROXIES   = new WeakMap()
+
 _keysVersion = 0
 _writeVersion = __state(0)
 
@@ -156,6 +158,28 @@ export raw = (proxy) -> if proxy?[RAW] then proxy[RAW] else proxy
 
 export isStash = (obj) -> obj?[STASH] is true
 
+export persistStash = (app, opts = {}) ->
+  target = raw(app) or app
+  return if target[PERSISTED]
+  target[PERSISTED] = true
+  storage = if opts.local then localStorage else sessionStorage
+  storageKey = opts.key or '__rip_app'
+  try
+    saved = storage.getItem(storageKey)
+    if saved
+      savedData = JSON.parse(saved)
+      app.data[k] = v for k, v of savedData
+  catch
+    null
+  _save = ->
+    try storage.setItem storageKey, JSON.stringify(raw(app.data))
+    catch then null
+  __effect ->
+    _writeVersion.value
+    t = setTimeout _save, 2000
+    -> clearTimeout t
+  window.addEventListener 'beforeunload', _save
+
 # ==============================================================================
 # Resource — async data loading with reactive loading/error/data states
 #
@@ -930,6 +954,7 @@ export launch = (appBase = '', opts = {}) ->
 
   # Create the unified stash
   app = stash { components: {}, routes: {}, data: {} }
+  globalThis.__ripApp = app
 
   # Hydrate from bundle — any keys populate the stash
   app.data = bundle.data if bundle.data
@@ -938,24 +963,7 @@ export launch = (appBase = '', opts = {}) ->
 
   # Restore persisted state (overrides bundle defaults with saved user state)
   if persist and typeof sessionStorage isnt 'undefined'
-    _storageKey = "__rip_#{appBase}"
-    _storage = if persist is 'local' then localStorage else sessionStorage
-    try
-      saved = _storage.getItem(_storageKey)
-      if saved
-        savedData = JSON.parse(saved)
-        app.data[k] = v for k, v of savedData
-    catch
-      null
-    # Auto-save: debounce 2s after any stash write. Also save on unload.
-    _save = ->
-      try _storage.setItem _storageKey, JSON.stringify(raw(app.data))
-      catch then null
-    __effect ->
-      _writeVersion.value
-      t = setTimeout _save, 2000
-      -> clearTimeout t
-    window.addEventListener 'beforeunload', _save
+    persistStash app, local: persist is 'local', key: "__rip_#{appBase}"
 
   # Create components store and load component sources
   appComponents = createComponents()