@tmorrow/cre8-wc 1.1.6 → 1.2.1

package/lib/scripts/convert-scss-to-ts.js

@@ -1,25 +1,104 @@
 import fs from 'fs';
 import path from 'path';
-// Use the correct baseDir relative to this script's location
-const baseDir = path.join(__dirname, '../components');
-function walk(dir, callback) {
-    fs.readdirSync(dir, { withFileTypes: true }).forEach(dirent => {
-        const fullPath = path.join(dir, dirent.name);
-        if (dirent.isDirectory()) {
-            walk(fullPath, callback);
-        }
-        else if (dirent.isFile() && dirent.name.endsWith('.scss')) {
-            callback(fullPath);
+import { fileURLToPath } from 'url';
+import { glob } from 'glob';
+import * as sass from 'sass';
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const packageRoot = path.join(__dirname, '..');
+// Read the pre-compiled head.css to prepend as additionalData (matches Vite config behavior)
+const headCssPath = path.join(packageRoot, 'design-tokens/core/scss/theming/head.css');
+const headCss = fs.readFileSync(headCssPath, 'utf8');
+// Find all component SCSS modules
+const scssFiles = glob.sync('components/**/*.module.scss', { cwd: packageRoot });
+let successCount = 0;
+let errorCount = 0;
+let fatalErrors = 0;
+/**
+ * Pre-process SCSS source to fix syntax issues before compilation:
+ * 1. Convert @use to @import (avoid @use ordering issues with head.css prepend)
+ * 2. De-namespace `component.$var` → `$var` and `@include component.mixin()` → `@include mixin()`
+ * 3. Remove `@import ... as X` (invalid @import syntax, convert to plain @import)
+ * 4. Remap old package name @cre8_dev → @tmorrow
+ */
+function preprocessScss(source) {
+    const lines = source.split('\n');
+    return lines.map((line) => {
+        // Remap old package name
+        line = line.replace(/@cre8_dev\/cre8-design-tokens/g, '@tmorrow/cre8-design-tokens');
+        // Convert @use '...' as X → @import '...'
+        line = line.replace(/^(\s*)@use\s+(['"])(.+?)\2\s+as\s+\w+\s*;/, '$1@import $2$3$2;');
+        // Remove invalid `as X` from @import
+        line = line.replace(/^(\s*@import\s+['"].+?['"])\s+as\s+\w+\s*;/, '$1;');
+        // De-namespace component.$var → $var
+        line = line.replace(/component\.\$/g, '$');
+        // De-namespace @include component.mixin → @include mixin
+        line = line.replace(/@include\s+component\./g, '@include ');
+        return line;
+    }).join('\n');
+}
+for (const relPath of scssFiles) {
+    const scssPath = path.join(packageRoot, relPath);
+    const tsPath = scssPath.replace(/\.module\.scss$/, '.styles.ts');
+    const fileDir = path.dirname(scssPath);
+    try {
+        let scssContent = fs.readFileSync(scssPath, 'utf8');
+        // Pre-process to fix @use/@import and namespace issues
+        scssContent = preprocessScss(scssContent);
+        // Prepend head.css content (already compiled CSS, passes through SCSS compiler)
+        const fullSource = headCss + '\n' + scssContent;
+        const result = sass.compileString(fullSource, {
+            style: 'expanded',
+            url: new URL(`file://${scssPath}`),
+            loadPaths: [
+                fileDir,
+                packageRoot,
+                path.join(packageRoot, 'node_modules/@tmorrow/cre8-design-tokens'),
+                path.join(packageRoot, 'node_modules'),
+            ],
+            importers: [
+                {
+                    findFileUrl(url) {
+                        // Handle absolute-style paths like /design-tokens/...
+                        if (url.startsWith('/design-tokens/')) {
+                            const cleaned = url.substring(1);
+                            const resolved = path.join(packageRoot, cleaned);
+                            return new URL(`file://${resolved}`);
+                        }
+                        // Handle bare design-tokens/ paths
+                        if (url.startsWith('design-tokens/')) {
+                            const resolved = path.join(packageRoot, url);
+                            return new URL(`file://${resolved}`);
+                        }
+                        return null;
+                    },
+                },
+            ],
+            silenceDeprecations: ['import'],
+        });
+        // Escape backticks and template literal expressions in the compiled CSS
+        const escapedCss = result.css
+            .replace(/\\/g, '\\\\')
+            .replace(/`/g, '\\`')
+            .replace(/\$\{/g, '\\${');
+        const tsContent = `import { css } from 'lit';\nconst styles = css\`${escapedCss}\`;\nexport default styles;\n`;
+        fs.writeFileSync(tsPath, tsContent, 'utf8');
+        console.log(`Compiled: ${relPath} -> ${path.basename(tsPath)}`);
+        successCount++;
+    }
+    catch (err) {
+        // Check if an existing .styles.ts exists (from prior compilation)
+        const hasExisting = fs.existsSync(tsPath);
+        const label = hasExisting ? 'WARN' : 'ERROR';
+        console.error(`${label} compiling ${relPath}: ${err.message}${hasExisting ? ' (keeping existing .styles.ts)' : ''}`);
+        errorCount++;
+        if (!hasExisting) {
+            fatalErrors++;
         }
-    });
+    }
+}
+console.log(`\nDone: ${successCount} compiled, ${errorCount} warnings/errors`);
+if (fatalErrors > 0) {
+    console.error(`${fatalErrors} file(s) failed with no existing .styles.ts fallback`);
+    process.exit(1);
 }
-walk(baseDir, (scssPath) => {
-    const tsPath = scssPath.replace(/\.scss$/, '.ts');
-    const scssContent = fs.readFileSync(scssPath, 'utf8');
-    const tsContent = `import { css } from 'lit';\nconst styles = css\`` +
-        scssContent.replace(/`/g, '\`') +
-        `\`;\nexport default styles;\n`;
-    fs.writeFileSync(tsPath, tsContent, 'utf8');
-    console.log(`Converted: ${scssPath} -> ${tsPath}`);
-});
 //# sourceMappingURL=convert-scss-to-ts.js.map

package/lib/scripts/convert-scss-to-ts.js.map

@@ -1 +1 @@
-{"version":3,"file":"convert-scss-to-ts.js","sourceRoot":"","sources":["../../scripts/convert-scss-to-ts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,6DAA6D;AAC7D,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC;AAEtD,SAAS,IAAI,CAAC,GAAW,EAAE,QAAgC;IACzD,EAAE,CAAC,WAAW,CAAC,GAAG,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;QAC5D,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;QAC7C,IAAI,MAAM,CAAC,WAAW,EAAE,EAAE,CAAC;YACzB,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC3B,CAAC;aAAM,IAAI,MAAM,CAAC,MAAM,EAAE,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;YAC5D,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AAED,IAAI,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,EAAE;IACzB,MAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAClD,MAAM,WAAW,GAAG,EAAE,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACtD,MAAM,SAAS,GACb,kDAAkD;QAClD,WAAW,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;QAC/B,+BAA+B,CAAC;IAClC,EAAE,CAAC,aAAa,CAAC,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;IAC5C,OAAO,CAAC,GAAG,CAAC,cAAc,QAAQ,OAAO,MAAM,EAAE,CAAC,CAAC;AACrD,CAAC,CAAC,CAAC","sourcesContent":["import fs from 'fs';\nimport path from 'path';\n\n// Use the correct baseDir relative to this script's location\nconst baseDir = path.join(__dirname, '../components');\n\nfunction walk(dir: string, callback: (file: string) => void): void {\n  fs.readdirSync(dir, { withFileTypes: true }).forEach(dirent => {\n    const fullPath = path.join(dir, dirent.name);\n    if (dirent.isDirectory()) {\n      walk(fullPath, callback);\n    } else if (dirent.isFile() && dirent.name.endsWith('.scss')) {\n      callback(fullPath);\n    }\n  });\n}\n\nwalk(baseDir, (scssPath) => {\n  const tsPath = scssPath.replace(/\\.scss$/, '.ts');\n  const scssContent = fs.readFileSync(scssPath, 'utf8');\n  const tsContent =\n    `import { css } from 'lit';\\nconst styles = css\\`` +\n    scssContent.replace(/`/g, '\\`') +\n    `\\`;\\nexport default styles;\\n`;\n  fs.writeFileSync(tsPath, tsContent, 'utf8');\n  console.log(`Converted: ${scssPath} -> ${tsPath}`);\n});\n"]}
+{"version":3,"file":"convert-scss-to-ts.js","sourceRoot":"","sources":["../../scripts/convert-scss-to-ts.ts"],"names":[],"mappings":"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","sourcesContent":["import fs from 'fs';\nimport path from 'path';\nimport { fileURLToPath } from 'url';\nimport { glob } from 'glob';\nimport * as sass from 'sass';\n\nconst __dirname = path.dirname(fileURLToPath(import.meta.url));\nconst packageRoot = path.join(__dirname, '..');\n\n// Read the pre-compiled head.css to prepend as additionalData (matches Vite config behavior)\nconst headCssPath = path.join(packageRoot, 'design-tokens/core/scss/theming/head.css');\nconst headCss = fs.readFileSync(headCssPath, 'utf8');\n\n// Find all component SCSS modules\nconst scssFiles = glob.sync('components/**/*.module.scss', { cwd: packageRoot });\n\nlet successCount = 0;\nlet errorCount = 0;\nlet fatalErrors = 0;\n\n/**\n * Pre-process SCSS source to fix syntax issues before compilation:\n * 1. Convert @use to @import (avoid @use ordering issues with head.css prepend)\n * 2. De-namespace `component.$var` → `$var` and `@include component.mixin()` → `@include mixin()`\n * 3. Remove `@import ... as X` (invalid @import syntax, convert to plain @import)\n * 4. Remap old package name @cre8_dev → @tmorrow\n */\nfunction preprocessScss(source: string): string {\n  const lines = source.split('\\n');\n\n  return lines.map((line) => {\n    // Remap old package name\n    line = line.replace(/@cre8_dev\\/cre8-design-tokens/g, '@tmorrow/cre8-design-tokens');\n\n    // Convert @use '...' as X → @import '...'\n    line = line.replace(/^(\\s*)@use\\s+(['\"])(.+?)\\2\\s+as\\s+\\w+\\s*;/, '$1@import $2$3$2;');\n\n    // Remove invalid `as X` from @import\n    line = line.replace(/^(\\s*@import\\s+['\"].+?['\"])\\s+as\\s+\\w+\\s*;/, '$1;');\n\n    // De-namespace component.$var → $var\n    line = line.replace(/component\\.\\$/g, '$');\n\n    // De-namespace @include component.mixin → @include mixin\n    line = line.replace(/@include\\s+component\\./g, '@include ');\n\n    return line;\n  }).join('\\n');\n}\n\nfor (const relPath of scssFiles) {\n  const scssPath = path.join(packageRoot, relPath);\n  const tsPath = scssPath.replace(/\\.module\\.scss$/, '.styles.ts');\n  const fileDir = path.dirname(scssPath);\n\n  try {\n    let scssContent = fs.readFileSync(scssPath, 'utf8');\n\n    // Pre-process to fix @use/@import and namespace issues\n    scssContent = preprocessScss(scssContent);\n\n    // Prepend head.css content (already compiled CSS, passes through SCSS compiler)\n    const fullSource = headCss + '\\n' + scssContent;\n\n    const result = sass.compileString(fullSource, {\n      style: 'expanded',\n      url: new URL(`file://${scssPath}`),\n      loadPaths: [\n        fileDir,\n        packageRoot,\n        path.join(packageRoot, 'node_modules/@tmorrow/cre8-design-tokens'),\n        path.join(packageRoot, 'node_modules'),\n      ],\n      importers: [\n        {\n          findFileUrl(url: string) {\n            // Handle absolute-style paths like /design-tokens/...\n            if (url.startsWith('/design-tokens/')) {\n              const cleaned = url.substring(1);\n              const resolved = path.join(packageRoot, cleaned);\n              return new URL(`file://${resolved}`);\n            }\n            // Handle bare design-tokens/ paths\n            if (url.startsWith('design-tokens/')) {\n              const resolved = path.join(packageRoot, url);\n              return new URL(`file://${resolved}`);\n            }\n            return null;\n          },\n        },\n      ],\n      silenceDeprecations: ['import' as any],\n    });\n\n    // Escape backticks and template literal expressions in the compiled CSS\n    const escapedCss = result.css\n      .replace(/\\\\/g, '\\\\\\\\')\n      .replace(/`/g, '\\\\`')\n      .replace(/\\$\\{/g, '\\\\${');\n\n    const tsContent = `import { css } from 'lit';\\nconst styles = css\\`${escapedCss}\\`;\\nexport default styles;\\n`;\n\n    fs.writeFileSync(tsPath, tsContent, 'utf8');\n    console.log(`Compiled: ${relPath} -> ${path.basename(tsPath)}`);\n    successCount++;\n  } catch (err: any) {\n    // Check if an existing .styles.ts exists (from prior compilation)\n    const hasExisting = fs.existsSync(tsPath);\n    const label = hasExisting ? 'WARN' : 'ERROR';\n    console.error(`${label} compiling ${relPath}: ${err.message}${hasExisting ? ' (keeping existing .styles.ts)' : ''}`);\n    errorCount++;\n    if (!hasExisting) {\n      fatalErrors++;\n    }\n  }\n}\n\nconsole.log(`\\nDone: ${successCount} compiled, ${errorCount} warnings/errors`);\n\nif (fatalErrors > 0) {\n  console.error(`${fatalErrors} file(s) failed with no existing .styles.ts fallback`);\n  process.exit(1);\n}\n"]}

package/mcp-manifest.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.1.5",
+  "version": "1.2.0",
   "library": "@tmorrow/cre8-wc",
   "tagPrefix": "cre8",
   "description": "cre8 Web Components is a library of presentational UI web components to be consumed by # web applications.",

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@tmorrow/cre8-wc",
-  "version": "1.1.6",
+  "version": "1.2.1",
   "description": "cre8 Web Components is a library of presentational UI web components to be consumed by # web applications.",
   "license": "BSD-3-Clause",
   "scripts": {
     "start": "pnpm run build:custom-elements.json && pnpm run storybook",
-    "build": "rm -rf lib && vite build && tsc && cp .storybook/custom-elements.json custom-elements.json && npx tsx scripts/generate-react-wrappers.ts && cd react-wrappers && npx tsc && cd .. && pnpm run build:mcp-manifest",
+    "compile-styles": "npx tsx scripts/convert-scss-to-ts.ts",
+    "build": "rm -rf lib && pnpm run compile-styles && vite build && tsc && cp .storybook/custom-elements.json custom-elements.json && npx tsx scripts/generate-react-wrappers.ts && cd react-wrappers && npx tsc && cd .. && pnpm run build:mcp-manifest",
     "build:mcp-manifest": "npx web-component-analyzer analyze \"components/*/*.ts\" --format json --outFile /tmp/wca-raw.json && npx tsx scripts/generate-mcp-manifest.ts",
     "build:cdn": "rm -rf cdn && vite build --config vite.config.cdn.ts",
     "build:all": "pnpm run build:cdn && pnpm run build",