@draftbit/theme 50.5.3-22879.2 → 50.5.3-9ae597.2

package/src/validators.js

@@ -1,72 +1,52 @@
-import { z } from "zod";
-const PaletteSchema = z.record(z.string(), z.record(z.string(), z.string()));
-const BreakpointSchema = z.record(z.string(), z.number());
-const TextStyleSchema = z.union([
-    z.object({
-        fontSize: z.number(),
-    }),
-    z.object({
-        fontFamily: z.string(),
-    }),
-    z.object({
-        letterSpacing: z.number(),
-    }),
-    z.object({
-        lineHeight: z.number(),
-    }),
-]);
-const ThemeValuesSchema = z.record(z.string(), z.lazy(() => z.union([z.string(), z.number(), TextStyleSchema, ThemeValuesSchema])));
-const TextStyleOrThemeValuesSchema = z.union([TextStyleSchema, ThemeValuesSchema]);
-const ThemeSchema = z.object({
-    name: z.string(),
-    colors: z.object({
-        branding: ThemeValuesSchema.optional(),
-        text: ThemeValuesSchema.optional(),
-        background: ThemeValuesSchema.optional(),
-        foreground: ThemeValuesSchema.optional(),
-        border: ThemeValuesSchema.optional(),
-    }),
-    typography: z.object({
-        body1: TextStyleOrThemeValuesSchema.optional(),
-        body2: TextStyleOrThemeValuesSchema.optional(),
-        button: TextStyleOrThemeValuesSchema.optional(),
-        caption: TextStyleOrThemeValuesSchema.optional(),
-        headline1: TextStyleOrThemeValuesSchema.optional(),
-        headline2: TextStyleOrThemeValuesSchema.optional(),
-        headline3: TextStyleOrThemeValuesSchema.optional(),
-        headline4: TextStyleOrThemeValuesSchema.optional(),
-        headline5: TextStyleOrThemeValuesSchema.optional(),
-        headline6: TextStyleOrThemeValuesSchema.optional(),
-        overline: TextStyleOrThemeValuesSchema.optional(),
-        subtitle1: TextStyleOrThemeValuesSchema.optional(),
-        subtitle2: TextStyleOrThemeValuesSchema.optional(),
-    }),
-});
 export function validatePalettes(palettes) {
-    const result = PaletteSchema.safeParse(palettes);
-    if (!result.success) {
-        throw new Error("Invalid palettes object: " + result.error.message);
+    for (const key of Object.keys(palettes)) {
+        if (typeof key !== "string") {
+            throw new Error(`Invalid palettes object, ${key} is not a string`);
+        }
+        for (const [innerKey, value] of Object.entries(palettes[key])) {
+            if (typeof innerKey !== "string") {
+                throw new Error(`Invalid palette color key, ${innerKey} is not a string`);
+            }
+            if (typeof value !== "string") {
+                throw new Error(`Invalid palette color value, ${value} is not a string`);
+            }
+        }
     }
 }
 export function validateBreakpoints(breakpoints) {
-    const result = BreakpointSchema.safeParse(breakpoints);
-    if (!result.success) {
-        throw new Error("Invalid breakpoints object: " + result.error.message);
+    for (const [key, value] of Object.entries(breakpoints)) {
+        if (typeof key !== "string") {
+            throw new Error(`Invalid breakpoint key, ${key} is not a string`);
+        }
+        if (typeof value !== "number") {
+            throw new Error(`Invalid breakpoint value, ${value} is not a number`);
+        }
     }
 }
 export function validateTheme(theme) {
-    const result = ThemeSchema.safeParse(theme);
-    if (!result.success) {
-        throw new Error("Invalid theme object: " + result.error.message);
+    function validateThemeValues(themeValue) {
+        if (themeValue === undefined || themeValue === null) {
+            return;
+        }
+        for (const [key, value] of Object.entries(themeValue)) {
+            if (typeof key !== "string") {
+                throw new Error(`Invalid theme key, ${key} is not a string`);
+            }
+            if (value === undefined || value === null) {
+                continue;
+            }
+            else if (typeof value === "object") {
+                validateThemeValues(value);
+            }
+            else if (typeof value !== "string" && typeof value !== "number") {
+                throw new Error(`Invalid theme value, ${value} is not a string, number, or object`);
+            }
+        }
     }
-}
-export function asThemeValuesObject(value) {
-    var _a;
-    // Text style matches the shape of ThemeValues, but we don't want to treat it as a ThemeValues
-    const isTextStyle = TextStyleSchema.safeParse(value).success;
-    if (isTextStyle) {
-        return null;
-    }
-    return (_a = ThemeValuesSchema.safeParse(value).data) !== null && _a !== void 0 ? _a : null;
+    validateThemeValues(theme.colors.branding);
+    validateThemeValues(theme.colors.text);
+    validateThemeValues(theme.colors.foreground);
+    validateThemeValues(theme.colors.background);
+    validateThemeValues(theme.colors.border);
 }
 //# sourceMappingURL=validators.js.map

package/src/validators.js.map

@@ -1 +1 @@
-{"version":3,"file":"validators.js","sourceRoot":"","sources":["validators.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"validators.js","sourceRoot":"","sources":["validators.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,gBAAgB,CAAC,QAAuB;IACtD,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;QACvC,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;YAC3B,MAAM,IAAI,KAAK,CAAC,4BAA4B,GAAG,kBAAkB,CAAC,CAAC;SACpE;QACD,KAAK,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE;YAC7D,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;gBAChC,MAAM,IAAI,KAAK,CACb,8BAA8B,QAAQ,kBAAkB,CACzD,CAAC;aACH;YACD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBAC7B,MAAM,IAAI,KAAK,CACb,gCAAgC,KAAK,kBAAkB,CACxD,CAAC;aACH;SACF;KACF;AACH,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,WAAwB;IAC1D,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;QACtD,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;YAC3B,MAAM,IAAI,KAAK,CAAC,2BAA2B,GAAG,kBAAkB,CAAC,CAAC;SACnE;QACD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC7B,MAAM,IAAI,KAAK,CAAC,6BAA6B,KAAK,kBAAkB,CAAC,CAAC;SACvE;KACF;AACH,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,KAAY;IACxC,SAAS,mBAAmB,CAAC,UAAwB;QACnD,IAAI,UAAU,KAAK,SAAS,IAAI,UAAU,KAAK,IAAI,EAAE;YACnD,OAAO;SACR;QACD,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;YACrD,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;gBAC3B,MAAM,IAAI,KAAK,CAAC,sBAAsB,GAAG,kBAAkB,CAAC,CAAC;aAC9D;YACD,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,EAAE;gBACzC,SAAS;aACV;iBAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBACpC,mBAAmB,CAAC,KAAK,CAAC,CAAC;aAC5B;iBAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBACjE,MAAM,IAAI,KAAK,CACb,wBAAwB,KAAK,qCAAqC,CACnE,CAAC;aACH;SACF;IACH,CAAC;IACD,mBAAmB,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC3C,mBAAmB,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACvC,mBAAmB,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IAC7C,mBAAmB,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IAC7C,mBAAmB,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;AAC3C,CAAC"}

package/src/validators.ts

@@ -1,95 +1,59 @@
 import { ColorPalettes, Breakpoints, Theme, ThemeValues } from "./types";
-import { TextStyle } from "react-native";
-import { z } from "zod";
-
-const PaletteSchema: z.ZodType<ColorPalettes> = z.record(
-  z.string(),
-  z.record(z.string(), z.string())
-);
-
-const BreakpointSchema: z.ZodType<Breakpoints> = z.record(
-  z.string(),
-  z.number()
-);
-
-const TextStyleSchema: z.ZodType<TextStyle> = z.union([
-  z.object({
-    fontSize: z.number(),
-  }),
-  z.object({
-    fontFamily: z.string(),
-  }),
-  z.object({
-    letterSpacing: z.number(),
-  }),
-  z.object({
-    lineHeight: z.number(),
-  }),
-]);
-
-const ThemeValuesSchema: z.ZodType<ThemeValues> = z.record(
-  z.string(),
-  z.lazy(() =>
-    z.union([z.string(), z.number(), TextStyleSchema, ThemeValuesSchema])
-  )
-);
-
-const TextStyleOrThemeValuesSchema: z.ZodType<ThemeValues | TextStyle> =
-  z.union([TextStyleSchema, ThemeValuesSchema]);
-
-const ThemeSchema: z.ZodType<Theme> = z.object({
-  name: z.string(),
-  colors: z.object({
-    branding: ThemeValuesSchema.optional(),
-    text: ThemeValuesSchema.optional(),
-    background: ThemeValuesSchema.optional(),
-    foreground: ThemeValuesSchema.optional(),
-    border: ThemeValuesSchema.optional(),
-  }),
-  typography: z.object({
-    body1: TextStyleOrThemeValuesSchema.optional(),
-    body2: TextStyleOrThemeValuesSchema.optional(),
-    button: TextStyleOrThemeValuesSchema.optional(),
-    caption: TextStyleOrThemeValuesSchema.optional(),
-    headline1: TextStyleOrThemeValuesSchema.optional(),
-    headline2: TextStyleOrThemeValuesSchema.optional(),
-    headline3: TextStyleOrThemeValuesSchema.optional(),
-    headline4: TextStyleOrThemeValuesSchema.optional(),
-    headline5: TextStyleOrThemeValuesSchema.optional(),
-    headline6: TextStyleOrThemeValuesSchema.optional(),
-    overline: TextStyleOrThemeValuesSchema.optional(),
-    subtitle1: TextStyleOrThemeValuesSchema.optional(),
-    subtitle2: TextStyleOrThemeValuesSchema.optional(),
-  }),
-});
 
 export function validatePalettes(palettes: ColorPalettes) {
-  const result = PaletteSchema.safeParse(palettes);
-  if (!result.success) {
-    throw new Error("Invalid palettes object: " + result.error.message);
+  for (const key of Object.keys(palettes)) {
+    if (typeof key !== "string") {
+      throw new Error(`Invalid palettes object, ${key} is not a string`);
+    }
+    for (const [innerKey, value] of Object.entries(palettes[key])) {
+      if (typeof innerKey !== "string") {
+        throw new Error(
+          `Invalid palette color key, ${innerKey} is not a string`
+        );
+      }
+      if (typeof value !== "string") {
+        throw new Error(
+          `Invalid palette color value, ${value} is not a string`
+        );
+      }
+    }
   }
 }
 
 export function validateBreakpoints(breakpoints: Breakpoints) {
-  const result = BreakpointSchema.safeParse(breakpoints);
-  if (!result.success) {
-    throw new Error("Invalid breakpoints object: " + result.error.message);
+  for (const [key, value] of Object.entries(breakpoints)) {
+    if (typeof key !== "string") {
+      throw new Error(`Invalid breakpoint key, ${key} is not a string`);
+    }
+    if (typeof value !== "number") {
+      throw new Error(`Invalid breakpoint value, ${value} is not a number`);
+    }
   }
 }
 
 export function validateTheme(theme: Theme) {
-  const result = ThemeSchema.safeParse(theme);
-  if (!result.success) {
-    throw new Error("Invalid theme object: " + result.error.message);
+  function validateThemeValues(themeValue?: ThemeValues) {
+    if (themeValue === undefined || themeValue === null) {
+      return;
+    }
+    for (const [key, value] of Object.entries(themeValue)) {
+      if (typeof key !== "string") {
+        throw new Error(`Invalid theme key, ${key} is not a string`);
+      }
+      if (value === undefined || value === null) {
+        continue;
+      } else if (typeof value === "object") {
+        validateThemeValues(value);
+      } else if (typeof value !== "string" && typeof value !== "number") {
+        throw new Error(
+          `Invalid theme value, ${value} is not a string, number, or object`
+        );
+      }
+    }
   }
-}
-
-export function asThemeValuesObject(value: any): ThemeValues | null {
-  // Text style matches the shape of ThemeValues, but we don't want to treat it as a ThemeValues
-  const isTextStyle = TextStyleSchema.safeParse(value).success;
-  if (isTextStyle) {
-    return null;
-  }
-
-  return ThemeValuesSchema.safeParse(value).data ?? null;
+  validateThemeValues(theme.colors.branding);
+  validateThemeValues(theme.colors.text);
+  validateThemeValues(theme.colors.foreground);
+  validateThemeValues(theme.colors.background);
+  validateThemeValues(theme.colors.border);
 }