@dsai-io/tools 0.0.1 → 1.1.0

package/dist/config/index.js

@@ -36,37 +36,50 @@ var customTransformSchema = z.object({
   name: z.string().min(1, "Transform name is required"),
   description: z.string().optional(),
   type: z.enum(["value", "attribute", "name"]).optional().default("value"),
-  transform: z.function().args(z.any(), z.any()).returns(z.any()).optional(),
-  filter: z.function().args(z.any()).returns(z.boolean()).optional(),
-  matcher: z.function().args(z.any()).returns(z.boolean()).optional()
+  transform: z.function().optional(),
+  filter: z.function().optional(),
+  matcher: z.function().optional()
 });
 var customFormatSchema = z.object({
   name: z.string().min(1, "Format name is required"),
   description: z.string().optional(),
-  formatter: z.function().args(z.any()).returns(z.string()).optional(),
+  formatter: z.function().optional(),
   extension: z.string().min(1).optional()
 });
-var themeModeSchema = z.object({
+var outputFormatEnum = z.enum(["css", "scss", "js", "ts", "json", "android", "ios"]);
+var themeDefinitionSchema = z.object({
+  isDefault: z.boolean().optional().default(false),
+  suffix: z.string().nullable().optional(),
   selector: z.string().min(1, "Theme selector is required"),
   mediaQuery: z.string().optional(),
   dataAttribute: z.string().optional(),
-  cssVariables: z.boolean().optional().default(true),
-  generateSeparateFiles: z.boolean().optional().default(false),
-  prefix: z.string().optional()
+  outputFiles: z.record(outputFormatEnum, z.string()).optional()
+});
+var themeSelectorPatternSchema = z.object({
+  default: z.string().optional().default(":root"),
+  others: z.string().optional().default('[data-dsai-theme="{mode}"]')
 });
 var themesConfigSchema = z.object({
   enabled: z.boolean().optional().default(true),
-  defaultMode: z.enum(["light", "dark", "system"]).optional().default("light"),
-  modes: z.record(z.string(), themeModeSchema).optional().default({
-    light: { selector: ":root", cssVariables: true, generateSeparateFiles: false },
-    dark: {
-      selector: '[data-theme="dark"]',
-      mediaQuery: "(prefers-color-scheme: dark)",
-      cssVariables: true,
-      generateSeparateFiles: false
-    }
-  }),
-  outputFileName: z.string().optional().default("themes"),
+  autoDetect: z.boolean().optional().default(true),
+  default: z.string().optional().default("light"),
+  ignoreModes: z.array(z.string()).optional().default([]),
+  selectorPattern: themeSelectorPatternSchema.optional(),
+  definitions: z.record(z.string(), themeDefinitionSchema).optional(),
+  // Legacy fields (for backward compatibility)
+  defaultMode: z.enum(["light", "dark", "system"]).optional(),
+  modes: z.record(
+    z.string(),
+    z.object({
+      selector: z.string().min(1),
+      mediaQuery: z.string().optional(),
+      dataAttribute: z.string().optional(),
+      cssVariables: z.boolean().optional(),
+      generateSeparateFiles: z.boolean().optional(),
+      prefix: z.string().optional()
+    })
+  ).optional(),
+  outputFileName: z.string().optional(),
   colorScheme: z.object({
     light: z.string().optional(),
     dark: z.string().optional()
@@ -109,10 +122,44 @@ var tokenBuildConfigSchema = z.object({
   selector: z.string().optional(),
   transforms: z.array(z.string()).optional(),
   customTransforms: z.array(customTransformSchema).optional(),
-  filter: z.function().args(z.any()).returns(z.union([z.boolean(), z.promise(z.boolean())])).optional(),
+  filter: z.function().optional(),
   header: z.string().optional(),
   footer: z.string().optional()
 });
+var postprocessConfigSchema = z.object({
+  enabled: z.boolean().optional(),
+  cssDir: z.string().optional(),
+  files: z.array(z.string()).optional(),
+  replacements: z.array(
+    z.object({
+      description: z.string().optional(),
+      from: z.union([z.string(), z.instanceof(RegExp)]),
+      to: z.string()
+    })
+  ).optional()
+});
+var scssConfigSchema = z.object({
+  /** Output styles to generate: 'expanded' (readable) or 'compressed' (minified) */
+  outputStyles: z.array(z.enum(["expanded", "compressed"])).optional(),
+  /** Generate source maps for SCSS compilation */
+  generateSourceMaps: z.boolean().optional(),
+  /** Suffix for minified files (e.g., '.min') */
+  minifiedSuffix: z.string().optional(),
+  /** Theme entry point SCSS file */
+  themeEntry: z.string().optional(),
+  /** Utilities entry point SCSS file */
+  utilitiesEntry: z.string().optional(),
+  /** Output directory for compiled CSS files */
+  cssOutputDir: z.string().optional(),
+  /** Additional Sass load paths */
+  loadPaths: z.array(z.string()).optional(),
+  /** Target CSS framework for variable name mapping */
+  framework: z.enum(["bootstrap", "tailwind", "material", "custom"]).optional(),
+  /** Custom token to variable name mappings */
+  nameMapping: z.record(z.string(), z.string()).optional(),
+  /** Output path for Bootstrap-compatible SCSS variables */
+  variablesOutput: z.string().optional()
+});
 var tokenCacheConfigSchema = z.object({
   enabled: z.boolean().optional().default(true),
   directory: z.string().optional().default(".cache"),
@@ -126,14 +173,16 @@ var tokenWatchConfigSchema = z.object({
   ignorePatterns: z.array(z.string()).optional().default([])
 });
 var tokensHooksSchema = z.object({
-  onBuildStart: z.function().args(z.any()).returns(z.union([z.void(), z.promise(z.void())])).optional(),
-  onFormatComplete: z.function().args(z.any()).returns(z.union([z.void(), z.promise(z.void())])).optional(),
-  onAllFormatsComplete: z.function().args(z.any()).returns(z.union([z.void(), z.promise(z.void())])).optional(),
-  onBuildComplete: z.function().args(z.any()).returns(z.union([z.void(), z.promise(z.void())])).optional(),
-  onError: z.function().args(z.any()).returns(z.union([z.void(), z.promise(z.void())])).optional()
+  onBuildStart: z.function().optional(),
+  onFormatComplete: z.function().optional(),
+  onAllFormatsComplete: z.function().optional(),
+  onBuildComplete: z.function().optional(),
+  onError: z.function().optional()
 });
 var buildPipelineStepSchema = z.enum([
   "validate",
+  "snapshot",
+  "preprocess",
   "transform",
   "style-dictionary",
   "sync",
@@ -151,41 +200,30 @@ var tokensBuildPipelineSchema = z.object({
    * Default includes all steps for full @dsai-io/tokens build.
    * Simpler packages can use subset like ['validate', 'transform', 'style-dictionary']
    */
-  steps: z.array(buildPipelineStepSchema).optional().default([
-    "validate",
-    "transform",
-    "style-dictionary",
-    "sync",
-    "sass-theme",
-    "sass-theme-minified",
-    "postprocess",
-    "sass-utilities",
-    "sass-utilities-minified",
-    "bundle"
-  ]),
+  steps: z.array(buildPipelineStepSchema).optional(),
   /**
    * Paths configuration for build steps
    */
   paths: z.object({
     /** Source file for sync step (Style Dictionary JS output) */
-    syncSource: z.string().optional().default("dist/js/tokens.js"),
+    syncSource: z.string().optional(),
     /** Target file for sync step */
-    syncTarget: z.string().optional().default("src/tokens-flat.ts"),
+    syncTarget: z.string().optional(),
     /** SCSS theme input file */
-    sassThemeInput: z.string().optional().default("src/scss/dsai-theme-bs.scss"),
+    sassThemeInput: z.string().optional(),
     /** CSS theme output file */
-    sassThemeOutput: z.string().optional().default("dist/css/dsai-theme-bs.css"),
+    sassThemeOutput: z.string().optional(),
     /** CSS theme minified output file */
-    sassThemeMinifiedOutput: z.string().optional().default("dist/css/dsai-theme-bs.min.css"),
+    sassThemeMinifiedOutput: z.string().optional(),
     /** SCSS utilities input file */
-    sassUtilitiesInput: z.string().optional().default("src/scss/dsai-utilities.scss"),
+    sassUtilitiesInput: z.string().optional(),
     /** CSS utilities output file */
-    sassUtilitiesOutput: z.string().optional().default("dist/css/dsai.css"),
+    sassUtilitiesOutput: z.string().optional(),
     /** CSS utilities minified output file */
-    sassUtilitiesMinifiedOutput: z.string().optional().default("dist/css/dsai.min.css")
+    sassUtilitiesMinifiedOutput: z.string().optional()
   }).optional(),
   /** Style Dictionary config file name */
-  styleDictionaryConfig: z.string().optional().default("sd.config.mjs")
+  styleDictionaryConfig: z.string().optional()
 });
 var tokensConfigSchema = z.object({
   enabled: z.boolean().optional().default(true),
@@ -218,8 +256,12 @@ var tokensConfigSchema = z.object({
   cache: tokenCacheConfigSchema.optional(),
   watch: tokenWatchConfigSchema.optional(),
   verbose: z.boolean().optional().default(false),
+  /** SCSS/CSS output configuration */
+  scss: scssConfigSchema.optional(),
   /** Build pipeline configuration */
-  pipeline: tokensBuildPipelineSchema.optional()
+  pipeline: tokensBuildPipelineSchema.optional(),
+  /** Postprocess configuration */
+  postprocess: postprocessConfigSchema.optional()
 });
 var buildConfigSchema = z.object({
   outDir: z.string().optional().default("dist"),
@@ -239,16 +281,32 @@ var globalConfigSchema = z.object({
   framework: frameworkSchema.optional(),
   build: buildConfigSchema.optional()
 });
+var aliasesConfigSchema = z.object({
+  importAlias: z.string().optional().default("@/"),
+  ui: z.string().optional().default("src/components/ui"),
+  hooks: z.string().optional().default("src/hooks"),
+  utils: z.string().optional().default("src/lib/utils"),
+  components: z.string().optional().default("src/components"),
+  lib: z.string().optional().default("src/lib")
+});
+var componentsConfigSchema = z.object({
+  enabled: z.boolean().optional().default(true),
+  registryUrl: z.string().optional().default("https://registry.dsai.dev"),
+  tsx: z.boolean().optional().default(true),
+  overwrite: z.boolean().optional().default(false)
+});
 var dsaiConfigSchema = z.object({
   $schema: z.string().optional(),
   extends: z.union([z.string(), z.array(z.string())]).optional(),
   global: globalConfigSchema.optional(),
   tokens: tokensConfigSchema.optional(),
   themes: themesConfigSchema.optional(),
-  icons: iconsConfigSchema.optional()
+  icons: iconsConfigSchema.optional(),
+  aliases: aliasesConfigSchema.optional(),
+  components: componentsConfigSchema.optional()
 });
 function formatValidationErrors(zodError) {
-  return zodError.errors.map((err) => ({
+  return zodError.issues.map((err) => ({
     path: err.path.join(".") || "root",
     message: err.message,
     code: err.code,
@@ -283,7 +341,9 @@ function validateConfigSection(section, config) {
     global: globalConfigSchema,
     tokens: tokensConfigSchema,
     themes: themesConfigSchema,
-    icons: iconsConfigSchema
+    icons: iconsConfigSchema,
+    aliases: aliasesConfigSchema,
+    components: componentsConfigSchema
   };
   const schema = sectionSchemas[section];
   if (!schema) {
@@ -347,11 +407,44 @@ var defaultSelectorPattern = {
   default: ":root",
   others: '[data-dsai-theme="{mode}"]'
 };
+var defaultThemeDefinitions = {
+  light: {
+    isDefault: true,
+    suffix: null,
+    selector: ":root",
+    outputFiles: {
+      css: "tokens.css",
+      scss: "_tokens.scss",
+      js: "tokens.js",
+      ts: "tokens.ts",
+      json: "tokens.json",
+      android: "tokens.xml",
+      ios: "tokens.h"
+    }
+  },
+  dark: {
+    isDefault: false,
+    suffix: "-dark",
+    selector: '[data-dsai-theme="dark"]',
+    mediaQuery: "(prefers-color-scheme: dark)",
+    outputFiles: {
+      css: "tokens-dark.css",
+      scss: "_tokens-dark.scss",
+      js: "tokens-dark.js",
+      ts: "tokens-dark.ts",
+      json: "tokens-dark.json",
+      android: "tokens-dark.xml",
+      ios: "tokens-dark.h"
+    }
+  }
+};
 var defaultThemesConfig = {
+  enabled: true,
   autoDetect: true,
-  default: "Light",
+  default: "light",
   ignoreModes: [],
-  selectorPattern: defaultSelectorPattern
+  selectorPattern: defaultSelectorPattern,
+  definitions: defaultThemeDefinitions
 };
 var defaultIconFramework = "react";
 var defaultIconsConfig = {
@@ -362,6 +455,20 @@ var defaultIconsConfig = {
   optimize: true,
   prefix: "Icon"
 };
+var defaultAliasesConfig = {
+  importAlias: "@/",
+  ui: "src/components/ui",
+  hooks: "src/hooks",
+  utils: "src/lib/utils",
+  components: "src/components",
+  lib: "src/lib"
+};
+var defaultComponentsConfig = {
+  enabled: true,
+  registryUrl: "https://registry.dsai.dev",
+  tsx: true,
+  overwrite: false
+};
 var defaultTokensConfig = {
   source: "theme",
   sourceDir: DEFAULT_SOURCE_DIR,
@@ -396,6 +503,8 @@ var defaultGlobalConfig = {
 var defaultConfig = {
   tokens: defaultTokensConfig,
   icons: defaultIconsConfig,
+  aliases: defaultAliasesConfig,
+  components: defaultComponentsConfig,
   global: defaultGlobalConfig,
   configDir: process.cwd()
 };
@@ -518,16 +627,75 @@ function resolveGlobalConfig(config, options) {
     logLevel: config?.logLevel ?? base.logLevel
   };
 }
+function resolveThemeDefinition(themeName, definition, selectorPattern, _outputFileNames, isDefaultTheme) {
+  const generateOutputFiles = () => {
+    const suffix = isDefaultTheme ? "" : `-${themeName}`;
+    return {
+      css: `tokens${suffix}.css`,
+      scss: `_tokens${suffix}.scss`,
+      js: `tokens${suffix}.js`,
+      ts: `tokens${suffix}.ts`,
+      json: `tokens${suffix}.json`,
+      android: `tokens${suffix}.xml`,
+      ios: `tokens${suffix}.h`
+    };
+  };
+  const generateSelector = () => {
+    if (isDefaultTheme) {
+      return selectorPattern.default;
+    }
+    return selectorPattern.others.replace("{mode}", themeName);
+  };
+  const defaultOutputFiles = generateOutputFiles();
+  return {
+    isDefault: definition?.isDefault ?? isDefaultTheme,
+    suffix: definition?.suffix ?? (isDefaultTheme ? null : `-${themeName}`),
+    selector: definition?.selector ?? generateSelector(),
+    mediaQuery: definition?.mediaQuery,
+    dataAttribute: definition?.dataAttribute,
+    outputFiles: {
+      ...defaultOutputFiles,
+      ...definition?.outputFiles
+    }
+  };
+}
 function resolveThemesConfig(config) {
   const base = defaultThemesConfig;
+  const selectorPattern = {
+    default: config?.selectorPattern?.default ?? base.selectorPattern.default,
+    others: config?.selectorPattern?.others ?? base.selectorPattern.others
+  };
+  const defaultThemeName = config?.default?.toLowerCase() ?? base.default;
+  let definitions;
+  if (config?.definitions && Object.keys(config.definitions).length > 0) {
+    definitions = {};
+    for (const [themeName, definition] of Object.entries(config.definitions)) {
+      const normalizedName = themeName.toLowerCase();
+      const isDefaultTheme = definition.isDefault ?? normalizedName === defaultThemeName;
+      const resolvedDef = resolveThemeDefinition(
+        normalizedName,
+        definition,
+        selectorPattern,
+        defaultOutputFileNames,
+        isDefaultTheme
+      );
+      Object.defineProperty(definitions, normalizedName, {
+        value: resolvedDef,
+        writable: true,
+        enumerable: true,
+        configurable: true
+      });
+    }
+  } else {
+    definitions = { ...defaultThemeDefinitions };
+  }
   return {
+    enabled: config?.enabled ?? base.enabled,
     autoDetect: config?.autoDetect ?? base.autoDetect,
-    default: config?.default ?? base.default,
+    default: defaultThemeName,
     ignoreModes: config?.ignoreModes ?? [...base.ignoreModes],
-    selectorPattern: {
-      default: config?.selectorPattern?.default ?? base.selectorPattern.default,
-      others: config?.selectorPattern?.others ?? base.selectorPattern.others
-    }
+    selectorPattern,
+    definitions
   };
 }
 function resolveIconsConfig(config, options) {
@@ -595,13 +763,37 @@ function resolveTokensConfig(config, options) {
     separateThemeFiles: config?.separateThemeFiles ?? base.separateThemeFiles,
     watch: config?.watch ?? base.watch,
     watchDirectories,
-    pipeline: config?.pipeline
+    pipeline: config?.pipeline,
+    scss: config?.scss,
+    postprocess: config?.postprocess
+  };
+}
+function resolveAliasesConfig(config) {
+  const base = defaultAliasesConfig;
+  return {
+    importAlias: config?.importAlias ?? base.importAlias,
+    ui: config?.ui ?? base.ui,
+    hooks: config?.hooks ?? base.hooks,
+    utils: config?.utils ?? base.utils,
+    components: config?.components ?? base.components,
+    lib: config?.lib ?? base.lib
+  };
+}
+function resolveComponentsConfig(config) {
+  const base = defaultComponentsConfig;
+  return {
+    enabled: config?.enabled ?? base.enabled,
+    registryUrl: config?.registryUrl ?? base.registryUrl,
+    tsx: config?.tsx ?? base.tsx,
+    overwrite: config?.overwrite ?? base.overwrite
   };
 }
 function applyOverrides(config, overrides) {
   return {
     tokens: overrides.tokens ? { ...config.tokens, ...overrides.tokens } : config.tokens,
     icons: overrides.icons ? { ...config.icons, ...overrides.icons } : config.icons,
+    aliases: overrides.aliases ? { ...config.aliases, ...overrides.aliases } : config.aliases,
+    components: overrides.components ? { ...config.components, ...overrides.components } : config.components,
     global: overrides.global ? { ...config.global, ...overrides.global } : config.global
   };
 }
@@ -612,6 +804,8 @@ function resolveConfig(config = {}, options = {}) {
     global: resolveGlobalConfig(mergedConfig.global, options),
     tokens: resolveTokensConfig(mergedConfig.tokens, options),
     icons: resolveIconsConfig(mergedConfig.icons, options),
+    aliases: resolveAliasesConfig(mergedConfig.aliases),
+    components: resolveComponentsConfig(mergedConfig.components),
     configDir
   };
 }
@@ -627,6 +821,8 @@ function createResolvedConfig(partial = {}) {
     global: partial.global ?? defaultConfig.global,
     tokens: partial.tokens ?? defaultConfig.tokens,
     icons: partial.icons ?? defaultConfig.icons,
+    aliases: partial.aliases ?? defaultConfig.aliases,
+    components: partial.components ?? defaultConfig.components,
     configDir: partial.configDir ?? process.cwd(),
     configPath: partial.configPath
   };
@@ -810,7 +1006,7 @@ function setNestedValue(obj, path3, value) {
           configurable: true
         });
       }
-      const nested = obj[first];
+      const nested = Reflect.get(obj, first);
       Object.defineProperty(nested, second, {
         value,
         writable: true,
@@ -831,7 +1027,7 @@ function setNestedValue(obj, path3, value) {
           configurable: true
         });
       }
-      const nested1 = obj[first];
+      const nested1 = Reflect.get(obj, first);
       if (!(second in nested1)) {
         Object.defineProperty(nested1, second, {
           value: {},
@@ -840,7 +1036,7 @@ function setNestedValue(obj, path3, value) {
           configurable: true
         });
       }
-      const nested2 = nested1[second];
+      const nested2 = Reflect.get(nested1, second);
       Object.defineProperty(nested2, third, {
         value,
         writable: true,
@@ -858,7 +1054,7 @@ function getConfigFromEnv(options = {}) {
     if (!envKey.startsWith(prefix)) {
       continue;
     }
-    const envValue = env[envKey];
+    const envValue = Reflect.get(env, envKey);
     if (envValue === void 0) {
       continue;
     }
@@ -1034,6 +1230,6 @@ export default defineConfig(${configJson.replace(/"([^"]+)":/g, "$1:")});
 `;
 }
 
-export { CONFIG_FILE_NAMES, DEFAULT_COLLECTIONS_DIR, DEFAULT_ICONS_OUTPUT_DIR, DEFAULT_ICONS_SOURCE_DIR, DEFAULT_LOG_LEVEL, DEFAULT_OUTPUT_DIR, DEFAULT_PREFIX, DEFAULT_SOURCE_DIR, buildConfigSchema, checkDeprecatedOptions, checkMigrationNeeded, clearConfigCache, createResolvedConfig, customFormatSchema, customTransformSchema, defaultConfig, defaultFormats, defaultGlobalConfig, defaultIconFramework, defaultIconsConfig, defaultOutputFileNames, defaultSelectorPattern, defaultSourcePatterns, defaultThemesConfig, defaultTokensConfig, defineConfig, defineConfigAsync, dsaiConfigSchema, envArrayKeys, envBooleanKeys, envMappings, envNumberKeys, filePathSchema, formatErrorMessage, formatValidationErrors, frameworkSchema, generateMigrationScript, getConfigFromEnv, getDefaultExtension, getDefaultOutputDir, getEnvOverrides, getLogLevelFromEnv, getOutputFileName, globPatternSchema, globalConfigSchema, hashTypeSchema, iconOptimizationSchema, iconSpriteSchema, iconsConfigSchema, isCI, loadConfig, loadConfigSync, logLevelSchema, mergeConfigs, migrateConfig, migrateLegacyTokensConfig, outputFormatSchema, resolveConfig, searchConfigFile, shouldDisableColors, themeModeSchema, themesConfigSchema, tokenBuildConfigSchema, tokenCacheConfigSchema, tokenWatchConfigSchema, tokensConfigSchema, tokensHooksSchema, validateConfig, validateConfigOrThrow, validateConfigSection, versionSchema };
+export { CONFIG_FILE_NAMES, DEFAULT_COLLECTIONS_DIR, DEFAULT_ICONS_OUTPUT_DIR, DEFAULT_ICONS_SOURCE_DIR, DEFAULT_LOG_LEVEL, DEFAULT_OUTPUT_DIR, DEFAULT_PREFIX, DEFAULT_SOURCE_DIR, aliasesConfigSchema, buildConfigSchema, checkDeprecatedOptions, checkMigrationNeeded, clearConfigCache, componentsConfigSchema, createResolvedConfig, customFormatSchema, customTransformSchema, defaultAliasesConfig, defaultComponentsConfig, defaultConfig, defaultFormats, defaultGlobalConfig, defaultIconFramework, defaultIconsConfig, defaultOutputFileNames, defaultSelectorPattern, defaultSourcePatterns, defaultThemesConfig, defaultTokensConfig, defineConfig, defineConfigAsync, dsaiConfigSchema, envArrayKeys, envBooleanKeys, envMappings, envNumberKeys, filePathSchema, formatErrorMessage, formatValidationErrors, frameworkSchema, generateMigrationScript, getConfigFromEnv, getDefaultExtension, getDefaultOutputDir, getEnvOverrides, getLogLevelFromEnv, getOutputFileName, globPatternSchema, globalConfigSchema, hashTypeSchema, iconOptimizationSchema, iconSpriteSchema, iconsConfigSchema, isCI, loadConfig, loadConfigSync, logLevelSchema, mergeConfigs, migrateConfig, migrateLegacyTokensConfig, outputFormatSchema, resolveConfig, searchConfigFile, shouldDisableColors, themeDefinitionSchema, themeSelectorPatternSchema, themesConfigSchema, tokenBuildConfigSchema, tokenCacheConfigSchema, tokenWatchConfigSchema, tokensConfigSchema, tokensHooksSchema, validateConfig, validateConfigOrThrow, validateConfigSection, versionSchema };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map