simplestyle-js 3.1.1 → 3.1.4-beta.0

package/createStyles.js

@@ -0,0 +1,170 @@
+import merge from "deepmerge";
+import { generateClassName } from "./generateClassName";
+import { getPosthooks } from "./plugins";
+function isNestedSelector(r) {
+  return /&/g.test(r);
+}
+function isMedia(r) {
+  return r.toLowerCase().startsWith("@media");
+}
+function formatCSSRuleName(rule) {
+  return rule.replace(/([A-Z])/g, (p1) => `-${p1.toLowerCase()}`);
+}
+function formatCSSRules(cssRules) {
+  return Object.entries(cssRules).reduce((prev, [cssProp, cssVal]) => `${prev}${formatCSSRuleName(cssProp)}:${cssVal};`, "");
+}
+function execCreateStyles(rules, options, parentSelector, noGenerateClassName = false) {
+  const out = {};
+  let sheetBuffer = "";
+  let mediaQueriesBuffer = "";
+  const styleEntries = Object.entries(rules);
+  let ruleWriteOpen = false;
+  const guardCloseRuleWrite = () => {
+    if (ruleWriteOpen)
+      sheetBuffer += "}";
+    ruleWriteOpen = false;
+  };
+  for (const [classNameOrCSSRule, classNameRules] of styleEntries) {
+    if (isMedia(classNameOrCSSRule)) {
+      if (typeof classNameRules !== "object")
+        throw new Error("Unable to map @media query because rules / props are an invalid type");
+      guardCloseRuleWrite();
+      mediaQueriesBuffer += `${classNameOrCSSRule}{`;
+      const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(classNameRules, options, parentSelector);
+      mediaQueriesBuffer += regularOutput;
+      mediaQueriesBuffer += "}";
+      mediaQueriesBuffer += mediaQueriesOutput;
+    } else if (isNestedSelector(classNameOrCSSRule)) {
+      if (!parentSelector)
+        throw new Error("Unable to generate nested rule because parentSelector is missing");
+      guardCloseRuleWrite();
+      const replaced = classNameOrCSSRule.replace(/&/g, parentSelector);
+      for (const selector of replaced.split(/,\s*/)) {
+        const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(classNameRules, options, selector);
+        sheetBuffer += regularOutput;
+        mediaQueriesBuffer += mediaQueriesOutput;
+      }
+    } else if (!parentSelector && typeof classNameRules === "object") {
+      guardCloseRuleWrite();
+      const generated = noGenerateClassName ? classNameOrCSSRule : generateClassName(classNameOrCSSRule);
+      out[classNameOrCSSRule] = generated;
+      const generatedSelector = `${noGenerateClassName ? "" : "."}${generated}`;
+      const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(classNameRules, options, generatedSelector);
+      sheetBuffer += regularOutput;
+      mediaQueriesBuffer += mediaQueriesOutput;
+    } else {
+      if (!parentSelector)
+        throw new Error("Unable to write css props because parent selector is null");
+      if (!ruleWriteOpen) {
+        sheetBuffer += `${parentSelector}{${formatCSSRules({ [classNameOrCSSRule]: classNameRules })}`;
+        ruleWriteOpen = true;
+      } else
+        sheetBuffer += formatCSSRules({ [classNameOrCSSRule]: classNameRules });
+    }
+  }
+  guardCloseRuleWrite();
+  return {
+    classes: out,
+    sheetBuffer,
+    mediaQueriesBuffer
+  };
+}
+function replaceBackReferences(out, sheetContents) {
+  let outputSheetContents = sheetContents;
+  const toReplace = [];
+  const toReplaceRegex = /\$\w([a-zA-Z0-9_-]+)?/gm;
+  let matches = toReplaceRegex.exec(outputSheetContents);
+  while (matches) {
+    toReplace.push(matches[0].valueOf());
+    matches = toReplaceRegex.exec(outputSheetContents);
+  }
+  for (const r of toReplace) {
+    outputSheetContents = outputSheetContents.replace(r, `.${out[r.substring(1)]}`);
+  }
+  return getPosthooks().reduce((prev, hook) => hook(prev), outputSheetContents);
+}
+function createSheet(sheetContents) {
+  if (typeof document !== "undefined" && document.head && document.head.appendChild && typeof document.createElement === "function") {
+    const styleTag = document.createElement("style");
+    styleTag.innerHTML = sheetContents;
+    return styleTag;
+  }
+  return null;
+}
+function flushSheetContents(sheetContents, options) {
+  var _a, _b;
+  const styleTag = createSheet(sheetContents);
+  if (styleTag) {
+    if ((options == null ? void 0 : options.insertAfter) && (options == null ? void 0 : options.insertBefore)) {
+      throw new Error("Both insertAfter and insertBefore were provided. Please choose only one.");
+    }
+    if ((_a = options == null ? void 0 : options.insertAfter) == null ? void 0 : _a.after)
+      options.insertAfter.after(styleTag);
+    else if ((_b = options == null ? void 0 : options.insertBefore) == null ? void 0 : _b.before)
+      options.insertBefore.before(styleTag);
+    else
+      document.head.appendChild(styleTag);
+  }
+  return styleTag;
+}
+function coerceCreateStylesOptions(options) {
+  return {
+    flush: options && typeof options.flush === "boolean" ? options.flush : true
+  };
+}
+function rawStyles(rules, options) {
+  const coerced = coerceCreateStylesOptions(options);
+  const { sheetBuffer: sheetContents, mediaQueriesBuffer: mediaQueriesContents } = execCreateStyles(rules, coerced, null, true);
+  const mergedContents = `${sheetContents}${mediaQueriesContents}`;
+  if (coerced.flush)
+    flushSheetContents(mergedContents, options);
+  return mergedContents;
+}
+function keyframes(frames, options) {
+  const coerced = coerceCreateStylesOptions(options);
+  const keyframeName = generateClassName("keyframes_");
+  const { sheetBuffer: keyframesContents } = execCreateStyles(frames, coerced, null, true);
+  const sheetContents = `@keyframes ${keyframeName}{${keyframesContents}}`;
+  if (coerced.flush)
+    flushSheetContents(sheetContents);
+  return [keyframeName, sheetContents];
+}
+function createStyles(rules, options) {
+  const coerced = coerceCreateStylesOptions(options);
+  const {
+    classes: out,
+    sheetBuffer: sheetContents,
+    mediaQueriesBuffer: mediaQueriesContents
+  } = execCreateStyles(rules, coerced, null);
+  const mergedContents = `${sheetContents}${mediaQueriesContents}`;
+  const replacedSheetContents = replaceBackReferences(out, mergedContents);
+  let sheet = null;
+  const updateSheet = (updatedRules) => {
+    if (((options == null ? void 0 : options.flush) && sheet || !(options == null ? void 0 : options.flush)) && updatedRules) {
+      const {
+        classes: updatedOut,
+        sheetBuffer: updatedSheetContents,
+        mediaQueriesBuffer: updatedMediaQueriesContents
+      } = execCreateStyles(merge(rules, updatedRules), { flush: false }, null);
+      const updatedMergedContents = `${updatedSheetContents}${updatedMediaQueriesContents}`;
+      const updatedReplacedSheetContents = replaceBackReferences(out, updatedMergedContents);
+      if (sheet)
+        sheet.innerHTML = updatedReplacedSheetContents;
+      return { classes: updatedOut, stylesheet: updatedSheetContents };
+    }
+    return null;
+  };
+  if (coerced.flush)
+    sheet = flushSheetContents(replacedSheetContents, options);
+  return {
+    classes: out,
+    stylesheet: replacedSheetContents,
+    updateSheet
+  };
+}
+export {
+  createStyles as default,
+  keyframes,
+  rawStyles
+};
+//# sourceMappingURL=createStyles.js.map

package/createStyles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/createStyles.ts"],
+  "sourcesContent": ["import { Properties } from 'csstype';\nimport merge from 'deepmerge';\n\nimport { generateClassName } from './generateClassName';\nimport { getPosthooks } from './plugins';\nimport { SimpleStyleRules } from './types';\n\nexport type CreateStylesOptions = Partial<{\n  /**\n   * If true, automatically renders generated styles\n   * to the DOM in an injected <style /> tag\n   */\n  flush: boolean;\n\n  /**\n   * If set, along with flush: true,\n   * will render the injected <style /> after this element\n   */\n  insertAfter?: HTMLElement;\n  /**\n   * If set, along with flush: true,\n   * will render the injects <style /> before this element\n   */\n  insertBefore?: HTMLElement;\n}>;\n\nfunction isNestedSelector(r: string): boolean {\n  return /&/g.test(r);\n}\n\nfunction isMedia(r: string): boolean {\n  return r.toLowerCase().startsWith('@media');\n}\n\nfunction formatCSSRuleName(rule: string): string {\n  return rule.replace(/([A-Z])/g, p1 => `-${p1.toLowerCase()}`);\n}\n\nfunction formatCSSRules(cssRules: Properties): string {\n  return Object.entries(cssRules).reduce(\n    (prev, [cssProp, cssVal]) => `${prev}${formatCSSRuleName(cssProp)}:${cssVal};`,\n    '',\n  );\n}\n\nfunction execCreateStyles<T extends SimpleStyleRules, K extends keyof T, O extends { [classKey in K]: string }>(\n  rules: T,\n  options: CreateStylesOptions,\n  parentSelector: string | null,\n  noGenerateClassName: boolean = false,\n): { classes: O; sheetBuffer: string; mediaQueriesBuffer: string } {\n  const out = {} as O;\n  let sheetBuffer = '';\n  let mediaQueriesBuffer = '';\n  const styleEntries = Object.entries(rules);\n  let ruleWriteOpen = false;\n  const guardCloseRuleWrite = () => {\n    if (ruleWriteOpen) sheetBuffer += '}';\n    ruleWriteOpen = false;\n  };\n  for (const [classNameOrCSSRule, classNameRules] of styleEntries) {\n    // if the classNameRules is a string, we are dealing with a display: none; type rule\n    if (isMedia(classNameOrCSSRule)) {\n      if (typeof classNameRules !== 'object')\n        throw new Error('Unable to map @media query because rules / props are an invalid type');\n      guardCloseRuleWrite();\n      mediaQueriesBuffer += `${classNameOrCSSRule}{`;\n      const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(\n        classNameRules as T,\n        options,\n        parentSelector,\n      );\n      mediaQueriesBuffer += regularOutput;\n      mediaQueriesBuffer += '}';\n      mediaQueriesBuffer += mediaQueriesOutput;\n    } else if (isNestedSelector(classNameOrCSSRule)) {\n      if (!parentSelector) throw new Error('Unable to generate nested rule because parentSelector is missing');\n      guardCloseRuleWrite();\n      // format of { '& > span': { display: 'none' } } (or further nesting)\n      const replaced = classNameOrCSSRule.replace(/&/g, parentSelector);\n      for (const selector of replaced.split(/,\\s*/)) {\n        const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(\n          classNameRules as T,\n          options,\n          selector,\n        );\n        sheetBuffer += regularOutput;\n        mediaQueriesBuffer += mediaQueriesOutput;\n      }\n    } else if (!parentSelector && typeof classNameRules === 'object') {\n      guardCloseRuleWrite();\n      const generated = noGenerateClassName ? classNameOrCSSRule : generateClassName(classNameOrCSSRule);\n      (out as any)[classNameOrCSSRule] = generated;\n      const generatedSelector = `${noGenerateClassName ? '' : '.'}${generated}`;\n      const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(\n        classNameRules as T,\n        options,\n        generatedSelector,\n      );\n      sheetBuffer += regularOutput;\n      mediaQueriesBuffer += mediaQueriesOutput;\n    } else {\n      if (!parentSelector) throw new Error('Unable to write css props because parent selector is null');\n      if (!ruleWriteOpen) {\n        sheetBuffer += `${parentSelector}{${formatCSSRules({ [classNameOrCSSRule]: classNameRules })}`;\n        ruleWriteOpen = true;\n      } else sheetBuffer += formatCSSRules({ [classNameOrCSSRule]: classNameRules });\n    }\n  }\n  guardCloseRuleWrite();\n  return {\n    classes: out,\n    sheetBuffer,\n    mediaQueriesBuffer,\n  };\n}\n\nfunction replaceBackReferences<O extends { [key: string]: string }>(out: O, sheetContents: string): string {\n  let outputSheetContents = sheetContents;\n  const toReplace: string[] = [];\n  const toReplaceRegex = /\\$\\w([a-zA-Z0-9_-]+)?/gm;\n  let matches = toReplaceRegex.exec(outputSheetContents);\n  while (matches) {\n    toReplace.push(matches[0].valueOf());\n    matches = toReplaceRegex.exec(outputSheetContents);\n  }\n  for (const r of toReplace) {\n    outputSheetContents = outputSheetContents.replace(r, `.${out[r.substring(1)]}`);\n  }\n  return getPosthooks().reduce((prev, hook) => hook(prev), outputSheetContents);\n}\n\nfunction createSheet(sheetContents: string) {\n  if (\n    typeof document !== 'undefined' &&\n    document.head &&\n    document.head.appendChild &&\n    typeof document.createElement === 'function'\n  ) {\n    const styleTag = document.createElement('style');\n    styleTag.innerHTML = sheetContents;\n    return styleTag;\n  }\n  return null;\n}\n\nfunction flushSheetContents(sheetContents: string, options?: CreateStylesOptions) {\n  // In case we're in come weird test environment that doesn't support JSDom\n  const styleTag = createSheet(sheetContents);\n  if (styleTag) {\n    if (options?.insertAfter && options?.insertBefore) {\n      throw new Error('Both insertAfter and insertBefore were provided. Please choose only one.');\n    }\n    if (options?.insertAfter?.after) options.insertAfter.after(styleTag as Node);\n    else if (options?.insertBefore?.before) options.insertBefore.before(styleTag as Node);\n    else document.head.appendChild(styleTag);\n  }\n  return styleTag;\n}\n\nfunction coerceCreateStylesOptions(options?: CreateStylesOptions): CreateStylesOptions {\n  return {\n    flush: options && typeof options.flush === 'boolean' ? options.flush : true,\n  };\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport function rawStyles<T extends SimpleStyleRules, K extends keyof T, O extends { [key in K]: string }>(\n  rules: T,\n  options?: Partial<CreateStylesOptions>,\n) {\n  const coerced = coerceCreateStylesOptions(options);\n  const { sheetBuffer: sheetContents, mediaQueriesBuffer: mediaQueriesContents } = execCreateStyles(\n    rules,\n    coerced,\n    null,\n    true,\n  );\n\n  const mergedContents = `${sheetContents}${mediaQueriesContents}`;\n\n  if (coerced.flush) flushSheetContents(mergedContents, options);\n  return mergedContents;\n}\n\nexport function keyframes<T extends { [increment: string]: Properties }>(\n  frames: T,\n  options?: CreateStylesOptions,\n): [string, string] {\n  const coerced = coerceCreateStylesOptions(options);\n  const keyframeName = generateClassName('keyframes_');\n  const { sheetBuffer: keyframesContents } = execCreateStyles(frames, coerced, null, true);\n  const sheetContents = `@keyframes ${keyframeName}{${keyframesContents}}`;\n  if (coerced.flush) flushSheetContents(sheetContents);\n  return [keyframeName, sheetContents];\n}\n\nexport default function createStyles<\n  T extends SimpleStyleRules,\n  K extends keyof T,\n  O extends { [classKey in K]: string },\n>(rules: T, options?: Partial<CreateStylesOptions>) {\n  const coerced = coerceCreateStylesOptions(options);\n  const {\n    classes: out,\n    sheetBuffer: sheetContents,\n    mediaQueriesBuffer: mediaQueriesContents,\n  } = execCreateStyles(rules, coerced, null);\n\n  const mergedContents = `${sheetContents}${mediaQueriesContents}`;\n\n  const replacedSheetContents = replaceBackReferences(out, mergedContents);\n\n  let sheet: ReturnType<typeof flushSheetContents> = null;\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const updateSheet = <T2 extends SimpleStyleRules, K2 extends keyof T2, O2 extends { [classKey in K2]: string }>(\n    updatedRules: Partial<T2>,\n  ) => {\n    if (((options?.flush && sheet) || !options?.flush) && updatedRules) {\n      // We prefer the first set, and then we shallow merge\n      const {\n        classes: updatedOut,\n        sheetBuffer: updatedSheetContents,\n        mediaQueriesBuffer: updatedMediaQueriesContents,\n      } = execCreateStyles(merge(rules, updatedRules), { flush: false }, null);\n\n      const updatedMergedContents = `${updatedSheetContents}${updatedMediaQueriesContents}`;\n\n      const updatedReplacedSheetContents = replaceBackReferences(out, updatedMergedContents);\n      if (sheet) sheet.innerHTML = updatedReplacedSheetContents;\n      return { classes: updatedOut, stylesheet: updatedSheetContents } as {\n        classes: typeof updatedOut;\n        stylesheet: string;\n      };\n    }\n    return null;\n  };\n\n  if (coerced.flush) sheet = flushSheetContents(replacedSheetContents, options);\n  // Need this TS cast to get solid code assist from the consumption-side\n  return {\n    classes: out as unknown,\n    stylesheet: replacedSheetContents,\n    updateSheet,\n  } as {\n    classes: O;\n    stylesheet: string;\n    updateSheet: typeof updateSheet;\n  };\n}\n\nexport type CreateStylesArgs = Parameters<typeof createStyles>;\n"],
+  "mappings": "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",
+  "names": []
+}

package/generateClassName.js

@@ -0,0 +1,47 @@
+import numToAlpha from "./numToAlpha";
+let inc = Date.now();
+function setSeed(seed) {
+  if (seed === null) {
+    inc = Date.now();
+    return;
+  }
+  if (typeof seed !== "number")
+    throw Error("Unable to setSeed as provided seed was not a valid number");
+  if (seed === Number.MAX_SAFE_INTEGER)
+    throw Error("Unable to setSeed because the seed was already the maximum safe JavaScript number allowed");
+  if (seed === Number.POSITIVE_INFINITY || seed === Number.NEGATIVE_INFINITY)
+    throw new Error("Unable to setSeed. Positive or negative infinity is not allowed");
+  if (seed < 0)
+    throw new Error("Unable to setSeed. Seed must be a number >= 0");
+  inc = seed;
+}
+const numPairsRegex = /(\d{1,2})/g;
+function getUniqueSuffix() {
+  const numPairs = [];
+  const incStr = inc.toString();
+  let result = numPairsRegex.exec(incStr);
+  while (result) {
+    numPairs.push(result[0]);
+    result = numPairsRegex.exec(incStr);
+  }
+  let out = "_";
+  numPairs.forEach((pair) => {
+    const val = +pair;
+    if (val > 25) {
+      const [first, second] = pair.split("");
+      out += `${numToAlpha(+first)}${numToAlpha(+second)}`;
+    } else
+      out += numToAlpha(val);
+  });
+  inc += 1;
+  return out;
+}
+function generateClassName(c) {
+  return `${c}${getUniqueSuffix()}`;
+}
+export {
+  generateClassName,
+  getUniqueSuffix,
+  setSeed
+};
+//# sourceMappingURL=generateClassName.js.map

package/generateClassName.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/generateClassName.ts"],
+  "sourcesContent": ["import numToAlpha from './numToAlpha';\n\nlet inc = Date.now();\n\nexport function setSeed(seed: number | null): void {\n  if (seed === null) {\n    inc = Date.now();\n    return;\n  }\n  if (typeof seed !== 'number') throw Error('Unable to setSeed as provided seed was not a valid number');\n  if (seed === Number.MAX_SAFE_INTEGER)\n    throw Error('Unable to setSeed because the seed was already the maximum safe JavaScript number allowed');\n  if (seed === Number.POSITIVE_INFINITY || seed === Number.NEGATIVE_INFINITY)\n    throw new Error('Unable to setSeed. Positive or negative infinity is not allowed');\n  if (seed < 0) throw new Error('Unable to setSeed. Seed must be a number >= 0');\n  inc = seed;\n}\n\nconst numPairsRegex = /(\\d{1,2})/g;\n\nexport function getUniqueSuffix(): string {\n  const numPairs: string[] = [];\n  const incStr = inc.toString();\n  let result = numPairsRegex.exec(incStr);\n  while (result) {\n    numPairs.push(result[0]);\n    result = numPairsRegex.exec(incStr);\n  }\n  let out = '_';\n  numPairs.forEach(pair => {\n    const val = +pair;\n    if (val > 25) {\n      const [first, second] = pair.split('');\n      out += `${numToAlpha(+first)}${numToAlpha(+second)}`;\n    } else out += numToAlpha(val);\n  });\n  inc += 1;\n  return out;\n}\n\nexport function generateClassName(c: string): string {\n  return `${c}${getUniqueSuffix()}`;\n}\n"],
+  "mappings": "AAAA;AAEA,IAAI,MAAM,KAAK,IAAI;AAEZ,iBAAiB,MAA2B;AACjD,MAAI,SAAS,MAAM;AACjB,UAAM,KAAK,IAAI;AACf;AAAA,EACF;AACA,MAAI,OAAO,SAAS;AAAU,UAAM,MAAM,2DAA2D;AACrG,MAAI,SAAS,OAAO;AAClB,UAAM,MAAM,2FAA2F;AACzG,MAAI,SAAS,OAAO,qBAAqB,SAAS,OAAO;AACvD,UAAM,IAAI,MAAM,iEAAiE;AACnF,MAAI,OAAO;AAAG,UAAM,IAAI,MAAM,+CAA+C;AAC7E,QAAM;AACR;AAEA,MAAM,gBAAgB;AAEf,2BAAmC;AACxC,QAAM,WAAqB,CAAC;AAC5B,QAAM,SAAS,IAAI,SAAS;AAC5B,MAAI,SAAS,cAAc,KAAK,MAAM;AACtC,SAAO,QAAQ;AACb,aAAS,KAAK,OAAO,EAAE;AACvB,aAAS,cAAc,KAAK,MAAM;AAAA,EACpC;AACA,MAAI,MAAM;AACV,WAAS,QAAQ,UAAQ;AACvB,UAAM,MAAM,CAAC;AACb,QAAI,MAAM,IAAI;AACZ,YAAM,CAAC,OAAO,UAAU,KAAK,MAAM,EAAE;AACrC,aAAO,GAAG,WAAW,CAAC,KAAK,IAAI,WAAW,CAAC,MAAM;AAAA,IACnD;AAAO,aAAO,WAAW,GAAG;AAAA,EAC9B,CAAC;AACD,SAAO;AACP,SAAO;AACT;AAEO,2BAA2B,GAAmB;AACnD,SAAO,GAAG,IAAI,gBAAgB;AAChC;",
+  "names": []
+}

package/index.cjs.js

@@ -0,0 +1,255 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  createStyles: () => createStyles,
+  keyframes: () => keyframes,
+  rawStyles: () => rawStyles,
+  registerPosthook: () => registerPosthook,
+  setSeed: () => setSeed
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/createStyles.ts
+var import_deepmerge = __toESM(require("deepmerge"));
+
+// src/numToAlpha.ts
+var alphas = "abcdefghijklmnopqrstuvwxyz".split("");
+function numToAlpha(num) {
+  return alphas[num];
+}
+
+// src/generateClassName.ts
+var inc = Date.now();
+function setSeed(seed) {
+  if (seed === null) {
+    inc = Date.now();
+    return;
+  }
+  if (typeof seed !== "number")
+    throw Error("Unable to setSeed as provided seed was not a valid number");
+  if (seed === Number.MAX_SAFE_INTEGER)
+    throw Error("Unable to setSeed because the seed was already the maximum safe JavaScript number allowed");
+  if (seed === Number.POSITIVE_INFINITY || seed === Number.NEGATIVE_INFINITY)
+    throw new Error("Unable to setSeed. Positive or negative infinity is not allowed");
+  if (seed < 0)
+    throw new Error("Unable to setSeed. Seed must be a number >= 0");
+  inc = seed;
+}
+var numPairsRegex = /(\d{1,2})/g;
+function getUniqueSuffix() {
+  const numPairs = [];
+  const incStr = inc.toString();
+  let result = numPairsRegex.exec(incStr);
+  while (result) {
+    numPairs.push(result[0]);
+    result = numPairsRegex.exec(incStr);
+  }
+  let out = "_";
+  numPairs.forEach((pair) => {
+    const val = +pair;
+    if (val > 25) {
+      const [first, second] = pair.split("");
+      out += `${numToAlpha(+first)}${numToAlpha(+second)}`;
+    } else
+      out += numToAlpha(val);
+  });
+  inc += 1;
+  return out;
+}
+function generateClassName(c) {
+  return `${c}${getUniqueSuffix()}`;
+}
+
+// src/plugins.ts
+var posthooks = [];
+function getPosthooks() {
+  return posthooks;
+}
+function registerPosthook(posthook) {
+  posthooks.push(posthook);
+}
+
+// src/createStyles.ts
+function isNestedSelector(r) {
+  return /&/g.test(r);
+}
+function isMedia(r) {
+  return r.toLowerCase().startsWith("@media");
+}
+function formatCSSRuleName(rule) {
+  return rule.replace(/([A-Z])/g, (p1) => `-${p1.toLowerCase()}`);
+}
+function formatCSSRules(cssRules) {
+  return Object.entries(cssRules).reduce((prev, [cssProp, cssVal]) => `${prev}${formatCSSRuleName(cssProp)}:${cssVal};`, "");
+}
+function execCreateStyles(rules, options, parentSelector, noGenerateClassName = false) {
+  const out = {};
+  let sheetBuffer = "";
+  let mediaQueriesBuffer = "";
+  const styleEntries = Object.entries(rules);
+  let ruleWriteOpen = false;
+  const guardCloseRuleWrite = () => {
+    if (ruleWriteOpen)
+      sheetBuffer += "}";
+    ruleWriteOpen = false;
+  };
+  for (const [classNameOrCSSRule, classNameRules] of styleEntries) {
+    if (isMedia(classNameOrCSSRule)) {
+      if (typeof classNameRules !== "object")
+        throw new Error("Unable to map @media query because rules / props are an invalid type");
+      guardCloseRuleWrite();
+      mediaQueriesBuffer += `${classNameOrCSSRule}{`;
+      const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(classNameRules, options, parentSelector);
+      mediaQueriesBuffer += regularOutput;
+      mediaQueriesBuffer += "}";
+      mediaQueriesBuffer += mediaQueriesOutput;
+    } else if (isNestedSelector(classNameOrCSSRule)) {
+      if (!parentSelector)
+        throw new Error("Unable to generate nested rule because parentSelector is missing");
+      guardCloseRuleWrite();
+      const replaced = classNameOrCSSRule.replace(/&/g, parentSelector);
+      for (const selector of replaced.split(/,\s*/)) {
+        const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(classNameRules, options, selector);
+        sheetBuffer += regularOutput;
+        mediaQueriesBuffer += mediaQueriesOutput;
+      }
+    } else if (!parentSelector && typeof classNameRules === "object") {
+      guardCloseRuleWrite();
+      const generated = noGenerateClassName ? classNameOrCSSRule : generateClassName(classNameOrCSSRule);
+      out[classNameOrCSSRule] = generated;
+      const generatedSelector = `${noGenerateClassName ? "" : "."}${generated}`;
+      const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(classNameRules, options, generatedSelector);
+      sheetBuffer += regularOutput;
+      mediaQueriesBuffer += mediaQueriesOutput;
+    } else {
+      if (!parentSelector)
+        throw new Error("Unable to write css props because parent selector is null");
+      if (!ruleWriteOpen) {
+        sheetBuffer += `${parentSelector}{${formatCSSRules({ [classNameOrCSSRule]: classNameRules })}`;
+        ruleWriteOpen = true;
+      } else
+        sheetBuffer += formatCSSRules({ [classNameOrCSSRule]: classNameRules });
+    }
+  }
+  guardCloseRuleWrite();
+  return {
+    classes: out,
+    sheetBuffer,
+    mediaQueriesBuffer
+  };
+}
+function replaceBackReferences(out, sheetContents) {
+  let outputSheetContents = sheetContents;
+  const toReplace = [];
+  const toReplaceRegex = /\$\w([a-zA-Z0-9_-]+)?/gm;
+  let matches = toReplaceRegex.exec(outputSheetContents);
+  while (matches) {
+    toReplace.push(matches[0].valueOf());
+    matches = toReplaceRegex.exec(outputSheetContents);
+  }
+  for (const r of toReplace) {
+    outputSheetContents = outputSheetContents.replace(r, `.${out[r.substring(1)]}`);
+  }
+  return getPosthooks().reduce((prev, hook) => hook(prev), outputSheetContents);
+}
+function createSheet(sheetContents) {
+  if (typeof document !== "undefined" && document.head && document.head.appendChild && typeof document.createElement === "function") {
+    const styleTag = document.createElement("style");
+    styleTag.innerHTML = sheetContents;
+    return styleTag;
+  }
+  return null;
+}
+function flushSheetContents(sheetContents, options) {
+  var _a, _b;
+  const styleTag = createSheet(sheetContents);
+  if (styleTag) {
+    if ((options == null ? void 0 : options.insertAfter) && (options == null ? void 0 : options.insertBefore)) {
+      throw new Error("Both insertAfter and insertBefore were provided. Please choose only one.");
+    }
+    if ((_a = options == null ? void 0 : options.insertAfter) == null ? void 0 : _a.after)
+      options.insertAfter.after(styleTag);
+    else if ((_b = options == null ? void 0 : options.insertBefore) == null ? void 0 : _b.before)
+      options.insertBefore.before(styleTag);
+    else
+      document.head.appendChild(styleTag);
+  }
+  return styleTag;
+}
+function coerceCreateStylesOptions(options) {
+  return {
+    flush: options && typeof options.flush === "boolean" ? options.flush : true
+  };
+}
+function rawStyles(rules, options) {
+  const coerced = coerceCreateStylesOptions(options);
+  const { sheetBuffer: sheetContents, mediaQueriesBuffer: mediaQueriesContents } = execCreateStyles(rules, coerced, null, true);
+  const mergedContents = `${sheetContents}${mediaQueriesContents}`;
+  if (coerced.flush)
+    flushSheetContents(mergedContents, options);
+  return mergedContents;
+}
+function keyframes(frames, options) {
+  const coerced = coerceCreateStylesOptions(options);
+  const keyframeName = generateClassName("keyframes_");
+  const { sheetBuffer: keyframesContents } = execCreateStyles(frames, coerced, null, true);
+  const sheetContents = `@keyframes ${keyframeName}{${keyframesContents}}`;
+  if (coerced.flush)
+    flushSheetContents(sheetContents);
+  return [keyframeName, sheetContents];
+}
+function createStyles(rules, options) {
+  const coerced = coerceCreateStylesOptions(options);
+  const {
+    classes: out,
+    sheetBuffer: sheetContents,
+    mediaQueriesBuffer: mediaQueriesContents
+  } = execCreateStyles(rules, coerced, null);
+  const mergedContents = `${sheetContents}${mediaQueriesContents}`;
+  const replacedSheetContents = replaceBackReferences(out, mergedContents);
+  let sheet = null;
+  const updateSheet = (updatedRules) => {
+    if (((options == null ? void 0 : options.flush) && sheet || !(options == null ? void 0 : options.flush)) && updatedRules) {
+      const {
+        classes: updatedOut,
+        sheetBuffer: updatedSheetContents,
+        mediaQueriesBuffer: updatedMediaQueriesContents
+      } = execCreateStyles((0, import_deepmerge.default)(rules, updatedRules), { flush: false }, null);
+      const updatedMergedContents = `${updatedSheetContents}${updatedMediaQueriesContents}`;
+      const updatedReplacedSheetContents = replaceBackReferences(out, updatedMergedContents);
+      if (sheet)
+        sheet.innerHTML = updatedReplacedSheetContents;
+      return { classes: updatedOut, stylesheet: updatedSheetContents };
+    }
+    return null;
+  };
+  if (coerced.flush)
+    sheet = flushSheetContents(replacedSheetContents, options);
+  return {
+    classes: out,
+    stylesheet: replacedSheetContents,
+    updateSheet
+  };
+}
+//# sourceMappingURL=index.js.map

package/index.js

@@ -0,0 +1,16 @@
+import { default as default2, CreateStylesArgs, CreateStylesOptions, keyframes, rawStyles } from "./createStyles";
+import { setSeed } from "./generateClassName";
+import { PosthookPlugin, registerPosthook } from "./plugins";
+import { SimpleStyleRules } from "./types";
+export {
+  CreateStylesArgs,
+  CreateStylesOptions,
+  PosthookPlugin,
+  SimpleStyleRules,
+  default2 as createStyles,
+  keyframes,
+  rawStyles,
+  registerPosthook,
+  setSeed
+};
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts", "../../src/createStyles.ts", "../../src/numToAlpha.ts", "../../src/generateClassName.ts", "../../src/plugins.ts"],
+  "sourcesContent": ["export { default as createStyles, CreateStylesArgs, CreateStylesOptions, keyframes, rawStyles } from './createStyles';\nexport { setSeed } from './generateClassName';\nexport { PosthookPlugin, registerPosthook } from './plugins';\nexport { SimpleStyleRules } from './types';\n", "import { Properties } from 'csstype';\nimport merge from 'deepmerge';\n\nimport { generateClassName } from './generateClassName';\nimport { getPosthooks } from './plugins';\nimport { SimpleStyleRules } from './types';\n\nexport type CreateStylesOptions = Partial<{\n  /**\n   * If true, automatically renders generated styles\n   * to the DOM in an injected <style /> tag\n   */\n  flush: boolean;\n\n  /**\n   * If set, along with flush: true,\n   * will render the injected <style /> after this element\n   */\n  insertAfter?: HTMLElement;\n  /**\n   * If set, along with flush: true,\n   * will render the injects <style /> before this element\n   */\n  insertBefore?: HTMLElement;\n}>;\n\nfunction isNestedSelector(r: string): boolean {\n  return /&/g.test(r);\n}\n\nfunction isMedia(r: string): boolean {\n  return r.toLowerCase().startsWith('@media');\n}\n\nfunction formatCSSRuleName(rule: string): string {\n  return rule.replace(/([A-Z])/g, p1 => `-${p1.toLowerCase()}`);\n}\n\nfunction formatCSSRules(cssRules: Properties): string {\n  return Object.entries(cssRules).reduce(\n    (prev, [cssProp, cssVal]) => `${prev}${formatCSSRuleName(cssProp)}:${cssVal};`,\n    '',\n  );\n}\n\nfunction execCreateStyles<T extends SimpleStyleRules, K extends keyof T, O extends { [classKey in K]: string }>(\n  rules: T,\n  options: CreateStylesOptions,\n  parentSelector: string | null,\n  noGenerateClassName: boolean = false,\n): { classes: O; sheetBuffer: string; mediaQueriesBuffer: string } {\n  const out = {} as O;\n  let sheetBuffer = '';\n  let mediaQueriesBuffer = '';\n  const styleEntries = Object.entries(rules);\n  let ruleWriteOpen = false;\n  const guardCloseRuleWrite = () => {\n    if (ruleWriteOpen) sheetBuffer += '}';\n    ruleWriteOpen = false;\n  };\n  for (const [classNameOrCSSRule, classNameRules] of styleEntries) {\n    // if the classNameRules is a string, we are dealing with a display: none; type rule\n    if (isMedia(classNameOrCSSRule)) {\n      if (typeof classNameRules !== 'object')\n        throw new Error('Unable to map @media query because rules / props are an invalid type');\n      guardCloseRuleWrite();\n      mediaQueriesBuffer += `${classNameOrCSSRule}{`;\n      const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(\n        classNameRules as T,\n        options,\n        parentSelector,\n      );\n      mediaQueriesBuffer += regularOutput;\n      mediaQueriesBuffer += '}';\n      mediaQueriesBuffer += mediaQueriesOutput;\n    } else if (isNestedSelector(classNameOrCSSRule)) {\n      if (!parentSelector) throw new Error('Unable to generate nested rule because parentSelector is missing');\n      guardCloseRuleWrite();\n      // format of { '& > span': { display: 'none' } } (or further nesting)\n      const replaced = classNameOrCSSRule.replace(/&/g, parentSelector);\n      for (const selector of replaced.split(/,\\s*/)) {\n        const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(\n          classNameRules as T,\n          options,\n          selector,\n        );\n        sheetBuffer += regularOutput;\n        mediaQueriesBuffer += mediaQueriesOutput;\n      }\n    } else if (!parentSelector && typeof classNameRules === 'object') {\n      guardCloseRuleWrite();\n      const generated = noGenerateClassName ? classNameOrCSSRule : generateClassName(classNameOrCSSRule);\n      (out as any)[classNameOrCSSRule] = generated;\n      const generatedSelector = `${noGenerateClassName ? '' : '.'}${generated}`;\n      const { mediaQueriesBuffer: mediaQueriesOutput, sheetBuffer: regularOutput } = execCreateStyles(\n        classNameRules as T,\n        options,\n        generatedSelector,\n      );\n      sheetBuffer += regularOutput;\n      mediaQueriesBuffer += mediaQueriesOutput;\n    } else {\n      if (!parentSelector) throw new Error('Unable to write css props because parent selector is null');\n      if (!ruleWriteOpen) {\n        sheetBuffer += `${parentSelector}{${formatCSSRules({ [classNameOrCSSRule]: classNameRules })}`;\n        ruleWriteOpen = true;\n      } else sheetBuffer += formatCSSRules({ [classNameOrCSSRule]: classNameRules });\n    }\n  }\n  guardCloseRuleWrite();\n  return {\n    classes: out,\n    sheetBuffer,\n    mediaQueriesBuffer,\n  };\n}\n\nfunction replaceBackReferences<O extends { [key: string]: string }>(out: O, sheetContents: string): string {\n  let outputSheetContents = sheetContents;\n  const toReplace: string[] = [];\n  const toReplaceRegex = /\\$\\w([a-zA-Z0-9_-]+)?/gm;\n  let matches = toReplaceRegex.exec(outputSheetContents);\n  while (matches) {\n    toReplace.push(matches[0].valueOf());\n    matches = toReplaceRegex.exec(outputSheetContents);\n  }\n  for (const r of toReplace) {\n    outputSheetContents = outputSheetContents.replace(r, `.${out[r.substring(1)]}`);\n  }\n  return getPosthooks().reduce((prev, hook) => hook(prev), outputSheetContents);\n}\n\nfunction createSheet(sheetContents: string) {\n  if (\n    typeof document !== 'undefined' &&\n    document.head &&\n    document.head.appendChild &&\n    typeof document.createElement === 'function'\n  ) {\n    const styleTag = document.createElement('style');\n    styleTag.innerHTML = sheetContents;\n    return styleTag;\n  }\n  return null;\n}\n\nfunction flushSheetContents(sheetContents: string, options?: CreateStylesOptions) {\n  // In case we're in come weird test environment that doesn't support JSDom\n  const styleTag = createSheet(sheetContents);\n  if (styleTag) {\n    if (options?.insertAfter && options?.insertBefore) {\n      throw new Error('Both insertAfter and insertBefore were provided. Please choose only one.');\n    }\n    if (options?.insertAfter?.after) options.insertAfter.after(styleTag as Node);\n    else if (options?.insertBefore?.before) options.insertBefore.before(styleTag as Node);\n    else document.head.appendChild(styleTag);\n  }\n  return styleTag;\n}\n\nfunction coerceCreateStylesOptions(options?: CreateStylesOptions): CreateStylesOptions {\n  return {\n    flush: options && typeof options.flush === 'boolean' ? options.flush : true,\n  };\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport function rawStyles<T extends SimpleStyleRules, K extends keyof T, O extends { [key in K]: string }>(\n  rules: T,\n  options?: Partial<CreateStylesOptions>,\n) {\n  const coerced = coerceCreateStylesOptions(options);\n  const { sheetBuffer: sheetContents, mediaQueriesBuffer: mediaQueriesContents } = execCreateStyles(\n    rules,\n    coerced,\n    null,\n    true,\n  );\n\n  const mergedContents = `${sheetContents}${mediaQueriesContents}`;\n\n  if (coerced.flush) flushSheetContents(mergedContents, options);\n  return mergedContents;\n}\n\nexport function keyframes<T extends { [increment: string]: Properties }>(\n  frames: T,\n  options?: CreateStylesOptions,\n): [string, string] {\n  const coerced = coerceCreateStylesOptions(options);\n  const keyframeName = generateClassName('keyframes_');\n  const { sheetBuffer: keyframesContents } = execCreateStyles(frames, coerced, null, true);\n  const sheetContents = `@keyframes ${keyframeName}{${keyframesContents}}`;\n  if (coerced.flush) flushSheetContents(sheetContents);\n  return [keyframeName, sheetContents];\n}\n\nexport default function createStyles<\n  T extends SimpleStyleRules,\n  K extends keyof T,\n  O extends { [classKey in K]: string },\n>(rules: T, options?: Partial<CreateStylesOptions>) {\n  const coerced = coerceCreateStylesOptions(options);\n  const {\n    classes: out,\n    sheetBuffer: sheetContents,\n    mediaQueriesBuffer: mediaQueriesContents,\n  } = execCreateStyles(rules, coerced, null);\n\n  const mergedContents = `${sheetContents}${mediaQueriesContents}`;\n\n  const replacedSheetContents = replaceBackReferences(out, mergedContents);\n\n  let sheet: ReturnType<typeof flushSheetContents> = null;\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const updateSheet = <T2 extends SimpleStyleRules, K2 extends keyof T2, O2 extends { [classKey in K2]: string }>(\n    updatedRules: Partial<T2>,\n  ) => {\n    if (((options?.flush && sheet) || !options?.flush) && updatedRules) {\n      // We prefer the first set, and then we shallow merge\n      const {\n        classes: updatedOut,\n        sheetBuffer: updatedSheetContents,\n        mediaQueriesBuffer: updatedMediaQueriesContents,\n      } = execCreateStyles(merge(rules, updatedRules), { flush: false }, null);\n\n      const updatedMergedContents = `${updatedSheetContents}${updatedMediaQueriesContents}`;\n\n      const updatedReplacedSheetContents = replaceBackReferences(out, updatedMergedContents);\n      if (sheet) sheet.innerHTML = updatedReplacedSheetContents;\n      return { classes: updatedOut, stylesheet: updatedSheetContents } as {\n        classes: typeof updatedOut;\n        stylesheet: string;\n      };\n    }\n    return null;\n  };\n\n  if (coerced.flush) sheet = flushSheetContents(replacedSheetContents, options);\n  // Need this TS cast to get solid code assist from the consumption-side\n  return {\n    classes: out as unknown,\n    stylesheet: replacedSheetContents,\n    updateSheet,\n  } as {\n    classes: O;\n    stylesheet: string;\n    updateSheet: typeof updateSheet;\n  };\n}\n\nexport type CreateStylesArgs = Parameters<typeof createStyles>;\n", "const alphas = 'abcdefghijklmnopqrstuvwxyz'.split('');\n\nexport default function numToAlpha(num: number): string {\n  return alphas[num];\n}\n", "import numToAlpha from './numToAlpha';\n\nlet inc = Date.now();\n\nexport function setSeed(seed: number | null): void {\n  if (seed === null) {\n    inc = Date.now();\n    return;\n  }\n  if (typeof seed !== 'number') throw Error('Unable to setSeed as provided seed was not a valid number');\n  if (seed === Number.MAX_SAFE_INTEGER)\n    throw Error('Unable to setSeed because the seed was already the maximum safe JavaScript number allowed');\n  if (seed === Number.POSITIVE_INFINITY || seed === Number.NEGATIVE_INFINITY)\n    throw new Error('Unable to setSeed. Positive or negative infinity is not allowed');\n  if (seed < 0) throw new Error('Unable to setSeed. Seed must be a number >= 0');\n  inc = seed;\n}\n\nconst numPairsRegex = /(\\d{1,2})/g;\n\nexport function getUniqueSuffix(): string {\n  const numPairs: string[] = [];\n  const incStr = inc.toString();\n  let result = numPairsRegex.exec(incStr);\n  while (result) {\n    numPairs.push(result[0]);\n    result = numPairsRegex.exec(incStr);\n  }\n  let out = '_';\n  numPairs.forEach(pair => {\n    const val = +pair;\n    if (val > 25) {\n      const [first, second] = pair.split('');\n      out += `${numToAlpha(+first)}${numToAlpha(+second)}`;\n    } else out += numToAlpha(val);\n  });\n  inc += 1;\n  return out;\n}\n\nexport function generateClassName(c: string): string {\n  return `${c}${getUniqueSuffix()}`;\n}\n", "export type PosthookPlugin = (sheetContents: string) => string;\n\nconst posthooks: PosthookPlugin[] = [];\n\nexport function getPosthooks(): PosthookPlugin[] {\n  return posthooks;\n}\n\nexport function registerPosthook(posthook: PosthookPlugin) {\n  posthooks.push(posthook);\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/numToAlpha.js

@@ -0,0 +1,8 @@
+const alphas = "abcdefghijklmnopqrstuvwxyz".split("");
+function numToAlpha(num) {
+  return alphas[num];
+}
+export {
+  numToAlpha as default
+};
+//# sourceMappingURL=numToAlpha.js.map

package/numToAlpha.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/numToAlpha.ts"],
+  "sourcesContent": ["const alphas = 'abcdefghijklmnopqrstuvwxyz'.split('');\n\nexport default function numToAlpha(num: number): string {\n  return alphas[num];\n}\n"],
+  "mappings": "AAAA,MAAM,SAAS,6BAA6B,MAAM,EAAE;AAErC,oBAAoB,KAAqB;AACtD,SAAO,OAAO;AAChB;",
+  "names": []
+}