auklet 0.0.16 → 0.0.18

package/dist/css/production/moduleOutputWriter.js

@@ -1,6 +1,6 @@
 import path from 'node:path';
-import { createComponentStyleEntryPlans } from '#auklet/css/core/style/entries';
-import { ComponentStyleEntryWriter } from '#auklet/css/production/format/componentWriter';
+import { createModuleStyleEntryPlans } from '#auklet/css/core/style/entries';
+import { ModuleStyleEntryWriter } from '#auklet/css/production/format/moduleEntryWriter';
 import { StyleEntryWriter } from '#auklet/css/production/format/entryWriter';
 import { ExternalStyleWriter } from '#auklet/css/production/format/externalWriter';
 import { ModuleStyleWriter } from '#auklet/css/production/format/moduleWriter';
@@ -8,70 +8,61 @@ import { SourceStyleFileWriter } from '#auklet/css/production/format/sourceWrite
 import { ThemeStyleWriter } from '#auklet/css/production/format/themeWriter';
 // Coordinates all module-mode style output under format directories such as `dist/es` and `dist/lib`.
 export class ModuleStyleOutputWriter {
-  config;
-  context;
-  packageContext;
-  sourceWriter;
-  themeWriter;
-  externalWriter;
-  moduleWriter;
-  entryWriter;
-  componentWriter;
-  constructor(options) {
-    this.config = options.config;
-    this.context = options.context;
-    this.packageContext = options.packageContext;
-    this.sourceWriter = new SourceStyleFileWriter(options);
-    this.themeWriter = new ThemeStyleWriter(options);
-    this.externalWriter = new ExternalStyleWriter(options);
-    this.moduleWriter = new ModuleStyleWriter(options);
-    this.entryWriter = new StyleEntryWriter(options);
-    this.componentWriter = new ComponentStyleEntryWriter(options);
-  }
-  write() {
-    const componentEntries = this.createComponentEntries();
-    const outputs = [];
-    for (const format of this.config.output.outputFormats) {
-      outputs.push(...this.writeFormat(format, componentEntries));
+    config;
+    context;
+    packageContext;
+    sourceWriter;
+    themeWriter;
+    externalWriter;
+    moduleWriter;
+    entryWriter;
+    moduleEntryWriter;
+    constructor(options) {
+        this.config = options.config;
+        this.context = options.context;
+        this.packageContext = options.packageContext;
+        this.sourceWriter = new SourceStyleFileWriter(options);
+        this.themeWriter = new ThemeStyleWriter(options);
+        this.externalWriter = new ExternalStyleWriter(options);
+        this.moduleWriter = new ModuleStyleWriter(options);
+        this.entryWriter = new StyleEntryWriter(options);
+        this.moduleEntryWriter = new ModuleStyleEntryWriter(options);
+    }
+    write() {
+        const moduleEntries = this.createModuleEntries();
+        const outputs = [];
+        for (const format of this.config.output.outputFormats) {
+            outputs.push(...this.writeFormat(format, moduleEntries));
+        }
+        return outputs;
+    }
+    get outputRoot() {
+        return path.join(this.context.packageRoot, this.context.outputDir);
+    }
+    createModuleEntries() {
+        return createModuleStyleEntryPlans(this.packageContext);
+    }
+    writeFormat(format, moduleEntries) {
+        const outRoot = path.join(this.outputRoot, format);
+        const outputs = [];
+        this.themeWriter.clean(outRoot);
+        this.sourceWriter.copy(this.packageContext.styleFiles, outRoot);
+        const themeStyles = this.themeWriter.writeThemeStyles(outRoot);
+        const themeStyleMap = new Map(themeStyles.map((themeStyle) => [themeStyle.themeName, themeStyle.file]));
+        const themeEntries = this.themeWriter.writeThemeEntries(themeStyleMap, outRoot);
+        const externalStyle = this.externalWriter.write(outRoot);
+        const moduleStyle = this.moduleWriter.write(outRoot);
+        const entryStyle = this.entryWriter.write(outRoot, themeStyleMap, moduleStyle);
+        const moduleStyleEntries = this.moduleEntryWriter.write(outRoot, moduleEntries);
+        outputs.push(...themeStyles.map((themeStyle) => themeStyle.file));
+        outputs.push(...themeEntries);
+        if (externalStyle)
+            outputs.push(externalStyle);
+        if (moduleStyle)
+            outputs.push(moduleStyle);
+        if (entryStyle)
+            outputs.push(entryStyle);
+        outputs.push(...moduleStyleEntries);
+        return outputs;
     }
-    return outputs;
-  }
-  get outputRoot() {
-    return path.join(this.context.packageRoot, this.context.outputDir);
-  }
-  createComponentEntries() {
-    return createComponentStyleEntryPlans(this.packageContext);
-  }
-  writeFormat(format, componentEntries) {
-    const outRoot = path.join(this.outputRoot, format);
-    const outputs = [];
-    this.themeWriter.clean(outRoot);
-    this.sourceWriter.copy(this.packageContext.styleFiles, outRoot);
-    const themeStyles = this.themeWriter.writeThemeStyles(outRoot);
-    const themeStyleMap = new Map(
-      themeStyles.map((themeStyle) => [themeStyle.themeName, themeStyle.file]),
-    );
-    const themeEntries = this.themeWriter.writeThemeEntries(
-      themeStyleMap,
-      outRoot,
-    );
-    const externalStyle = this.externalWriter.write(outRoot);
-    const moduleStyle = this.moduleWriter.write(outRoot);
-    const entryStyle = this.entryWriter.write(
-      outRoot,
-      themeStyleMap,
-      moduleStyle,
-    );
-    const componentStyles = this.componentWriter.write(
-      outRoot,
-      componentEntries,
-    );
-    outputs.push(...themeStyles.map((themeStyle) => themeStyle.file));
-    outputs.push(...themeEntries);
-    if (externalStyle) outputs.push(externalStyle);
-    if (moduleStyle) outputs.push(moduleStyle);
-    if (entryStyle) outputs.push(entryStyle);
-    outputs.push(...componentStyles);
-    return outputs;
-  }
 }

package/dist/css/production/packageEntryWriter.d.ts

@@ -1,20 +1,17 @@
 import type { StylePackageContext } from '#auklet/css/core/stylePackageContext';
-import type {
-  ModuleStyleBuildConfig,
-  ResolvedModuleStyleBuildContext,
-} from '#auklet/types';
+import type { ModuleStyleBuildConfig, ResolvedModuleStyleBuildContext } from '#auklet/types';
 export type PackageStyleEntryWriterOptions = {
-  config: ModuleStyleBuildConfig;
-  context: ResolvedModuleStyleBuildContext;
-  packageContext: StylePackageContext;
+    config: ModuleStyleBuildConfig;
+    context: ResolvedModuleStyleBuildContext;
+    packageContext: StylePackageContext;
 };
 export declare class PackageStyleEntryWriter {
-  private readonly config;
-  private readonly context;
-  private readonly packageContext;
-  private readonly resolver;
-  private readonly styleProcessor;
-  constructor(options: PackageStyleEntryWriterOptions);
-  write(): string | null;
-  private get outputRoot();
+    private readonly config;
+    private readonly context;
+    private readonly packageContext;
+    private readonly resolver;
+    private readonly styleProcessor;
+    constructor(options: PackageStyleEntryWriterOptions);
+    write(): string | null;
+    private get outputRoot();
 }

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(): Promise<string[]>;
+    createPackageStyleCode(parsed: PackageStyleId): Promise<{
+        code: string;
+        watchFiles: string[];
+    }>;
+    private createRequestCache;
 }