auklet 0.0.16 → 0.0.17

package/dist/css/production/packageEntryWriter.js

@@ -3,52 +3,49 @@ import { writeStyleFile } from '#auklet/css/production/format/shared';
 import { getGlobalStyleDependencies } from '#auklet/css/core/style/dependencies';
 // Builds the package-level style entry at `dist/index.css` by aggregating local themes, dependencies, and source styles.
 export class PackageStyleEntryWriter {
-  config;
-  context;
-  packageContext;
-  resolver;
-  styleProcessor;
-  constructor(options) {
-    this.config = options.config;
-    this.context = options.context;
-    this.packageContext = options.packageContext;
-    this.resolver = options.packageContext.resolver;
-    this.styleProcessor = options.packageContext.styleProcessor;
-  }
-  write() {
-    const seen = new Set();
-    const root = this.styleProcessor.createRoot();
-    for (const stylePath of this.packageContext.themeFiles.values()) {
-      const content = this.styleProcessor.readStyleFile(stylePath, seen);
-      if (content.trim()) {
-        this.styleProcessor.appendStyleContent(root, content, stylePath);
-      }
+    config;
+    context;
+    packageContext;
+    resolver;
+    styleProcessor;
+    constructor(options) {
+        this.config = options.config;
+        this.context = options.context;
+        this.packageContext = options.packageContext;
+        this.resolver = options.packageContext.resolver;
+        this.styleProcessor = options.packageContext.styleProcessor;
     }
-    for (const specifier of getGlobalStyleDependencies(
-      this.packageContext.normalizedConfig,
-    )) {
-      const stylePath = this.resolver.resolveStyleDependency(specifier);
-      if (!stylePath) continue;
-      const content = this.styleProcessor.readStyleFile(stylePath, seen);
-      if (content.trim()) {
-        this.styleProcessor.appendStyleContent(root, content, stylePath);
-      }
+    write() {
+        const seen = new Set();
+        const root = this.styleProcessor.createRoot();
+        for (const stylePath of this.packageContext.themeFiles.values()) {
+            const content = this.styleProcessor.readStyleFile(stylePath, seen);
+            if (content.trim()) {
+                this.styleProcessor.appendStyleContent(root, content, stylePath);
+            }
+        }
+        for (const specifier of getGlobalStyleDependencies(this.packageContext.normalizedConfig)) {
+            const stylePath = this.resolver.resolveStyleDependency(specifier);
+            if (!stylePath)
+                continue;
+            const content = this.styleProcessor.readStyleFile(stylePath, seen);
+            if (content.trim()) {
+                this.styleProcessor.appendStyleContent(root, content, stylePath);
+            }
+        }
+        for (const styleFile of this.packageContext.styleFiles) {
+            const content = this.styleProcessor.readStyleFile(styleFile, seen);
+            if (content.trim()) {
+                this.styleProcessor.appendStyleContent(root, content, styleFile);
+            }
+        }
+        if (!root.nodes?.length)
+            return null;
+        const target = path.join(this.outputRoot, this.config.output.indexStyleFile);
+        writeStyleFile(target, this.styleProcessor.stringify(root));
+        return target;
     }
-    for (const styleFile of this.packageContext.styleFiles) {
-      const content = this.styleProcessor.readStyleFile(styleFile, seen);
-      if (content.trim()) {
-        this.styleProcessor.appendStyleContent(root, content, styleFile);
-      }
+    get outputRoot() {
+        return path.join(this.context.packageRoot, this.context.outputDir);
     }
-    if (!root.nodes?.length) return null;
-    const target = path.join(
-      this.outputRoot,
-      this.config.output.indexStyleFile,
-    );
-    writeStyleFile(target, this.styleProcessor.stringify(root));
-    return target;
-  }
-  get outputRoot() {
-    return path.join(this.context.packageRoot, this.context.outputDir);
-  }
 }

package/dist/css/vite/hmr.d.ts

@@ -1,15 +1,15 @@
 import type { HotUpdateOptions, ViteDevServer } from 'vite';
 import type { ModuleStyleGraph } from '#auklet/css/vite/moduleGraph/graph';
 export declare class AukletStyleHmr {
-  private readonly graph;
-  private readonly lastUpdateTimes;
-  private suppressFullReloadUntil;
-  private readonly virtualIdsByDependency;
-  constructor(graph: () => ModuleStyleGraph);
-  trackVirtualStyleDependency(file: string, virtualId: string): void;
-  installFullReloadGuard(server: Pick<ViteDevServer, 'ws'>): void;
-  handleStyleHotUpdate(context: HotUpdateOptions): never[] | undefined;
-  private suppressFullReload;
-  private shouldSuppressFullReload;
-  private isDuplicateUpdate;
+    private readonly graph;
+    private readonly lastUpdateTimes;
+    private suppressFullReloadUntil;
+    private readonly virtualIdsByDependency;
+    constructor(graph: () => ModuleStyleGraph);
+    trackVirtualStyleDependency(file: string, virtualId: string): void;
+    installFullReloadGuard(server: Pick<ViteDevServer, 'ws'>): void;
+    handleStyleHotUpdate(context: HotUpdateOptions): never[] | undefined;
+    private suppressFullReload;
+    private shouldSuppressFullReload;
+    private isDuplicateUpdate;
 }

package/dist/css/vite/hmr.js

@@ -11,130 +11,114 @@ const HMR_LOG_PREFIX = '[auklet:css:vite]';
 const FULL_RELOAD_SUPPRESS_MS = 100;
 const DUPLICATE_UPDATE_IGNORE_MS = 500;
 const toBrowserVirtualPath = (id) => {
-  return `/@id/${id.replace('\0', '__x00__')}`;
+    return `/@id/${id.replace('\0', '__x00__')}`;
 };
 const getRelativeFile = (file) => {
-  return path.relative(process.cwd(), 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);
+    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;
+    return modules;
 };
 const addVirtualStyleDependency = (virtualIdsByDependency, file, virtualId) => {
-  const normalizedFile = normalizeFileKey(file);
-  const values = virtualIdsByDependency.get(normalizedFile) ?? new Set();
-  values.add(virtualId);
-  virtualIdsByDependency.set(normalizedFile, values);
+    const normalizedFile = normalizeFileKey(file);
+    const values = virtualIdsByDependency.get(normalizedFile) ?? new Set();
+    values.add(virtualId);
+    virtualIdsByDependency.set(normalizedFile, values);
 };
 const getDependencyVirtualIds = (virtualIdsByDependency, file) => {
-  return Array.from(virtualIdsByDependency.get(normalizeFileKey(file)) ?? []);
+    return Array.from(virtualIdsByDependency.get(normalizeFileKey(file)) ?? []);
 };
 const getDependencyVirtualModules = (virtualIdsByDependency, server, file) => {
-  return getDependencyVirtualIds(virtualIdsByDependency, file).flatMap((id) => {
-    const module = server.moduleGraph.getModuleById(id);
-    return module ? [module] : [];
-  });
+    return getDependencyVirtualIds(virtualIdsByDependency, file).flatMap((id) => {
+        const module = server.moduleGraph.getModuleById(id);
+        return module ? [module] : [];
+    });
 };
 export class AukletStyleHmr {
-  graph;
-  lastUpdateTimes = new Map();
-  suppressFullReloadUntil = 0;
-  virtualIdsByDependency = new Map();
-  constructor(graph) {
-    this.graph = graph;
-  }
-  trackVirtualStyleDependency(file, virtualId) {
-    addVirtualStyleDependency(this.virtualIdsByDependency, file, virtualId);
-  }
-  installFullReloadGuard(server) {
-    const send = server.ws.send.bind(server.ws);
-    server.ws.send = (payload, data) => {
-      if (
-        typeof payload !== 'string' &&
-        payload.type === 'full-reload' &&
-        this.shouldSuppressFullReload()
-      ) {
-        console.info(`${HMR_LOG_PREFIX} suppressed package css full-reload`);
-        return;
-      }
-      if (typeof payload === 'string') {
-        send(payload, data);
-        return;
-      }
-      send(payload);
-    };
-  }
-  handleStyleHotUpdate(context) {
-    const graph = this.graph();
-    if (
-      !graph.isSourceGraphFile(context.file) ||
-      !graph.isStyleFile(context.file)
-    ) {
-      return;
+    graph;
+    lastUpdateTimes = new Map();
+    suppressFullReloadUntil = 0;
+    virtualIdsByDependency = new Map();
+    constructor(graph) {
+        this.graph = graph;
     }
-    if (this.isDuplicateUpdate(context.file)) {
-      return [];
+    trackVirtualStyleDependency(file, virtualId) {
+        addVirtualStyleDependency(this.virtualIdsByDependency, file, virtualId);
     }
-    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);
+    installFullReloadGuard(server) {
+        const send = server.ws.send.bind(server.ws);
+        server.ws.send = ((payload, data) => {
+            if (typeof payload !== 'string' &&
+                payload.type === 'full-reload' &&
+                this.shouldSuppressFullReload()) {
+                console.info(`${HMR_LOG_PREFIX} suppressed package css full-reload`);
+                return;
+            }
+            if (typeof payload === 'string') {
+                send(payload, data);
+                return;
+            }
+            send(payload);
+        });
     }
-    invalidateVirtualModules(context.server, graph);
-    const updates = virtualIds.map((id) => {
-      const browserPath = toBrowserVirtualPath(id);
-      return {
-        type: 'js-update',
-        path: browserPath,
-        acceptedPath: browserPath,
-        timestamp: context.timestamp,
-        explicitImportRequired: false,
-        isWithinCircularImport: false,
-      };
-    });
-    console.info(
-      `${HMR_LOG_PREFIX} package css hmr ${getRelativeFile(
-        context.file,
-      )} tracked=${virtualIds.length} updates=${updates.length}`,
-    );
-    if (updates.length) {
-      context.server.ws.send({
-        type: 'update',
-        updates,
-      });
+    handleStyleHotUpdate(context) {
+        const graph = this.graph();
+        if (!graph.isSourceGraphFile(context.file) ||
+            !graph.isStyleFile(context.file)) {
+            return;
+        }
+        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 {
+                type: 'js-update',
+                path: browserPath,
+                acceptedPath: browserPath,
+                timestamp: context.timestamp,
+                explicitImportRequired: false,
+                isWithinCircularImport: false,
+            };
+        });
+        console.info(`${HMR_LOG_PREFIX} package css hmr ${getRelativeFile(context.file)} tracked=${virtualIds.length} updates=${updates.length}`);
+        if (updates.length) {
+            context.server.ws.send({
+                type: 'update',
+                updates,
+            });
+        }
+        return [];
+    }
+    suppressFullReload() {
+        this.suppressFullReloadUntil = Date.now() + FULL_RELOAD_SUPPRESS_MS;
+    }
+    shouldSuppressFullReload() {
+        return Date.now() <= this.suppressFullReloadUntil;
+    }
+    isDuplicateUpdate(file) {
+        const now = Date.now();
+        const normalizedFile = normalizeFileKey(file);
+        const lastUpdateTime = this.lastUpdateTimes.get(normalizedFile) ?? 0;
+        const isDuplicate = now - lastUpdateTime < DUPLICATE_UPDATE_IGNORE_MS;
+        this.lastUpdateTimes.set(normalizedFile, now);
+        return isDuplicate;
     }
-    return [];
-  }
-  suppressFullReload() {
-    this.suppressFullReloadUntil = Date.now() + FULL_RELOAD_SUPPRESS_MS;
-  }
-  shouldSuppressFullReload() {
-    return Date.now() <= this.suppressFullReloadUntil;
-  }
-  isDuplicateUpdate(file) {
-    const now = Date.now();
-    const normalizedFile = normalizeFileKey(file);
-    const lastUpdateTime = this.lastUpdateTimes.get(normalizedFile) ?? 0;
-    const isDuplicate = now - lastUpdateTime < DUPLICATE_UPDATE_IGNORE_MS;
-    this.lastUpdateTimes.set(normalizedFile, now);
-    return isDuplicate;
-  }
 }

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

@@ -1,13 +1,8 @@
 import type { PackageStyleContext } from '#auklet/css/vite/moduleGraph/requestCache';
-export declare function toDevDependencyImportSpecifier(
-  context: PackageStyleContext,
-  specifier: string,
-):
-  | {
-      specifier: string;
-      watchFile?: undefined;
-    }
-  | {
-      specifier: string;
-      watchFile: string;
-    };
+export declare function toDevDependencyImportSpecifier(context: PackageStyleContext, specifier: string): {
+    specifier: string;
+    watchFile?: undefined;
+} | {
+    specifier: string;
+    watchFile: string;
+};

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

@@ -1,12 +1,12 @@
 import { toFsSpecifier } from '#auklet/utils';
 // 在 Vite 虚拟 CSS 中，第三方 CSS 依赖要用声明它的包作为解析根。
 export function toDevDependencyImportSpecifier(context, specifier) {
-  if (specifier.startsWith('.') || specifier.startsWith('/')) {
-    return { specifier };
-  }
-  const resolved = context.resolver.resolveStyleDependency(specifier);
-  return {
-    specifier: toFsSpecifier(resolved),
-    watchFile: resolved,
-  };
+    if (specifier.startsWith('.') || specifier.startsWith('/')) {
+        return { specifier };
+    }
+    const resolved = context.resolver.resolveStyleDependency(specifier);
+    return {
+        specifier: toFsSpecifier(resolved),
+        watchFile: resolved,
+    };
 }

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

@@ -1,25 +1,22 @@
-import type {
-  ModuleStyleGraphOptions,
-  PackageStyleId,
-} from '#auklet/css/vite/moduleGraph/types';
+import type { ModuleStyleGraphOptions, PackageStyleId } from '#auklet/css/vite/moduleGraph/types';
 export declare class ModuleStyleGraph {
-  private readonly config;
-  private readonly packageSource;
-  private readonly styleCodeFactory;
-  private readonly loadAukletConfig;
-  constructor(options: ModuleStyleGraphOptions);
-  parsePackageStyleId(id: string): {
-    packageName: string;
-    stylePath: string;
-  } | null;
-  isSourceGraphFile(file: string): boolean;
-  isStyleConfigFile(file: string): boolean;
-  isStyleFile(file: string): boolean;
-  getPackageNames(): string[];
-  getWatchRoots(): string[];
-  createPackageStyleCode(parsed: PackageStyleId): Promise<{
-    code: string;
-    watchFiles: string[];
-  }>;
-  private createRequestCache;
+    private readonly config;
+    private readonly packageSource;
+    private readonly styleCodeFactory;
+    private readonly loadAukletConfig;
+    constructor(options: ModuleStyleGraphOptions);
+    parsePackageStyleId(id: string): {
+        packageName: string;
+        stylePath: string;
+    } | null;
+    isSourceGraphFile(file: string): boolean;
+    isStyleConfigFile(file: string): boolean;
+    isStyleFile(file: string): boolean;
+    getPackageNames(): string[];
+    getWatchRoots(): string[];
+    createPackageStyleCode(parsed: PackageStyleId): Promise<{
+        code: string;
+        watchFiles: string[];
+    }>;
+    private createRequestCache;
 }

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

@@ -9,53 +9,50 @@ import { createMonorepoPackageSource } from '#auklet/css/vite/moduleGraph/packag
 import { normalizeFileKey } from '#auklet/utils';
 // package style graph 的对外门面，负责 package source、watch 边界和请求分发。
 export class ModuleStyleGraph {
-  config;
-  packageSource;
-  styleCodeFactory;
-  loadAukletConfig;
-  constructor(options) {
-    this.config = options.config ?? moduleStyleBuildConfig;
-    const mode = options.mode ?? 'monorepo';
-    if (mode === 'package') {
-      throw new Error('[auklet:css] package mode is not supported yet.');
-    }
-    this.packageSource = createMonorepoPackageSource({
-      workspaceRoot: normalizeFileKey(options.workspaceRoot),
-      packagesDir: options.packagesDir ?? 'packages',
-      styleExtensions: this.config.styleExtensions,
-    });
-    this.loadAukletConfig = options.loadAukletConfig ?? loadAukletConfig;
-    this.styleCodeFactory = new StyleCodeFactory(this.config);
-  }
-  parsePackageStyleId(id) {
-    return parsePackageStyleId(id, this.getPackageNames());
-  }
-  isSourceGraphFile(file) {
-    return this.packageSource.isSourceGraphFile(file);
-  }
-  isStyleConfigFile(file) {
-    return normalizeFileKey(file).endsWith(aukletConfigFile);
-  }
-  isStyleFile(file) {
-    return this.config.styleExtensions.includes(path.extname(file));
-  }
-  getPackageNames() {
-    return this.packageSource.getPackageNames();
-  }
-  getWatchRoots() {
-    return this.packageSource.getWatchRoots();
-  }
-  createPackageStyleCode(parsed) {
-    return this.styleCodeFactory.createPackageStyleCode(
-      parsed,
-      this.createRequestCache(),
-    );
-  }
-  createRequestCache() {
-    return new ModuleStyleGraphRequestCache({
-      packageSource: this.packageSource,
-      config: this.config,
-      loadAukletConfig: this.loadAukletConfig,
-    });
-  }
+    config;
+    packageSource;
+    styleCodeFactory;
+    loadAukletConfig;
+    constructor(options) {
+        this.config = options.config ?? moduleStyleBuildConfig;
+        const mode = options.mode ?? 'monorepo';
+        if (mode === 'package') {
+            throw new Error('[auklet:css] package mode is not supported yet.');
+        }
+        this.packageSource = createMonorepoPackageSource({
+            workspaceRoot: normalizeFileKey(options.workspaceRoot),
+            packagesDir: options.packagesDir ?? 'packages',
+            styleExtensions: this.config.styleExtensions,
+        });
+        this.loadAukletConfig = options.loadAukletConfig ?? loadAukletConfig;
+        this.styleCodeFactory = new StyleCodeFactory(this.config);
+    }
+    parsePackageStyleId(id) {
+        return parsePackageStyleId(id, this.getPackageNames());
+    }
+    isSourceGraphFile(file) {
+        return this.packageSource.isSourceGraphFile(file);
+    }
+    isStyleConfigFile(file) {
+        return normalizeFileKey(file).endsWith(aukletConfigFile);
+    }
+    isStyleFile(file) {
+        return this.config.styleExtensions.includes(path.extname(file));
+    }
+    getPackageNames() {
+        return this.packageSource.getPackageNames();
+    }
+    getWatchRoots() {
+        return this.packageSource.getWatchRoots();
+    }
+    createPackageStyleCode(parsed) {
+        return this.styleCodeFactory.createPackageStyleCode(parsed, this.createRequestCache());
+    }
+    createRequestCache() {
+        return new ModuleStyleGraphRequestCache({
+            packageSource: this.packageSource,
+            config: this.config,
+            loadAukletConfig: this.loadAukletConfig,
+        });
+    }
 }

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

@@ -1,7 +1,5 @@
 import type { PackageStyleLoadResult } from '#auklet/css/vite/moduleGraph/types';
-export declare function mergeLoadResults(
-  ...results: Array<PackageStyleLoadResult>
-): {
-  code: string;
-  watchFiles: string[];
+export declare function mergeLoadResults(...results: Array<PackageStyleLoadResult>): {
+    code: string;
+    watchFiles: string[];
 };

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

@@ -1,12 +1,10 @@
 // 合并递归 style graph 加载结果，同时保留 CSS 顺序并去重 watch files。
 export function mergeLoadResults(...results) {
-  return {
-    code: results
-      .map((result) => result.code)
-      .filter((code) => code.trim())
-      .join('\n'),
-    watchFiles: Array.from(
-      new Set(results.flatMap((result) => result.watchFiles)),
-    ),
-  };
+    return {
+        code: results
+            .map((result) => result.code)
+            .filter((code) => code.trim())
+            .join('\n'),
+        watchFiles: Array.from(new Set(results.flatMap((result) => result.watchFiles))),
+    };
 }

package/dist/css/vite/moduleGraph/packageSource/monorepo.d.ts

@@ -1,9 +1,7 @@
 import type { StylePackageSource } from '#auklet/css/vite/moduleGraph/packageSource/types';
 export type MonorepoPackageSourceOptions = {
-  workspaceRoot: string;
-  packagesDir: string;
-  styleExtensions: Array<string>;
+    workspaceRoot: string;
+    packagesDir: string;
+    styleExtensions: Array<string>;
 };
-export declare function createMonorepoPackageSource(
-  options: MonorepoPackageSourceOptions,
-): StylePackageSource;
+export declare function createMonorepoPackageSource(options: MonorepoPackageSourceOptions): StylePackageSource;