rip-lang 3.13.67 → 3.13.69

package/package.json

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

package/src/browser.js

@@ -14,7 +14,7 @@ export const BUILD_DATE = "0000-00-00@00:00:00GMT";
 import { compile, compileToJS, formatSExpr, getReactiveRuntime, getComponentRuntime } from './compiler.js';
 
 // Eagerly register Rip's reactive and component runtimes on globalThis so that
-// framework code (app.rip) and browser-compiled scripts can use them directly
+// framework code (ui.rip) and browser-compiled scripts can use them directly
 if (typeof globalThis !== 'undefined') {
   if (!globalThis.__rip) new Function(getReactiveRuntime())();
   if (!globalThis.__ripComponent) new Function(getComponentRuntime())();
@@ -108,7 +108,7 @@ async function processRipScripts() {
   // Step 5: data-launch triggers launch() for server mode
   const cfg = document.querySelector('script[data-launch]');
   if (cfg && !globalThis.__ripLaunched) {
-    const ui = importRip.modules?.['app.rip'];
+    const ui = importRip.modules?.['ui.rip'];
     if (ui?.launch) {
       const url = cfg.getAttribute('data-launch') || '';
       const hash = cfg.getAttribute('data-hash');
@@ -126,10 +126,10 @@ export { processRipScripts };
 /**
  * Import a .rip file as an ES module
  * Fetches the URL, compiles Rip→JS, dynamically imports via Blob URL
- * Usage: const { launch } = await importRip('/app.rip')
+ * Usage: const { launch } = await importRip('/ui.rip')
  *
  * Pre-compiled modules can be registered on importRip.modules to skip fetching.
- * The browser bundle uses this to embed app.rip without a server round-trip.
+ * The browser bundle uses this to embed ui.rip without a server round-trip.
  */
 export async function importRip(url) {
   for (const [key, mod] of Object.entries(importRip.modules)) {

package/src/components.js

@@ -1873,6 +1873,16 @@ export function installComponentSupport(CodeGenerator, Lexer) {
             props.push(`children: ${childrenVar}`);
           }
         }
+      } 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});`);
+        } else {
+          this._createLines.push(`${textVar} = document.createTextNode(${this.generateInComponent(arg, 'value')});`);
+        }
+        childrenVar = textVar;
+        props.push(`children: ${childrenVar}`);
       }
     }