@dsai-io/tools 0.0.1 → 1.0.7

package/dist/config/index.cjs

@@ -42,37 +42,50 @@ var customTransformSchema = zod.z.object({
   name: zod.z.string().min(1, "Transform name is required"),
   description: zod.z.string().optional(),
   type: zod.z.enum(["value", "attribute", "name"]).optional().default("value"),
-  transform: zod.z.function().args(zod.z.any(), zod.z.any()).returns(zod.z.any()).optional(),
-  filter: zod.z.function().args(zod.z.any()).returns(zod.z.boolean()).optional(),
-  matcher: zod.z.function().args(zod.z.any()).returns(zod.z.boolean()).optional()
+  transform: zod.z.function().optional(),
+  filter: zod.z.function().optional(),
+  matcher: zod.z.function().optional()
 });
 var customFormatSchema = zod.z.object({
   name: zod.z.string().min(1, "Format name is required"),
   description: zod.z.string().optional(),
-  formatter: zod.z.function().args(zod.z.any()).returns(zod.z.string()).optional(),
+  formatter: zod.z.function().optional(),
   extension: zod.z.string().min(1).optional()
 });
-var themeModeSchema = zod.z.object({
+var outputFormatEnum = zod.z.enum(["css", "scss", "js", "ts", "json", "android", "ios"]);
+var themeDefinitionSchema = zod.z.object({
+  isDefault: zod.z.boolean().optional().default(false),
+  suffix: zod.z.string().nullable().optional(),
   selector: zod.z.string().min(1, "Theme selector is required"),
   mediaQuery: zod.z.string().optional(),
   dataAttribute: zod.z.string().optional(),
-  cssVariables: zod.z.boolean().optional().default(true),
-  generateSeparateFiles: zod.z.boolean().optional().default(false),
-  prefix: zod.z.string().optional()
+  outputFiles: zod.z.record(outputFormatEnum, zod.z.string()).optional()
+});
+var themeSelectorPatternSchema = zod.z.object({
+  default: zod.z.string().optional().default(":root"),
+  others: zod.z.string().optional().default('[data-dsai-theme="{mode}"]')
 });
 var themesConfigSchema = zod.z.object({
   enabled: zod.z.boolean().optional().default(true),
-  defaultMode: zod.z.enum(["light", "dark", "system"]).optional().default("light"),
-  modes: zod.z.record(zod.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: zod.z.string().optional().default("themes"),
+  autoDetect: zod.z.boolean().optional().default(true),
+  default: zod.z.string().optional().default("light"),
+  ignoreModes: zod.z.array(zod.z.string()).optional().default([]),
+  selectorPattern: themeSelectorPatternSchema.optional(),
+  definitions: zod.z.record(zod.z.string(), themeDefinitionSchema).optional(),
+  // Legacy fields (for backward compatibility)
+  defaultMode: zod.z.enum(["light", "dark", "system"]).optional(),
+  modes: zod.z.record(
+    zod.z.string(),
+    zod.z.object({
+      selector: zod.z.string().min(1),
+      mediaQuery: zod.z.string().optional(),
+      dataAttribute: zod.z.string().optional(),
+      cssVariables: zod.z.boolean().optional(),
+      generateSeparateFiles: zod.z.boolean().optional(),
+      prefix: zod.z.string().optional()
+    })
+  ).optional(),
+  outputFileName: zod.z.string().optional(),
   colorScheme: zod.z.object({
     light: zod.z.string().optional(),
     dark: zod.z.string().optional()
@@ -115,10 +128,44 @@ var tokenBuildConfigSchema = zod.z.object({
   selector: zod.z.string().optional(),
   transforms: zod.z.array(zod.z.string()).optional(),
   customTransforms: zod.z.array(customTransformSchema).optional(),
-  filter: zod.z.function().args(zod.z.any()).returns(zod.z.union([zod.z.boolean(), zod.z.promise(zod.z.boolean())])).optional(),
+  filter: zod.z.function().optional(),
   header: zod.z.string().optional(),
   footer: zod.z.string().optional()
 });
+var postprocessConfigSchema = zod.z.object({
+  enabled: zod.z.boolean().optional(),
+  cssDir: zod.z.string().optional(),
+  files: zod.z.array(zod.z.string()).optional(),
+  replacements: zod.z.array(
+    zod.z.object({
+      description: zod.z.string().optional(),
+      from: zod.z.union([zod.z.string(), zod.z.instanceof(RegExp)]),
+      to: zod.z.string()
+    })
+  ).optional()
+});
+var scssConfigSchema = zod.z.object({
+  /** Output styles to generate: 'expanded' (readable) or 'compressed' (minified) */
+  outputStyles: zod.z.array(zod.z.enum(["expanded", "compressed"])).optional(),
+  /** Generate source maps for SCSS compilation */
+  generateSourceMaps: zod.z.boolean().optional(),
+  /** Suffix for minified files (e.g., '.min') */
+  minifiedSuffix: zod.z.string().optional(),
+  /** Theme entry point SCSS file */
+  themeEntry: zod.z.string().optional(),
+  /** Utilities entry point SCSS file */
+  utilitiesEntry: zod.z.string().optional(),
+  /** Output directory for compiled CSS files */
+  cssOutputDir: zod.z.string().optional(),
+  /** Additional Sass load paths */
+  loadPaths: zod.z.array(zod.z.string()).optional(),
+  /** Target CSS framework for variable name mapping */
+  framework: zod.z.enum(["bootstrap", "tailwind", "material", "custom"]).optional(),
+  /** Custom token to variable name mappings */
+  nameMapping: zod.z.record(zod.z.string(), zod.z.string()).optional(),
+  /** Output path for Bootstrap-compatible SCSS variables */
+  variablesOutput: zod.z.string().optional()
+});
 var tokenCacheConfigSchema = zod.z.object({
   enabled: zod.z.boolean().optional().default(true),
   directory: zod.z.string().optional().default(".cache"),
@@ -132,14 +179,16 @@ var tokenWatchConfigSchema = zod.z.object({
   ignorePatterns: zod.z.array(zod.z.string()).optional().default([])
 });
 var tokensHooksSchema = zod.z.object({
-  onBuildStart: zod.z.function().args(zod.z.any()).returns(zod.z.union([zod.z.void(), zod.z.promise(zod.z.void())])).optional(),
-  onFormatComplete: zod.z.function().args(zod.z.any()).returns(zod.z.union([zod.z.void(), zod.z.promise(zod.z.void())])).optional(),
-  onAllFormatsComplete: zod.z.function().args(zod.z.any()).returns(zod.z.union([zod.z.void(), zod.z.promise(zod.z.void())])).optional(),
-  onBuildComplete: zod.z.function().args(zod.z.any()).returns(zod.z.union([zod.z.void(), zod.z.promise(zod.z.void())])).optional(),
-  onError: zod.z.function().args(zod.z.any()).returns(zod.z.union([zod.z.void(), zod.z.promise(zod.z.void())])).optional()
+  onBuildStart: zod.z.function().optional(),
+  onFormatComplete: zod.z.function().optional(),
+  onAllFormatsComplete: zod.z.function().optional(),
+  onBuildComplete: zod.z.function().optional(),
+  onError: zod.z.function().optional()
 });
 var buildPipelineStepSchema = zod.z.enum([
   "validate",
+  "snapshot",
+  "preprocess",
   "transform",
   "style-dictionary",
   "sync",
@@ -157,41 +206,30 @@ var tokensBuildPipelineSchema = zod.z.object({
    * Default includes all steps for full @dsai-io/tokens build.
    * Simpler packages can use subset like ['validate', 'transform', 'style-dictionary']
    */
-  steps: zod.z.array(buildPipelineStepSchema).optional().default([
-    "validate",
-    "transform",
-    "style-dictionary",
-    "sync",
-    "sass-theme",
-    "sass-theme-minified",
-    "postprocess",
-    "sass-utilities",
-    "sass-utilities-minified",
-    "bundle"
-  ]),
+  steps: zod.z.array(buildPipelineStepSchema).optional(),
   /**
    * Paths configuration for build steps
    */
   paths: zod.z.object({
     /** Source file for sync step (Style Dictionary JS output) */
-    syncSource: zod.z.string().optional().default("dist/js/tokens.js"),
+    syncSource: zod.z.string().optional(),
     /** Target file for sync step */
-    syncTarget: zod.z.string().optional().default("src/tokens-flat.ts"),
+    syncTarget: zod.z.string().optional(),
     /** SCSS theme input file */
-    sassThemeInput: zod.z.string().optional().default("src/scss/dsai-theme-bs.scss"),
+    sassThemeInput: zod.z.string().optional(),
     /** CSS theme output file */
-    sassThemeOutput: zod.z.string().optional().default("dist/css/dsai-theme-bs.css"),
+    sassThemeOutput: zod.z.string().optional(),
     /** CSS theme minified output file */
-    sassThemeMinifiedOutput: zod.z.string().optional().default("dist/css/dsai-theme-bs.min.css"),
+    sassThemeMinifiedOutput: zod.z.string().optional(),
     /** SCSS utilities input file */
-    sassUtilitiesInput: zod.z.string().optional().default("src/scss/dsai-utilities.scss"),
+    sassUtilitiesInput: zod.z.string().optional(),
     /** CSS utilities output file */
-    sassUtilitiesOutput: zod.z.string().optional().default("dist/css/dsai.css"),
+    sassUtilitiesOutput: zod.z.string().optional(),
     /** CSS utilities minified output file */
-    sassUtilitiesMinifiedOutput: zod.z.string().optional().default("dist/css/dsai.min.css")
+    sassUtilitiesMinifiedOutput: zod.z.string().optional()
   }).optional(),
   /** Style Dictionary config file name */
-  styleDictionaryConfig: zod.z.string().optional().default("sd.config.mjs")
+  styleDictionaryConfig: zod.z.string().optional()
 });
 var tokensConfigSchema = zod.z.object({
   enabled: zod.z.boolean().optional().default(true),
@@ -224,8 +262,12 @@ var tokensConfigSchema = zod.z.object({
   cache: tokenCacheConfigSchema.optional(),
   watch: tokenWatchConfigSchema.optional(),
   verbose: zod.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 = zod.z.object({
   outDir: zod.z.string().optional().default("dist"),
@@ -254,7 +296,7 @@ var dsaiConfigSchema = zod.z.object({
   icons: iconsConfigSchema.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,
@@ -353,11 +395,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 = {
@@ -524,16 +599,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) {
@@ -601,7 +735,9 @@ 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 applyOverrides(config, overrides) {
@@ -816,7 +952,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,
@@ -837,7 +973,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: {},
@@ -846,7 +982,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,
@@ -864,7 +1000,7 @@ function getConfigFromEnv(options = {}) {
     if (!envKey.startsWith(prefix)) {
       continue;
     }
-    const envValue = env[envKey];
+    const envValue = Reflect.get(env, envKey);
     if (envValue === void 0) {
       continue;
     }
@@ -1100,7 +1236,8 @@ exports.outputFormatSchema = outputFormatSchema;
 exports.resolveConfig = resolveConfig;
 exports.searchConfigFile = searchConfigFile;
 exports.shouldDisableColors = shouldDisableColors;
-exports.themeModeSchema = themeModeSchema;
+exports.themeDefinitionSchema = themeDefinitionSchema;
+exports.themeSelectorPatternSchema = themeSelectorPatternSchema;
 exports.themesConfigSchema = themesConfigSchema;
 exports.tokenBuildConfigSchema = tokenBuildConfigSchema;
 exports.tokenCacheConfigSchema = tokenCacheConfigSchema;