@tokenami/unplugin 0.0.96--canary.bootstrap.0 → 0.0.96--canary.496.27369730444.0

package/dist/index.d.ts

@@ -1,5 +1,4 @@
 import * as _vite from 'vite';
-import { UnpluginFactory } from 'unplugin';
 
 interface TokenamiUnpluginOptions {
     /**
@@ -18,12 +17,7 @@ interface TokenamiUnpluginOptions {
      * @default "tokenami.css"
      */
     output?: string;
-    /**
-     * Browserslist query used for Lightning CSS transforms.
-     */
-    browserslist?: string | readonly string[];
 }
-declare const tokenamiFactory: UnpluginFactory<TokenamiUnpluginOptions | undefined, false>;
 declare const vite: (options?: TokenamiUnpluginOptions | undefined) => _vite.Plugin<any>;
 
-export { type TokenamiUnpluginOptions, tokenamiFactory, vite };
+export { type TokenamiUnpluginOptions, vite };

package/dist/index.js

@@ -1,125 +1,162 @@
-import { utils, TokenStore, generateSheet } from '@tokenami/node';
-import browserslist from 'browserslist';
+import { utils, TokenStore, removeUnusedLayers, createSheet, findUsedTokens } from '@tokenami/node';
 import * as fs from 'node:fs';
-import { browserslistToTargets } from 'lightningcss';
 import * as pathe from 'pathe';
 import { createUnplugin } from 'unplugin';
+import { normalizePath, createFilter } from 'vite';
 
 // src/unplugin.ts
 var PLUGIN_NAME = "tokenami";
-var tokenamiFactory = (options) => {
-  const opts = normalizeOptions(options);
-  const configPath = utils.getConfigPath(opts.cwd, opts.config);
-  const resolvedOutputId = `\0${opts.output}`;
-  const initialConfig = utils.getConfigAtPath(configPath, { cache: false });
-  const store = new TokenStore(initialConfig);
-  let config = initialConfig;
-  let externalStylesheetFiles = /* @__PURE__ */ new Set();
-  let resolveExternalStylesheet;
-  let minify = process.env.NODE_ENV === "production";
-  async function getCss() {
-    const queries = opts.browserslist ?? ["supports css-cascade-layers"];
-    const browsers = browserslist(queries, {
-      env: process.env.NODE_ENV || "development",
-      path: opts.cwd
-    });
-    const sheet = generateSheet({
-      output: pathe.join(opts.cwd, opts.output),
-      targets: browserslistToTargets(browsers),
-      tokens: store.getTokens(),
-      config,
-      minify
-    });
-    return sheet;
-  }
-  function updateFile(file, content) {
-    store.updateFile(pathe.relative(opts.cwd, file), content);
-  }
-  async function* scanExternalStylesheets() {
-    const externalStylesheets = getExternalStylesheets(config);
-    if (!externalStylesheets.length) return;
-    if (!resolveExternalStylesheet) throw new Error("Vite resolver is not ready.");
-    externalStylesheetFiles = /* @__PURE__ */ new Set();
-    for (const stylesheet of externalStylesheets) {
-      const file = await resolveExternalStylesheet(stylesheet);
-      if (!file) throw new Error(`Could not resolve external stylesheet: ${stylesheet}`);
-      externalStylesheetFiles.add(file);
-      updateFile(file, fs.readFileSync(file, "utf8"));
-      yield file;
+var tokenami = /* @__PURE__ */ createUnplugin(
+  (opts = {}) => {
+    const cwd = pathe.resolve(opts.cwd ?? process.cwd());
+    const output = opts.output ?? "tokenami.css";
+    const configPath = utils.getConfigPath(cwd, opts.config);
+    const resolvedOutputId = `\0${output}`;
+    const initialConfig = utils.getConfigAtPath(configPath, { cache: false });
+    const store = new TokenStore(initialConfig);
+    let config = initialConfig;
+    let externalStylesheetFiles = /* @__PURE__ */ new Set();
+    let resolveExternalStylesheet;
+    let command = "serve";
+    let sourceFilter = createSourceFilter(cwd, config);
+    async function getTokens() {
+      return mergeTokens(await findUsedTokens(cwd, config), store.getTokens());
     }
-  }
-  return {
-    name: PLUGIN_NAME,
-    async buildStart() {
-      config = utils.getConfigAtPath(configPath, { cache: false });
-      store.updateConfig(config);
-      this.addWatchFile(configPath);
-      for await (const file of scanExternalStylesheets()) {
-        this.addWatchFile(file);
+    function updateFile(file, content) {
+      store.updateFile(pathe.relative(cwd, file), content, {
+        mode: command === "serve" ? "hmr" : "build"
+      });
+    }
+    function removeFile(file) {
+      const filePath = pathe.relative(cwd, file);
+      store.removeFile(filePath);
+    }
+    function shouldScanFile(file) {
+      return sourceFilter(normalizePath(file));
+    }
+    async function* scanExternalStylesheets() {
+      const externalStylesheets = config.include.filter(isExternalStylesheet);
+      if (!externalStylesheets.length) return;
+      if (!resolveExternalStylesheet) throw new Error("Vite resolver is not ready.");
+      externalStylesheetFiles = /* @__PURE__ */ new Set();
+      for (const stylesheet of externalStylesheets) {
+        const file = await resolveExternalStylesheet(stylesheet);
+        if (!file) throw new Error(`Could not resolve external stylesheet: ${stylesheet}`);
+        externalStylesheetFiles.add(file);
+        updateFile(file, fs.readFileSync(file, "utf8"));
+        yield file;
       }
-    },
-    resolveId(id) {
-      if (id.replace(/^\0/, "") === opts.output) return resolvedOutputId;
-      return null;
-    },
-    async load(id) {
-      if (id === resolvedOutputId) return getCss();
-      return null;
-    },
-    transform(code, id) {
-      if (id === resolvedOutputId) return null;
-      updateFile(id, code);
-      return null;
-    },
-    vite: {
-      configResolved(viteConfig) {
-        minify = viteConfig.command === "build" && viteConfig.build.minify !== false;
-        resolveExternalStylesheet = viteConfig.createResolver();
+    }
+    return {
+      name: PLUGIN_NAME,
+      async buildStart() {
+        config = utils.getConfigAtPath(configPath, { cache: false });
+        store.updateConfig(config);
+        sourceFilter = createSourceFilter(cwd, config);
+        this.addWatchFile(configPath);
+        for await (const file of scanExternalStylesheets()) {
+          this.addWatchFile(file);
+        }
+      },
+      resolveId(id) {
+        if (getOutputId(id) !== output) return null;
+        return resolvedOutputId;
+      },
+      async load(id) {
+        if (id !== resolvedOutputId) return null;
+        const tokens = await getTokens();
+        return removeUnusedLayers(createSheet({ tokens, config }));
       },
-      configureServer(server) {
-        server.watcher.add(utils.getConfigPath(opts.cwd, opts.config));
+      transform(code, id) {
+        if (id === resolvedOutputId) return null;
+        const file = getFileFromId(id);
+        if (!file || !shouldScanFile(file)) return null;
+        updateFile(file, code);
+        return null;
       },
-      async handleHotUpdate(ctx) {
-        if (ctx.file === configPath) {
-          config = utils.getConfigAtPath(configPath, { cache: false });
-          store.updateConfig(config);
-          store.clear();
-          for await (const file of scanExternalStylesheets()) {
-            ctx.server.watcher.add(file);
+      watchChange(id, change) {
+        if (change.event !== "delete") return;
+        if (!externalStylesheetFiles.has(id) && !shouldScanFile(id)) return;
+        removeFile(id);
+      },
+      vite: {
+        config(userConfig) {
+          var _a;
+          const cssMinify = ((_a = userConfig.build) == null ? void 0 : _a.minify) === false ? false : "lightningcss";
+          return {
+            css: { ...userConfig.css, transformer: "lightningcss" },
+            build: { ...userConfig.build, cssMinify }
+          };
+        },
+        configResolved(viteConfig) {
+          command = viteConfig.command;
+          resolveExternalStylesheet = viteConfig.createResolver();
+        },
+        generateBundle: {
+          order: "post",
+          handler(_, bundle) {
+            removeBundleUnusedLayers(bundle);
           }
-          ctx.server.ws.send({ type: "full-reload" });
-          return [];
-        }
-        if (ctx.modules.length || externalStylesheetFiles.has(ctx.file)) {
-          try {
-            updateFile(ctx.file, await ctx.read());
-          } catch {
-            store.removeFile(pathe.relative(opts.cwd, ctx.file));
+        },
+        async handleHotUpdate(ctx) {
+          if (ctx.file === configPath) {
+            config = utils.getConfigAtPath(configPath, { cache: false });
+            store.updateConfig(config);
+            sourceFilter = createSourceFilter(cwd, config);
+            store.clear();
+            for await (const file of scanExternalStylesheets()) {
+              ctx.server.watcher.add(file);
+            }
+            ctx.server.ws.send({ type: "full-reload" });
+            return [];
+          }
+          if (externalStylesheetFiles.has(ctx.file) || shouldScanFile(ctx.file)) {
+            try {
+              updateFile(ctx.file, await ctx.read());
+            } catch {
+              removeFile(ctx.file);
+            }
+          } else {
+            return;
           }
-        } else {
-          return;
+          const cssModule = ctx.server.moduleGraph.getModuleById(resolvedOutputId);
+          if (!cssModule) return;
+          ctx.server.moduleGraph.invalidateModule(cssModule);
+          return [...ctx.modules, cssModule];
         }
-        const cssModule = ctx.server.moduleGraph.getModuleById(resolvedOutputId);
-        if (!cssModule) return;
-        ctx.server.moduleGraph.invalidateModule(cssModule);
-        return [...ctx.modules, cssModule];
       }
-    }
-  };
-};
-function normalizeOptions(options = {}) {
+    };
+  }
+);
+function isExternalStylesheet(pattern) {
+  return pattern.startsWith("@") || pattern.startsWith("node_modules/");
+}
+function getFileFromId(id) {
+  return getOutputId(id).split("?")[0];
+}
+function getOutputId(id) {
+  return id.replace(/^\0/, "");
+}
+function createSourceFilter(cwd, config) {
+  const resolvePath = (pattern) => normalizePath(pathe.resolve(cwd, pattern));
+  const include = config.include.filter((p) => !isExternalStylesheet(p)).map(resolvePath);
+  const exclude = (config.exclude ?? []).map(resolvePath);
+  return createFilter(include, exclude);
+}
+function mergeTokens(a, b) {
   return {
-    ...options,
-    cwd: pathe.resolve(options.cwd ?? process.cwd()),
-    output: options.output ?? "tokenami.css"
+    properties: Array.from(/* @__PURE__ */ new Set([...a.properties, ...b.properties])),
+    values: Array.from(/* @__PURE__ */ new Set([...a.values, ...b.values])),
+    composeBlocks: { ...a.composeBlocks, ...b.composeBlocks }
   };
 }
-function getExternalStylesheets(config) {
-  return config.include.filter((pattern) => {
-    return pattern.startsWith("@") || pattern.startsWith("node_modules/");
-  });
+function removeBundleUnusedLayers(bundle) {
+  for (const asset of Object.values(bundle)) {
+    if (asset.type !== "asset" || !asset.fileName.endsWith(".css")) continue;
+    if (typeof asset.source === "string") asset.source = removeUnusedLayers(asset.source);
+    else asset.source = Buffer.from(removeUnusedLayers(asset.source.toString()));
+  }
 }
-var tokenami = /* @__PURE__ */ createUnplugin(tokenamiFactory);
 var vite = tokenami.vite;
 
-export { tokenamiFactory, vite };
+export { vite };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tokenami/unplugin",
-  "version": "0.0.96--canary.bootstrap.0",
+  "version": "0.0.96--canary.496.27369730444.0",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",
@@ -20,13 +20,19 @@
   "files": [
     "dist"
   ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "test": "vitest --run",
+    "test:watch": "vitest",
+    "typecheck": "tsc --noEmit"
+  },
   "dependencies": {
-    "browserslist": "^4.26.3",
+    "@tokenami/config": "0.0.96--canary.496.27369730444.0",
+    "@tokenami/node": "0.0.96--canary.496.27369730444.0",
     "lightningcss": "1.29.1",
     "pathe": "^1.1.1",
-    "unplugin": "^3.0.0",
-    "@tokenami/node": "0.0.95",
-    "@tokenami/config": "0.0.95"
+    "unplugin": "^3.0.0"
   },
   "devDependencies": {
     "@types/node": "^20.3.1",
@@ -43,11 +49,5 @@
       "optional": true
     }
   },
-  "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch",
-    "test": "vitest --run",
-    "test:watch": "vitest",
-    "typecheck": "tsc --noEmit"
-  }
-}
+  "gitHead": "4f389196f56b9a6040c0e961cd95be07564c0db3"
+}