ecij 0.1.1 → 0.2.0

package/README.md

@@ -99,6 +99,20 @@ The `ecij()` plugin accepts an optional configuration object:
 
 ```ts
 export interface Configuration {
+  /**
+   * Include patterns for files to process.
+   * Can be a string, RegExp, or array of strings/RegExp.
+   * @default /\.[cm]?[jt]sx?$/
+   */
+  include?: string | RegExp | ReadonlyArray<string | RegExp>;
+
+  /**
+   * Exclude patterns for files to skip.
+   * Can be a string, RegExp, or array of strings/RegExp.
+   * @default [/\/node_modules\//, /\.d\.ts$/]
+   */
+  exclude?: string | RegExp | ReadonlyArray<string | RegExp>;
+
   /**
    * Prefix for generated CSS class names.
    * Should not be empty, as generated hashes may start with a digit, resulting in invalid CSS class names.
@@ -119,8 +133,7 @@ ecij({
 ## TODO
 
 - Tests
-- Support `include`/`exclude` configuration
 - Scope handling
-- Validate that the `css` used refers to
+- Validate that the `css` used refers to the ecij export
 - Full import/export handling (default/namespace import/export)
 - Sourcemaps

package/dist/index.d.ts

@@ -2,6 +2,18 @@ import { Plugin } from "rolldown";
 
 //#region src/index.d.ts
 interface Configuration {
+  /**
+  * Include patterns for files to process.
+  * Can be a string, RegExp, or array of strings/RegExp.
+  * @default /\.[cm]?[jt]sx?$/
+  */
+  include?: string | RegExp | ReadonlyArray<string | RegExp>;
+  /**
+  * Exclude patterns for files to skip.
+  * Can be a string, RegExp, or array of strings/RegExp.
+  * @default [/\/node_modules\//, /\.d\.ts$/]
+  */
+  exclude?: string | RegExp | ReadonlyArray<string | RegExp>;
   /**
   * Prefix for generated CSS class names.
   * Should not be empty, as generated hashes may start with a digit, resulting in invalid CSS class names.
@@ -10,6 +22,8 @@ interface Configuration {
   classPrefix?: string;
 }
 declare function ecij({
+  include,
+  exclude,
   classPrefix
 }?: Configuration): Plugin;
 //#endregion

package/dist/index.js

@@ -2,9 +2,12 @@ import { createHash } from "node:crypto";
 import { relative } from "node:path";
 import { cwd } from "node:process";
 import { Visitor, parseSync } from "oxc-parser";
+import { makeIdFiltersToMatchWithQuery } from "@rolldown/pluginutils";
 
 //#region src/index.ts
-const JS_TS_FILE_REGEX = /\.[jtc]sx?$/;
+const JS_TS_FILE_REGEX = /\.[cm]?[jt]sx?$/;
+const NODE_MODULES_REGEX = /\/node_modules\//;
+const D_TS_FILE_REGEX = /\.d\.ts$/;
 const PROJECT_ROOT = cwd();
 function hashText(text) {
 	return createHash("md5").update(text).digest("hex").slice(0, 8);
@@ -21,7 +24,7 @@ function removeImport(code) {
 function addCssImport(code, cssModuleId) {
 	return `import ${JSON.stringify(cssModuleId)};\n\n${code}`;
 }
-function ecij({ classPrefix = "css-" } = {}) {
+function ecij({ include = JS_TS_FILE_REGEX, exclude = [NODE_MODULES_REGEX, D_TS_FILE_REGEX], classPrefix = "css-" } = {}) {
 	const extractedCssPerFile = /* @__PURE__ */ new Map();
 	const importedClassNameCache = /* @__PURE__ */ new Map();
 	/**
@@ -66,11 +69,11 @@ function ecij({ classPrefix = "css-" } = {}) {
 				if (node.init.type === "TaggedTemplateExpression") {
 					taggedTemplateExpressionFromVariableDeclarator.add(node.init);
 					handleTaggedTemplateExpression(localName, node.init);
-				} else if (node.init.type === "Literal" && typeof node.init.value === "string") {
+				} else if (node.init.type === "Literal" && (typeof node.init.value === "string" || typeof node.init.value === "number")) {
 					const exportedName$1 = localNameToExportedNameMap.get(localName);
 					if (exportedName$1 === void 0) return;
 					const cacheKey$1 = `${resolvedPath}:${exportedName$1}`;
-					importedClassNameCache.set(cacheKey$1, node.init.value);
+					importedClassNameCache.set(cacheKey$1, String(node.init.value));
 				}
 			},
 			TaggedTemplateExpression(node) {
@@ -127,7 +130,7 @@ function ecij({ classPrefix = "css-" } = {}) {
 				if (node.init.type === "TaggedTemplateExpression") {
 					taggedTemplateExpressionFromVariableDeclarator.add(node.init);
 					handleTaggedTemplateExpression(localName, node.init);
-				} else if (node.init.type === "Literal" && typeof node.init.value === "string") localClassNames.set(localName, node.init.value);
+				} else if (node.init.type === "Literal" && (typeof node.init.value === "string" || typeof node.init.value === "number")) localClassNames.set(localName, String(node.init.value));
 			},
 			TaggedTemplateExpression(node) {
 				if (taggedTemplateExpressionFromVariableDeclarator.has(node)) return;
@@ -212,21 +215,26 @@ function ecij({ classPrefix = "css-" } = {}) {
 			if (extractedCssPerFile.has(id)) return extractedCssPerFile.get(id);
 			return null;
 		},
-		async transform(code, id) {
-			const queryIndex = id.indexOf("?");
-			const cleanId = queryIndex === -1 ? id : id.slice(0, queryIndex);
-			if (!JS_TS_FILE_REGEX.test(cleanId)) return null;
-			if (!code.includes("ecij")) return null;
-			const { transformedCode, hasExtractions, cssContent, hasUnprocessedCssBlocks } = await extractCssFromCode(this, code, cleanId);
-			if (!hasExtractions) return null;
-			let finalCode = transformedCode;
-			if (cssContent !== "") {
-				const cssModuleId = `${cleanId}.${hashText(cssContent)}.css`;
-				extractedCssPerFile.set(cssModuleId, cssContent);
-				finalCode = addCssImport(finalCode, cssModuleId);
+		transform: {
+			filter: { id: {
+				include: makeIdFiltersToMatchWithQuery(include),
+				exclude: makeIdFiltersToMatchWithQuery(exclude)
+			} },
+			async handler(code, id) {
+				const queryIndex = id.indexOf("?");
+				const cleanId = queryIndex === -1 ? id : id.slice(0, queryIndex);
+				if (!code.includes("ecij")) return null;
+				const { transformedCode, hasExtractions, cssContent, hasUnprocessedCssBlocks } = await extractCssFromCode(this, code, cleanId);
+				if (!hasExtractions) return null;
+				let finalCode = transformedCode;
+				if (cssContent !== "") {
+					const cssModuleId = `${cleanId}.${hashText(cssContent)}.css`;
+					extractedCssPerFile.set(cssModuleId, cssContent);
+					finalCode = addCssImport(finalCode, cssModuleId);
+				}
+				if (!hasUnprocessedCssBlocks) finalCode = removeImport(finalCode);
+				return finalCode;
 			}
-			if (!hasUnprocessedCssBlocks) finalCode = removeImport(finalCode);
-			return finalCode;
 		}
 	};
 }

package/index.d.ts

@@ -16,5 +16,5 @@
  */
 export function css(
   strings: TemplateStringsArray,
-  ...expressions: Array<string>
+  ...expressions: Array<string | number>
 ): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ecij",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "Rolldown and Vite plugin to Extract CSS-in-JS",
   "keywords": [
     "css-in-js"
@@ -16,6 +16,7 @@
   "license": "MIT",
   "author": "Nicolas Stepien",
   "type": "module",
+  "sideEffects": false,
   "exports": {
     ".": {
       "types": "./index.d.ts",
@@ -38,13 +39,14 @@
     "typecheck": "tsc"
   },
   "dependencies": {
-    "oxc-parser": "^0.97.0"
+    "@rolldown/pluginutils": "^1.0.0-beta.50",
+    "oxc-parser": "^0.98.0"
   },
   "devDependencies": {
     "@types/node": "^24.10.1",
     "prettier": "^3.6.2",
     "rolldown": "^1.0.0-beta.50",
-    "rolldown-plugin-dts": "^0.17.7",
+    "rolldown-plugin-dts": "^0.17.8",
     "typescript": "^5.9.3"
   }
 }