@hanzogui/font 2.0.0-rc.41-hanzoai.5

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,93 @@
+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: 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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var index_exports = {};
+__export(index_exports, {
+  addFont: () => addFont
+});
+module.exports = __toCommonJS(index_exports);
+var import_constants = require("@hanzogui/constants");
+var import_web = require("@hanzogui/web");
+function addFont(props) {
+  const config = (0, import_web.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, selector = "") {
+    return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`;
+  }
+  if (import_constants.isWeb) {
+    const fontFamilyToken = (0, import_web.createVariables)(fontFamilyIn, "f", true);
+    const parsedFontFamily = (0, import_web.parseFont)(fontFamilyToken);
+    const fontFamilyNameParsed = `$${fontFamilyNameIn}`;
+    config.fontsParsed[fontFamilyNameParsed] = parsedFontFamily;
+    if (props.insertCSS) {
+      const [ff_name, ff_language] = fontFamilyNameParsed.includes("_") ? fontFamilyNameParsed.split("_") : [fontFamilyNameParsed];
+      const fontVars = (0, import_web.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/dist/cjs/index.native.js

@@ -0,0 +1,98 @@
+"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: 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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var index_exports = {};
+__export(index_exports, {
+  addFont: () => addFont
+});
+module.exports = __toCommonJS(index_exports);
+var import_constants = require("@hanzogui/constants");
+var import_web = require("@hanzogui/web");
+function addFont(props) {
+  var config = (0, import_web.getConfig)();
+  var {
+    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", true);
+    var parsedFontFamily = (0, import_web.parseFont)(fontFamilyToken);
+    var fontFamilyNameParsed = `$${fontFamilyNameIn}`;
+    config.fontsParsed[fontFamilyNameParsed] = parsedFontFamily;
+    if (props.insertCSS) {
+      var [ff_name, ff_language] = fontFamilyNameParsed.includes("_") ? fontFamilyNameParsed.split("_") : [fontFamilyNameParsed];
+      var fontVars = (0, import_web.registerFontVariables)(parsedFontFamily);
+      var fontDeclaration = {
+        [fontFamilyNameIn]: {
+          name: ff_name.slice(1),
+          declarations: fontVars,
+          language: ff_language
+        }
+      };
+      var {
+        name,
+        declarations,
+        language = "default"
+      } = fontDeclaration[fontFamilyNameIn];
+      var fontSelector = `.font_${name}`;
+      var langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`;
+      var selectors = language === "default" ? ` ${fontSelector}, ${langSelector}` : langSelector;
+      var cssRuleSets = declarationsToRuleSet(declarations, selectors);
+      var id = `t_font_style_${fontFamilyNameIn}`;
+      var existing = document.querySelector(`#${id}`);
+      var style = document.createElement("style");
+      style.id = id;
+      style.appendChild(document.createTextNode(`${cssRuleSets}`));
+      document.head.appendChild(style);
+      if (existing) {
+        var _existing_parentElement;
+        (_existing_parentElement = existing.parentElement) === null || _existing_parentElement === void 0 ? 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,68 @@
+import { isWeb } from "@hanzogui/constants";
+import { createVariables, getConfig, parseFont, registerFontVariables } from "@hanzogui/web";
+function addFont(props) {
+  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, 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
+      };
+    }
+  }
+}
+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":"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","ignoreList":[]}

package/dist/esm/index.mjs

@@ -0,0 +1,68 @@
+import { isWeb } from "@hanzogui/constants";
+import { createVariables, getConfig, parseFont, registerFontVariables } from "@hanzogui/web";
+function addFont(props) {
+  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, 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
+      };
+    }
+  }
+}
+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":"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","ignoreList":[]}

package/dist/esm/index.native.js

@@ -0,0 +1,70 @@
+import { isWeb } from "@hanzogui/constants";
+import { createVariables, getConfig, parseFont, registerFontVariables } from "@hanzogui/web";
+function addFont(props) {
+  var config = getConfig();
+  var {
+    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", true);
+    var parsedFontFamily = parseFont(fontFamilyToken);
+    var fontFamilyNameParsed = `$${fontFamilyNameIn}`;
+    config.fontsParsed[fontFamilyNameParsed] = parsedFontFamily;
+    if (props.insertCSS) {
+      var [ff_name, ff_language] = fontFamilyNameParsed.includes("_") ? fontFamilyNameParsed.split("_") : [fontFamilyNameParsed];
+      var fontVars = registerFontVariables(parsedFontFamily);
+      var fontDeclaration = {
+        [fontFamilyNameIn]: {
+          name: ff_name.slice(1),
+          declarations: fontVars,
+          language: ff_language
+        }
+      };
+      var {
+        name,
+        declarations,
+        language = "default"
+      } = fontDeclaration[fontFamilyNameIn];
+      var fontSelector = `.font_${name}`;
+      var langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`;
+      var selectors = language === "default" ? ` ${fontSelector}, ${langSelector}` : langSelector;
+      var cssRuleSets = declarationsToRuleSet(declarations, selectors);
+      var id = `t_font_style_${fontFamilyNameIn}`;
+      var existing = document.querySelector(`#${id}`);
+      var style = document.createElement("style");
+      style.id = id;
+      style.appendChild(document.createTextNode(`${cssRuleSets}`));
+      document.head.appendChild(style);
+      if (existing) {
+        var _existing_parentElement;
+        (_existing_parentElement = existing.parentElement) === null || _existing_parentElement === void 0 ? 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;EACA;IAAAM,cAAA,EAAAC,gBAAA;IAAAC,UAAA,EAAAC;EAAA,IAAAL,KAAA;EACA,IAAAM,OAAA,CAAAC,GAAA,CAAAC,QAAA;IAAA,IACK,CAAAP,MAAA;MAGA,MAAS,IAAAQ,KAAQ,YAMrB;IACD;IACA,IAAML,UAAE,GAAAH,MAAgB,CAAAS,KAAA,CAAAP,gBAAkB;IAE1C,IAAI,CAAAH,KAAQ,CAAAW,MAAI,IAAAP,UAAa;MAC3B,OAAK;QACHA;MACF;IACA;EACA;EACEH,MAAA,CAAAS,KAAO,CAAEP,gBAAW,IAAAE,YAAA;EAAA,IACtBO,GAAA;EACF;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,MAAK;IAC3D,IAAAgB,gBAAM,GAAAxB,SAAmB,CAAAuB,eAAU;IACnC,IAAAE,oBAAM,OAAuBnB,gBAAI,EAAgB;IACjDF,MAAA,CAAOsB,WAAA,CAAYD,oBAAoB,IAAID,gBAAA;IAE3C,IAAIrB,KAAA,CAAMwB,SAAA,EAAW;MACnB,KAAAC,OAAO,EAAAC,WAAS,IAAWJ,oBAAI,CAAAK,QAAqB,IAAS,IAAGL,oBAC5D,CAAAM,KAAqB,IAAM,IAAG,CAElCN,oBAAiB,CACjB;MAAwB,IACrBO,QAAA,GAAA/B,qBAAmB,CAAAuB,gBAAA;MAAA,IAClBS,eAAc;QAAO,CAAA3B,gBACP;UACd4B,IAAA,EAAAN,OAAU,CAAAO,KAAA;UACZC,YAAA,EAAAJ,QAAA;UACFK,QAAA,EAAAR;QAEA;MAAM;MACJ,IACA;QAAAK,IAAA;QAAAE,YAAA;QAAAC,QAAA;MAAA,IAAAJ,eAAA,CAAA3B,gBAAA;MAAA,IACAgC,YAAW,YAAAJ,IAAA;MACb,IAAIK,YAAA,oBAAgCL,IAAA,IAAAG,QAAA,IAAAC,YAAA;MACpC,IAAAE,SAAM,GAAAH,QAAe,cAAa,OAAAC,YAAA,KAAAC,YAAA,KAAAA,YAAA;MAClC,IAAAE,WAAM,GAAAxB,qBAAgC,CAAAmB,YAAQ,EAAQI,SAAI;MAC1D,IAAAE,EAAM,mBACJpC,gBAAa,EAAY;MAC3B,IAAAqC,QAAM,GAAAC,QAAc,CAAAC,aAAA,KAAsBH,EAAA;MAE1C,IAAAI,KAAM,GAAKF,QAAA,CAAAG,aAAgB,SAAgB;MAC3CD,KAAA,CAAMJ,EAAA,GAAAA,EAAA;MACNI,KAAA,CAAME,WAAQ,CAAAJ,QAAS,CAAAK,cAAc,IAAOR,WAAA;MAC5CG,QAAM,CAAAM,IAAK,CAAAF,WAAA,CAAAF,KAAA;MACX,IAAAH,QAAM;QACN,IAAAQ,uBAA0B;QAC1B,CAAAA,uBAAc,GAAAR,QAAA,CAAAS,aAAA,cAAAD,uBAAA,uBAAAA,uBAAA,CAAAE,WAAA,CAAAV,QAAA;MACZ;MACF;QACApB,eAAO;QACLU;MAAA;IACA;EACF;AACF;AAEJ,S","ignoreList":[]}

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@hanzogui/font",
+  "version": "2.0.0-rc.41-hanzoai.5",
+  "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": "hanzogui-build",
+    "watch": "hanzogui-build --watch",
+    "clean": "hanzogui-build clean",
+    "clean:build": "hanzogui-build clean:build"
+  },
+  "dependencies": {
+    "@hanzogui/constants": "2.0.0-rc.41-hanzoai.5",
+    "@hanzogui/web": "2.0.0-rc.41-hanzoai.5"
+  },
+  "devDependencies": {
+    "@hanzogui/build": "2.0.0-rc.41-hanzoai.5",
+    "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 { CreateHanzoguiProps } from '@hanzogui/web'
+
+export function addFont(props: {
+  fontFamilyName: string
+  fontFamily: CreateHanzoguiProps['fonts'][keyof CreateHanzoguiProps['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 { CreateHanzoguiProps } from '@hanzogui/web';
+export declare function addFont(props: {
+    fontFamilyName: string;
+    fontFamily: CreateHanzoguiProps['fonts'][keyof CreateHanzoguiProps['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,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAExD,wBAAgB,OAAO,CAAC,KAAK,EAAE;IAC7B,cAAc,EAAE,MAAM,CAAA;IACtB,UAAU,EAAE,mBAAmB,CAAC,OAAO,CAAC,CAAC,MAAM,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAA;IAC5E,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;;;;;;;;;;;;;;cAoEA"}