@alex.radulescu/styled-static 0.2.0

package/dist/vite.js

@@ -0,0 +1,395 @@
+/**
+ * styled-static Vite Plugin
+ *
+ * Transforms styled-static syntax into optimized React components with
+ * static CSS extraction.
+ *
+ * ## Why AST over Regex?
+ *
+ * We use Vite's built-in parser (via Rollup's acorn) instead of regex because:
+ *
+ * 1. **Robustness**: Regex breaks on edge cases like CSS containing backticks,
+ *    strings that look like styled calls, or complex nesting.
+ *
+ *    Example that would break regex:
+ *    ```tsx
+ *    const x = styled.div`content: "styled.button\`test\`";`;
+ *    const comment = "// styled.div`fake`"; // This isn't actually a styled call
+ *    ```
+ *
+ * 2. **No extra dependencies**: Vite provides `this.parse()` for free via Rollup.
+ *    We don't need acorn or acorn-walk as separate dependencies.
+ *
+ * 3. **Accuracy**: AST gives us exact node positions for surgical code replacement
+ *    with proper source maps. Regex can't reliably handle nested backticks or
+ *    escaped characters.
+ *
+ * 4. **Maintainability**: Adding new syntax patterns is straightforward with AST
+ *    visitors vs. increasingly complex regex patterns that become unmaintainable.
+ *
+ * ## Transformation Pipeline
+ *
+ * 1. Parse source with Vite's parser
+ * 2. Find all styled/css/createGlobalStyle tagged template literals
+ * 3. For each:
+ *    - Extract CSS content
+ *    - Hash it to generate unique class name
+ *    - Process CSS (nesting, autoprefixer)
+ *    - Create virtual CSS module
+ *    - Replace original code with runtime call + import
+ * 4. Return transformed code with source map
+ *
+ * ## className Order (CSS Cascade)
+ *
+ * When components are extended, classes are ordered for proper cascade:
+ * - Base styles first
+ * - Extension styles second (override base)
+ * - User className last (override all)
+ *
+ * Example:
+ * ```tsx
+ * const Button = styled.button`padding: 1rem;`;        // .ss-abc
+ * const Primary = styled(Button)`background: blue;`;   // .ss-def
+ * <Primary className="custom" />
+ * // Renders: class="ss-abc ss-def custom"
+ * // CSS cascade: padding → background → custom overrides
+ * ```
+ */
+import MagicString from "magic-string";
+import postcss from "postcss";
+import postcssNested from "postcss-nested";
+import autoprefixer from "autoprefixer";
+import { hash } from "./hash.js";
+// ============================================================================
+// Plugin
+// ============================================================================
+/**
+ * Vite plugin for styled-static.
+ *
+ * @example
+ * import { defineConfig } from 'vite';
+ * import react from '@vitejs/plugin-react';
+ * import { styledStatic } from 'styled-static/vite';
+ *
+ * export default defineConfig({
+ *   plugins: [styledStatic(), react()],
+ * });
+ */
+export function styledStatic(options = {}) {
+    const { classPrefix = "ss", autoprefixer: autoprefixerOption = [
+        "last 2 Chrome versions",
+        "last 2 Firefox versions",
+        "last 2 Safari versions",
+        "last 2 Edge versions",
+    ], } = options;
+    // Virtual CSS modules: filename -> CSS content
+    const cssModules = new Map();
+    let config;
+    let isDev = false;
+    return {
+        name: "styled-static",
+        enforce: "pre", // Run before other plugins (especially React)
+        configResolved(resolvedConfig) {
+            config = resolvedConfig;
+            isDev = config.command === "serve";
+        },
+        // Resolve virtual CSS module IDs
+        resolveId(id) {
+            // Handle the virtual module prefix
+            if (id.startsWith("\0styled-static:")) {
+                return id;
+            }
+            // Handle imports without the \0 prefix (from our generated code)
+            if (id.startsWith("styled-static:")) {
+                return "\0" + id;
+            }
+            return null;
+        },
+        // Load virtual CSS module content
+        load(id) {
+            if (id.startsWith("\0styled-static:")) {
+                const filename = id.slice("\0styled-static:".length);
+                return cssModules.get(filename) ?? "";
+            }
+            return null;
+        },
+        // Handle HMR for virtual CSS modules
+        handleHotUpdate({ file, server }) {
+            // When a source file changes, the transform will re-run
+            // and update cssModules. We just need to invalidate any
+            // cached virtual modules.
+            if (/\.[tj]sx?$/.test(file)) {
+                // Invalidate all virtual CSS modules from this file
+                const fileHash = hash(normalizePath(file)).slice(0, 6);
+                for (const [name] of cssModules) {
+                    if (name.startsWith(fileHash)) {
+                        const mod = server.moduleGraph.getModuleById(`\0styled-static:${name}`);
+                        if (mod) {
+                            server.moduleGraph.invalidateModule(mod);
+                        }
+                    }
+                }
+            }
+        },
+        async transform(code, id) {
+            // Only process .tsx/.jsx/.ts/.js files, skip node_modules
+            if (!/\.[tj]sx?$/.test(id) || /node_modules/.test(id)) {
+                return null;
+            }
+            // Quick check: does file import from styled-static?
+            if (!code.includes("styled-static")) {
+                return null;
+            }
+            console.log("[styled-static] Transforming:", id);
+            // Parse AST using Vite's built-in parser
+            let ast;
+            try {
+                ast = this.parse(code);
+                console.log("[styled-static] AST parsed successfully, body length:", ast.body.length);
+            }
+            catch (e) {
+                // Parse error - this might be a partial file or syntax error
+                console.log("[styled-static] AST parse error:", e);
+                return null;
+            }
+            // Find styled-static imports and their local names
+            const imports = findStyledStaticImports(ast);
+            console.log("[styled-static] Found imports:", imports);
+            if (!imports.css && !imports.styled && !imports.createGlobalStyle) {
+                console.log("[styled-static] No imports found, skipping");
+                return null;
+            }
+            // Find all tagged template literals using our imports
+            const templates = findTaggedTemplates(ast, imports);
+            console.log("[styled-static] Found templates:", templates.length);
+            if (templates.length === 0) {
+                console.log("[styled-static] No templates found, skipping");
+                return null;
+            }
+            const s = new MagicString(code);
+            const fileHash = hash(normalizePath(id)).slice(0, 6);
+            const cssImports = [];
+            let needsStyledRuntime = false;
+            let needsExtendRuntime = false;
+            let needsGlobalRuntime = false;
+            for (let i = 0; i < templates.length; i++) {
+                const t = templates[i];
+                if (!t)
+                    continue; // Guard against undefined (noUncheckedIndexedAccess)
+                const cssContent = extractTemplateContent(code, t.node.quasi);
+                const cssHash = hash(cssContent).slice(0, 6);
+                const className = `${classPrefix}-${cssHash}`;
+                // Process CSS
+                const processedCss = await processCSS(cssContent, className, t.type === "createGlobalStyle", autoprefixerOption);
+                // Create virtual CSS module
+                const cssFilename = `${fileHash}-${i}.css`;
+                cssModules.set(cssFilename, processedCss);
+                cssImports.push(`import "styled-static:${cssFilename}";`);
+                // Generate replacement code and track runtime needs
+                const replacement = generateReplacement(t, className, isDev);
+                s.overwrite(t.node.start, t.node.end, replacement);
+                if (t.type === "styled")
+                    needsStyledRuntime = true;
+                if (t.type === "styledExtend")
+                    needsExtendRuntime = true;
+                if (t.type === "createGlobalStyle")
+                    needsGlobalRuntime = true;
+            }
+            // Build runtime imports
+            const runtimeImports = [];
+            if (needsStyledRuntime)
+                runtimeImports.push("__styled");
+            if (needsExtendRuntime)
+                runtimeImports.push("__styledExtend");
+            if (needsGlobalRuntime)
+                runtimeImports.push("__GlobalStyle");
+            // Prepend imports (CSS first, then runtime)
+            let prepend = "";
+            if (cssImports.length > 0) {
+                prepend += cssImports.join("\n") + "\n";
+            }
+            if (runtimeImports.length > 0) {
+                prepend += `import { ${runtimeImports.join(", ")} } from "styled-static/runtime";\n`;
+            }
+            if (prepend) {
+                s.prepend(prepend);
+            }
+            return {
+                code: s.toString(),
+                map: s.generateMap({ hires: true }),
+            };
+        },
+    };
+}
+// ============================================================================
+// AST Helpers
+// ============================================================================
+/**
+ * Find all imports from 'styled-static' and return their local names.
+ * Handles aliased imports like `import { styled as s } from 'styled-static'`
+ */
+function findStyledStaticImports(ast) {
+    const imports = {};
+    for (const node of ast.body) {
+        if (node.type === "ImportDeclaration" &&
+            node.source.value === "styled-static") {
+            for (const spec of node.specifiers) {
+                if (spec.type === "ImportSpecifier") {
+                    const imported = spec.imported.name;
+                    const local = spec.local.name;
+                    if (imported === "styled")
+                        imports.styled = local;
+                    if (imported === "css")
+                        imports.css = local;
+                    if (imported === "createGlobalStyle")
+                        imports.createGlobalStyle = local;
+                }
+            }
+        }
+    }
+    return imports;
+}
+/**
+ * Find all tagged template literals that use styled-static imports.
+ * Walks the AST to find variable declarations with our tagged templates.
+ */
+function findTaggedTemplates(ast, imports) {
+    const results = [];
+    /**
+     * Process a variable declaration that might contain a styled template
+     */
+    function processVariableDeclaration(node) {
+        for (const decl of node.declarations) {
+            if (decl.init?.type === "TaggedTemplateExpression" &&
+                decl.id.type === "Identifier") {
+                const template = decl.init;
+                const varName = decl.id.name;
+                const found = classifyTemplate(template, imports, varName);
+                if (found)
+                    results.push(found);
+            }
+        }
+    }
+    for (const node of ast.body) {
+        // Regular variable declaration: const X = styled.div`...`
+        if (node.type === "VariableDeclaration") {
+            processVariableDeclaration(node);
+        }
+        // Exported variable: export const X = styled.div`...`
+        if (node.type === "ExportNamedDeclaration" &&
+            node.declaration?.type === "VariableDeclaration") {
+            processVariableDeclaration(node.declaration);
+        }
+    }
+    return results;
+}
+/**
+ * Classify a tagged template expression into one of our supported types.
+ */
+function classifyTemplate(node, imports, variableName) {
+    const { tag } = node;
+    // styled.element`...`
+    if (tag.type === "MemberExpression" &&
+        tag.object.type === "Identifier" &&
+        tag.object.name === imports.styled &&
+        tag.property.type === "Identifier") {
+        return {
+            type: "styled",
+            node,
+            tag: tag.property.name,
+            variableName,
+        };
+    }
+    // styled(Component)`...`
+    if (tag.type === "CallExpression" &&
+        tag.callee.type === "Identifier" &&
+        tag.callee.name === imports.styled &&
+        tag.arguments[0]?.type === "Identifier") {
+        return {
+            type: "styledExtend",
+            node,
+            tag: "",
+            baseComponent: tag.arguments[0].name,
+            variableName,
+        };
+    }
+    // css`...`
+    if (tag.type === "Identifier" && tag.name === imports.css) {
+        return {
+            type: "css",
+            node,
+            tag: "",
+            variableName,
+        };
+    }
+    // createGlobalStyle`...`
+    if (tag.type === "Identifier" && tag.name === imports.createGlobalStyle) {
+        return {
+            type: "createGlobalStyle",
+            node,
+            tag: "",
+            variableName,
+        };
+    }
+    return null;
+}
+// ============================================================================
+// CSS Processing
+// ============================================================================
+/**
+ * Extract raw CSS content from a template literal.
+ * Handles the content between the backticks.
+ */
+function extractTemplateContent(code, quasi) {
+    // Get raw content between backticks
+    return code.slice(quasi.start + 1, quasi.end - 1);
+}
+/**
+ * Process CSS with PostCSS.
+ * - Wraps in class selector (unless global)
+ * - Processes nested selectors
+ * - Adds vendor prefixes
+ */
+async function processCSS(content, className, isGlobal, autoprefixerOption) {
+    // Wrap in class selector unless global
+    const wrapped = isGlobal ? content : `.${className} { ${content} }`;
+    // Build PostCSS plugins
+    const plugins = [postcssNested()];
+    if (autoprefixerOption !== false) {
+        plugins.push(autoprefixer({
+            overrideBrowserslist: autoprefixerOption,
+        }));
+    }
+    // Process with PostCSS
+    const result = await postcss(plugins).process(wrapped, { from: undefined });
+    return result.css;
+}
+// ============================================================================
+// Code Generation
+// ============================================================================
+/**
+ * Generate the replacement code for a styled template.
+ */
+function generateReplacement(template, className, isDev) {
+    const displayName = isDev ? template.variableName : undefined;
+    const displayNameArg = displayName ? `, "${displayName}"` : "";
+    switch (template.type) {
+        case "styled":
+            return `__styled("${template.tag}", "${className}"${displayNameArg})`;
+        case "styledExtend":
+            return `__styledExtend(${template.baseComponent}, "${className}"${displayNameArg})`;
+        case "css":
+            return `"${className}"`;
+        case "createGlobalStyle":
+            return `__GlobalStyle`;
+    }
+}
+/**
+ * Normalize file paths for consistent hashing across platforms.
+ */
+function normalizePath(p) {
+    return p.replace(/\\/g, "/").toLowerCase();
+}
+// Default export for convenience
+export default styledStatic;
+//# sourceMappingURL=vite.js.map

package/dist/vite.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite.js","sourceRoot":"","sources":["../src/vite.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@alex.radulescu/styled-static",
+  "version": "0.2.0",
+  "description": "Zero-runtime styled components for React 19+ with Vite. CSS extracted at build time.",
+  "type": "module",
+  "private": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./vite": {
+      "types": "./dist/vite.d.ts",
+      "import": "./dist/vite.js"
+    },
+    "./runtime": {
+      "types": "./dist/runtime.d.ts",
+      "import": "./dist/runtime.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "dev": "vite",
+    "dev:watch": "tsc --watch",
+    "test": "vitest",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "vite": "^5.0.0 || ^6.0.0",
+    "react": "^19.0.0"
+  },
+  "dependencies": {},
+  "devDependencies": {
+    "@types/node": "^22.10.1",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.2",
+    "@vitejs/plugin-react": "^4.3.4",
+    "acorn": "^8.15.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "typescript": "^5.7.2",
+    "vite": "^6.0.3",
+    "vitest": "^2.1.8"
+  },
+  "keywords": [
+    "styled-components",
+    "css-in-js",
+    "vite",
+    "react",
+    "zero-runtime",
+    "static-css"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/alexradulescu/styled-static"
+  },
+  "author": "Alex Radulescu"
+}