npm - ngx-theme-stack - Versions diffs - 2.0.0 → 2.1.1 - Mend

ngx-theme-stack 2.0.0 → 2.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (25) hide show

package/README.md +133 -12
package/fesm2022/ngx-theme-stack.mjs +50 -32
package/fesm2022/ngx-theme-stack.mjs.map +1 -1
package/package.json +1 -1
package/schematics/ng-add/anti-flash.d.ts +2 -0
package/schematics/ng-add/anti-flash.js +53 -31
package/schematics/ng-add/anti-flash.js.map +1 -1
package/schematics/ng-add/app-config.js +5 -3
package/schematics/ng-add/app-config.js.map +1 -1
package/schematics/ng-add/constants.d.ts +1 -0
package/schematics/ng-add/constants.js +1 -0
package/schematics/ng-add/constants.js.map +1 -1
package/schematics/ng-add/index.js +89 -12
package/schematics/ng-add/index.js.map +1 -1
package/schematics/ng-add/schema.d.ts +2 -0
package/schematics/ng-add/schema.json +7 -2
package/schematics/ng-add/utils.d.ts +1 -6
package/schematics/ng-add/utils.js +11 -27
package/schematics/ng-add/utils.js.map +1 -1
package/schematics/sync/index.d.ts +0 -9
package/schematics/sync/index.js +208 -42
package/schematics/sync/index.js.map +1 -1
package/schematics/sync/schema.d.ts +2 -0
package/schematics/sync/schema.json +5 -0
package/types/ngx-theme-stack.d.ts +70 -31

package/schematics/sync/index.js CHANGED Viewed

@@ -5,36 +5,36 @@ const constants_1 = require("../ng-add/constants");
 // ── Regex patterns ────────────────────────────────────────────────────────────
 /**
  * Matches the provideThemeStack() call in app.config.ts.
- * Captures the full options object string (may be empty).
+ * Captures the full options object string (may be empty or span multiple lines).
  *
  * Examples matched:
  *   provideThemeStack()
  *   provideThemeStack({ mode: 'attribute', themes: ['dark', 'light'] })
+ *   provideThemeStack({          ← multi-line call (new explicit format)
+ *     themes: ['light', 'dark'],
+ *     defaultTheme: 'system',
+ *   })
  */
-const PROVIDE_CALL_RE = /provideThemeStack\s*\(([^)]*)\)/;
-/**
- * Extracts "mode" value from the captured options string.
- * e.g.  { mode: 'attribute', ... }  →  'attribute'
- */
+const PROVIDE_CALL_RE = /provideThemeStack\s*\(([\s\S]*?)\)/;
+/** Extracts "mode" value from the captured options string. */
 const OPTION_MODE_RE = /mode\s*:\s*['"]([^'"]+)['"]/;
-/**
- * Extracts "storageKey" value from the captured options string.
- */
+/** Extracts "storageKey" value from the captured options string. */
 const OPTION_KEY_RE = /storageKey\s*:\s*['"]([^'"]+)['"]/;
-/**
- * Extracts "defaultTheme" value from the captured options string.
- */
+/** Extracts "defaultTheme" value from the captured options string. */
 const OPTION_DEFAULT_THEME_RE = /defaultTheme\s*:\s*['"]([^'"]+)['"]/;
+const OPTION_STRATEGY_RE = /strategy\s*:\s*['"]([^'"]+)['"]/;
 /**
- * Identifies the inline anti-flash script injected by ng-add.
- * We look for the unique comment marker.
+ * Extracts the themes array from the options string.
+ * Matches: themes: ['light', 'dark', 'sunset']
  */
-const SCRIPT_MARKER = 'ngx-theme-stack anti-flash';
-/**
- * Matches the complete <script> block that contains the anti-flash script.
- * Captures everything between the comment marker and the closing </script>.
- */
-const SCRIPT_BLOCK_RE = /<!-- ngx-theme-stack anti-flash -->\s*<script>[\s\S]*?<\/script>/;
+const OPTION_THEMES_RE = /themes\s*:\s*\[([^\]]*)\]/;
+/** Matches the complete <script> anti-flash block (identified by its marker comment). */
+const SCRIPT_BLOCK_RE = /<!--\s*ngx-theme-stack\s*anti-flash\s*-->\s*<script[^>]*>[\s\S]*?<\/script>/;
+/** Marker injected by ng-add that delimits the Critters Trick zone in <body>. */
+const CRITTERS_MARKER = '<!-- ngx-theme-stack critters-trick -->';
+/** Regex that matches the entire Critters Trick block (marker + divs). */
+const CRITTERS_BLOCK_RE = /<!-- ngx-theme-stack critters-trick -->[\s\S]*?<!-- \/ngx-theme-stack critters-trick -->/;
+// ── Config extraction ─────────────────────────────────────────────────────────
 /**
  * Reads `app.config.ts` (or `main.ts`) and extracts the current
  * `provideThemeStack()` configuration using regex.
@@ -42,7 +42,7 @@ const SCRIPT_BLOCK_RE = /<!-- ngx-theme-stack anti-flash -->\s*<script>[\s\S]*?<
  * Falls back to library defaults for any option that is not found.
  */
 function extractConfig(tree, sourceRoot, context) {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
     const candidates = [
         `${sourceRoot}/app/app.config.ts`,
         `${sourceRoot}/main.ts`,
@@ -53,29 +53,37 @@ function extractConfig(tree, sourceRoot, context) {
         const content = tree.readText(filePath);
         const provideMatch = PROVIDE_CALL_RE.exec(content);
         if (!provideMatch) {
-            context.logger.warn(`⚠ provideThemeStack() not found in ${filePath}. Using library defaults.`);
+            context.logger.warn(`⚠ provideThemeStack() not found in ${filePath}. Using library defaults.\n` +
+                `  Tip: Add provideThemeStack({...}) to your providers for explicit control.`);
             break;
         }
         const opts = provideMatch[1]; // everything inside provideThemeStack(...)
         const mode = (_b = (_a = OPTION_MODE_RE.exec(opts)) === null || _a === void 0 ? void 0 : _a[1]) !== null && _b !== void 0 ? _b : constants_1.DEFAULTS.mode;
         const storageKey = (_d = (_c = OPTION_KEY_RE.exec(opts)) === null || _c === void 0 ? void 0 : _c[1]) !== null && _d !== void 0 ? _d : constants_1.DEFAULTS.storageKey;
         const defaultTheme = (_f = (_e = OPTION_DEFAULT_THEME_RE.exec(opts)) === null || _e === void 0 ? void 0 : _e[1]) !== null && _f !== void 0 ? _f : constants_1.DEFAULTS.defaultTheme;
-        context.logger.info(`   Detected mode         : ${mode}`);
-        context.logger.info(`   Detected storageKey   : ${storageKey}`);
-        context.logger.info(`   Detected defaultTheme : ${defaultTheme}`);
-        return { mode, storageKey, defaultTheme };
+        const strategy = (_h = (_g = OPTION_STRATEGY_RE.exec(opts)) === null || _g === void 0 ? void 0 : _g[1]) !== null && _h !== void 0 ? _h : undefined;
+        // Extract themes array: ['light', 'dark', 'sunset'] → ['light', 'dark', 'sunset']
+        const themesRaw = (_k = (_j = OPTION_THEMES_RE.exec(opts)) === null || _j === void 0 ? void 0 : _j[1]) !== null && _k !== void 0 ? _k : '';
+        const themes = themesRaw
+            ? themesRaw
+                .split(',')
+                .map((t) => t.trim().replace(/^['"]|['"]$/g, ''))
+                .filter(Boolean)
+            : [...constants_1.DEFAULTS.themes];
+        return { mode, strategy, storageKey, defaultTheme, themes };
     }
     // Fallback to defaults if no config file found
     return {
         mode: constants_1.DEFAULTS.mode,
         storageKey: constants_1.DEFAULTS.storageKey,
         defaultTheme: constants_1.DEFAULTS.defaultTheme,
+        themes: [...constants_1.DEFAULTS.themes],
     };
 }
-// ── Script generation ─────────────────────────────────────────────────────────
+// ── Anti-flash script generation ──────────────────────────────────────────────
 /**
  * Builds the minimal blocking inline script — identical logic to anti-flash.ts
- * but read-only (no themes list needed; generic regex validation).
+ * but kept here to avoid cross-directory dependencies in the schematic build.
  */
 function buildScript(config) {
     const { storageKey, defaultTheme, mode } = config;
@@ -92,40 +100,188 @@ function buildScript(config) {
         `if(t==='dark'||t==='light')e.style.setProperty('color-scheme',t);` +
         `}catch(x){}})();`);
 }
+// ── Critters Trick div generation ─────────────────────────────────────────────
+/**
+ * Generates the hidden divs for the Critters Trick based on the mode.
+ *
+ * When Angular builds for production, Critters inlines "critical" CSS.
+ * It determines "critical" by checking which selectors match elements in the HTML.
+ * By placing hidden divs with the theme class/attribute, we trick Critters into
+ * inlining ALL theme token blocks — achieving zero-network-request CSS for themes.
+ *
+ * @param themes - The list of themes to generate divs for (excludes 'system').
+ * @param mode   - 'class' | 'attribute' | 'both'
+ */
+function buildCrittersDivs(themes, mode) {
+    // 'system' is a meta-theme that resolves to 'light' or 'dark'; no CSS selector needed.
+    const renderableThemes = themes.filter((t) => t !== 'system');
+    const divs = renderableThemes
+        .map((theme) => {
+        if (mode === 'class') {
+            return `      <div class="${theme}"></div>`;
+        }
+        else if (mode === 'attribute') {
+            return `      <div data-theme="${theme}"></div>`;
+        }
+        else {
+            // 'both'
+            return `      <div class="${theme}" data-theme="${theme}"></div>`;
+        }
+    })
+        .join('\n');
+    return (`<!-- ngx-theme-stack critters-trick -->\n` +
+        `    <div id="ngx-theme-stack-critters-trick" hidden>\n${divs}\n    </div>\n` +
+        `    <!-- /ngx-theme-stack critters-trick -->`);
+}
 // ── index.html patching ───────────────────────────────────────────────────────
-function syncIndexHtml(tree, context, sourceRoot, config) {
+function syncIndexHtml(tree, context, sourceRoot, config, strategy) {
     const candidates = [`${sourceRoot}/index.html`, 'public/index.html'].map((p) => p.startsWith('/') ? p.slice(1) : p);
     for (const path of candidates) {
         if (!tree.exists(path))
             continue;
-        const content = tree.readText(path);
-        if (!content.includes(SCRIPT_MARKER)) {
+        let content = tree.readText(path);
+        if (!content.includes('ngx-theme-stack anti-flash')) {
             context.logger.warn(`⚠ Anti-flash script marker not found in ${path}.\n` +
                 `  Run 'ng add ngx-theme-stack' first, or add the script manually.`);
             return;
         }
+        // ── 1. Sync the anti-flash JS script ───────────────────────────────────
         const newScriptBlock = `<!-- ngx-theme-stack anti-flash -->\n  <script>${buildScript(config)}</script>`;
-        const updated = content.replace(SCRIPT_BLOCK_RE, newScriptBlock);
-        if (updated === content) {
-            context.logger.warn(`⚠ Could not replace script block in ${path}. The format may have changed.`);
+        if (!SCRIPT_BLOCK_RE.test(content)) {
+            context.logger.warn(`⚠ Could not find a valid <script> block after the anti-flash marker in ${path}. The format may have changed.`);
             return;
         }
-        tree.overwrite(path, updated);
-        context.logger.info(`✔ Anti-flash script synced in ${path}`);
+        const updatedScript = content.replace(SCRIPT_BLOCK_RE, newScriptBlock);
+        if (updatedScript === content) {
+            context.logger.info(`ℹ Anti-flash script in ${path} is already up to date.`);
+        }
+        else {
+            content = updatedScript;
+            context.logger.info(`✔ Anti-flash script synced in ${path}`);
+        }
+        // ── 2. Sync the Critters Trick divs (only for 'critters' strategy) ─────
+        if (strategy === 'critters') {
+            const crittersBlock = buildCrittersDivs(config.themes, config.mode);
+            const CRITTERS_ID_RE = /<div id="ngx-theme-stack-critters-trick"[\s\S]*?<\/div>/;
+            if (CRITTERS_BLOCK_RE.test(content)) {
+                content = content.replace(CRITTERS_BLOCK_RE, crittersBlock);
+                context.logger.info(`✔ Critters Trick block updated in ${path}`);
+            }
+            else if (CRITTERS_ID_RE.test(content)) {
+                content = content.replace(CRITTERS_ID_RE, crittersBlock);
+                context.logger.info(`✔ Critters Trick div wrapped in ${path}`);
+            }
+            else if (content.includes(CRITTERS_MARKER)) {
+                content = content.replace(CRITTERS_MARKER, crittersBlock);
+                context.logger.info(`✔ Critters Trick divs injected in ${path}`);
+            }
+            else {
+                content = content.replace('</body>', `  ${crittersBlock}\n  </body>`);
+                context.logger.info(`✔ Critters Trick block added before </body> in ${path}`);
+            }
+        }
+        else {
+            // blocking strategy: remove any existing Critters divs if present
+            if (CRITTERS_BLOCK_RE.test(content)) {
+                content = content.replace(CRITTERS_BLOCK_RE, '');
+                context.logger.info(`✔ Critters Trick divs removed (blocking strategy) in ${path}`);
+            }
+        }
+        tree.overwrite(path, content);
         return;
     }
     context.logger.warn(`⚠ Could not find index.html (tried: ${candidates.join(', ')}).`);
 }
+// ── angular.json patching ───────────────────────────────────────────────────
+function syncAngularJson(tree, context, projectName, strategy) {
+    var _a, _b;
+    const content = tree.read('/angular.json');
+    if (!content)
+        return;
+    const workspace = JSON.parse(content.toString());
+    const project = workspace.projects[projectName];
+    if (!project)
+        return;
+    const buildTarget = (_a = project.architect) === null || _a === void 0 ? void 0 : _a.build;
+    if (!buildTarget)
+        return;
+    const prodConfig = (_b = buildTarget.configurations) === null || _b === void 0 ? void 0 : _b.production;
+    if (!prodConfig)
+        return;
+    if (strategy === 'blocking') {
+        // Disable inlineCritical for blocking strategy
+        if (typeof prodConfig.optimization === 'object') {
+            prodConfig.optimization.styles = prodConfig.optimization.styles || {};
+            if (prodConfig.optimization.styles.inlineCritical !== false) {
+                prodConfig.optimization.styles.inlineCritical = false;
+                context.logger.info(`✔ Disabled inlineCritical in angular.json projects/${projectName} (production).`);
+            }
+        }
+        else {
+            // It's either boolean or undefined
+            prodConfig.optimization = {
+                styles: { inlineCritical: false },
+            };
+            context.logger.info(`✔ Disabled inlineCritical in angular.json projects/${projectName} (production).`);
+        }
+    }
+    else {
+        // Enable inlineCritical (or revert to default) for critters strategy
+        if (typeof prodConfig.optimization === 'object' && prodConfig.optimization.styles) {
+            if (prodConfig.optimization.styles.inlineCritical === false) {
+                prodConfig.optimization.styles.inlineCritical = true;
+                context.logger.info(`✔ Re-enabled inlineCritical in angular.json projects/${projectName} (production).`);
+            }
+        }
+    }
+    tree.overwrite('/angular.json', JSON.stringify(workspace, null, 2));
+}
 // ── Schematic factory ─────────────────────────────────────────────────────────
 /**
  * `ng generate ngx-theme-stack:sync`
  *
  * Reads the current `provideThemeStack()` configuration from `app.config.ts`
- * and regenerates the anti-flash inline script in `index.html` to match.
+ * and regenerates:
+ *
+ * 1. **The anti-flash inline script** in `index.html` — keeping `storageKey`,
+ *    `defaultTheme`, and `mode` in sync with the Angular provider.
+ *
+ * 2. **The Critters Trick divs** (if `strategy: 'critters'`) — hidden `<div>`
+ *    elements that trick Angular's built-in CSS inliner (Critters) into treating
+ *    all theme token blocks as "critical CSS", inlining them in the `<head>`
+ *    at build time. This achieves zero-flash without any extra network requests.
  *
- * Run this whenever you change `mode`, `storageKey`, or `defaultTheme`
- * inside `provideThemeStack()` to keep the anti-flash script in sync.
+ * Run this whenever you change `mode`, `storageKey`, `defaultTheme`, or `themes`
+ * inside `provideThemeStack()`. Tip: add it as a `prebuild` script in package.json
+ * so it runs automatically before every build.
+ *
+ * @example
+ * // One-off sync
+ * ng generate ngx-theme-stack:sync
+ *
+ * @example
+ * // Automatic sync (recommended — add to package.json)
+ * "prebuild": "ng generate ngx-theme-stack:sync"
  */
+/**
+ * Auto-detects the strategy by checking if a Critters marker exists in index.html.
+ * This allows the prebuild command to run with zero extra flags.
+ */
+function detectStrategy(tree, sourceRoot, explicitStrategy) {
+    if (explicitStrategy)
+        return explicitStrategy;
+    const candidates = [`${sourceRoot}/index.html`, 'public/index.html'].map((p) => p.startsWith('/') ? p.slice(1) : p);
+    for (const path of candidates) {
+        if (!tree.exists(path))
+            continue;
+        const content = tree.readText(path);
+        // If either the full block OR the bare marker comment exist → critters
+        if (content.includes('ngx-theme-stack critters-trick'))
+            return 'critters';
+        return 'blocking';
+    }
+    return 'critters'; // safe default
+}
 function sync(options) {
     return (tree, context) => {
         var _a, _b;
@@ -140,13 +296,23 @@ function sync(options) {
             throw new Error(`Project "${projectName}" not found in angular.json.`);
         }
         const sourceRoot = project.sourceRoot || `${(_b = project.root) !== null && _b !== void 0 ? _b : ''}/src`;
+        const config = extractConfig(tree, sourceRoot, context);
+        const strategy = (options.strategy || config.strategy || detectStrategy(tree, sourceRoot));
+        context.logger.info(`   Detected mode         : ${config.mode}`);
+        context.logger.info(`   Detected strategy     : ${strategy} ${config.strategy ? '(from code)' : '(auto-detected)'}`);
+        context.logger.info(`   Detected storageKey   : ${config.storageKey}`);
+        context.logger.info(`   Detected defaultTheme : ${config.defaultTheme}`);
+        context.logger.info(`   Detected themes       : [${config.themes.join(', ')}]`);
         context.logger.info('');
         context.logger.info(`🔄  ngx-theme-stack sync [project: ${projectName}]`);
         context.logger.info('');
-        const config = extractConfig(tree, sourceRoot, context);
-        syncIndexHtml(tree, context, sourceRoot, config);
+        syncIndexHtml(tree, context, sourceRoot, config, strategy);
+        syncAngularJson(tree, context, projectName, strategy);
         context.logger.info('');
-        context.logger.info('✅  Done! The anti-flash script is now in sync with your provider config.');
+        context.logger.info('✅  Done! The anti-flash setup is now in sync with your provider config.');
+        if (strategy === 'critters') {
+            context.logger.info('   Critters Trick: theme CSS will be automatically inlined at build time.');
+        }
         context.logger.info('');
     };
 }

package/schematics/sync/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../projects/ngx-theme-stack/schematics/sync/index.ts"],"names":[],"mappings":";;~~AA0LA~~,~~oBA4BC~~;~~AArND~~,mDAA+C;AAG/C,iFAAiF;AAEjF~~;;;;;;;GAOG~~;AACH,MAAM,eAAe,GAAG,~~iCAAiC~~,CAAC;~~AAE1D;;;GAGG~~;~~AACH~~,MAAM,cAAc,GAAG,6BAA6B,CAAC;AAErD~~;;GAEG~~;~~AACH~~,MAAM,aAAa,GAAG,mCAAmC,CAAC;AAE1D~~;;GAEG~~;~~AACH~~,MAAM,uBAAuB,GAAG,qCAAqC,CAAC;~~AAEtE~~;;;GAGG;AACH,MAAM,~~aAAa~~,GAAG,~~4BAA4B~~,CAAC;~~AAEnD;;;GAGG~~;~~AACH~~,MAAM,eAAe,~~GACnB~~,~~kEAAkE~~,CAAC;~~AAUrE~~;;;;;GAKG;AACH,SAAS,aAAa,CACpB,IAAU,EACV,UAAkB,EAClB,OAAyB;;IAEzB,MAAM,UAAU,GAAG;QACjB,GAAG,UAAU,oBAAoB;QACjC,GAAG,UAAU,UAAU;KACxB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEnD,KAAK,MAAM,QAAQ,IAAI,UAAU,EAAE,CAAC;QAClC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;YAAE,SAAS;QAErC,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACxC,MAAM,YAAY,GAAG,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAEnD,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,OAAO,CAAC,MAAM,CAAC,IAAI,CACjB,sCAAsC,QAAQ,~~2BAA2B~~,~~CAC1E~~,CAAC;YACF,MAAM;QACR,CAAC;QAED,MAAM,IAAI,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,2CAA2C;QAEzE,MAAM,IAAI,GAAG,MAAA,MAAA,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,0CAAG,CAAC,CAAC,mCAAI,oBAAQ,CAAC,IAAI,CAAC;QAC7D,MAAM,UAAU,GAAG,MAAA,MAAA,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,0CAAG,CAAC,CAAC,mCAAI,oBAAQ,CAAC,UAAU,CAAC;QACxE,MAAM,YAAY,GAAG,MAAA,MAAA,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC,0CAAG,CAAC,CAAC,mCAAI,oBAAQ,CAAC,YAAY,CAAC;~~QAEtF~~,~~OAAO~~,CAAC,~~MAAM~~,CAAC,IAAI,CAAC,~~8BAA8B~~,IAAI,EAAE,CAAC,CAAC;~~QAC1D~~,~~OAAO~~,CAAC,~~MAAM~~,CAAC,~~IAAI~~,CAAC,~~8BAA8B~~,~~UAAU~~,EAAE,CAAC,CAAC~~;QAChE~~,OAAO,CAAC,MAAM,CAAC,~~IAAI~~,CAAC,~~8BAA8B~~,~~YAAY~~,~~EAAE~~,CAAC,CAAC;~~QAElE~~,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,CAAC;~~IAC5C~~,CAAC;IAED,+CAA+C;IAC/C,OAAO;QACL,IAAI,EAAE,oBAAQ,CAAC,IAAI;QACnB,UAAU,EAAE,oBAAQ,CAAC,UAAU;QAC/B,YAAY,EAAE,oBAAQ,CAAC,YAAY;~~KACpC~~,CAAC;AACJ,CAAC;AAED,iFAAiF;AAEjF;;;GAGG;AACH,SAAS,WAAW,CAAC,MAAuB;IAC1C,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC;IAElD,OAAO,CACL,kBAAkB;QAClB,SAAS,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,GAAG;QACtC,KAAK,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,GAAG;QACpC,KAAK,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG;QAC5B,+BAA+B;QAC/B,6BAA6B;QAC7B,6CAA6C;QAC7C,6FAA6F;QAC7F,gDAAgD;QAChD,gEAAgE;QAChE,mEAAmE;QACnE,kBAAkB,CACnB,CAAC;AACJ,CAAC;AAED,iFAAiF;AAEjF,SAAS,aAAa,CACpB,IAAU,EACV,OAAyB,EACzB,UAAkB,EAClB,MAAuB;~~IAEvB~~,MAAM,UAAU,GAAG,CAAC,GAAG,UAAU,aAAa,EAAE,mBAAmB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAC7E,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CACnC,CAAC;IAEF,KAAK,MAAM,IAAI,IAAI,UAAU,EAAE,CAAC;QAC9B,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;YAAE,SAAS;QAEjC,~~MAAM~~,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;~~QAEpC~~,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,~~aAAa~~,CAAC,EAAE,CAAC;~~YACrC~~,OAAO,CAAC,MAAM,CAAC,IAAI,CACjB,2CAA2C,IAAI,KAAK;gBAClD,mEAAmE,CACtE,CAAC;YACF,OAAO;QACT,CAAC;QAED,MAAM,cAAc,GAClB,kDAAkD,WAAW,CAAC,MAAM,CAAC,WAAW,CAAC;QAEnF,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,eAAe,EAAE,cAAc,CAAC,CAAC;~~QAEjE~~,IAAI,~~OAAO~~,KAAK,OAAO,EAAE,CAAC;~~YACxB~~,OAAO,CAAC,MAAM,CAAC,IAAI,~~CACjB~~,~~uCAAuC~~,IAAI,~~gCAAgC~~,~~CAC5E~~,CAAC;~~YACF~~,OAAO;~~QACT~~,CAAC;QAED,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;~~QAC9B~~,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,~~iCAAiC~~,IAAI,EAAE,CAAC,CAAC;~~QAC7D~~,OAAO;IACT,CAAC;IAED,OAAO,CAAC,MAAM,CAAC,IAAI,CACjB,uCAAuC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CACjE,CAAC;AACJ,CAAC;AAED,iFAAiF;AAEjF~~;;;;;;;;GAQG~~;AACH,SAAgB,IAAI,CAAC,OAAe;IAClC,OAAO,CAAC,IAAU,EAAE,OAAyB,EAAE,EAAE;;QAC/C,MAAM,eAAe,GAAG,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QACnD,IAAI,CAAC,eAAe,EAAE,CAAC;YACrB,MAAM,IAAI,KAAK,CAAC,+DAA+D,CAAC,CAAC;QACnF,CAAC;QAED,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,QAAQ,EAAE,CAAC,CAAC;QACzD,MAAM,WAAW,GAAG,MAAA,OAAO,CAAC,OAAO,mCAAI,SAAS,CAAC,cAAc,CAAC;QAChE,MAAM,OAAO,GAAG,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;QAEhD,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,MAAM,IAAI,KAAK,CAAC,YAAY,WAAW,8BAA8B,CAAC,CAAC;QACzE,CAAC;QAED,MAAM,UAAU,GAAW,OAAO,CAAC,UAAU,IAAI,GAAG,MAAA,OAAO,CAAC,IAAI,mCAAI,EAAE,MAAM,CAAC;~~QAE7E~~,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;~~QACxB~~,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,~~sCAAsC~~,~~WAAW~~,~~GAAG~~,CAAC,CAAC;~~QAC1E~~,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;~~QAExB~~,MAAM,MAAM,~~GAAG~~,~~aAAa~~,CAAC,IAAI,EAAE,~~UAAU~~,EAAE,OAAO,CAAC,CAAC;~~QACxD~~,aAAa,CAAC,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC;~~QAEjD~~,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACxB,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,~~0EAA0E~~,CAAC,CAAC;~~QAChG~~,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC1B,CAAC,CAAC;AACJ,CAAC"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../projects/ngx-theme-stack/schematics/sync/index.ts"],"names":[],"mappings":"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"}

package/schematics/sync/schema.d.ts CHANGED Viewed

@@ -1,4 +1,6 @@
 export interface Schema {
     /** Name of the Angular project to sync. */
     project: string;
+    /** The strategy to prevent theme flicker. */
+    strategy: 'critters' | 'blocking';
 }

package/schematics/sync/schema.json CHANGED Viewed

@@ -10,6 +10,11 @@
       "$default": {
         "$source": "projectName"
       }
+    },
+    "strategy": {
+      "type": "string",
+      "description": "The strategy to use (critters or blocking). Auto-detected if not provided.",
+      "enum": ["blocking", "critters"]
     }
   },
   "required": ["project"]

package/types/ngx-theme-stack.d.ts CHANGED Viewed

@@ -36,7 +36,19 @@ type NgTheme<T extends string = string & {}> = DefaultNgTheme | T;
  * Represents the value that comes from `matchMedia`, not user selection.
  */
 type NgSystemTheme = Exclude<DefaultNgTheme, 'system'>;
+/**
+ * Theme application mode.
+ * - `'attribute'`: sets `data-theme` attribute on `<html>`
+ * - `'class'`: adds theme class to `<html>`
+ * - `'both'`: uses both attribute and class
+ */
 type NgMode = 'attribute' | 'class' | 'both';
+/**
+ * Theme application strategy.
+ * - `'blocking'`: theme CSS is loaded synchronously before rendering
+ * - `'critters'`: theme CSS is inlined using Critters for SSR/SSG
+ */
+type NgStrategy = 'blocking' | 'critters';
 /**
  * Library configuration.
  *
@@ -45,9 +57,22 @@ type NgMode = 'attribute' | 'class' | 'both';
  * via {@link provideThemeStack} to get a closed, type-safe theme union.
  */
 interface NgConfig<T extends string = string & {}> {
+    /** The theme to use on first visit or when no preference is saved. Default: 'system'. */
     defaultTheme: NgTheme<T>;
+    /** Key used to persist theme preference in localStorage. Default: 'ngx-theme-stack-theme'. */
     storageKey: string;
+    /**
+     * How the theme should be applied to the document (via class, attribute or both).
+     * Default: 'class'.
+     */
     mode: NgMode;
+    /**
+     * Performance strategy for anti-flash.
+     * Use 'critters' for SSG/SSR builds with inlined CSS, 'blocking' for standard CSS files.
+     * Default: 'critters'.
+     */
+    strategy: NgStrategy;
+    /** List of supported theme identifiers. Default: ['light', 'dark', 'system']. */
     themes: NgTheme<T>[];
 }
@@ -74,18 +99,17 @@ declare class CoreThemeService {
     /**
      * Whether the service has completed client-side initialization.
      *
-     * `false` during SSR and on the very first render pass. Becomes `true`
-     * immediately after the first browser render, once the real persisted theme
-     * has been read from `localStorage`.
+     * `false` during SSR and on the very first render pass before the initial theme
+     * is resolved from `localStorage`. Becomes `true` immediately after the
+     * first browser render pass.
      *
-     * Use this to guard any template logic that depends on `selectedTheme` or
-     * `resolvedTheme` to avoid an SSR hydration-mismatch flash: the server
-     * renders the default (`'system'`) while the browser may have a different
-     * value stored.
+     * **Important:** Guard template elements that display `selectedTheme()` or
+     * `resolvedTheme()` behind this signal to prevent hydration-mismatch flashes
+     * (e.g. if the server renders the default 'system' but the user has 'dark' stored).
      *
      * @example
      * ```html
-     * {{ themeService.isHydrated() ? selectedTheme() : '—' }}
+     * {{ theme.isHydrated() ? theme.selectedTheme() : '...' }}
      * ```
      */
     readonly isHydrated: _angular_core.WritableSignal<boolean>;
@@ -132,6 +156,7 @@ declare const DEFAULT_NG_CONFIG: {
     defaultTheme: "system";
     storageKey: string;
     mode: "class";
+    strategy: "critters";
     themes: ("system" | "light" | "dark")[];
 };
 declare const NGX_THEME_STACK_CONFIG: InjectionToken<NgConfig<string>>;
@@ -140,6 +165,14 @@ declare const NGX_THEME_STACK_CONFIG: InjectionToken<NgConfig<string>>;
  *
  * Custom `themes` are **merged** with the built-in defaults
  * (`'light'`, `'dark'`, `'system'`), so you never lose the base themes.
+ *
+ * **Defaults:**
+ * - `themes`: `['light', 'dark', 'system']`
+ * - `defaultTheme`: `'system'`
+ * - `storageKey`: `'ngx-theme-stack-theme'`
+ * - `mode`: `'class'`
+ * - `strategy`: `'critters'`
  *
  * The type parameter `T` is **inferred automatically** from the `themes` array
  * when passed as a `const` — no need to specify it manually.
@@ -159,6 +192,13 @@ declare const NGX_THEME_STACK_CONFIG: InjectionToken<NgConfig<string>>;
  * provideThemeStack()
  *
  * @example
+ * // SSR/SSG Optimization — uses Critters inlining strategy
+ * provideThemeStack({
+ *   strategy: 'critters',
+ *   mode: 'class',
+ * })
+ *
+ * @example
  * // Closed union: TypeScript infers 'sepia' | 'ocean' from the array
  * provideThemeStack({
  *   themes: ['sepia', 'ocean'] as const,
@@ -170,7 +210,7 @@ declare const NGX_THEME_STACK_CONFIG: InjectionToken<NgConfig<string>>;
  * // Custom storage key and mode
  * provideThemeStack({
  *   storageKey: 'my-app-theme',
- *   mode: 'class',
+ *   mode: 'attribute',
  * })
  */
 declare function provideThemeStack<const T extends string = DefaultNgTheme>(config?: Partial<NgConfig<T>>): {
@@ -190,17 +230,17 @@ declare class ThemeCycleService {
     #private;
     /** The theme explicitly selected by the user. May be `'system'`. */
     readonly selectedTheme: _angular_core.Signal<ngx_theme_stack.NgTheme>;
-    /** Resolved theme applied to the DOM. Always concrete — never `'system'`. */
+    /** Resolved theme currently applied to the DOM. Always concrete — never `'system'`. */
     readonly resolvedTheme: _angular_core.Signal<(string & {}) | ngx_theme_stack.NgSystemTheme>;
-    /** Whether the currently applied theme is dark. */
+    /** Whether the currently applied theme is `'dark'`. */
     readonly isDark: _angular_core.Signal<boolean>;
-    /** Whether the currently applied theme is light. */
+    /** Whether the currently applied theme is `'light'`. */
     readonly isLight: _angular_core.Signal<boolean>;
-    /** Whether the currently applied theme is system. */
+    /** Whether the user has explicitly selected `'system'` preference. */
     readonly isSystem: _angular_core.Signal<boolean>;
     /**
-     * Whether the service has completed client-side initialization.
-     * `false` during SSR. Becomes `true` after the first browser render.
+     * Whether the service has completed client-side initialization and
+     * resolved the real persisted theme. Use to prevent hydration flashes.
      */
     readonly isHydrated: _angular_core.Signal<boolean>;
     /**
@@ -224,21 +264,21 @@ declare class ThemeCycleService {
  */
 declare class ThemeSelectService {
     #private;
-    /** List of all configured themes. Defaults to ['light', 'dark', 'system']. */
+    /** List of all configured themes. Defaults to `['light', 'dark', 'system']`. */
     readonly availableThemes: string[];
     /** The theme explicitly selected by the user. May be `'system'`. */
     readonly selectedTheme: _angular_core.Signal<NgTheme>;
-    /** Resolved theme applied to the DOM. Always concrete — never `'system'`. */
+    /** Resolved theme currently applied to the DOM. Always concrete — never `'system'`. */
     readonly resolvedTheme: _angular_core.Signal<(string & {}) | ngx_theme_stack.NgSystemTheme>;
-    /** Whether the currently applied theme is dark. */
+    /** Whether the currently applied theme is `'dark'`. */
     readonly isDark: _angular_core.Signal<boolean>;
-    /** Whether the currently applied theme is light. */
+    /** Whether the currently applied theme is `'light'`. */
     readonly isLight: _angular_core.Signal<boolean>;
-    /** Whether the currently applied theme is system. */
+    /** Whether the user has explicitly selected `'system'` preference. */
     readonly isSystem: _angular_core.Signal<boolean>;
     /**
-     * Whether the service has completed client-side initialization.
-     * `false` during SSR. Becomes `true` after the first browser render.
+     * Whether the service has completed client-side initialization and
+     * resolved the real persisted theme. Use to prevent hydration flashes.
      */
     readonly isHydrated: _angular_core.Signal<boolean>;
     /**
@@ -260,20 +300,19 @@ declare class ThemeSelectService {
  */
 declare class ThemeToggleService {
     #private;
-    /** Resolved theme applied to the DOM. Always concrete — never `'system'`. */
+    /** Resolved theme currently applied to the DOM. Always concrete — never `'system'`. */
     readonly resolvedTheme: _angular_core.Signal<(string & {}) | ngx_theme_stack.NgSystemTheme>;
+    /** The theme explicitly selected by the user. May be `'system'`. */
     readonly selectedTheme: _angular_core.Signal<ngx_theme_stack.NgTheme>;
-    /** Whether the currently applied theme is dark. */
+    /** Whether the currently applied theme is `'dark'`. */
     readonly isDark: _angular_core.Signal<boolean>;
-    /** Whether the currently applied theme is light. */
+    /** Whether the currently applied theme is `'light'`. */
     readonly isLight: _angular_core.Signal<boolean>;
-    /** Whether the currently applied theme is system. */
+    /** Whether the user has explicitly selected `'system'` preference. */
     readonly isSystem: _angular_core.Signal<boolean>;
     /**
-     * Whether the service has completed client-side initialization.
-     * `false` during SSR. Becomes `true` after the first browser render.
-     * Guard any template logic that shows `selectedTheme` or `resolvedTheme`
-     * behind this signal to avoid a hydration-mismatch flash.
+     * Whether the service has completed client-side initialization and
+     * resolved the real persisted theme. Use to prevent hydration flashes.
      */
     readonly isHydrated: _angular_core.Signal<boolean>;
     /**
@@ -309,4 +348,4 @@ declare class NgxThemeStackError extends Error {
 }
 export { CoreThemeService, DEFAULT_NG_CONFIG, DEFAULT_THEMES, NGX_THEME_STACK_CONFIG, NgxThemeStackError, ThemeCycleService, ThemeSelectService, ThemeToggleService, provideThemeStack };
-export type { DefaultNgTheme, NgConfig, NgMode, NgSystemTheme, NgTheme };
+export type { DefaultNgTheme, NgConfig, NgMode, NgStrategy, NgSystemTheme, NgTheme };