@plumeria/turbopack-loader 13.2.3 → 14.0.0

package/dist/index.js

@@ -69,6 +69,25 @@ async function loader(source) {
         const sourceBuffer = Buffer.from(source, 'utf-8');
         const leadingBytes = Buffer.byteLength(source.slice(0, leadingLen), 'utf-8');
         const baseByteOffset = ast.span.start - leadingBytes;
+        const throwCompilationError = (message, node) => {
+            let suffix = '';
+            if (node) {
+                const offset = node.span.start - baseByteOffset;
+                let line = 1;
+                let colStart = 0;
+                for (let i = 0; i < offset && i < sourceBuffer.length; i++) {
+                    if (sourceBuffer[i] === 10) {
+                        line++;
+                        colStart = i + 1;
+                    }
+                }
+                const col = offset - colStart + 1;
+                suffix = ` (${path.basename(resourcePath)}:${line}:${col})`;
+            }
+            const err = new Error(`${message}${suffix}`);
+            err.stack = err.message;
+            throw err;
+        };
         for (const node of ast.body) {
             if (node.type === 'ImportDeclaration') {
                 const sourcePath = node.source.value;
@@ -257,7 +276,7 @@ async function loader(source) {
                 if ((localCreateStyles[varName] &&
                     localCreateStyles[varName].type === 'variant') ||
                     mergedVariantsTable[varName]) {
-                    throw new Error(`Plumeria: Assigning the return value of "css.variants" to a variable is not supported.\nPlease pass the variant function directly to "css.use". Found assignment to: ${utils_1.t.isIdentifier(decl.id) ? decl.id.value : 'unknown'}`);
+                    throwCompilationError(`Plumeria: Assigning the return value of css.variants() to a variable is not supported.\nPlease pass the variant function directly to styleName or css.use(). Found assignment to: ${utils_1.t.isIdentifier(decl.id) ? decl.id.value : 'unknown'}`, init);
                 }
             }
         };
@@ -410,7 +429,7 @@ async function loader(source) {
                         selector = selectorExpr.value;
                     }
                     if (selector.startsWith('@') && !(0, zss_engine_1.isAtRule)(selector)) {
-                        throw new Error(`Plumeria: Unsupported at-rule: "${selector}". createTheme only supports nesting at-rules such as @media, @container, @supports, @layer, and @scope.`);
+                        throwCompilationError(`Plumeria: Unsupported at-rule: "${selector}". createTheme only supports nesting at-rules such as @media, @container, @supports, @layer, and @scope.`, selectorExpr);
                     }
                     const obj = (0, utils_1.objectExpressionToObject)(init.arguments[1].expression, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, mergedVariantsTable);
                     const hash = (0, zss_engine_1.genBase36Hash)({ _themeSelector: selector, ...obj }, 1, 8);
@@ -591,7 +610,7 @@ async function loader(source) {
                             selector = selectorExpr.value;
                         }
                         if (selector.startsWith('@') && !(0, zss_engine_1.isAtRule)(selector)) {
-                            throw new Error(`Plumeria: Unsupported at-rule: "${selector}". createTheme only supports nesting at-rules such as @media, @container, @supports, @layer, and @scope.`);
+                            throwCompilationError(`Plumeria: Unsupported at-rule: "${selector}". createTheme only supports nesting at-rules such as @media, @container, @supports, @layer, and @scope.`, selectorExpr);
                         }
                         const obj = (0, utils_1.objectExpressionToObject)(args[1].expression, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, mergedVariantsTable);
                         const hash = (0, zss_engine_1.genBase36Hash)({ _themeSelector: selector, ...obj }, 1, 8);
@@ -672,6 +691,24 @@ async function loader(source) {
             let groupIdCounter = 0;
             let baseStyle = {};
             let isOptimizable = true;
+            const getRootIdentifier = (node) => {
+                if (utils_1.t.isIdentifier(node)) {
+                    return node.value;
+                }
+                if (utils_1.t.isMemberExpression(node)) {
+                    return getRootIdentifier(node.object);
+                }
+                if (utils_1.t.isCallExpression(node)) {
+                    const callee = node.callee;
+                    if (callee.type !== 'Super' && callee.type !== 'Import') {
+                        return getRootIdentifier(callee);
+                    }
+                }
+                if (node.type === 'ParenthesisExpression') {
+                    return getRootIdentifier(node.expression);
+                }
+                return null;
+            };
             const collectConditions = (node, currentTestStrings = []) => {
                 const staticStyle = resolveStyleObject(node);
                 if (staticStyle) {
@@ -742,6 +779,21 @@ async function loader(source) {
                         variantObj = localCreateStyles[varName].obj;
                     if (variantObj) {
                         const callArgs = expr.arguments;
+                        const hasSpread = callArgs.some((a) => {
+                            if (a.spread)
+                                return true;
+                            if (a.expression.type === 'ObjectExpression') {
+                                return a.expression.properties.some((p) => p.type === 'SpreadElement');
+                            }
+                            return false;
+                        });
+                        if (hasSpread) {
+                            throwCompilationError(`Plumeria: Spread operator in ${getSource(expr)} is not supported. ` +
+                                `Please pass specific variant options directly.`, expr);
+                        }
+                        if (callArgs.length !== 1) {
+                            throwCompilationError(`Plumeria: Variant function "${varName}" expects exactly 1 argument, found ${callArgs.length}.`, expr);
+                        }
                         if (callArgs.length === 1 && !callArgs[0].spread) {
                             const arg = callArgs[0].expression;
                             if (arg.type === 'ObjectExpression') {
@@ -848,6 +900,17 @@ async function loader(source) {
                 const handled = collectConditions(expr);
                 if (handled)
                     continue;
+                if (utils_1.t.isMemberExpression(expr) || utils_1.t.isIdentifier(expr)) {
+                    const rootId = getRootIdentifier(expr);
+                    const isPlumeriaStyle = rootId &&
+                        ((localCreateStyles[rootId] !== undefined &&
+                            localCreateStyles[rootId].type !== 'constant') ||
+                            mergedCreateTable[rootId] !== undefined ||
+                            mergedVariantsTable[rootId] !== undefined);
+                    if (!isPlumeriaStyle) {
+                        throwCompilationError(`Plumeria: Dynamic or unresolvable style object "${getSource(expr)}" is not supported.`, expr);
+                    }
+                }
                 isOptimizable = false;
                 break;
             }
@@ -1420,7 +1483,7 @@ async function loader(source) {
                     const propKey = callee.property.value;
                     const styleInfo = localCreateStyles[varName];
                     if (styleInfo?.functions?.[propKey]) {
-                        throw new Error(`Plumeria: css.use(${getSource(expr)}) does not support dynamic function keys.\n`);
+                        throwCompilationError(`Plumeria: css.use(${getSource(expr)}) does not support dynamic function keys.`, expr);
                     }
                 }
                 const { classParts, isOptimizable, baseStyle } = buildClassParts(args);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plumeria/turbopack-loader",
-  "version": "13.2.3",
+  "version": "14.0.0",
   "description": "Plumeria Turbopack-loader",
   "author": "Refirst 11",
   "license": "MIT",
@@ -22,7 +22,7 @@
     "zero-virtual.css"
   ],
   "dependencies": {
-    "@plumeria/utils": "^13.2.3"
+    "@plumeria/utils": "^14.0.0"
   },
   "devDependencies": {
     "@swc/core": "1.15.41",