@plumeria/utils 19.2.12 → 19.2.14

package/dist/transform.d.ts

@@ -5,6 +5,7 @@ export type TransformEnv = {
     filePath: string;
     root: string;
     styleProp: string;
+    classProp?: string;
     propertyPolicy: PropertyPolicy | undefined;
     isDev: boolean;
     collectOndemandSheets: boolean;

package/dist/transform.js

@@ -146,6 +146,7 @@ const foldDynamicVars = (vars) => {
 };
 const transformSource = async (env) => {
     const { source, root, styleProp, propertyPolicy, isDev, collectOndemandSheets, addDependency, } = env;
+    const classProp = env.classProp ?? 'className';
     const id = env.moduleId;
     const resourcePath = env.moduleId;
     const baseId = env.filePath;
@@ -317,81 +318,82 @@ const transformSource = async (env) => {
     const createStaticImportMap = {};
     const plumeriaAliases = {};
     const localImports = {};
-    (0, parser_1.traverse)(ast, {
-        ImportDeclaration({ node }) {
-            const sourcePath = node.source.value;
-            if (sourcePath === '@plumeria/core') {
-                node.specifiers.forEach((specifier) => {
-                    if (specifier.type === 'ImportNamespaceSpecifier') {
-                        plumeriaAliases[specifier.local.value] = 'NAMESPACE';
-                    }
-                    else if (specifier.type === 'ImportDefaultSpecifier') {
-                        plumeriaAliases[specifier.local.value] = 'NAMESPACE';
-                    }
-                    else if (specifier.type === 'ImportSpecifier') {
-                        const importedName = specifier.imported
+    for (const statement of ast.body) {
+        if (statement.type !== 'ImportDeclaration')
+            continue;
+        const node = statement;
+        const sourcePath = node.source.value;
+        if (sourcePath === '@plumeria/core') {
+            node.specifiers.forEach((specifier) => {
+                if (specifier.type === 'ImportNamespaceSpecifier') {
+                    plumeriaAliases[specifier.local.value] = 'NAMESPACE';
+                }
+                else if (specifier.type === 'ImportDefaultSpecifier') {
+                    plumeriaAliases[specifier.local.value] = 'NAMESPACE';
+                }
+                else if (specifier.type === 'ImportSpecifier') {
+                    const importedName = specifier.imported
+                        ? specifier.imported.value
+                        : specifier.local.value;
+                    plumeriaAliases[specifier.local.value] = importedName;
+                }
+            });
+        }
+        const actualPath = (0, resolver_1.resolveImportPath)(sourcePath, resourcePath);
+        if (actualPath) {
+            node.specifiers.forEach((specifier) => {
+                if (specifier.type === 'ImportNamespaceSpecifier') {
+                    localImports[specifier.local.value] = {
+                        actualPath,
+                        importedName: '*',
+                    };
+                    return;
+                }
+                if (specifier.type === 'ImportSpecifier' ||
+                    specifier.type === 'ImportDefaultSpecifier') {
+                    const importedName = specifier.type === 'ImportDefaultSpecifier'
+                        ? 'default'
+                        : specifier.imported
                             ? specifier.imported.value
                             : specifier.local.value;
-                        plumeriaAliases[specifier.local.value] = importedName;
+                    const localName = specifier.local.value;
+                    let resolvedKey = `${actualPath}-${importedName}`;
+                    const resolved = (0, parser_1.resolveExport)(actualPath, importedName);
+                    if (resolved) {
+                        resolvedKey = `${resolved.filePath}-${resolved.localName}`;
                     }
-                });
-            }
-            const actualPath = (0, resolver_1.resolveImportPath)(sourcePath, resourcePath);
-            if (actualPath) {
-                node.specifiers.forEach((specifier) => {
-                    if (specifier.type === 'ImportNamespaceSpecifier') {
-                        localImports[specifier.local.value] = {
-                            actualPath,
-                            importedName: '*',
-                        };
-                        return;
+                    const uniqueKey = resolvedKey;
+                    localImports[localName] = { actualPath, importedName };
+                    if (scannedTables.staticTable[uniqueKey]) {
+                        importMap[localName] = scannedTables.staticTable[uniqueKey];
                     }
-                    if (specifier.type === 'ImportSpecifier' ||
-                        specifier.type === 'ImportDefaultSpecifier') {
-                        const importedName = specifier.type === 'ImportDefaultSpecifier'
-                            ? 'default'
-                            : specifier.imported
-                                ? specifier.imported.value
-                                : specifier.local.value;
-                        const localName = specifier.local.value;
-                        let resolvedKey = `${actualPath}-${importedName}`;
-                        const resolved = (0, parser_1.resolveExport)(actualPath, importedName);
-                        if (resolved) {
-                            resolvedKey = `${resolved.filePath}-${resolved.localName}`;
-                        }
-                        const uniqueKey = resolvedKey;
-                        localImports[localName] = { actualPath, importedName };
-                        if (scannedTables.staticTable[uniqueKey]) {
-                            importMap[localName] = scannedTables.staticTable[uniqueKey];
-                        }
-                        if (scannedTables.keyframesHashTable[uniqueKey]) {
-                            keyframesImportMap[localName] =
-                                scannedTables.keyframesHashTable[uniqueKey];
-                        }
-                        if (scannedTables.viewTransitionHashTable[uniqueKey]) {
-                            viewTransitionImportMap[localName] =
-                                scannedTables.viewTransitionHashTable[uniqueKey];
-                        }
-                        if (scannedTables.createHashTable[uniqueKey]) {
-                            createImportMap[localName] =
-                                scannedTables.createHashTable[uniqueKey];
-                        }
-                        if (scannedTables.createFunctionTable[uniqueKey]) {
-                            createFunctionImportMap[localName] = (0, dynamicKey_1.styleFunctionsOf)(scannedTables.createFunctionTable[uniqueKey]);
-                        }
-                        if (scannedTables.createThemeHashTable[uniqueKey]) {
-                            createThemeImportMap[localName] =
-                                scannedTables.createThemeHashTable[uniqueKey];
-                        }
-                        if (scannedTables.createStaticHashTable[uniqueKey]) {
-                            createStaticImportMap[localName] =
-                                scannedTables.createStaticHashTable[uniqueKey];
-                        }
+                    if (scannedTables.keyframesHashTable[uniqueKey]) {
+                        keyframesImportMap[localName] =
+                            scannedTables.keyframesHashTable[uniqueKey];
                     }
-                });
-            }
-        },
-    });
+                    if (scannedTables.viewTransitionHashTable[uniqueKey]) {
+                        viewTransitionImportMap[localName] =
+                            scannedTables.viewTransitionHashTable[uniqueKey];
+                    }
+                    if (scannedTables.createHashTable[uniqueKey]) {
+                        createImportMap[localName] =
+                            scannedTables.createHashTable[uniqueKey];
+                    }
+                    if (scannedTables.createFunctionTable[uniqueKey]) {
+                        createFunctionImportMap[localName] = (0, dynamicKey_1.styleFunctionsOf)(scannedTables.createFunctionTable[uniqueKey]);
+                    }
+                    if (scannedTables.createThemeHashTable[uniqueKey]) {
+                        createThemeImportMap[localName] =
+                            scannedTables.createThemeHashTable[uniqueKey];
+                    }
+                    if (scannedTables.createStaticHashTable[uniqueKey]) {
+                        createStaticImportMap[localName] =
+                            scannedTables.createStaticHashTable[uniqueKey];
+                    }
+                }
+            });
+        }
+    }
     const mergedStaticTable = Object.create(scannedTables.staticTable);
     for (const key of Object.keys(localConsts)) {
         mergedStaticTable[key] = localConsts[key];
@@ -2126,7 +2128,7 @@ const transformSource = async (env) => {
             const attributes = jsxAttributeOwnerMap.get(node.span.start)?.attributes ?? [];
             const classNameAttr = attributes.find((attr) => attr.type === 'JSXAttribute' &&
                 attr.name.type === 'Identifier' &&
-                attr.name.value === 'className');
+                attr.name.value === classProp);
             let existingClassExpr = '';
             if (classNameAttr) {
                 replacements.push({
@@ -2185,12 +2187,12 @@ const transformSource = async (env) => {
                 replacements.push({
                     start: node.span.start - baseByteOffset,
                     end: node.span.end - baseByteOffset,
-                    content: `className={${replacement}}${styleAttr}`,
+                    content: `${classProp}={${replacement}}${styleAttr}`,
                 });
             }
             else {
                 const keptClass = existingClassExpr
-                    ? `className={${existingClassExpr}}`
+                    ? `${classProp}={${existingClassExpr}}`
                     : '';
                 replacements.push({
                     start: node.span.start - baseByteOffset,
@@ -2321,17 +2323,16 @@ const transformSource = async (env) => {
         for (const replacement of replacements)
             replacement.content = replacement.content.replaceAll(deferred.token, content);
     }
-    const buffer = Buffer.from(source);
     let offset = 0;
     const parts = [];
     replacements.forEach((r) => {
         if (r.start < offset)
             return;
-        parts.push(buffer.subarray(offset, r.start));
+        parts.push(sourceBuffer.subarray(offset, r.start));
         parts.push(Buffer.from(r.content));
         offset = r.end;
     });
-    parts.push(buffer.subarray(offset));
+    parts.push(sourceBuffer.subarray(offset));
     const transformedSource = Buffer.concat(parts).toString();
     return { code: transformedSource, sheets: [...extractedSheets] };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plumeria/utils",
-  "version": "19.2.12",
+  "version": "19.2.14",
   "description": "Plumeria Utils",
   "author": "Refirst 11",
   "license": "MIT",