@hanzogui/font 2.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+  Copyright (c) 2020 Nate Wienert
+  
+  Permission is hereby granted, free of charge, to any person obtaining a copy
+  of this software and associated documentation files (the "Software"), to deal
+  in the Software without restriction, including without limitation the rights
+  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+  copies of the Software, and to permit persons to whom the Software is
+  furnished to do so, subject to the following conditions:
+  
+  The above copyright notice and this permission notice shall be included in all
+  copies or substantial portions of the Software.
+  
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+  SOFTWARE.

package/README.md

@@ -0,0 +1 @@
+## addFont

package/dist/cjs/index.cjs

@@ -0,0 +1,80 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var index_exports = {};
+__export(index_exports, {
+  addFont: () => addFont
+});
+module.exports = __toCommonJS(index_exports);
+var import_constants = require("@hanzogui/constants"),
+  import_web = require("@hanzogui/web");
+function addFont(props) {
+  const config = (0, import_web.getConfig)(),
+    {
+      fontFamilyName: fontFamilyNameIn,
+      fontFamily: fontFamilyIn
+    } = props;
+  if (process.env.NODE_ENV === "development") {
+    if (!config) throw new Error("No config");
+    const fontFamily = config.fonts[fontFamilyNameIn];
+    if (!props.update && fontFamily) return {
+      fontFamily
+    };
+  }
+  config.fonts[fontFamilyNameIn] = fontFamilyIn;
+  const sep =
+  // @ts-ignore
+  process.env.NODE_ENV === "development" ? config.cssStyleSeparator || " " : "";
+  function declarationsToRuleSet(decs, selector = "") {
+    return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`;
+  }
+  if (import_constants.isWeb) {
+    const fontFamilyToken = (0, import_web.createVariables)(fontFamilyIn, "f", !0),
+      parsedFontFamily = (0, import_web.parseFont)(fontFamilyToken),
+      fontFamilyNameParsed = `$${fontFamilyNameIn}`;
+    if (config.fontsParsed[fontFamilyNameParsed] = parsedFontFamily, props.insertCSS) {
+      const [ff_name, ff_language] = fontFamilyNameParsed.includes("_") ? fontFamilyNameParsed.split("_") : [fontFamilyNameParsed],
+        fontVars = (0, import_web.registerFontVariables)(parsedFontFamily),
+        fontDeclaration = {
+          [fontFamilyNameIn]: {
+            name: ff_name.slice(1),
+            declarations: fontVars,
+            language: ff_language
+          }
+        },
+        {
+          name,
+          declarations,
+          language = "default"
+        } = fontDeclaration[fontFamilyNameIn],
+        fontSelector = `.font_${name}`,
+        langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`,
+        selectors = language === "default" ? ` ${fontSelector}, ${langSelector}` : langSelector,
+        cssRuleSets = declarationsToRuleSet(declarations, selectors),
+        id = `t_font_style_${fontFamilyNameIn}`,
+        existing = document.querySelector(`#${id}`),
+        style = document.createElement("style");
+      return style.id = id, style.appendChild(document.createTextNode(`${cssRuleSets}`)), document.head.appendChild(style), existing && existing.parentElement?.removeChild(existing), {
+        fontFamilyToken,
+        fontDeclaration
+      };
+    }
+  }
+}

package/dist/cjs/index.native.js

@@ -0,0 +1,88 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var index_exports = {};
+__export(index_exports, {
+  addFont: () => addFont
+});
+module.exports = __toCommonJS(index_exports);
+var import_constants = require("@hanzogui/constants"),
+  import_web = require("@hanzogui/web");
+function addFont(props) {
+  var config = (0, import_web.getConfig)(),
+    {
+      fontFamilyName: fontFamilyNameIn,
+      fontFamily: fontFamilyIn
+    } = props;
+  if (process.env.NODE_ENV === "development") {
+    if (!config) throw new Error("No config");
+    var fontFamily = config.fonts[fontFamilyNameIn];
+    if (!props.update && fontFamily) return {
+      fontFamily
+    };
+  }
+  config.fonts[fontFamilyNameIn] = fontFamilyIn;
+  var sep =
+  // @ts-ignore
+  process.env.NODE_ENV === "development" ? config.cssStyleSeparator || " " : "";
+  function declarationsToRuleSet(decs) {
+    var selector = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
+    return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`;
+  }
+  if (import_constants.isWeb) {
+    var fontFamilyToken = (0, import_web.createVariables)(fontFamilyIn, "f", !0),
+      parsedFontFamily = (0, import_web.parseFont)(fontFamilyToken),
+      fontFamilyNameParsed = `$${fontFamilyNameIn}`;
+    if (config.fontsParsed[fontFamilyNameParsed] = parsedFontFamily, props.insertCSS) {
+      var [ff_name, ff_language] = fontFamilyNameParsed.includes("_") ? fontFamilyNameParsed.split("_") : [fontFamilyNameParsed],
+        fontVars = (0, import_web.registerFontVariables)(parsedFontFamily),
+        fontDeclaration = {
+          [fontFamilyNameIn]: {
+            name: ff_name.slice(1),
+            declarations: fontVars,
+            language: ff_language
+          }
+        },
+        {
+          name,
+          declarations,
+          language = "default"
+        } = fontDeclaration[fontFamilyNameIn],
+        fontSelector = `.font_${name}`,
+        langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`,
+        selectors = language === "default" ? ` ${fontSelector}, ${langSelector}` : langSelector,
+        cssRuleSets = declarationsToRuleSet(declarations, selectors),
+        id = `t_font_style_${fontFamilyNameIn}`,
+        existing = document.querySelector(`#${id}`),
+        style = document.createElement("style");
+      if (style.id = id, style.appendChild(document.createTextNode(`${cssRuleSets}`)), document.head.appendChild(style), existing) {
+        var _existing_parentElement;
+        (_existing_parentElement = existing.parentElement) === null || _existing_parentElement === void 0 || _existing_parentElement.removeChild(existing);
+      }
+      return {
+        fontFamilyToken,
+        fontDeclaration
+      };
+    }
+  }
+}
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","__export","addFont","module","exports","import_constants","require","import_web","props","config","getConfig","fontFamilyName","fontFamilyNameIn","fontFamily","fontFamilyIn","process","env","NODE_ENV","Error","fonts","update","sep","cssStyleSeparator","declarationsToRuleSet","decs","selector","arguments","length","join","isWeb","fontFamilyToken","createVariables","parsedFontFamily","parseFont","fontFamilyNameParsed","fontsParsed","insertCSS","ff_name","ff_language","includes","split","fontVars","registerFontVariables","fontDeclaration","name","slice","declarations","language","fontSelector","langSelector","selectors","cssRuleSets","id","existing","document","querySelector","style","createElement","appendChild","createTextNode","head","_existing_parentElement","parentElement","removeChild"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/index.js

@@ -0,0 +1,57 @@
+import { isWeb } from "@hanzogui/constants";
+import { createVariables, getConfig, parseFont, registerFontVariables } from "@hanzogui/web";
+function addFont(props) {
+  const config = getConfig(),
+    {
+      fontFamilyName: fontFamilyNameIn,
+      fontFamily: fontFamilyIn
+    } = props;
+  if (process.env.NODE_ENV === "development") {
+    if (!config) throw new Error("No config");
+    const fontFamily = config.fonts[fontFamilyNameIn];
+    if (!props.update && fontFamily) return {
+      fontFamily
+    };
+  }
+  config.fonts[fontFamilyNameIn] = fontFamilyIn;
+  const sep =
+  // @ts-ignore
+  process.env.NODE_ENV === "development" ? config.cssStyleSeparator || " " : "";
+  function declarationsToRuleSet(decs, selector = "") {
+    return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`;
+  }
+  if (isWeb) {
+    const fontFamilyToken = createVariables(fontFamilyIn, "f", !0),
+      parsedFontFamily = parseFont(fontFamilyToken),
+      fontFamilyNameParsed = `$${fontFamilyNameIn}`;
+    if (config.fontsParsed[fontFamilyNameParsed] = parsedFontFamily, props.insertCSS) {
+      const [ff_name, ff_language] = fontFamilyNameParsed.includes("_") ? fontFamilyNameParsed.split("_") : [fontFamilyNameParsed],
+        fontVars = registerFontVariables(parsedFontFamily),
+        fontDeclaration = {
+          [fontFamilyNameIn]: {
+            name: ff_name.slice(1),
+            declarations: fontVars,
+            language: ff_language
+          }
+        },
+        {
+          name,
+          declarations,
+          language = "default"
+        } = fontDeclaration[fontFamilyNameIn],
+        fontSelector = `.font_${name}`,
+        langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`,
+        selectors = language === "default" ? ` ${fontSelector}, ${langSelector}` : langSelector,
+        cssRuleSets = declarationsToRuleSet(declarations, selectors),
+        id = `t_font_style_${fontFamilyNameIn}`,
+        existing = document.querySelector(`#${id}`),
+        style = document.createElement("style");
+      return style.id = id, style.appendChild(document.createTextNode(`${cssRuleSets}`)), document.head.appendChild(style), existing && existing.parentElement?.removeChild(existing), {
+        fontFamilyToken,
+        fontDeclaration
+      };
+    }
+  }
+}
+export { addFont };
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isWeb","createVariables","getConfig","parseFont","registerFontVariables","addFont","props","config","fontFamilyName","fontFamilyNameIn","fontFamily","fontFamilyIn","process","env","NODE_ENV","Error","fonts","update","sep","cssStyleSeparator","declarationsToRuleSet","decs","selector","join","fontFamilyToken","parsedFontFamily","fontFamilyNameParsed","fontsParsed","insertCSS","ff_name","ff_language","includes","split","fontVars","fontDeclaration","name","slice","declarations","language","fontSelector","langSelector","selectors","cssRuleSets","id","existing","document","querySelector","style","createElement","appendChild","createTextNode","head","parentElement","removeChild"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,KAAA,QAAa;AACtB,SACEC,eAAA,EACAC,SAAA,EACAC,SAAA,EACAC,qBAAA,QACK;AAGA,SAASC,QAAQC,KAAA,EAMrB;EACD,MAAMC,MAAA,GAASL,SAAA,CAAU;IACnB;MAAEM,cAAA,EAAgBC,gBAAA;MAAkBC,UAAA,EAAYC;IAAa,IAAIL,KAAA;EAEvE,IAAIM,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,eAAe;IAC1C,IAAI,CAACP,MAAA,EACH,MAAM,IAAIQ,KAAA,CAAM,WAAW;IAE7B,MAAML,UAAA,GAAaH,MAAA,CAAOS,KAAA,CAAMP,gBAAgB;IAChD,IAAI,CAACH,KAAA,CAAMW,MAAA,IAAUP,UAAA,EACnB,OAAO;MAAEA;IAAW;EAExB;EAEAH,MAAA,CAAOS,KAAA,CAAMP,gBAAgB,IAAIE,YAAA;EAEjC,MAAMO,GAAA;EAAA;EAEJN,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,gBAAgBP,MAAA,CAAOY,iBAAA,IAAqB,MAAM;EAC7E,SAASC,sBAAsBC,IAAA,EAAgBC,QAAA,GAAW,IAAI;IAC5D,OAAO,QAAQA,QAAQ,KAAKJ,GAAG,GAAG,CAAC,GAAGG,IAAI,EAAEE,IAAA,CAAK,IAAIL,GAAG,EAAE,CAAC,GAAGA,GAAG;EACnE;EAEA,IAAIlB,KAAA,EAAO;IACT,MAAMwB,eAAA,GAAkBvB,eAAA,CAAgBU,YAAA,EAAc,KAAK,EAAI;MACzDc,gBAAA,GAAmBtB,SAAA,CAAUqB,eAAe;MAC5CE,oBAAA,GAAuB,IAAIjB,gBAAgB;IAGjD,IAFAF,MAAA,CAAOoB,WAAA,CAAYD,oBAAoB,IAAID,gBAAA,EAEvCnB,KAAA,CAAMsB,SAAA,EAAW;MACnB,MAAM,CAACC,OAAA,EAASC,WAAW,IAAIJ,oBAAA,CAAqBK,QAAA,CAAS,GAAG,IAC5DL,oBAAA,CAAqBM,KAAA,CAAM,GAAG,IAC9B,CAACN,oBAAoB;QACnBO,QAAA,GAAW7B,qBAAA,CAAsBqB,gBAAgB;QACjDS,eAAA,GAAkB;UACtB,CAACzB,gBAAgB,GAAG;YAClB0B,IAAA,EAAMN,OAAA,CAAQO,KAAA,CAAM,CAAC;YACrBC,YAAA,EAAcJ,QAAA;YACdK,QAAA,EAAUR;UACZ;QACF;QAEM;UACJK,IAAA;UACAE,YAAA;UACAC,QAAA,GAAW;QACb,IAAIJ,eAAA,CAAgBzB,gBAAgB;QAC9B8B,YAAA,GAAe,SAASJ,IAAI;QAC5BK,YAAA,GAAe,iBAAiBL,IAAI,IAAIG,QAAQ,IAAIC,YAAY;QAChEE,SAAA,GACJH,QAAA,KAAa,YAAY,IAAIC,YAAY,KAAKC,YAAY,KAAKA,YAAA;QAC3DE,WAAA,GAActB,qBAAA,CAAsBiB,YAAA,EAAcI,SAAS;QAE3DE,EAAA,GAAK,gBAAgBlC,gBAAgB;QACrCmC,QAAA,GAAWC,QAAA,CAASC,aAAA,CAAc,IAAIH,EAAE,EAAE;QAC1CI,KAAA,GAAQF,QAAA,CAASG,aAAA,CAAc,OAAO;MAC5C,OAAAD,KAAA,CAAMJ,EAAA,GAAKA,EAAA,EACXI,KAAA,CAAME,WAAA,CAAYJ,QAAA,CAASK,cAAA,CAAe,GAAGR,WAAW,EAAE,CAAC,GAC3DG,QAAA,CAASM,IAAA,CAAKF,WAAA,CAAYF,KAAK,GAC3BH,QAAA,IACFA,QAAA,CAASQ,aAAA,EAAeC,WAAA,CAAYT,QAAQ,GAEvC;QACLpB,eAAA;QACAU;MACF;IACF;EACF;AACF","ignoreList":[]}

package/dist/esm/index.mjs

@@ -0,0 +1,57 @@
+import { isWeb } from "@hanzogui/constants";
+import { createVariables, getConfig, parseFont, registerFontVariables } from "@hanzogui/web";
+function addFont(props) {
+  const config = getConfig(),
+    {
+      fontFamilyName: fontFamilyNameIn,
+      fontFamily: fontFamilyIn
+    } = props;
+  if (process.env.NODE_ENV === "development") {
+    if (!config) throw new Error("No config");
+    const fontFamily = config.fonts[fontFamilyNameIn];
+    if (!props.update && fontFamily) return {
+      fontFamily
+    };
+  }
+  config.fonts[fontFamilyNameIn] = fontFamilyIn;
+  const sep =
+  // @ts-ignore
+  process.env.NODE_ENV === "development" ? config.cssStyleSeparator || " " : "";
+  function declarationsToRuleSet(decs, selector = "") {
+    return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`;
+  }
+  if (isWeb) {
+    const fontFamilyToken = createVariables(fontFamilyIn, "f", !0),
+      parsedFontFamily = parseFont(fontFamilyToken),
+      fontFamilyNameParsed = `$${fontFamilyNameIn}`;
+    if (config.fontsParsed[fontFamilyNameParsed] = parsedFontFamily, props.insertCSS) {
+      const [ff_name, ff_language] = fontFamilyNameParsed.includes("_") ? fontFamilyNameParsed.split("_") : [fontFamilyNameParsed],
+        fontVars = registerFontVariables(parsedFontFamily),
+        fontDeclaration = {
+          [fontFamilyNameIn]: {
+            name: ff_name.slice(1),
+            declarations: fontVars,
+            language: ff_language
+          }
+        },
+        {
+          name,
+          declarations,
+          language = "default"
+        } = fontDeclaration[fontFamilyNameIn],
+        fontSelector = `.font_${name}`,
+        langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`,
+        selectors = language === "default" ? ` ${fontSelector}, ${langSelector}` : langSelector,
+        cssRuleSets = declarationsToRuleSet(declarations, selectors),
+        id = `t_font_style_${fontFamilyNameIn}`,
+        existing = document.querySelector(`#${id}`),
+        style = document.createElement("style");
+      return style.id = id, style.appendChild(document.createTextNode(`${cssRuleSets}`)), document.head.appendChild(style), existing && existing.parentElement?.removeChild(existing), {
+        fontFamilyToken,
+        fontDeclaration
+      };
+    }
+  }
+}
+export { addFont };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["isWeb","createVariables","getConfig","parseFont","registerFontVariables","addFont","props","config","fontFamilyName","fontFamilyNameIn","fontFamily","fontFamilyIn","process","env","NODE_ENV","Error","fonts","update","sep","cssStyleSeparator","declarationsToRuleSet","decs","selector","join","fontFamilyToken","parsedFontFamily","fontFamilyNameParsed","fontsParsed","insertCSS","ff_name","ff_language","includes","split","fontVars","fontDeclaration","name","slice","declarations","language","fontSelector","langSelector","selectors","cssRuleSets","id","existing","document","querySelector","style","createElement","appendChild","createTextNode","head","parentElement","removeChild"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,KAAA,QAAa;AACtB,SACEC,eAAA,EACAC,SAAA,EACAC,SAAA,EACAC,qBAAA,QACK;AAGA,SAASC,QAAQC,KAAA,EAMrB;EACD,MAAMC,MAAA,GAASL,SAAA,CAAU;IACnB;MAAEM,cAAA,EAAgBC,gBAAA;MAAkBC,UAAA,EAAYC;IAAa,IAAIL,KAAA;EAEvE,IAAIM,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,eAAe;IAC1C,IAAI,CAACP,MAAA,EACH,MAAM,IAAIQ,KAAA,CAAM,WAAW;IAE7B,MAAML,UAAA,GAAaH,MAAA,CAAOS,KAAA,CAAMP,gBAAgB;IAChD,IAAI,CAACH,KAAA,CAAMW,MAAA,IAAUP,UAAA,EACnB,OAAO;MAAEA;IAAW;EAExB;EAEAH,MAAA,CAAOS,KAAA,CAAMP,gBAAgB,IAAIE,YAAA;EAEjC,MAAMO,GAAA;EAAA;EAEJN,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,gBAAgBP,MAAA,CAAOY,iBAAA,IAAqB,MAAM;EAC7E,SAASC,sBAAsBC,IAAA,EAAgBC,QAAA,GAAW,IAAI;IAC5D,OAAO,QAAQA,QAAQ,KAAKJ,GAAG,GAAG,CAAC,GAAGG,IAAI,EAAEE,IAAA,CAAK,IAAIL,GAAG,EAAE,CAAC,GAAGA,GAAG;EACnE;EAEA,IAAIlB,KAAA,EAAO;IACT,MAAMwB,eAAA,GAAkBvB,eAAA,CAAgBU,YAAA,EAAc,KAAK,EAAI;MACzDc,gBAAA,GAAmBtB,SAAA,CAAUqB,eAAe;MAC5CE,oBAAA,GAAuB,IAAIjB,gBAAgB;IAGjD,IAFAF,MAAA,CAAOoB,WAAA,CAAYD,oBAAoB,IAAID,gBAAA,EAEvCnB,KAAA,CAAMsB,SAAA,EAAW;MACnB,MAAM,CAACC,OAAA,EAASC,WAAW,IAAIJ,oBAAA,CAAqBK,QAAA,CAAS,GAAG,IAC5DL,oBAAA,CAAqBM,KAAA,CAAM,GAAG,IAC9B,CAACN,oBAAoB;QACnBO,QAAA,GAAW7B,qBAAA,CAAsBqB,gBAAgB;QACjDS,eAAA,GAAkB;UACtB,CAACzB,gBAAgB,GAAG;YAClB0B,IAAA,EAAMN,OAAA,CAAQO,KAAA,CAAM,CAAC;YACrBC,YAAA,EAAcJ,QAAA;YACdK,QAAA,EAAUR;UACZ;QACF;QAEM;UACJK,IAAA;UACAE,YAAA;UACAC,QAAA,GAAW;QACb,IAAIJ,eAAA,CAAgBzB,gBAAgB;QAC9B8B,YAAA,GAAe,SAASJ,IAAI;QAC5BK,YAAA,GAAe,iBAAiBL,IAAI,IAAIG,QAAQ,IAAIC,YAAY;QAChEE,SAAA,GACJH,QAAA,KAAa,YAAY,IAAIC,YAAY,KAAKC,YAAY,KAAKA,YAAA;QAC3DE,WAAA,GAActB,qBAAA,CAAsBiB,YAAA,EAAcI,SAAS;QAE3DE,EAAA,GAAK,gBAAgBlC,gBAAgB;QACrCmC,QAAA,GAAWC,QAAA,CAASC,aAAA,CAAc,IAAIH,EAAE,EAAE;QAC1CI,KAAA,GAAQF,QAAA,CAASG,aAAA,CAAc,OAAO;MAC5C,OAAAD,KAAA,CAAMJ,EAAA,GAAKA,EAAA,EACXI,KAAA,CAAME,WAAA,CAAYJ,QAAA,CAASK,cAAA,CAAe,GAAGR,WAAW,EAAE,CAAC,GAC3DG,QAAA,CAASM,IAAA,CAAKF,WAAA,CAAYF,KAAK,GAC3BH,QAAA,IACFA,QAAA,CAASQ,aAAA,EAAeC,WAAA,CAAYT,QAAQ,GAEvC;QACLpB,eAAA;QACAU;MACF;IACF;EACF;AACF","ignoreList":[]}

package/dist/esm/index.native.js

@@ -0,0 +1,62 @@
+import { isWeb } from "@hanzogui/constants";
+import { createVariables, getConfig, parseFont, registerFontVariables } from "@hanzogui/web";
+function addFont(props) {
+  var config = getConfig(),
+    {
+      fontFamilyName: fontFamilyNameIn,
+      fontFamily: fontFamilyIn
+    } = props;
+  if (process.env.NODE_ENV === "development") {
+    if (!config) throw new Error("No config");
+    var fontFamily = config.fonts[fontFamilyNameIn];
+    if (!props.update && fontFamily) return {
+      fontFamily
+    };
+  }
+  config.fonts[fontFamilyNameIn] = fontFamilyIn;
+  var sep =
+  // @ts-ignore
+  process.env.NODE_ENV === "development" ? config.cssStyleSeparator || " " : "";
+  function declarationsToRuleSet(decs) {
+    var selector = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
+    return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`;
+  }
+  if (isWeb) {
+    var fontFamilyToken = createVariables(fontFamilyIn, "f", !0),
+      parsedFontFamily = parseFont(fontFamilyToken),
+      fontFamilyNameParsed = `$${fontFamilyNameIn}`;
+    if (config.fontsParsed[fontFamilyNameParsed] = parsedFontFamily, props.insertCSS) {
+      var [ff_name, ff_language] = fontFamilyNameParsed.includes("_") ? fontFamilyNameParsed.split("_") : [fontFamilyNameParsed],
+        fontVars = registerFontVariables(parsedFontFamily),
+        fontDeclaration = {
+          [fontFamilyNameIn]: {
+            name: ff_name.slice(1),
+            declarations: fontVars,
+            language: ff_language
+          }
+        },
+        {
+          name,
+          declarations,
+          language = "default"
+        } = fontDeclaration[fontFamilyNameIn],
+        fontSelector = `.font_${name}`,
+        langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`,
+        selectors = language === "default" ? ` ${fontSelector}, ${langSelector}` : langSelector,
+        cssRuleSets = declarationsToRuleSet(declarations, selectors),
+        id = `t_font_style_${fontFamilyNameIn}`,
+        existing = document.querySelector(`#${id}`),
+        style = document.createElement("style");
+      if (style.id = id, style.appendChild(document.createTextNode(`${cssRuleSets}`)), document.head.appendChild(style), existing) {
+        var _existing_parentElement;
+        (_existing_parentElement = existing.parentElement) === null || _existing_parentElement === void 0 || _existing_parentElement.removeChild(existing);
+      }
+      return {
+        fontFamilyToken,
+        fontDeclaration
+      };
+    }
+  }
+}
+export { addFont };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isWeb","createVariables","getConfig","parseFont","registerFontVariables","addFont","props","config","fontFamilyName","fontFamilyNameIn","fontFamily","fontFamilyIn","process","env","NODE_ENV","Error","fonts","update","sep","cssStyleSeparator","declarationsToRuleSet","decs","selector","arguments","length","join","fontFamilyToken","parsedFontFamily","fontFamilyNameParsed","fontsParsed","insertCSS","ff_name","ff_language","includes","split","fontVars","fontDeclaration","name","slice","declarations","language","fontSelector","langSelector","selectors","cssRuleSets","id","existing","document","querySelector","style","createElement","appendChild","createTextNode","head","_existing_parentElement","parentElement","removeChild"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,KAAA,QAAa;AACtB,SAAAC,eAAA,EAAAC,SAAA,EAAAC,SAAA,EAAAC,qBAAA;AAAA,SACEC,QAAAC,KAAA;EACA,IAAAC,MAAA,GAAAL,SAAA;IAAA;MAAAM,cAAA,EAAAC,gBAAA;MAAAC,UAAA,EAAAC;IAAA,IAAAL,KAAA;EACA,IAAAM,OAAA,CAAAC,GAAA,CAAAC,QAAA;IACA,KAAAP,MAAA,QACK,IAAAQ,KAAA;IAGA,IAAAL,UAAiB,GAAAH,MAMrB,CAAAS,KAAA,CAAAP,gBAAA;IACD,IAAM,CAAAH,KAAA,CAAAW,MAAS,IAAAP,UACP,EAEJ;MACEA;IACF;EAEF;EACAH,MAAI,CAACS,KAAA,CAAMP,gBAAU,IAAAE,YAAA;EACnB,IAAAO,GAAA;EAEJ;EAEAN,OAAO,CAAAC,GAAM,CAAAC,QAAA,kBAAoB,GAAAP,MAAA,CAAAY,iBAAA,YAEjC;EAAM,SAAAC,sBAAAC,IAAA;IAEJ,IAAAC,QAAY,GAAAC,SAAA,CAAaC,MAAA,QAAAD,SAAuB,iBAAAA,SAAqB,CAAM;IAAA,eAAAD,QAAA,KAAAJ,GAAA,IAC7E,GAAAG,IAAS,CACP,CAAAI,IAAA,CAAO,IAAAP,GAAA,EAAQ,IAAAA,GAAQ;EACzB;EAEA,IAAIlB,KAAA,EAAO;IACT,IAAA0B,eAAM,GAAAzB,eAAkB,CAAAU,YAAgB,KAAc,IAAK;MAAIgB,gBACzD,GAAAxB,SAAmB,CAAAuB,eAAU;MAAeE,oBAC5C,OAAuBnB,gBAAI,EAAgB;IAGjD,IAFAF,MAAA,CAAOsB,WAAA,CAAYD,oBAAoB,IAAID,gBAAA,EAEvCrB,KAAA,CAAMwB,SAAA,EAAW;MACnB,KAAAC,OAAO,EAAAC,WAAS,IAAWJ,oBAAI,CAAAK,QAAqB,IAAS,IAAGL,oBAC5D,CAAAM,KAAqB,IAAM,IAAG,CAIhCN,oBAAoB;QAAAO,QACZ,GAAA/B,qBAAe,CAAAuB,gBAAA;QAAAS,eAAA;UAAA,CAAA3B,gBACP;YACd4B,IAAA,EAAAN,OAAU,CAAAO,KAAA;YACZC,YAAA,EAAAJ,QAAA;YAGIK,QAAA,EAAAR;UACJ;QAAA;QACA;UAAAK,IAAA;UAAAE,YAAA;UAAAC,QAAA;QAAA,IAAAJ,eAAA,CAAA3B,gBAAA;QAAAgC,YAAA,YAAAJ,IAAA;QAAAK,YAAA,oBAAAL,IAAA,IAAAG,QAAA,IAAAC,YAAA;QAAAE,SAAA,GAAAH,QAAA,qBAAAC,YAAA,KAAAC,YAAA,KAAAA,YAAA;QAAAE,WAAA,GAAAxB,qBAAA,CAAAmB,YAAA,EAAAI,SAAA;QAAAE,EAAA,mBAAApC,gBAAA;QAAAqC,QAAA,GAAAC,QAAA,CAAAC,aAAA,KAAAH,EAAA;QAAAI,KAAA,GAAAF,QAAA,CAAAG,aAAA;MAAA,IACAD,KAAA,CAAAJ,EAAA,GAAWA,EAAA,EAAAI,KAAA,CAAAE,WAAA,CAAAJ,QAAA,CAAAK,cAAA,IAAAR,WAAA,MAAAG,QAAA,CAAAM,IAAA,CAAAF,WAAA,CAAAF,KAAA,GAAAH,QAAA;QACb,IAAIQ,uBAAgB;QAUpB,CAAAA,uBACA,GAAMR,QAAA,CAAAS,aAAqB,cAAeD,uBAC1C,KAAS,KAAK,KAAAA,uBACV,CAAAE,WACF,CAASV,QAAA;MAEJ;MACL,OACA;QACFpB,eAAA;QACFU;MACF;IACF","ignoreList":[]}

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@hanzogui/font",
+  "version": "2.0.0",
+  "source": "src/index.ts",
+  "files": [
+    "src",
+    "types",
+    "dist"
+  ],
+  "type": "module",
+  "sideEffects": false,
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "types": "./types/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./types/index.d.ts",
+      "react-native": "./dist/esm/index.native.js",
+      "browser": "./dist/esm/index.mjs",
+      "module": "./dist/esm/index.mjs",
+      "import": "./dist/esm/index.mjs",
+      "require": "./dist/cjs/index.cjs",
+      "default": "./dist/esm/index.mjs"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "hanzo-gui-build",
+    "watch": "hanzo-gui-build --watch",
+    "clean": "hanzo-gui-build clean",
+    "clean:build": "hanzo-gui-build clean:build"
+  },
+  "dependencies": {
+    "@hanzogui/constants": "workspace:*",
+    "@hanzogui/web": "workspace:*"
+  },
+  "devDependencies": {
+    "@hanzogui/build": "workspace:*",
+    "react": ">=19"
+  },
+  "peerDependencies": {
+    "react": ">=19"
+  },
+  "skipPublishIfUnchanged": false
+}

package/src/index.ts

@@ -0,0 +1,84 @@
+import { isWeb } from '@hanzogui/constants'
+import {
+  createVariables,
+  getConfig,
+  parseFont,
+  registerFontVariables,
+} from '@hanzogui/web'
+import type { CreateGuiProps } from '@hanzogui/web'
+
+export function addFont(props: {
+  fontFamilyName: string
+  fontFamily: CreateGuiProps['fonts'][keyof CreateGuiProps['fonts']]
+  insertCSS?: boolean
+  // TODO make sure to add updateFont
+  update?: boolean
+}) {
+  const config = getConfig()
+  const { fontFamilyName: fontFamilyNameIn, fontFamily: fontFamilyIn } = props
+
+  if (process.env.NODE_ENV === 'development') {
+    if (!config) {
+      throw new Error('No config')
+    }
+    const fontFamily = config.fonts[fontFamilyNameIn]
+    if (!props.update && fontFamily) {
+      return { fontFamily }
+    }
+  }
+
+  config.fonts[fontFamilyNameIn] = fontFamilyIn
+
+  const sep =
+    // @ts-ignore
+    process.env.NODE_ENV === 'development' ? config.cssStyleSeparator || ' ' : ''
+  function declarationsToRuleSet(decs: string[], selector = '') {
+    return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`
+  }
+
+  if (isWeb) {
+    const fontFamilyToken = createVariables(fontFamilyIn, 'f', true)
+    const parsedFontFamily = parseFont(fontFamilyToken)
+    const fontFamilyNameParsed = `$${fontFamilyNameIn}`
+    config.fontsParsed[fontFamilyNameParsed] = parsedFontFamily
+
+    if (props.insertCSS) {
+      const [ff_name, ff_language] = fontFamilyNameParsed.includes('_')
+        ? fontFamilyNameParsed.split('_')
+        : [fontFamilyNameParsed]
+      const fontVars = registerFontVariables(parsedFontFamily)
+      const fontDeclaration = {
+        [fontFamilyNameIn]: {
+          name: ff_name.slice(1),
+          declarations: fontVars,
+          language: ff_language,
+        },
+      }
+
+      const {
+        name,
+        declarations,
+        language = 'default',
+      } = fontDeclaration[fontFamilyNameIn]
+      const fontSelector = `.font_${name}`
+      const langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`
+      const selectors =
+        language === 'default' ? ` ${fontSelector}, ${langSelector}` : langSelector
+      const cssRuleSets = declarationsToRuleSet(declarations, selectors)
+
+      const id = `t_font_style_${fontFamilyNameIn}`
+      const existing = document.querySelector(`#${id}`)
+      const style = document.createElement('style')
+      style.id = id
+      style.appendChild(document.createTextNode(`${cssRuleSets}`))
+      document.head.appendChild(style)
+      if (existing) {
+        existing.parentElement?.removeChild(existing)
+      }
+      return {
+        fontFamilyToken,
+        fontDeclaration,
+      }
+    }
+  }
+}

package/types/index.d.ts

@@ -0,0 +1,22 @@
+import type { CreateGuiProps } from '@hanzogui/web';
+export declare function addFont(props: {
+    fontFamilyName: string;
+    fontFamily: CreateGuiProps['fonts'][keyof CreateGuiProps['fonts']];
+    insertCSS?: boolean;
+    update?: boolean;
+}): {
+    fontFamily: import("@hanzogui/web").GenericFont<string | number | symbol>;
+    fontFamilyToken?: undefined;
+    fontDeclaration?: undefined;
+} | {
+    fontFamilyToken: never;
+    fontDeclaration: {
+        [x: string]: {
+            name: string;
+            declarations: string[];
+            language: string;
+        };
+    };
+    fontFamily?: undefined;
+} | undefined;
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAEnD,wBAAgB,OAAO,CAAC,KAAK,EAAE;IAC7B,cAAc,EAAE,MAAM,CAAA;IACtB,UAAU,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,MAAM,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IAClE,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;;;;;;;;;;;;;;cAoEA"}