@tyndall/plugin-css 0.0.1

package/README.md

@@ -0,0 +1,29 @@
+# @tyndall/plugin-css
+
+A build/dev plugin that wires CSS toolchain support into Tyndall bundling. It registers
+esbuild-compatible plugins for vanilla-extract, Sass, and CSS Modules, allowing both
+Bun and esbuild bundlers to resolve styles imported from application code.
+
+## Usage
+
+```ts
+import { createCssPipelinePlugin } from "@tyndall/plugin-css";
+
+export default {
+  plugins: [
+    createCssPipelinePlugin({
+      identifiers: "debug",
+      enableVanillaExtract: true,
+      enableSass: true,
+      enableCssModules: true,
+    }),
+  ],
+};
+```
+
+## Options
+
+- `identifiers`: `"short" | "debug"` (defaults to `"short"` in production and `"debug"` otherwise)
+- `enableVanillaExtract`: enable `@vanilla-extract/esbuild-plugin` (default: `true`)
+- `enableSass`: enable `esbuild-sass-plugin` (default: `true`)
+- `enableCssModules`: enable `esbuild-css-modules-plugin` (default: `true`)

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+import type { HyperPlugin } from "@tyndall/core";
+export type CssPipelineIdentifiers = "short" | "debug";
+export interface CssPipelineOptions {
+    identifiers?: CssPipelineIdentifiers;
+    enableVanillaExtract?: boolean;
+    enableSass?: boolean;
+    enableCssModules?: boolean;
+}
+export declare const createCssPipelinePlugin: (options?: CssPipelineOptions) => HyperPlugin;
+export declare const cssPipelinePlugin: (options?: CssPipelineOptions) => HyperPlugin;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,WAAW,EAAE,MAAM,eAAe,CAAC;AAKhE,MAAM,MAAM,sBAAsB,GAAG,OAAO,GAAG,OAAO,CAAC;AAEvD,MAAM,WAAW,kBAAkB;IACjC,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,uBAAuB,GAClC,UAAS,kBAAuB,KAC/B,WAgCF,CAAC;AAEF,eAAO,MAAM,iBAAiB,aAnCnB,kBAAkB,KAC1B,WAkCqD,CAAC"}

package/dist/index.js

@@ -0,0 +1,29 @@
+import { vanillaExtractPlugin } from "@vanilla-extract/esbuild-plugin";
+import { sassPlugin } from "esbuild-sass-plugin";
+import * as cssModulesPlugin from "esbuild-css-modules-plugin";
+export const createCssPipelinePlugin = (options = {}) => {
+    const { identifiers = process.env.NODE_ENV === "production" ? "short" : "debug", enableVanillaExtract = true, enableSass = true, enableCssModules = true, } = options;
+    const vanillaPlugin = enableVanillaExtract
+        ? vanillaExtractPlugin({
+            identifiers,
+        })
+        : null;
+    const sass = enableSass ? sassPlugin() : null;
+    const cssModulesFactory = cssModulesPlugin.default ?? cssModulesPlugin;
+    const cssModules = enableCssModules && typeof cssModulesFactory === "function"
+        ? cssModulesFactory()
+        : null;
+    const plugins = [vanillaPlugin, sass, cssModules].filter(Boolean);
+    return {
+        name: "@tyndall/plugin-css",
+        beforeBundle: (ctx) => {
+            if (!ctx || typeof ctx.addBundlerPlugin !== "function") {
+                return;
+            }
+            for (const plugin of plugins) {
+                ctx.addBundlerPlugin(plugin);
+            }
+        },
+    };
+};
+export const cssPipelinePlugin = createCssPipelinePlugin;

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@tyndall/plugin-css",
+  "version": "0.0.1",
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "bun": "./src/index.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "lint": "oxlint .",
+    "format": "oxfmt ."
+  },
+  "dependencies": {
+    "@tyndall/core": "^0.0.1",
+    "@vanilla-extract/esbuild-plugin": "^2.3.0",
+    "esbuild-css-modules-plugin": "3.0.0-dev.20",
+    "esbuild-sass-plugin": "^2.13.0"
+  }
+}