rip-lang 3.13.87 → 3.13.88

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.87-blue.svg" alt="Version"></a>
+  <a href="CHANGELOG.md"><img src="https://img.shields.io/badge/version-3.13.88-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>

package/package.json

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

package/src/compiler.js

@@ -896,7 +896,10 @@ export class CodeGenerator {
       targetCode = this.generate(target, 'value');
     }
 
+    const prevComponentName = this._componentName;
+    if (this.is(value, 'component') && (typeof target === 'string' || target instanceof String)) this._componentName = str(target);
     let valueCode = this.generate(value, 'value');
+    this._componentName = prevComponentName;
     let isObjLit = this.is(value, 'object');
     if (!isObjLit) valueCode = this.unwrap(valueCode);
 
@@ -2067,11 +2070,23 @@ export class CodeGenerator {
     let [decl] = rest;
     if (this.options.skipExports) {
       if (Array.isArray(decl) && decl.every(i => typeof i === 'string')) return '';
-      if (this.is(decl, '=')) return `const ${decl[1]} = ${this.generate(decl[2], 'value')}`;
+      if (this.is(decl, '=')) {
+        const prev = this._componentName;
+        if (this.is(decl[2], 'component')) this._componentName = str(decl[1]);
+        const result = `const ${decl[1]} = ${this.generate(decl[2], 'value')}`;
+        this._componentName = prev;
+        return result;
+      }
       return this.generate(decl, 'statement');
     }
     if (Array.isArray(decl) && decl.every(i => typeof i === 'string')) return `export { ${decl.join(', ')} }`;
-    if (this.is(decl, '=')) return `export const ${decl[1]} = ${this.generate(decl[2], 'value')}`;
+    if (this.is(decl, '=')) {
+      const prev = this._componentName;
+      if (this.is(decl[2], 'component')) this._componentName = str(decl[1]);
+      const result = `export const ${decl[1]} = ${this.generate(decl[2], 'value')}`;
+      this._componentName = prev;
+      return result;
+    }
     return `export ${this.generate(decl, 'statement')}`;
   }
 
@@ -3294,6 +3309,7 @@ export class Compiler {
       skipPreamble: this.options.skipPreamble,
       skipRuntimes: this.options.skipRuntimes,
       skipExports: this.options.skipExports,
+      skipDataPart: this.options.skipDataPart,
       stubComponents: this.options.stubComponents,
       reactiveVars: this.options.reactiveVars,
       sourceMap,

package/src/components.js

@@ -1267,6 +1267,10 @@ export function installComponentSupport(CodeGenerator, Lexer) {
       this._createLines.push(`${elVar}.id = '${id}';`);
     }
 
+    if (this._componentName && this._elementCount === 1 && !this._factoryMode && !this.options.skipDataPart) {
+      this._createLines.push(`${elVar}.setAttribute('data-part', '${this._componentName}');`);
+    }
+
     const autoWireClaimed = this._claimAutoWire(elVar);
 
     // Defer class emission when selector classes exist so class: attributes merge