@symbo.ls/scratch 3.1.2 → 3.2.7

package/dist/esm/factory.js

@@ -0,0 +1,43 @@
+import {
+  deepClone,
+  deepMerge,
+  isDefined,
+  isObject
+} from "@domql/utils";
+import * as CONF from "./defaultConfig";
+const CSS_VARS = {};
+const CONFIG = {
+  verbose: false,
+  useVariable: true,
+  useReset: true,
+  CSS_VARS,
+  ...CONF.default || CONF
+};
+const cachedConfig = deepClone(CONFIG);
+const FACTORY = {
+  active: "0",
+  0: CONFIG
+};
+const activateConfig = (def) => {
+  if (isDefined(def)) {
+    FACTORY.active = def;
+  }
+  return FACTORY[def || FACTORY.active];
+};
+const getActiveConfig = (def) => {
+  return FACTORY[def || FACTORY.active] || CONFIG;
+};
+const setActiveConfig = (newConfig) => {
+  if (!isObject(newConfig)) return;
+  FACTORY.active = "1";
+  FACTORY["1"] = deepMerge(newConfig, deepClone(cachedConfig));
+  return newConfig;
+};
+export {
+  CONFIG,
+  CSS_VARS,
+  FACTORY,
+  activateConfig,
+  getActiveConfig,
+  setActiveConfig
+};

package/dist/esm/index.js

@@ -0,0 +1,12 @@
+import * as scratchUtils from "./utils/index.js";
+import * as scratchSystem from "./system/index.js";
+export * from "./factory.js";
+export * from "./defaultConfig";
+export * from "./system";
+export * from "./utils";
+export * from "./transforms";
+export * from "./set.js";
+export {
+  scratchSystem,
+  scratchUtils
+};

package/dist/esm/set.js

@@ -0,0 +1,148 @@
+import { FACTORY, getActiveConfig, setActiveConfig } from "./factory.js";
+import {
+  setColor,
+  setGradient,
+  setFont,
+  setFontFamily,
+  setTheme,
+  setSvgIcon,
+  setSVG,
+  applyTypographySequence,
+  applySpacingSequence,
+  applyReset,
+  applyTimingSequence,
+  applyDocument,
+  setShadow
+} from "./system";
+import { isFunction, deepMerge } from "@domql/utils";
+const setCases = (val, key) => {
+  if (isFunction(val)) return val();
+  return val;
+};
+const setSameValue = (val, key) => val;
+const VALUE_TRANSFORMERS = {
+  color: setColor,
+  gradient: setGradient,
+  font: setFont,
+  font_family: setFontFamily,
+  theme: setTheme,
+  icons: setSvgIcon,
+  semantic_icons: setSameValue,
+  svg: setSVG,
+  svg_data: setSameValue,
+  typography: setSameValue,
+  cases: setCases,
+  shadow: setShadow,
+  spacing: setSameValue,
+  media: setSameValue,
+  grid: setSameValue,
+  class: setSameValue,
+  timing: setSameValue,
+  reset: setSameValue,
+  unit: setSameValue,
+  animation: setSameValue
+};
+const setValue = (FACTORY_NAME, value, key) => {
+  const CONFIG = getActiveConfig();
+  const factoryName = FACTORY_NAME.toLowerCase();
+  const FACTORY2 = CONFIG[FACTORY_NAME];
+  if (VALUE_TRANSFORMERS[factoryName]) {
+    try {
+      const result = VALUE_TRANSFORMERS[factoryName](value, key);
+      FACTORY2[key] = result;
+      return FACTORY2;
+    } catch (error) {
+      if (CONFIG.verbose) console.warn("Error setting", factoryName, "value", value, key, error);
+    }
+  }
+  if (CONFIG.verbose) console.warn("Can not find", factoryName, "method in scratch");
+};
+const setEach = (factoryName, props) => {
+  const CONFIG = getActiveConfig();
+  const FACTORY_NAME = factoryName.toUpperCase();
+  const keys = Object.keys(props);
+  keys.forEach((key) => {
+    try {
+      return setValue(FACTORY_NAME, props[key], key);
+    } catch (error) {
+      if (CONFIG.verbose) console.warn("Error setting", FACTORY_NAME, "value", props[key], key, error);
+    }
+  });
+  return CONFIG[FACTORY_NAME];
+};
+const SET_OPTIONS = {};
+const set = (recivedConfig, options = SET_OPTIONS) => {
+  let CONFIG = getActiveConfig();
+  const {
+    version,
+    verbose,
+    useVariable,
+    useReset,
+    useSvgSprite,
+    useFontImport,
+    useIconSprite,
+    globalTheme,
+    useDocumentTheme,
+    useDefaultConfig,
+    SEMANTIC_ICONS,
+    ...config
+  } = recivedConfig;
+  if (options.newConfig) {
+    CONFIG = setActiveConfig(options.newConfig);
+  }
+  if (verbose !== void 0) CONFIG.verbose = verbose;
+  if (useVariable !== void 0) CONFIG.useVariable = useVariable;
+  if (useReset !== void 0) CONFIG.useReset = useReset;
+  if (useFontImport !== void 0) CONFIG.useFontImport = useFontImport;
+  if (useSvgSprite !== void 0) CONFIG.useSvgSprite = useSvgSprite;
+  if (useIconSprite !== void 0) CONFIG.useIconSprite = useIconSprite;
+  if (useDocumentTheme !== void 0) CONFIG.useDocumentTheme = useDocumentTheme;
+  if (globalTheme !== void 0) CONFIG.globalTheme = globalTheme;
+  if (useDefaultConfig !== void 0) CONFIG.useDefaultConfig = useDefaultConfig;
+  if (SEMANTIC_ICONS !== void 0) CONFIG.SEMANTIC_ICONS = SEMANTIC_ICONS;
+  if (CONFIG.verbose) console.log(CONFIG);
+  if (!CONFIG.__svg_cache) CONFIG.__svg_cache = {};
+  const keys = Object.keys(config);
+  const keySet = new Set(keys);
+  keys.forEach((key) => {
+    const lower = key.toLowerCase();
+    if (lower !== key && keySet.has(lower)) {
+      deepMerge(config[lower], config[key]);
+    }
+  });
+  keys.map((key) => {
+    const lower = key.toLowerCase();
+    if (lower !== key && keySet.has(lower)) return;
+    return setEach(key, config[key]);
+  });
+  if (config.TYPOGRAPHY || config.typography) {
+    try {
+      applyTypographySequence();
+    } catch (e) {
+      if (CONFIG.verbose) console.warn("Error applying typography sequence", e);
+    }
+  }
+  if (config.SPACING || config.spacing) {
+    try {
+      applySpacingSequence();
+    } catch (e) {
+      if (CONFIG.verbose) console.warn("Error applying spacing sequence", e);
+    }
+  }
+  if (config.TIMING || config.timing) {
+    try {
+      applyTimingSequence();
+    } catch (e) {
+      if (CONFIG.verbose) console.warn("Error applying timing sequence", e);
+    }
+  }
+  applyDocument();
+  applyReset();
+  return CONFIG;
+};
+export {
+  VALUE_TRANSFORMERS,
+  set,
+  setEach,
+  setValue
+};