@storm-software/workspace-tools 1.72.3 → 1.73.0

package/src/generators/browser-library/generator.js

@@ -70600,23 +70600,71 @@ var init_lib = __esm({
 });
 
 // packages/config/src/schema.ts
-var ColorConfigSchema, StormConfigSchema;
+var DarkColorSchema, LightColorSchema, PrimaryColorSchema, SecondaryColorSchema, TertiaryColorSchema, AccentColorSchema, SuccessColorSchema, InfoColorSchema, WarningColorSchema, ErrorColorSchema, FatalColorSchema, DarkThemeColorConfigSchema, LightThemeColorConfigSchema, MultiThemeColorConfigSchema, SingleThemeColorConfigSchema, ColorConfigSchema, ColorConfigMapSchema, StormConfigSchema;
 var init_schema = __esm({
   "packages/config/src/schema.ts"() {
     init_lib();
-    ColorConfigSchema = z2.object({
-      dark: z2.string().trim().toLowerCase().regex(/^#([0-9a-f]{3}){1,2}$/i).length(7).default("#1d232a").describe("The dark background color of the workspace"),
-      light: z2.string().trim().toLowerCase().regex(/^#([0-9a-f]{3}){1,2}$/i).length(7).default("#f4f4f5").describe("The light background color of the workspace"),
-      primary: z2.string().trim().toLowerCase().regex(/^#([0-9a-f]{3}){1,2}$/i).length(7).default("#1fb2a6").describe("The primary color of the workspace"),
-      secondary: z2.string().trim().toLowerCase().regex(/^#([0-9a-f]{3}){1,2}$/i).length(7).default("#0ea5e9").describe("The secondary color of the workspace"),
-      tertiary: z2.string().trim().toLowerCase().regex(/^#([0-9a-f]{3}){1,2}$/i).length(7).default("#ec5990").describe("The tertiary color of the workspace"),
-      accent: z2.string().trim().toLowerCase().regex(/^#([0-9a-f]{3}){1,2}$/i).length(7).default("#6366f1").describe("The accent color of the workspace"),
-      success: z2.string().trim().toLowerCase().regex(/^#([0-9a-f]{3}){1,2}$/i).length(7).default("#087f5b").describe("The success color of the workspace"),
-      info: z2.string().trim().toLowerCase().regex(/^#([0-9a-f]{3}){1,2}$/i).length(7).default("#0ea5e9").describe("The informational color of the workspace"),
-      warning: z2.string().trim().toLowerCase().regex(/^#([0-9a-f]{3}){1,2}$/i).length(7).default("#fcc419").describe("The warning color of the workspace"),
-      error: z2.string().trim().toLowerCase().regex(/^#([0-9a-f]{3}){1,2}$/i).length(7).default("#990000").describe("The error color of the workspace"),
-      fatal: z2.string().trim().toLowerCase().regex(/^#([0-9a-f]{3}){1,2}$/i).length(7).default("#7d1a1a").describe("The fatal color of the workspace")
-    }).describe("Colors used for various workspace elements");
+    DarkColorSchema = z2.string().trim().toLowerCase().regex(/^#([0-9a-f]{3}){1,2}$/i).length(7).default("#1d232a").describe("The dark background color of the workspace");
+    LightColorSchema = z2.string().trim().toLowerCase().regex(/^#([0-9a-f]{3}){1,2}$/i).length(7).default("#f4f4f5").describe("The light background color of the workspace");
+    PrimaryColorSchema = z2.string().trim().toLowerCase().regex(/^#([0-9a-f]{3}){1,2}$/i).length(7).default("#1fb2a6").describe("The primary color of the workspace");
+    SecondaryColorSchema = z2.string().trim().toLowerCase().regex(/^#([0-9a-f]{3}){1,2}$/i).length(7).default("#0ea5e9").describe("The secondary color of the workspace");
+    TertiaryColorSchema = z2.string().trim().toLowerCase().regex(/^#([0-9a-f]{3}){1,2}$/i).length(7).default("#ec5990").describe("The tertiary color of the workspace");
+    AccentColorSchema = z2.string().trim().toLowerCase().regex(/^#([0-9a-f]{3}){1,2}$/i).length(7).default("#6366f1").describe("The accent color of the workspace");
+    SuccessColorSchema = z2.string().trim().toLowerCase().regex(/^#([0-9a-f]{3}){1,2}$/i).length(7).default("#087f5b").describe("The success color of the workspace");
+    InfoColorSchema = z2.string().trim().toLowerCase().regex(/^#([0-9a-f]{3}){1,2}$/i).length(7).default("#0ea5e9").describe("The informational color of the workspace");
+    WarningColorSchema = z2.string().trim().toLowerCase().regex(/^#([0-9a-f]{3}){1,2}$/i).length(7).default("#fcc419").describe("The warning color of the workspace");
+    ErrorColorSchema = z2.string().trim().toLowerCase().regex(/^#([0-9a-f]{3}){1,2}$/i).length(7).default("#990000").describe("The error color of the workspace");
+    FatalColorSchema = z2.string().trim().toLowerCase().regex(/^#([0-9a-f]{3}){1,2}$/i).length(7).default("#7d1a1a").describe("The fatal color of the workspace");
+    DarkThemeColorConfigSchema = z2.object({
+      foreground: LightColorSchema,
+      background: DarkColorSchema,
+      primary: PrimaryColorSchema,
+      secondary: SecondaryColorSchema,
+      tertiary: TertiaryColorSchema,
+      accent: AccentColorSchema,
+      success: SuccessColorSchema,
+      info: InfoColorSchema,
+      warning: WarningColorSchema,
+      error: ErrorColorSchema,
+      fatal: FatalColorSchema
+    });
+    LightThemeColorConfigSchema = z2.object({
+      foreground: DarkColorSchema,
+      background: LightColorSchema,
+      primary: PrimaryColorSchema,
+      secondary: SecondaryColorSchema,
+      tertiary: TertiaryColorSchema,
+      accent: AccentColorSchema,
+      success: SuccessColorSchema,
+      info: InfoColorSchema,
+      warning: WarningColorSchema,
+      error: ErrorColorSchema,
+      fatal: FatalColorSchema
+    });
+    MultiThemeColorConfigSchema = z2.object({
+      dark: DarkThemeColorConfigSchema,
+      light: LightThemeColorConfigSchema
+    });
+    SingleThemeColorConfigSchema = z2.object({
+      dark: DarkColorSchema,
+      light: LightColorSchema,
+      primary: PrimaryColorSchema,
+      secondary: SecondaryColorSchema,
+      tertiary: TertiaryColorSchema,
+      accent: AccentColorSchema,
+      success: SuccessColorSchema,
+      info: InfoColorSchema,
+      warning: WarningColorSchema,
+      error: ErrorColorSchema,
+      fatal: FatalColorSchema
+    });
+    ColorConfigSchema = SingleThemeColorConfigSchema.or(
+      MultiThemeColorConfigSchema
+    ).describe("Colors used for various workspace elements");
+    ColorConfigMapSchema = z2.union([
+      z2.object({ "base": ColorConfigSchema }),
+      z2.record(z2.string(), ColorConfigSchema)
+    ]);
     StormConfigSchema = z2.object({
       extends: z2.string().trim().optional().describe(
         "The path to a base JSON file to use as a configuration preset file"
@@ -70667,7 +70715,7 @@ var init_schema = __esm({
       configFile: z2.string().trim().nullable().default(null).describe(
         "The filepath of the Storm config. When this field is null, no config file was found in the current workspace."
       ),
-      colors: ColorConfigSchema.describe(
+      colors: ColorConfigSchema.or(ColorConfigMapSchema).describe(
         "Storm theme config values used for styling various package elements"
       ),
       extensions: z2.record(z2.any()).optional().default({}).describe("Configuration of each used extension")
@@ -70678,8 +70726,22 @@ var init_schema = __esm({
 });
 
 // packages/config/src/types.ts
+var COLOR_KEYS;
 var init_types = __esm({
   "packages/config/src/types.ts"() {
+    COLOR_KEYS = [
+      "dark",
+      "light",
+      "primary",
+      "secondary",
+      "tertiary",
+      "accent",
+      "success",
+      "info",
+      "warning",
+      "error",
+      "fatal"
+    ];
   }
 });
 
@@ -72457,8 +72519,10 @@ var init_logger = __esm({
     init_types2();
     init_get_log_level();
     init_chalk();
+    init_get_default_config();
     getLogFn = (logLevel = LogLevel.INFO, config = {}) => {
       let _chalk = getChalk();
+      const colors = !config.colors?.dark && !config.colors?.["base"] && !config.colors?.["base"]?.dark ? DEFAULT_COLOR_CONFIG : config.colors?.dark && typeof config.colors.dark === "string" ? config.colors : config.colors?.["base"]?.dark && typeof config.colors["base"].dark === "string" ? config.colors["base"].dark : config.colors?.["base"] ? config.colors?.["base"] : DEFAULT_COLOR_CONFIG;
       const configLogLevel = config.logLevel ?? process.env?.STORM_LOG_LEVEL ?? LogLevelLabel.INFO;
       if (typeof logLevel === "number" && (logLevel >= getLogLevel(configLogLevel) || logLevel <= LogLevel.SILENT) || typeof logLevel === "string" && getLogLevel(logLevel) >= getLogLevel(configLogLevel)) {
         return (_6) => {
@@ -72468,9 +72532,7 @@ var init_logger = __esm({
         return (message) => {
           console.error(
             `
-${_chalk.bold.hex(config?.colors?.error ? config.colors.error : "#7d1a1a")(">")} ${_chalk.bold.bgHex(config?.colors?.fatal ? config.colors.fatal : "#7d1a1a").whiteBright(" \u{1F480} Fatal ")}  ${_chalk.hex(
-              config?.colors?.error ? config.colors.error : "#1fb2a6"
-            )(message)}
+${_chalk.bold.hex(colors.error)(">")} ${_chalk.bold.bgHex(colors.fatal).whiteBright(" \u{1F480} Fatal ")}  ${_chalk.hex(colors.error)(message)}
 
 `
           );
@@ -72480,9 +72542,7 @@ ${_chalk.bold.hex(config?.colors?.error ? config.colors.error : "#7d1a1a")(">")}
         return (message) => {
           console.error(
             `
-${_chalk.bold.hex(config?.colors?.error ? config.colors.error : "#7d1a1a")(">")} ${_chalk.bold.bgHex(config?.colors?.error ? config.colors.error : "#7d1a1a").whiteBright(" \u2718 Error ")}  ${_chalk.hex(
-              config?.colors?.error ? config.colors.error : "#7d1a1a"
-            )(message)}
+${_chalk.bold.hex(colors.error)(">")} ${_chalk.bold.bgHex(colors.error).whiteBright(" \u2718 Error ")}  ${_chalk.hex(colors.error)(message)}
 `
           );
         };
@@ -72491,9 +72551,7 @@ ${_chalk.bold.hex(config?.colors?.error ? config.colors.error : "#7d1a1a")(">")}
         return (message) => {
           console.warn(
             `
-${_chalk.bold.hex(config?.colors?.warning ? config.colors.warning : "#fcc419")("> ")} ${_chalk.bold.bgHex(config?.colors?.warning ? config.colors.warning : "#fcc419").whiteBright("  \u26A0 Warn  ")}  ${_chalk.hex(
-              config?.colors?.warning ? config.colors.warning : "#fcc419"
-            )(message)}
+${_chalk.bold.hex(colors.warning)("> ")} ${_chalk.bold.bgHex(colors.warning).whiteBright("  \u26A0 Warn  ")}  ${_chalk.hex(colors.warning)(message)}
 `
           );
         };
@@ -72502,9 +72560,7 @@ ${_chalk.bold.hex(config?.colors?.warning ? config.colors.warning : "#fcc419")("
         return (message) => {
           console.info(
             `
-${_chalk.bold.hex(config?.colors?.success ? config.colors.success : "#087f5b")(">")} ${_chalk.bold.bgHex(config?.colors?.success ? config.colors.success : "#087f5b").whiteBright(" \u2713 Success ")}  ${_chalk.hex(
-              config?.colors?.success ? config.colors.success : "#087f5b"
-            )(message)}
+${_chalk.bold.hex(colors.success)(">")} ${_chalk.bold.bgHex(colors.success).whiteBright(" \u2713 Success ")}  ${_chalk.hex(colors.success)(message)}
 `
           );
         };
@@ -72513,9 +72569,7 @@ ${_chalk.bold.hex(config?.colors?.success ? config.colors.success : "#087f5b")("
         return (message) => {
           console.info(
             `
-${_chalk.bold.hex(config?.colors?.info ? config.colors.info : "#0ea5e9")(">")} ${_chalk.bold.bgHex(config?.colors?.info ? config.colors.info : "#0ea5e9").whiteBright("  \u2139 Info  ")}  ${_chalk.hex(
-              config?.colors?.info ? config.colors.info : "#0ea5e9"
-            )(message)}
+${_chalk.bold.hex(colors.info)(">")} ${_chalk.bold.bgHex(colors.info).whiteBright("  \u2139 Info  ")}  ${_chalk.hex(colors.info)(message)}
 `
           );
         };
@@ -72524,9 +72578,7 @@ ${_chalk.bold.hex(config?.colors?.info ? config.colors.info : "#0ea5e9")(">")} $
         return (message) => {
           console.debug(
             `
-${_chalk.bold.hex(config?.colors?.primary ? config.colors.primary : "#1fb2a6")(">")} ${_chalk.bold.bgHex(config?.colors?.primary ? config.colors.primary : "#1fb2a6").whiteBright(" \u{1F6E0}  Debug ")}  ${_chalk.hex(
-              config?.colors?.primary ? config.colors.primary : "#1fb2a6"
-            )(message)}
+${_chalk.bold.hex(colors.primary)(">")} ${_chalk.bold.bgHex(colors.primary).whiteBright(" \u{1F6E0}  Debug ")}  ${_chalk.hex(colors.primary)(message)}
 `
           );
         };
@@ -72534,9 +72586,7 @@ ${_chalk.bold.hex(config?.colors?.primary ? config.colors.primary : "#1fb2a6")("
       return (message) => {
         console.log(
           `
-${_chalk.bold.hex(config?.colors?.primary ? config.colors.primary : "#1fb2a6")(">")} ${_chalk.bold.bgHex(config?.colors?.primary ? config.colors.primary : "#1fb2a6").whiteBright(" \u2709 System ")}  ${_chalk.hex(
-            config?.colors?.primary ? config.colors.primary : "#1fb2a6"
-          )(message)}
+${_chalk.bold.hex(colors.primary)(">")} ${_chalk.bold.bgHex(colors.primary).whiteBright(" \u2709 System ")}  ${_chalk.hex(colors.primary)(message)}
 `
         );
       };
@@ -72740,9 +72790,10 @@ var init_utilities = __esm({
 });
 
 // packages/config-tools/src/env/get-env.ts
-var getExtensionEnv, getConfigEnv;
+var getExtensionEnv, getConfigEnv, getThemeColorConfigEnv, getSingleThemeColorConfigEnv, getMultiThemeColorConfigEnv, getBaseThemeColorConfigEnv;
 var init_get_env = __esm({
   "packages/config-tools/src/env/get-env.ts"() {
+    init_src();
     init_utilities();
     init_correct_paths();
     getExtensionEnv = (extensionName) => {
@@ -72783,16 +72834,6 @@ var init_get_env = __esm({
         ci: process.env[`${prefix}CI`] !== void 0 ? Boolean(
           process.env[`${prefix}CI`] ?? process.env.CI ?? process.env.CONTINUOUS_INTEGRATION
         ) : void 0,
-        colors: {
-          primary: process.env[`${prefix}COLOR_PRIMARY`],
-          dark: process.env[`${prefix}COLOR_DARK`],
-          light: process.env[`${prefix}COLOR_LIGHT`],
-          success: process.env[`${prefix}COLOR_SUCCESS`],
-          info: process.env[`${prefix}COLOR_INFO`],
-          warning: process.env[`${prefix}COLOR_WARNING`],
-          error: process.env[`${prefix}COLOR_ERROR`],
-          fatal: process.env[`${prefix}COLOR_FATAL`]
-        },
         repository: process.env[`${prefix}REPOSITORY`],
         branch: process.env[`${prefix}BRANCH`],
         preid: process.env[`${prefix}PRE_ID`],
@@ -72803,6 +72844,18 @@ var init_get_env = __esm({
           Number.parseInt(process.env[`${prefix}LOG_LEVEL`])
         ) : process.env[`${prefix}LOG_LEVEL`] : void 0
       };
+      const themeNames = Object.keys(process.env).filter(
+        (envKey) => envKey.startsWith(`${prefix}COLOR_`) && COLOR_KEYS.every(
+          (colorKey) => !envKey.startsWith(`${prefix}COLOR_LIGHT_${colorKey}`) && !envKey.startsWith(`${prefix}COLOR_DARK_${colorKey}`)
+        )
+      );
+      config.colors = themeNames.length > 0 ? themeNames.reduce(
+        (ret, themeName) => {
+          ret[themeName] = getThemeColorConfigEnv(prefix, themeName);
+          return ret;
+        },
+        {}
+      ) : getThemeColorConfigEnv(prefix);
       const serializedConfig = process.env[`${prefix}CONFIG`];
       if (serializedConfig) {
         const parsed = JSON.parse(serializedConfig);
@@ -72815,11 +72868,53 @@ var init_get_env = __esm({
       }
       return config;
     };
+    getThemeColorConfigEnv = (prefix, theme) => {
+      const themeName = `COLOR_${theme && theme !== "base" ? `${theme}_` : ""}`.toUpperCase();
+      return process.env[`${prefix}${themeName}LIGHT_PRIMARY`] || process.env[`${prefix}${themeName}DARK_PRIMARY`] ? getMultiThemeColorConfigEnv(prefix + themeName) : getSingleThemeColorConfigEnv(prefix + themeName);
+    };
+    getSingleThemeColorConfigEnv = (prefix) => {
+      return {
+        dark: process.env[`${prefix}DARK`],
+        light: process.env[`${prefix}LIGHT`],
+        primary: process.env[`${prefix}PRIMARY`],
+        secondary: process.env[`${prefix}SECONDARY`],
+        tertiary: process.env[`${prefix}TERTIARY`],
+        accent: process.env[`${prefix}ACCENT`],
+        success: process.env[`${prefix}SUCCESS`],
+        info: process.env[`${prefix}INFO`],
+        warning: process.env[`${prefix}WARNING`],
+        error: process.env[`${prefix}ERROR`],
+        fatal: process.env[`${prefix}FATAL`]
+      };
+    };
+    getMultiThemeColorConfigEnv = (prefix) => {
+      return {
+        light: getBaseThemeColorConfigEnv(
+          `${prefix}_LIGHT_`
+        ),
+        dark: getBaseThemeColorConfigEnv(`${prefix}_DARK_`)
+      };
+    };
+    getBaseThemeColorConfigEnv = (prefix) => {
+      return {
+        foreground: process.env[`${prefix}FOREGROUND`],
+        background: process.env[`${prefix}BACKGROUND`],
+        primary: process.env[`${prefix}PRIMARY`],
+        secondary: process.env[`${prefix}SECONDARY`],
+        tertiary: process.env[`${prefix}TERTIARY`],
+        accent: process.env[`${prefix}ACCENT`],
+        success: process.env[`${prefix}SUCCESS`],
+        info: process.env[`${prefix}INFO`],
+        warning: process.env[`${prefix}WARNING`],
+        error: process.env[`${prefix}ERROR`],
+        fatal: process.env[`${prefix}FATAL`]
+      };
+    };
   }
 });
 
 // packages/config-tools/src/env/set-env.ts
-var setExtensionEnv, setConfigEnv;
+var setExtensionEnv, setConfigEnv, setThemeColorConfigEnv, setSingleThemeColorConfigEnv, setMultiThemeColorConfigEnv, setBaseThemeColorConfigEnv;
 var init_set_env = __esm({
   "packages/config-tools/src/env/set-env.ts"() {
     init_types2();
@@ -72935,29 +73030,15 @@ var init_set_env = __esm({
         process.env.CI = String(config.ci);
         process.env.CONTINUOUS_INTEGRATION = String(config.ci);
       }
-      if (config.colors.primary) {
-        process.env[`${prefix}COLOR_PRIMARY`] = config.colors.primary;
-      }
-      if (config.colors.dark) {
-        process.env[`${prefix}COLOR_DARK`] = config.colors.dark;
-      }
-      if (config.colors.light) {
-        process.env[`${prefix}COLOR_LIGHT`] = config.colors.light;
-      }
-      if (config.colors.success) {
-        process.env[`${prefix}COLOR_SUCCESS`] = config.colors.success;
-      }
-      if (config.colors.info) {
-        process.env[`${prefix}COLOR_INFO`] = config.colors.info;
-      }
-      if (config.colors.warning) {
-        process.env[`${prefix}COLOR_WARNING`] = config.colors.warning;
-      }
-      if (config.colors.error) {
-        process.env[`${prefix}COLOR_ERROR`] = config.colors.error;
-      }
-      if (config.colors.fatal) {
-        process.env[`${prefix}COLOR_FATAL`] = config.colors.fatal;
+      if (config.colors?.base?.light || config.colors?.base?.dark) {
+        for (const key of Object.keys(config.colors)) {
+          setThemeColorConfigEnv(`${prefix}COLOR_${key}_`, config.colors[key]);
+        }
+      } else {
+        setThemeColorConfigEnv(
+          `${prefix}COLOR_`,
+          config.colors
+        );
       }
       if (config.repository) {
         process.env[`${prefix}REPOSITORY`] = config.repository;
@@ -72986,6 +73067,85 @@ var init_set_env = __esm({
         config.extensions[key] && Object.keys(config.extensions[key]) && setExtensionEnv(key, config.extensions[key]);
       }
     };
+    setThemeColorConfigEnv = (prefix, config) => {
+      return config?.light?.primary || config?.dark?.primary ? setMultiThemeColorConfigEnv(prefix, config) : setSingleThemeColorConfigEnv(prefix, config);
+    };
+    setSingleThemeColorConfigEnv = (prefix, config) => {
+      if (config.dark) {
+        process.env[`${prefix}DARK`] = config.dark;
+      }
+      if (config.light) {
+        process.env[`${prefix}LIGHT`] = config.light;
+      }
+      if (config.primary) {
+        process.env[`${prefix}PRIMARY`] = config.primary;
+      }
+      if (config.secondary) {
+        process.env[`${prefix}SECONDARY`] = config.secondary;
+      }
+      if (config.tertiary) {
+        process.env[`${prefix}TERTIARY`] = config.tertiary;
+      }
+      if (config.accent) {
+        process.env[`${prefix}ACCENT`] = config.accent;
+      }
+      if (config.success) {
+        process.env[`${prefix}SUCCESS`] = config.success;
+      }
+      if (config.info) {
+        process.env[`${prefix}INFO`] = config.info;
+      }
+      if (config.warning) {
+        process.env[`${prefix}WARNING`] = config.warning;
+      }
+      if (config.error) {
+        process.env[`${prefix}ERROR`] = config.error;
+      }
+      if (config.fatal) {
+        process.env[`${prefix}FATAL`] = config.fatal;
+      }
+    };
+    setMultiThemeColorConfigEnv = (prefix, config) => {
+      return {
+        light: setBaseThemeColorConfigEnv(`${prefix}_LIGHT_`, config.light),
+        dark: setBaseThemeColorConfigEnv(`${prefix}_DARK_`, config.dark)
+      };
+    };
+    setBaseThemeColorConfigEnv = (prefix, config) => {
+      if (config.foreground) {
+        process.env[`${prefix}FOREGROUND`] = config.foreground;
+      }
+      if (config.background) {
+        process.env[`${prefix}BACKGROUND`] = config.background;
+      }
+      if (config.primary) {
+        process.env[`${prefix}PRIMARY`] = config.primary;
+      }
+      if (config.secondary) {
+        process.env[`${prefix}SECONDARY`] = config.secondary;
+      }
+      if (config.tertiary) {
+        process.env[`${prefix}TERTIARY`] = config.tertiary;
+      }
+      if (config.accent) {
+        process.env[`${prefix}ACCENT`] = config.accent;
+      }
+      if (config.success) {
+        process.env[`${prefix}SUCCESS`] = config.success;
+      }
+      if (config.info) {
+        process.env[`${prefix}INFO`] = config.info;
+      }
+      if (config.warning) {
+        process.env[`${prefix}WARNING`] = config.warning;
+      }
+      if (config.error) {
+        process.env[`${prefix}ERROR`] = config.error;
+      }
+      if (config.fatal) {
+        process.env[`${prefix}FATAL`] = config.fatal;
+      }
+    };
   }
 });