@tmorrow/cre8-wc 2.3.5 → 2.3.6

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":"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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 */\nfunction preprocessScss(source: string): string {\n  const lines = source.split('\\n');\n\n  return lines.map((line) => {\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'),\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"]}
+{"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\nconst themingDir = path.join(packageRoot, 'design-tokens/core/scss/theming');\n\n// Resolves the absolute-style `/design-tokens/...` specifiers used by the SCSS sources.\nconst designTokenImporter = {\n  findFileUrl(url: string) {\n    if (url.startsWith('/design-tokens/')) {\n      return new URL(`file://${path.join(packageRoot, url.substring(1))}`);\n    }\n    if (url.startsWith('design-tokens/')) {\n      return new URL(`file://${path.join(packageRoot, url)}`);\n    }\n    return null;\n  },\n};\n\n/**\n * Compile head.scss -> head.css + head.module.ts.\n *\n * These two are prepended into every component's styles (head.css here,\n * head.module.ts in the Storybook preview), so they have to be derived from\n * head.scss rather than hand-maintained - otherwise a fix in the SCSS never\n * reaches the components.\n */\nfunction compileHead(): string {\n  const css = sass.compile(path.join(themingDir, 'head.scss'), {\n    style: 'compressed',\n    loadPaths: [themingDir, packageRoot, path.join(packageRoot, 'node_modules')],\n    importers: [designTokenImporter],\n    silenceDeprecations: ['import' as any],\n  }).css;\n\n  fs.writeFileSync(path.join(themingDir, 'head.css'), css, 'utf8');\n\n  const escaped = css\n    .replace(/\\\\/g, '\\\\\\\\')\n    .replace(/`/g, '\\\\`')\n    .replace(/\\$\\{/g, '\\\\${');\n  fs.writeFileSync(\n    path.join(themingDir, 'head.module.ts'),\n    `import {css} from 'lit';\\nexport const headModule = css\\`\\n${escaped}\\n\\`;\\n\\nexport default headModule;\\n`,\n    'utf8',\n  );\n\n  return css;\n}\n\n// Prepended into every component's compiled styles (matches Vite config behavior)\nconst headCss = compileHead();\nconsole.log('Compiled: design-tokens/core/scss/theming/head.scss -> head.css, head.module.ts');\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 */\nfunction preprocessScss(source: string): string {\n  const lines = source.split('\\n');\n\n  // Collect every namespace the @use -> @import rewrite is about to drop, so\n  // the de-namespacing below stays in step with it. Hard-coding `component`\n  // meant any other namespace survived into the compile, failed, and left the\n  // previous .styles.ts in place as a stale artifact.\n  const namespaces = new Set<string>(['component']);\n  for (const line of lines) {\n    const match = line.match(/^\\s*@use\\s+['\"].+?['\"]\\s+as\\s+(\\w+)\\s*;/)\n      || line.match(/^\\s*@import\\s+['\"].+?['\"]\\s+as\\s+(\\w+)\\s*;/);\n    if (match) {\n      namespaces.add(match[1]);\n    }\n  }\n\n  return lines.map((line) => {\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    for (const ns of namespaces) {\n      // De-namespace ns.$var → $var\n      line = line.replace(new RegExp(`\\\\b${ns}\\\\.\\\\$`, 'g'), '$');\n\n      // De-namespace @include ns.mixin → @include mixin\n      line = line.replace(new RegExp(`@include\\\\s+${ns}\\\\.`, 'g'), '@include ');\n    }\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'),\n      ],\n      importers: [designTokenImporter],\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": "2.3.5",
+  "version": "2.3.6",
   "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,6 +1,6 @@
 {
   "name": "@tmorrow/cre8-wc",
-  "version": "2.3.5",
+  "version": "2.3.6",
   "description": "cre8 Web Components is a library of presentational UI web components to be consumed by # web applications.",
   "license": "BSD-3-Clause",
   "scripts": {

package/react-manifest.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.3.5",
+  "version": "2.3.6",
   "library": "@tmorrow/cre8-react",
   "componentPrefix": "Cre8",
   "description": "React wrappers for cre8 Web Components (@tmorrow/cre8-wc)",
@@ -3818,7 +3818,7 @@
   },
   "dependencies": {
     "@lit/react": "^1.0.8",
-    "@tmorrow/cre8-wc": "^2.3.5",
+    "@tmorrow/cre8-wc": "^2.3.6",
     "react": ">=18",
     "react-dom": ">=18"
   }

package/dist/assets/if-defined-Bh0SnORx.js

@@ -1 +0,0 @@
-import{A as r}from"./iframe-DgoqrgRr.js";const m=o=>o??r;export{m as o};

package/dist/assets/state-ClQJCb1N.js

@@ -1 +0,0 @@
-import{n as r}from"./cre8-element-D4jUl3yv.js";function n(t){return r({...t,state:!0,attribute:!1})}export{n as r};