auklet 0.1.8 → 0.1.9

package/dist/css/vite/hmr.js

@@ -11,19 +11,6 @@ const toBrowserVirtualPath = (id) => {
 const getRelativeFile = (file) => {
     return path.relative(process.cwd(), file);
 };
-const invalidateVirtualModules = (server, graph) => {
-    const modules = [];
-    for (const packageName of graph.getPackageNames()) {
-        for (const entry of ['style.css', 'external.css', 'module.css']) {
-            const module = server.moduleGraph.getModuleById(`\0auklet-css:${packageName}/${entry}`);
-            if (!module)
-                continue;
-            server.moduleGraph.invalidateModule(module);
-            modules.push(module);
-        }
-    }
-    return modules;
-};
 const addVirtualStyleDependency = (virtualIdsByDependency, file, virtualId) => {
     const normalizedFile = normalizeFileKey(file);
     const values = virtualIdsByDependency.get(normalizedFile) ?? new Set();
@@ -72,16 +59,16 @@ export class AukletStyleHmr {
             !graph.isStyleFile(context.file)) {
             return;
         }
+        this.suppressFullReload();
+        graph.invalidateFile(context.file);
         if (this.isDuplicateUpdate(context.file)) {
             return [];
         }
-        this.suppressFullReload();
         const virtualIds = getDependencyVirtualIds(this.virtualIdsByDependency, context.file);
         const modules = getDependencyVirtualModules(this.virtualIdsByDependency, context.server, context.file);
         for (const module of modules) {
             context.server.moduleGraph.invalidateModule(module);
         }
-        invalidateVirtualModules(context.server, graph);
         const updates = virtualIds.map((id) => {
             const browserPath = toBrowserVirtualPath(id);
             return {

package/dist/css/vite/moduleGraph/graph.d.ts

@@ -3,6 +3,7 @@ export declare class ModuleStyleGraph {
     private readonly config;
     private readonly packageSource;
     private readonly styleCodeFactory;
+    private readonly requestCache;
     private readonly loadAukletConfig;
     constructor(options: ModuleStyleGraphOptions);
     parsePackageStyleId(id: string): {
@@ -18,5 +19,8 @@ export declare class ModuleStyleGraph {
         code: string;
         watchFiles: string[];
     }>;
-    private createRequestCache;
+    invalidatePackage(packageName: string): void;
+    invalidateFile(file: string): string | null;
+    isSourceModuleFile(file: string): boolean;
+    private isPackageFile;
 }

package/dist/css/vite/moduleGraph/graph.js

@@ -1,6 +1,7 @@
 import path from 'node:path';
 import { isAukletConfigFile } from '#auklet/config';
 import { loadAukletConfig } from '#auklet/configLoader';
+import { SOURCE_MODULE_RE } from '#auklet/css/constants';
 import { moduleStyleBuildConfig } from '#auklet/css/config';
 import { parsePackageStyleId } from '#auklet/css/vite/moduleGraph/styleId';
 import { StyleCodeFactory } from '#auklet/css/vite/moduleGraph/styleCodeFactory';
@@ -13,6 +14,7 @@ export class ModuleStyleGraph {
     config;
     packageSource;
     styleCodeFactory;
+    requestCache;
     loadAukletConfig;
     constructor(options) {
         this.config = options.config ?? moduleStyleBuildConfig;
@@ -29,6 +31,11 @@ export class ModuleStyleGraph {
                     styleExtensions: this.config.styleExtensions,
                     loadAukletConfig: this.loadAukletConfig,
                 });
+        this.requestCache = new ModuleStyleGraphRequestCache({
+            packageSource: this.packageSource,
+            config: this.config,
+            loadAukletConfig: this.loadAukletConfig,
+        });
     }
     parsePackageStyleId(id) {
         return parsePackageStyleId(id, this.getPackageNames());
@@ -49,13 +56,29 @@ export class ModuleStyleGraph {
         return this.packageSource.getWatchRoots();
     }
     createPackageStyleCode(parsed) {
-        return this.styleCodeFactory.createPackageStyleCode(parsed, this.createRequestCache());
+        return this.styleCodeFactory.createPackageStyleCode(parsed, this.requestCache);
     }
-    createRequestCache() {
-        return new ModuleStyleGraphRequestCache({
-            packageSource: this.packageSource,
-            config: this.config,
-            loadAukletConfig: this.loadAukletConfig,
-        });
+    invalidatePackage(packageName) {
+        this.requestCache.invalidatePackage(packageName);
+    }
+    invalidateFile(file) {
+        if (!this.isSourceGraphFile(file))
+            return null;
+        const normalizedFile = normalizeFileKey(file);
+        const stylePackage = this.packageSource
+            .getPackages()
+            .find((item) => this.isPackageFile(item.packageRoot, normalizedFile));
+        if (!stylePackage)
+            return null;
+        this.invalidatePackage(stylePackage.packageName);
+        return stylePackage.packageName;
+    }
+    isSourceModuleFile(file) {
+        return SOURCE_MODULE_RE.test(normalizeFileKey(file));
+    }
+    isPackageFile(packageRoot, file) {
+        const normalizedPackageRoot = normalizeFileKey(packageRoot);
+        return (file === normalizedPackageRoot ||
+            file.startsWith(`${normalizedPackageRoot}/`));
     }
 }

package/dist/css/vite/moduleGraph/requestCache.d.ts

@@ -62,5 +62,6 @@ export declare class ModuleStyleGraphRequestCache {
         sourceRoot: string;
         styleProcessor: StyleProcessor;
     } | null>;
+    invalidatePackage(packageName: string): void;
     private createContext;
 }

package/dist/css/vite/moduleGraph/requestCache.js

@@ -24,6 +24,9 @@ export class ModuleStyleGraphRequestCache {
         this.contexts.set(parsed.packageName, context);
         return context;
     }
+    invalidatePackage(packageName) {
+        this.contexts.delete(packageName);
+    }
     async createContext(parsed) {
         const stylePackage = this.options.packageSource
             .getPackages()

package/dist/css/vite/vitePlugin.js

@@ -106,6 +106,7 @@ export function aukletStylePlugin(options = {}) {
             const invalidateStyleGraph = (file) => {
                 if (!graph.isSourceGraphFile(file))
                     return false;
+                graph.invalidateFile(file);
                 invalidateVirtualModules(server, graph);
                 return true;
             };
@@ -116,7 +117,7 @@ export function aukletStylePlugin(options = {}) {
             };
             const handleSourceAddOrUnlink = (file) => {
                 if (graph.isStyleFile(file)) {
-                    invalidateStyleGraph(file);
+                    reloadStyleGraph(file);
                     return;
                 }
                 reloadStyleGraph(file);
@@ -126,6 +127,10 @@ export function aukletStylePlugin(options = {}) {
             server.watcher.on('change', (file) => {
                 if (graph.isStyleConfigFile(file)) {
                     reloadStyleGraph(file);
+                    return;
+                }
+                if (graph.isSourceModuleFile(file)) {
+                    reloadStyleGraph(file);
                 }
             });
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "auklet",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "type": "module",
   "author": "chentao.arthur",
   "description": "Build utilities for TypeScript packages and module CSS output.",