@symbo.ls/scratch 2.10.149 → 2.10.156

package/dist/esm/utils/sequence.js

@@ -0,0 +1,179 @@
+import { isString } from "@domql/utils";
+import { toDashCase } from "@symbo.ls/utils";
+import { getActiveConfig } from "../factory.js";
+const numToLetterMap = {
+  "-6": "U",
+  "-5": "V",
+  "-4": "W",
+  "-3": "X",
+  "-2": "Y",
+  "-1": "Z",
+  0: "A",
+  1: "B",
+  2: "C",
+  3: "D",
+  4: "E",
+  5: "F",
+  6: "G",
+  7: "H",
+  8: "I",
+  9: "J",
+  10: "K",
+  11: "L",
+  12: "M",
+  13: "N",
+  14: "O",
+  15: "P",
+  16: "Q",
+  17: "R",
+  18: "S",
+  19: "T"
+};
+const setSequenceValue = (props, sequenceProps) => {
+  const { key, variable, value, scaling, index } = props;
+  sequenceProps.sequence[key] = {
+    key,
+    decimal: ~~(value * 100) / 100,
+    val: ~~value,
+    scaling,
+    index,
+    variable
+  };
+  sequenceProps.scales[key] = scaling;
+  sequenceProps.vars[variable] = scaling + sequenceProps.unit;
+};
+const generateSubSequence = (props, sequenceProps) => {
+  const { key, base, value, ratio, variable, index } = props;
+  const next = value * ratio;
+  const diff = next - value;
+  const smallscale = diff / 1.618;
+  const valueRounded = ~~value;
+  const nextRounded = ~~next;
+  const diffRounded = nextRounded - valueRounded;
+  let arr = [];
+  const first = next - smallscale;
+  const second = value + smallscale;
+  const middle = (first + second) / 2;
+  if (diffRounded > 16)
+    arr = [first, middle, second];
+  else
+    arr = [first, second];
+  arr.map((v, k) => {
+    const scaling = ~~(v / base * 1e3) / 1e3;
+    const newVar = variable + (k + 1);
+    const props2 = {
+      key: key + (k + 1),
+      variable: newVar,
+      value: v,
+      scaling,
+      index: index + (k + 1) / 10
+    };
+    return setSequenceValue(props2, sequenceProps);
+  });
+};
+const switchSequenceOnNegative = (key, base, ratio) => {
+  return base * Math.pow(ratio, key);
+};
+const generateSequence = (sequenceProps) => {
+  const { type, base, ratio, range, subSequence } = sequenceProps;
+  const n = Math.abs(range[0]) + Math.abs(range[1]);
+  const prefix = "--" + (type && type.replace(".", "-")) + "-";
+  for (let i = 0; i <= n; i++) {
+    const key = range[1] - i;
+    const letterKey = numToLetterMap[key];
+    const value = switchSequenceOnNegative(key, base, ratio);
+    const scaling = ~~(value / base * 100) / 100;
+    const variable = prefix + letterKey;
+    const props = {
+      key: letterKey,
+      variable,
+      value,
+      base,
+      scaling,
+      ratio,
+      index: key
+    };
+    setSequenceValue(props, sequenceProps);
+    if (subSequence)
+      generateSubSequence(props, sequenceProps);
+  }
+  return sequenceProps;
+};
+const getSequenceValue = (value = "A", sequenceProps) => {
+  const CONFIG = getActiveConfig();
+  const { UNIT } = CONFIG;
+  const {
+    sequence,
+    unit = UNIT.default,
+    useVariable
+  } = sequenceProps;
+  if (isString(value) && value.slice(0, 2) === "--")
+    return `var(${value})`;
+  const prefix = `--${toDashCase(sequenceProps.type.replace(".", "-"))}-`;
+  const startsWithDashOrLetterRegex = /^-?[a-zA-Z]/i;
+  const startsWithDashOrLetter = startsWithDashOrLetterRegex.test(value);
+  if (value === "none" || value === "auto" || value === "unset" || value === "inherit" || value === "fit-content" || value === "min-content" || value === "max-content" || value.includes("calc") || !startsWithDashOrLetter)
+    return value;
+  const letterVal = value.toUpperCase();
+  const isNegative = letterVal.slice(0, 1) === "-" ? "-" : "";
+  let absValue = isNegative ? letterVal.slice(1) : letterVal;
+  let mediaName = "";
+  if (absValue.includes("-")) {
+    mediaName = "-" + absValue.split("-")[1].toLowerCase();
+    absValue = absValue.split("-")[0];
+  }
+  const varValue = (v) => `var(${prefix}${v}${mediaName})`;
+  if (absValue.includes("+")) {
+    const args = absValue.split("+");
+    const [first, second] = args;
+    const joint = `${varValue(first)} + ${varValue(second)}`;
+    return isNegative ? `calc((${joint}) * -1)` : `calc(${joint})`;
+  } else if (absValue.includes("-")) {
+    const args = absValue.split("-");
+    const [first, second] = args;
+    const joint = `${varValue(first)} - ${varValue(second)}`;
+    return isNegative ? `calc((${joint}) * -1)` : `calc(${joint})`;
+  }
+  if (!sequence[absValue] && absValue.length === 2) {
+    if (CONFIG.verbose)
+      console.warn(absValue, "- value is not found because `subSequence` is set to false");
+    absValue = absValue.slice(0, 1);
+  }
+  if (useVariable || CONFIG.useVariable) {
+    const varValue2 = `var(${prefix}${absValue}${mediaName})`;
+    return isNegative ? `calc(${varValue2} * -1)` : varValue2;
+  }
+  const sequenceItem = sequence ? sequence[absValue] : null;
+  if (!sequenceItem)
+    return console.warn("can't find", sequence, absValue);
+  if (unit === "ms" || unit === "s") {
+    return isNegative + sequenceItem.val + unit;
+  }
+  return isNegative + sequenceItem.scaling + unit;
+};
+const getSequenceValuePropertyPair = (value, propertyName, sequenceProps) => {
+  if (typeof value !== "string") {
+    console.warn(propertyName, value, "is not a string");
+    return {};
+  }
+  if (value === "-" || value === "")
+    return {};
+  return { [propertyName]: getSequenceValue(value, sequenceProps) };
+};
+const findHeadingLetter = (h1Matches, index) => numToLetterMap[h1Matches - index];
+const findHeadings = (propertyNames) => {
+  const { h1Matches, sequence } = propertyNames;
+  return new Array(6).fill(null).map((_, i) => {
+    const findLetter = findHeadingLetter(h1Matches, i);
+    return sequence[findLetter];
+  });
+};
+export {
+  findHeadingLetter,
+  findHeadings,
+  generateSequence,
+  generateSubSequence,
+  getSequenceValue,
+  getSequenceValuePropertyPair,
+  numToLetterMap
+};

package/dist/esm/utils/sprite.js

@@ -0,0 +1,43 @@
+import { isString } from "@domql/utils";
+const generateSprite = (icons) => {
+  let sprite = '<svg aria-hidden="true" width="0" height="0" style="position:absolute">';
+  for (let key in icons) {
+    sprite += icons[key];
+  }
+  sprite += "</svg>";
+  return sprite;
+};
+const parseRootAttributes = (htmlString) => {
+  if (!isString(htmlString)) {
+    return console.warn(`parseRootAttributes: ${htmlString} is not a string`);
+  }
+  let match = htmlString.match(/<svg\s+(.*?)>/);
+  if (!match || !match[1]) {
+    return {};
+  }
+  let attrString = match[1];
+  let attrs = attrString.match(/(\S+)=["']?((?:.(?!["']?\s+(?:\S+)=|\s*\/?[>"']))+.)["']?/gm);
+  return attrs.reduce((acc, attr) => {
+    let [key, value] = attr.split("=");
+    acc[key] = value.replace(/['"]/g, "");
+    return acc;
+  }, {});
+};
+const convertSvgToSymbol = (key, code) => {
+  const extractAttrs = parseRootAttributes(code);
+  const { width, height } = extractAttrs;
+  const viewBox = extractAttrs.viewBox || `0 0 ${width || 24} ${height || 24}`;
+  const xmlns = "http://www.w3.org/2000/svg";
+  let symbol = code.replace(
+    "<svg",
+    `<symbol id="${key}" xmlns="${xmlns}" viewBox="${viewBox}"`
+  );
+  symbol = symbol.replace(/width="[^\"]*/, "");
+  symbol = symbol.replace(/height="[^\"]*/, "");
+  symbol = symbol.replace("</svg", "</symbol");
+  return symbol;
+};
+export {
+  convertSvgToSymbol,
+  generateSprite
+};

package/dist/esm/utils/theme.js

@@ -0,0 +1,12 @@
+const returnSubThemeOrDefault = (orig, theme) => {
+  if (!orig)
+    return;
+  if (orig.themes && orig.themes[theme])
+    return orig.themes[theme];
+  if (orig[theme])
+    return [orig, orig[theme]];
+  return orig;
+};
+export {
+  returnSubThemeOrDefault
+};

package/dist/esm/utils/var.js

@@ -0,0 +1,44 @@
+import { getActiveConfig } from "../factory.js";
+import { isObjectLike } from "@domql/utils";
+const ENV = "development";
+const setVariables = (result, key) => {
+  const CONFIG = getActiveConfig();
+  const { CSS_VARS } = CONFIG;
+  if (isObjectLike(result.value)) {
+  } else {
+    CSS_VARS[result.var] = result.value;
+  }
+};
+const applySequenceVars = (props, mediaName, options = {}) => {
+  const CONFIG = getActiveConfig();
+  const { UNIT, MEDIA, TIMING, CSS_VARS } = CONFIG;
+  const unit = props.unit || UNIT.default;
+  const { sequence, scales } = props;
+  for (const key in sequence) {
+    const item = sequence[key];
+    const value = (props.type === TIMING.type ? sequence[key].val : scales[key]) + unit;
+    if (mediaName) {
+      const query = MEDIA[mediaName];
+      if (!query) {
+        if (CONFIG.verbose)
+          console.warn("Can't find query ", query);
+      }
+      let underMediaQuery = CSS_VARS[`@media ${query}`];
+      if (!underMediaQuery)
+        underMediaQuery = CSS_VARS[`@media ${query}`] = {};
+      underMediaQuery[item.variable] = `var(${item.variable + "-" + mediaName})`;
+      CSS_VARS[item.variable + "-" + mediaName] = value;
+    } else {
+      if (options.useDefault === false) {
+        CSS_VARS[item.variable] = value;
+      } else {
+        CSS_VARS[item.variable + "-default"] = value;
+        CSS_VARS[item.variable] = `var(${item.variable + "-default"})`;
+      }
+    }
+  }
+};
+export {
+  applySequenceVars,
+  setVariables
+};

package/package.json

@@ -2,22 +2,27 @@
   "name": "@symbo.ls/scratch",
   "description": "Φ / CSS framework and methodology.",
   "author": "symbo.ls",
-  "version": "2.10.149",
+  "version": "2.10.156",
   "files": [
     "src",
     "dist"
   ],
   "repository": "https://github.com/symbo-ls/scratch",
-  "source": "src/index.js",
-  "main": "src/index.js",
-  "browser": "dist/index.cjs.js",
+  "type": "module",
+  "module": "dist/esm/index.js",
+  "unpkg": "dist/iife/index.js",
+  "jsdelivr": "dist/iife/index.js",
+  "main": "dist/esm/index.js",
+  "exports": "./dist/cjs/index.js",
+  "source": "index.js",
   "publishConfig": {},
   "scripts": {
-    "prepublish": "rm -rf dist && npx esbuild src/index.js --target=es2020 --format=cjs --bundle --sourcemap=external --outfile=dist/index.cjs.js",
-    "standard": "npx standard \"src/**/*.js\"",
-    "test": "yarn standard && jest --coverage --coverageReporters=text-lcov | coveralls",
-    "test-watch": "jest --watch",
-    "bump": "npx np"
+    "copy:package:cjs": "cp ../../.build/package-cjs.json dist/cjs/package.json",
+    "build:esm": "npx esbuild ./src/*.js ./src/**/*.js --target=es2020 --format=esm --outdir=dist/esm",
+    "build:cjs": "npx esbuild ./src/*.js ./src/**/*.js --target=node16 --format=cjs --outdir=dist/cjs",
+    "build:iife": "npx esbuild ./src/index.js --target=es2020 --format=iife --outdir=dist/iife --bundle --minify",
+    "build": "yarn build:esm && yarn build:cjs",
+    "prepublish": "rimraf -I dist && yarn build && yarn copy:package:cjs"
   },
   "dependencies": {
     "@domql/utils": "latest",
@@ -31,10 +36,5 @@
     "> 1%",
     "ie >= 9"
   ],
-  "targets": {
-    "context": "browser",
-    "outputFormat": "commonjs",
-    "includeNodeModules": true
-  },
-  "gitHead": "e12c846d47b3309dc6fbe18c359a3db2b8586cbe"
+  "gitHead": "447c8b2e2cd8f196d8485145bc3ba0e945d27f9c"
 }