build-styles-js.mjs

// ============================================================
// GlassKit – Build Script: glasskit-styles.js
//
// Reads the minified CSS and embeds it into a JS module
// that exports a ready-to-use CSSStyleSheet (Constructable Stylesheet)
// for use in Shadow DOM / Web Components.
//
// Usage:  node build-styles-js.mjs
// ============================================================

import { readFileSync, writeFileSync } from 'fs';

const pkg = JSON.parse(readFileSync('package.json', 'utf-8'));
const css = readFileSync('glasskit.min.css', 'utf-8');

const output = [
  `// GlassKit v${pkg.version} – Constructable Stylesheet`,
  '// Auto-generated by build-styles-js.mjs – do not edit manually.',
  '',
  `const css = ${JSON.stringify(css)};`,
  '',
  'const glassSheet = new CSSStyleSheet();',
  'glassSheet.replaceSync(css);',
  '',
  'export { glassSheet, css };',
  '',
].join('\n');

writeFileSync('glasskit-styles.js', output);

const sizeKB = (Buffer.byteLength(output) / 1024).toFixed(1);
console.log('✅ glasskit-styles.js generated (v' + pkg.version + ', ' + sizeKB + ' KB)');