@knighted/css 1.0.8 → 1.0.10

package/README.md

@@ -4,7 +4,7 @@
 [![codecov](https://codecov.io/gh/knightedcodemonkey/css/graph/badge.svg?token=q93Qqwvq6l)](https://codecov.io/gh/knightedcodemonkey/css)
 [![NPM version](https://img.shields.io/npm/v/@knighted/css.svg)](https://www.npmjs.com/package/@knighted/css)
 
-`@knighted/css` walks your JavaScript/TypeScript module graph, compiles every CSS-like dependency (plain CSS, Sass/SCSS, Less, vanilla-extract), and ships both the concatenated stylesheet string and optional `.knighted-css.*` imports that keep selectors typed. Use it when you need fully materialized styles ahead of runtime—Shadow DOM surfaces, server-rendered routes, static site builds, or any entry point that should inline CSS without spinning up a full bundler.
+`@knighted/css` walks your module graph, compiles every CSS-like dependency (plain CSS, Sass/SCSS, Less, vanilla-extract), and ships both the concatenated stylesheet string and optional `.knighted-css.*` imports that keep selectors typed. Use it with or without a bundler: run the `css()` API in scripts/SSR pipelines, or lean on the `?knighted-css` loader query so bundlers import compiled CSS alongside modules. Either path yields fully materialized styles for Shadow DOM surfaces, server-rendered routes, static site builds, or any entry point that should inline CSS.
 
 ## Why
 
@@ -23,7 +23,7 @@ I needed a single source of truth for UI components that could drop into both li
 
 ## Features
 
-- Traverses module graphs with a built-in walker to find transitive style imports (no bundler required).
+- Traverses module graphs with a built-in walker to find transitive style imports (bundler optional—works standalone or through bundler loaders), including static import attributes (`with { type: "css" }`) for extensionless or aliased specifiers.
 - Resolution parity via [`oxc-resolver`](https://github.com/oxc-project/oxc-resolver): tsconfig `paths`, package `exports` + `imports`, and extension aliasing (e.g., `.css.js` → `.css.ts`) are honored without wiring up a bundler.
 - Compiles `*.css`, `*.scss`, `*.sass`, `*.less`, and `*.css.ts` (vanilla-extract) files out of the box.
 - Optional post-processing via [`lightningcss`](https://github.com/parcel-bundler/lightningcss) for minification, prefixing, media query optimizations, or specificity boosts.

package/dist/cjs/generateTypes.cjs

@@ -11,11 +11,11 @@ const promises_1 = __importDefault(require("node:fs/promises"));
 const node_path_1 = __importDefault(require("node:path"));
 const node_module_1 = require("node:module");
 const node_url_1 = require("node:url");
-const es_module_lexer_1 = require("es-module-lexer");
 const node_module_type_1 = require("node-module-type");
 const get_tsconfig_1 = require("get-tsconfig");
 const tsconfig_paths_1 = require("tsconfig-paths");
 const css_js_1 = require("./css.cjs");
+const lexer_js_1 = require("./lexer.cjs");
 const stableSelectorsLiteral_js_1 = require("./stableSelectorsLiteral.cjs");
 const stableNamespace_js_1 = require("./stableNamespace.cjs");
 let activeCssWithMeta = css_js_1.cssWithMeta;
@@ -70,7 +70,6 @@ async function generateTypes(options = {}) {
     const include = normalizeIncludeOptions(options.include, rootDir);
     const cacheDir = node_path_1.default.resolve(options.outDir ?? node_path_1.default.join(rootDir, '.knighted-css'));
     const tsconfig = loadTsconfigResolutionContext(rootDir);
-    await es_module_lexer_1.init;
     await promises_1.default.mkdir(cacheDir, { recursive: true });
     const internalOptions = {
         rootDir,
@@ -211,13 +210,17 @@ async function findSpecifierImports(filePath) {
         return [];
     }
     const matches = [];
-    const [imports] = (0, es_module_lexer_1.parse)(source, filePath);
-    for (const record of imports) {
-        const specifier = record.n ?? source.slice(record.s, record.e);
-        if (specifier && specifier.includes(SELECTOR_REFERENCE)) {
-            matches.push({ specifier, importer: filePath });
+    try {
+        const { imports } = await (0, lexer_js_1.analyzeModule)(source, filePath);
+        for (const specifier of imports) {
+            if (specifier.includes(SELECTOR_REFERENCE)) {
+                matches.push({ specifier, importer: filePath });
+            }
         }
     }
+    catch {
+        // ignore and fall back to regex below
+    }
     const requireRegex = /require\((['"])([^'"`]+?\.knighted-css[^'"`]*)\1\)/g;
     let reqMatch;
     while ((reqMatch = requireRegex.exec(source)) !== null) {