@elenajs/plugin-cem-define 0.0.3 → 0.2.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elenajs/plugin-cem-define",
-  "version": "0.0.3",
-  "description": "CEM analyzer plugin that extracts tagName from Elena() mixin calls.",
+  "version": "0.2.0",
+  "description": "CEM analyzer plugin that registers the Elena components in the manifest.",
   "author": "Elena <hi@elenajs.com>",
   "homepage": "https://elenajs.com/",
   "license": "MIT",
@@ -15,11 +15,18 @@
   "files": [
     "src"
   ],
+  "scripts": {
+    "test": "vitest run"
+  },
   "engines": {
     "node": ">= 20"
   },
   "peerDependencies": {
     "@custom-elements-manifest/analyzer": ">=0.10.0"
   },
-  "gitHead": "9bdf7174131361e71b5f0340cbfd58f3b5e424d1"
+  "devDependencies": {
+    "@custom-elements-manifest/analyzer": "0.11.0",
+    "vitest": "4.0.18"
+  },
+  "gitHead": "81fe2fc78111f605854c07df2001f746231d9dfc"
 }

package/src/index.js

@@ -1,3 +1,17 @@
+/**
+ *  ██████████ ████
+ * ░░███░░░░░█░░███
+ *  ░███  █ ░  ███   ██████  ████████    ██████
+ *  ░██████    ███  ███░░███░░███░░███  ░░░░░███
+ *  ░███░░█    ███ ░███████  ░███ ░███   ███████
+ *  ░███ ░   █ ███ ░███░░░   ░███ ░███  ███░░███
+ *  ██████████ █████░░██████  ████ █████░░████████
+ * ░░░░░░░░░░ ░░░░░  ░░░░░░  ░░░░ ░░░░░  ░░░░░░░░
+ *
+ * Elena CEM Define Plugin
+ * https://elenajs.com
+ */
+
 /**
  * CEM analyzer plugin that reads `tagName` from the options object passed to
  * `Elena(superClass, { tagName: "...", ... })` and registers the element in the manifest.
@@ -23,11 +37,9 @@ export function elenaDefinePlugin() {
         ts.isObjectLiteralExpression(node.initializer)
       ) {
         const varName = node.name.getText();
-        const tagNameProp = node.initializer.properties.find(
-          p => ts.isPropertyAssignment(p) && p.name.getText() === "tagName"
-        );
-        if (tagNameProp && ts.isStringLiteral(tagNameProp.initializer)) {
-          optionsMap.set(varName, tagNameProp.initializer.text);
+        const tagName = getTagName(ts, node.initializer);
+        if (tagName) {
+          optionsMap.set(varName, tagName);
         }
         return;
       }
@@ -41,6 +53,7 @@ export function elenaDefinePlugin() {
         return;
       }
 
+      // Skip classes that don't extend anything (no `extends` clause)
       const heritageClause = node.heritageClauses?.[0];
       if (!heritageClause) {
         return;
@@ -61,12 +74,7 @@ export function elenaDefinePlugin() {
 
         if (ts.isObjectLiteralExpression(optionsArg)) {
           // Inline: Elena(HTMLElement, { tagName: "...", ... })
-          const tagNameProp = optionsArg.properties.find(
-            p => ts.isPropertyAssignment(p) && p.name.getText() === "tagName"
-          );
-          if (tagNameProp && ts.isStringLiteral(tagNameProp.initializer)) {
-            tagName = tagNameProp.initializer.text;
-          }
+          tagName = getTagName(ts, optionsArg);
         } else if (ts.isIdentifier(optionsArg)) {
           // Variable reference: Elena(HTMLElement, options)
           tagName = optionsMap.get(optionsArg.getText());
@@ -91,3 +99,19 @@ export function elenaDefinePlugin() {
     },
   };
 }
+
+/**
+ * Extracts the `tagName` string value from an object literal expression.
+ * @param {import("typescript")} ts
+ * @param {import("typescript").ObjectLiteralExpression} objectLiteral
+ * @returns {string | undefined}
+ */
+function getTagName(ts, objectLiteral) {
+  const prop = objectLiteral.properties.find(
+    p => ts.isPropertyAssignment(p) && p.name.getText() === "tagName"
+  );
+  if (prop && ts.isStringLiteral(prop.initializer)) {
+    return prop.initializer.text;
+  }
+  return undefined;
+}