npm - @xlfont/load - Versions diffs - 1.0.7 → 1.0.11 - Mend

@xlfont/load 1.0.7 → 1.0.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/CHANGELOG.md ADDED Viewed

@@ -0,0 +1,72 @@
+# Change Logs
+## v1.0.11
+ - remove dependency to proxise by inlining `once` function
+ - rename `xfl.js` while keeping `index.js`, which will be removed in future minor update
+ - rename `xfont` to `xlfont` to reflect package name.
+## v1.0.10
+ - escape space in class name
+ - quote name in font family name that didn't quote in the last version
+## v1.0.9
+ - escape space in font name
+ - quote name and url in font family styles
+ - call update for non-xl fonts
+ - fix incorrectly assignment in xfl.update
+## v1.0.8
+ - fix bug: `-a` option doesn't work in `xfl-meta`
+## v1.0.7
+ - fix incorrect versioning issue
+## v1.0.5 / v1.0.6
+ - skip notdef by reference instead of by name. This fixed `Taipei Sans TC Beta` generation issue.
+## v1.0.4
+ - handle newlines in metadata
+## v1.0.3
+ - support subsetting only single font in xfl command
+ - better formatting of xfl-meta output
+## v1.0.2
+ - add `xfl-meta` command
+ - add missing dependency in `build.js`
+ - update `package.json` for some dependencies that should be for production
+## v1.0.1
+ - remove npm-shrinkwrap.json
+## v1.0.0
+ - completely rewrite xfl.ls
+ - support font merging based on opentype.js
+ - non-xl-font aware
+ - better support for concurrent fetching
+ - support promise in all api
+ - use SIL-Open Licensed fonts only for demonstration
+ - remove fontmin / gulp-rename dependency
+ - add `woff` format output
+ - use `@plotdb/opentype.js` for bug fixing

package/README.md CHANGED Viewed

@@ -115,6 +115,24 @@ While this is a tool for composing and using xl-font, we also prepare a set of x
    - parsed from content of `https://www.ling.upenn.edu/courses/Spring_2003/ling538/UnicodeRanges.html`
    - content of the above link is from `http://www.unicode.org/charts/`
+## Font Subsetting Consideration
+According to *[SIL's OFL FAQ](https://scripts.sil.org/cms/scripts/page.php?item_id=OFL-FAQ_web#b4b7db21)* and *[Web Fonts and Reserved Font Names](https://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL_web_fonts_and_RFNs#33301a9c)*, Subsetting a font is considered *modification* of that font. This is permitted by *Open Font License (OFL)*, but OFL requires that modified versions must not use RFNs (Reserved Font Names) without separate permission.
+However, once FE (Functional Equivalence) is preserved, then it's very likely that the original author would feel that the optimized font is a good and reasonable equivalent, and that the main purposes of the RFN mechanism - avoids collisions, protects authors. minimizes support, encourages derivatives - continue to be met.
+An optimized font is considered FE if:
+ - Supports the same full character inventory
+ - Provides the same smart font behavior
+ - Presents text with no obvious degradation in visual quality
+ - Preserves original author, project and license metadata
+Subsetting is [discussed separated](https://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL_web_fonts_and_RFNs#b4599c52) and only `Dynamic Subsetting` and `Dynamic Subsetting with Progressive Client Storage` is considered as possibly FE preserved.
+With `@xlfont/load` serving the subsetted font it can possibly be considered `Dynamic Subsetting`, however the subsetted font alone definitely will be in the `pre-subsetting` category.
 ## LICENSE
 MIT License.

package/bin/meta.js CHANGED Viewed

@@ -19,7 +19,7 @@
     return true;
   }).argv;
   file = argv._[0];
-  all = argv.a;
+  all = argv.a != null;
   multiline = function(txt, len){
     var ret;
     txt == null && (txt = "");

package/dist/index.js ADDED Viewed

@@ -0,0 +1,433 @@
+(function(){
+  var err, once, xlfont, xfl;
+  err = function(e){
+    e == null && (e = {});
+    return import$(new Error(), import$({
+      name: 'lderror'
+    }, e));
+  };
+  once = function(f, q){
+    q == null && (q = []);
+    return function(){
+      if (q.s === 2) {
+        return Promise.resolve();
+      } else if (q.s === 1) {
+        return new Promise(function(res, rej){
+          return q.push({
+            res: res,
+            rej: rej
+          });
+        });
+      }
+      return Promise.resolve(q.s = 1).then(function(){
+        return f();
+      }).then(function(){
+        q.s = 2;
+        return q.splice(0).map(function(it){
+          return it.res();
+        });
+      })['catch'](function(e){
+        q.s = 0;
+        q.splice(0).map(function(it){
+          return it.rej(e);
+        });
+        return Promise.reject(e);
+      });
+    };
+  };
+  xlfont = function(opt){
+    var ref$, that, this$ = this;
+    opt == null && (opt = {});
+    this.opt = opt;
+    this.sub = {
+      set: {},
+      font: {}
+    };
+    this.cjkOnly = opt.cjkOnly || false;
+    this.codemap = {};
+    this.otf = {
+      font: null,
+      dirty: true
+    };
+    this.path = opt.path;
+    this.name = opt.name || (ref$ = this.path.replace(/\.[a-zA-Z0-9]+$/, '').split("/").filter(function(it){
+      return it;
+    }))[ref$.length - 1];
+    this.style = 'normal';
+    this.ext = opt.ext || (/\.(ttf|otf|woff2|woff)$/.exec(this.path) || [])[1] || '';
+    this.format = (that = this.ext.toLowerCase()) ? that === 'ttf'
+      ? 'truetype'
+      : that === 'otf' ? 'truetype' : that : '';
+    if (this.format) {
+      this.format = "format('" + this.format + "')";
+    }
+    this.className = "xfl-" + (this.name || '').replace(/\s+/g, '_') + "-" + Math.random().toString(36).substring(2);
+    this.isXl = !this.ext;
+    this.css = [];
+    this.init = once(function(){
+      return this$._init();
+    });
+    this.init();
+    return this;
+  };
+  xlfont.prototype = import$(Object.create(Object.prototype), {
+    _init: function(){
+      var this$ = this;
+      return Promise.resolve().then(function(){
+        if (!this$.isXl) {
+          this$.css = [{
+            content: "@font-face {\n  font-family: \"" + this$.name + "\";\n  src: url(\"" + this$.path + "\") " + this$.format + ";\n}\n." + this$.className + " { font-family: \"" + this$.name + "\"; }"
+          }];
+          return xfl.update();
+        } else {
+          return new Promise(function(res, rej){
+            var xhr;
+            xhr = new XMLHttpRequest();
+            xhr.addEventListener('readystatechange', function(){
+              if (xhr.readyState !== XMLHttpRequest.DONE) {
+                return;
+              }
+              if (xhr.status !== 200) {
+                return rej(err({
+                  code: xhr.status,
+                  message: xhr.responseText
+                }));
+              }
+              (xhr.responseText || '').split('\n').map(function(d, i){
+                return d.split(' ').map(function(e, j){
+                  return this$.codemap[e] = i + 1;
+                });
+              });
+              return res();
+            });
+            xhr.open('GET', this$.path + "/charmap.txt");
+            return xhr.send();
+          });
+        }
+      });
+    },
+    _fetch: function(f, dofetch){
+      var this$ = this;
+      f == null && (f = {});
+      dofetch == null && (dofetch = false);
+      if (!dofetch) {
+        if (!f.url) {
+          if (this.isXl) {
+            f.url = this.path + "/" + f.key + ".woff2";
+            f.type = 'woff2';
+          } else {
+            f.url = this.path;
+            f.type = this.ext.toLowerCase();
+          }
+        }
+        return Promise.resolve(f);
+      }
+      if (f.blob) {
+        return Promise.resolve(f);
+      }
+      if (!f.proxy) {
+        f.proxy = proxise(function(f){
+          var p;
+          if (f.running) {
+            return;
+          }
+          f.running = true;
+          p = new Promise(function(res, rej){
+            var xhr;
+            if (f.blob) {
+              return res(f);
+            }
+            xhr = new XMLHttpRequest();
+            xhr.addEventListener('readystatechange', function(){
+              if (xhr.readyState !== XMLHttpRequest.DONE) {
+                return;
+              }
+              if (xhr.status !== 200) {
+                return rej(err({
+                  code: xhr.status,
+                  message: xhr.responseText
+                }));
+              }
+              this$.otf.dirty = true;
+              f.url = URL.createObjectURL(xhr.response);
+              f.blob = xhr.response;
+              f.type = this$.ext.toLowerCase() || 'ttf';
+              return res(f);
+            });
+            if (this$.isXl) {
+              xhr.open('GET', this$.path + "/" + f.key + ".ttf");
+            } else {
+              xhr.open('GET', this$.path);
+            }
+            xhr.responseType = 'blob';
+            return xhr.send();
+          });
+          return p['finally'](function(){
+            return f.running = false;
+          });
+        });
+      }
+      return f.proxy(f);
+    },
+    fetchAll: function(){
+      var k, f, this$ = this;
+      if (this.isXl) {
+        return Promise.all((function(){
+          var ref$, results$ = [];
+          for (k in ref$ = this.sub.font) {
+            f = ref$[k];
+            results$.push(f);
+          }
+          return results$;
+        }.call(this)).map(function(it){
+          return this$._fetch(it, true);
+        }));
+      } else {
+        return this._fetch(this.sub.font[0], true);
+      }
+    },
+    fetch: function(list, dofetch){
+      var ps, this$ = this;
+      list == null && (list = []);
+      dofetch == null && (dofetch = false);
+      if (!this.isXl) {
+        if (this.sub.font[0].blob) {
+          return Promise.resolve();
+        }
+        list = [0];
+      }
+      ps = Array.from(new Set(list.map(function(it){
+        return it;
+      }))).filter(function(it){
+        return !this$.sub.font[it];
+      }).map(function(it){
+        var f;
+        this$.sub.font[it] = f = {
+          key: it
+        };
+        return this$._fetch(f, dofetch);
+      });
+      return Promise.all(ps).then(function(subfonts){
+        var css, k, ref$, f, i$, len$;
+        if (!subfonts.length) {
+          return;
+        }
+        css = "." + this$.className + " { font-family: \"" + this$.name + "\"; }";
+        for (k in ref$ = this$.sub.font) {
+          f = ref$[k];
+        }
+        for (i$ = 0, len$ = subfonts.length; i$ < len$; ++i$) {
+          f = subfonts[i$];
+          css += "@font-face {\n  font-family: \"" + this$.name + "\";\n  src: url(\"" + f.url + "\") format('" + f.type + "');\n}";
+        }
+        return this$.css.push({
+          content: css
+        });
+      });
+    },
+    getotf: function(){
+      var this$ = this;
+      if (!(typeof opentype != 'undefined' && opentype !== null)) {
+        return Promise.reject(err({
+          id: 1022,
+          message: "[@plotdb/xfl] need opentype.js to merge subfonts"
+        }));
+      }
+      if (!this.otf.dirty) {
+        return Promise.resolve(this.otf.font);
+      }
+      return Promise.resolve().then(function(){
+        if (!this$.isXl) {
+          return this$.fetch();
+        } else {
+          return this$.fetchAll();
+        }
+      }).then(function(){
+        var ps, k, f;
+        ps = (function(){
+          var ref$, results$ = [];
+          for (k in ref$ = this.sub.font) {
+            f = ref$[k];
+            results$.push(f);
+          }
+          return results$;
+        }.call(this$)).map(function(f){
+          if (f.otf) {
+            return Promise.resolve(f);
+          } else {
+            return opentype.load(f.url).then(function(it){
+              f.otf = it;
+              return f;
+            });
+          }
+        });
+        return Promise.all(ps);
+      }).then(function(list){
+        var glyphs, ref$, ref1$;
+        list == null && (list = []);
+        if (list.length === 1) {
+          return list[0].otf;
+        }
+        glyphs = list.map(function(f){
+          var glyphs, i$, to$, i, results$ = [];
+          glyphs = f.otf.glyphs;
+          for (i$ = 1, to$ = glyphs.length; i$ <= to$; ++i$) {
+            i = i$;
+            results$.push(glyphs.glyphs[i]);
+          }
+          return results$;
+        }).reduce(function(a, b){
+          return a.concat(b);
+        }, []).filter(function(it){
+          return it;
+        });
+        this$.otf.font = new opentype.Font((ref1$ = {
+          familyName: this$.name,
+          styleName: this$.style || 'normal',
+          glyphs: glyphs
+        }, ref1$.unitsPerEm = (ref$ = list[0].otf).unitsPerEm, ref1$.ascender = ref$.ascender, ref1$.descender = ref$.descender, ref1$));
+        this$.otf.font.kerningPairs = {};
+        return this$.otf.font;
+      });
+    },
+    sync: function(txt){
+      var ref$, misschar, missset, this$ = this;
+      txt == null && (txt = "");
+      if (!this.isXl) {
+        xfl.update();
+        return Promise.resolve();
+      }
+      ref$ = [{}, {}], misschar = ref$[0], missset = ref$[1];
+      return Promise.resolve().then(function(){
+        var i$, to$, i, code, setIdx, k, list, res$;
+        for (i$ = 0, to$ = txt.length; i$ < to$; ++i$) {
+          i = i$;
+          code = txt.charCodeAt(i);
+          if (this$.cjkOnly && !xfl.isCJK(code)) {
+            continue;
+          }
+          setIdx = this$.codemap[code.toString(16)];
+          if (!setIdx) {
+            misschar[txt[i]] = true;
+          } else if (!this$.sub.set[setIdx]) {
+            this$.sub.set[setIdx] = missset[setIdx] = true;
+          }
+        }
+        misschar = (function(){
+          var results$ = [];
+          for (k in misschar) {
+            results$.push(k);
+          }
+          return results$;
+        }()).filter(function(it){
+          return it.trim();
+        });
+        if (misschar.length) {
+          console.log("[@plotdb/xfl] sync xl-font with following chars unsupported: " + misschar.join(''));
+        }
+        res$ = [];
+        for (k in missset) {
+          res$.push(k);
+        }
+        list = res$;
+        if (list.length) {
+          return this$.fetch(list);
+        }
+      }).then(function(){
+        return xfl.update();
+      });
+    }
+  });
+  xfl = {
+    range: {
+      CJK: [[0x3040, 0x30ff], [0x3400, 0x4dbf], [0x4e00, 0x9fff], [0xf900, 0xfaff], [0xff66, 0xff9f], [0x3131, 0xD79D]]
+    },
+    fonts: {},
+    running: {},
+    isCJK: function(code){
+      return this.range.CJK.filter(function(it){
+        return code >= it[0] && code <= it[1];
+      }).length;
+    },
+    proxy: {},
+    update: function(){
+      var css, k, ref$, v, node;
+      css = "";
+      for (k in ref$ = this.fonts) {
+        v = ref$[k];
+        (v.css || []).filter(fn$).map(fn1$);
+      }
+      if (css) {
+        node = document.createElement("style");
+        node.textContent = css;
+        node.setAttribute('type', 'text/css');
+        return document.body.appendChild(node);
+      }
+      function fn$(it){
+        return !it.rendered;
+      }
+      function fn1$(it){
+        it.rendered = true;
+        return css = css + it.content;
+      }
+    },
+    _load: function(opt){
+      var path, this$ = this;
+      opt == null && (opt = {});
+      path = opt.path;
+      if (this.running[path]) {
+        return;
+      }
+      this.running[path] = true;
+      return Promise.resolve().then(function(){
+        var fobj;
+        this$.fonts[path] = fobj = new xlfont(opt);
+        return fobj.init();
+      })['finally'](function(){
+        return this$.running[path] = false;
+      }).then(function(){
+        this$.proxy[path].resolve(this$.fonts[path]);
+        return this$.fonts[path];
+      })['catch'](function(it){
+        this$.proxy[path].reject(it);
+        return Promise.reject(it);
+      });
+    },
+    load: function(opt){
+      var this$ = this;
+      opt == null && (opt = {});
+      return new Promise(function(res, rej){
+        var path, that, ref$;
+        if (!(path = opt.path)) {
+          return rej(err({
+            id: 400
+          }));
+        }
+        path = path.replace(/\/$/, '');
+        if (that = this$.fonts[path]) {
+          return res(that);
+        }
+        if (!this$.proxy[path]) {
+          this$.proxy[path] = proxise(function(it){
+            return this$._load(it);
+          });
+        }
+        return this$.proxy[path]((ref$ = import$({}, opt), ref$.path = path, ref$)).then(function(it){
+          return res(it);
+        })['catch'](function(it){
+          return rej(it);
+        });
+      });
+    }
+  };
+  if (typeof module != 'undefined' && module !== null) {
+    module.exports = xfl;
+  } else if (typeof window != 'undefined' && window !== null) {
+    window.xfl = xfl;
+  }
+  function import$(obj, src){
+    var own = {}.hasOwnProperty;
+    for (var key in src) if (own.call(src, key)) obj[key] = src[key];
+    return obj;
+  }
+}).call(this);

package/dist/index.min.js ADDED Viewed

@@ -0,0 +1 @@

package/dist/xfl.js CHANGED Viewed

@@ -1,12 +1,41 @@
 (function(){
-  var err, xfont, xfl;
+  var err, once, xlfont, xfl;
   err = function(e){
     e == null && (e = {});
     return import$(new Error(), import$({
       name: 'lderror'
     }, e));
   };
-  xfont = function(opt){
+  once = function(f, q){
+    q == null && (q = []);
+    return function(){
+      if (q.s === 2) {
+        return Promise.resolve();
+      } else if (q.s === 1) {
+        return new Promise(function(res, rej){
+          return q.push({
+            res: res,
+            rej: rej
+          });
+        });
+      }
+      return Promise.resolve(q.s = 1).then(function(){
+        return f();
+      }).then(function(){
+        q.s = 2;
+        return q.splice(0).map(function(it){
+          return it.res();
+        });
+      })['catch'](function(e){
+        q.s = 0;
+        q.splice(0).map(function(it){
+          return it.rej(e);
+        });
+        return Promise.reject(e);
+      });
+    };
+  };
+  xlfont = function(opt){
     var ref$, that, this$ = this;
     opt == null && (opt = {});
     this.opt = opt;
@@ -32,23 +61,24 @@
     if (this.format) {
       this.format = "format('" + this.format + "')";
     }
-    this.className = "xfl-" + this.name + "-" + Math.random().toString(36).substring(2);
+    this.className = "xfl-" + (this.name || '').replace(/\s+/g, '_') + "-" + Math.random().toString(36).substring(2);
     this.isXl = !this.ext;
     this.css = [];
-    this.init = proxise.once(function(){
+    this.init = once(function(){
       return this$._init();
     });
     this.init();
     return this;
   };
-  xfont.prototype = import$(Object.create(Object.prototype), {
+  xlfont.prototype = import$(Object.create(Object.prototype), {
     _init: function(){
       var this$ = this;
       return Promise.resolve().then(function(){
         if (!this$.isXl) {
-          return this$.css = [{
-            content: "@font-face {\n  font-family: " + this$.name + ";\n  src: url(" + this$.path + ") " + this$.format + ";\n}\n." + this$.className + " { font-family: \"" + this$.name + "\"; }"
+          this$.css = [{
+            content: "@font-face {\n  font-family: \"" + this$.name + "\";\n  src: url(\"" + this$.path + "\") " + this$.format + ";\n}\n." + this$.className + " { font-family: \"" + this$.name + "\"; }"
           }];
+          return xfl.update();
         } else {
           return new Promise(function(res, rej){
             var xhr;
@@ -182,13 +212,13 @@
         if (!subfonts.length) {
           return;
         }
-        css = "." + this$.className + " { font-family: " + this$.name + "; }";
+        css = "." + this$.className + " { font-family: \"" + this$.name + "\"; }";
         for (k in ref$ = this$.sub.font) {
           f = ref$[k];
         }
         for (i$ = 0, len$ = subfonts.length; i$ < len$; ++i$) {
           f = subfonts[i$];
-          css += "@font-face {\n  font-family: " + this$.name + ";\n  src: url(" + f.url + ") format('" + f.type + "');\n}";
+          css += "@font-face {\n  font-family: \"" + this$.name + "\";\n  src: url(\"" + f.url + "\") format('" + f.type + "');\n}";
         }
         return this$.css.push({
           content: css
@@ -264,6 +294,7 @@
       var ref$, misschar, missset, this$ = this;
       txt == null && (txt = "");
       if (!this.isXl) {
+        xfl.update();
         return Promise.resolve();
       }
       ref$ = [{}, {}], misschar = ref$[0], missset = ref$[1];
@@ -337,7 +368,7 @@
       }
       function fn1$(it){
         it.rendered = true;
-        return css += it.content;
+        return css = css + it.content;
       }
     },
     _load: function(opt){
@@ -350,7 +381,7 @@
       this.running[path] = true;
       return Promise.resolve().then(function(){
         var fobj;
-        this$.fonts[path] = fobj = new xfont(opt);
+        this$.fonts[path] = fobj = new xlfont(opt);
         return fobj.init();
       })['finally'](function(){
         return this$.running[path] = false;

package/dist/xfl.min.js CHANGED Viewed

	@@ -1 +1 @@
1	- (function(){var err,~~xfont~~,xfl;err=function(e){e==null&&(e={});return import$(new Error,import$({name:"lderror"},e))};~~xfont~~=function(opt){var ref$,that,this$=this;opt==null&&(opt={});this.opt=opt;this.sub={set:{},font:{}};this.cjkOnly=opt.cjkOnly\|\|false;this.codemap={};this.otf={font:null,dirty:true};this.path=opt.path;this.name=opt.name\|\|(ref$=this.path.replace(/\.[a-zA-Z0-9]+$/,"").split("/").filter(function(it){return it}))[ref$.length-1];this.style="normal";this.ext=opt.ext\|\|(/\.(ttf\|otf\|woff2\|woff)$/.exec(this.path)\|\|[])[1]\|\|"";this.format=(that=this.ext.toLowerCase())?that==="ttf"?"truetype":that==="otf"?"truetype":that:"";if(this.format){this.format="format('"+this.format+"')"}this.className="xfl-"+this.name+"-"+Math.random().toString(36).substring(2);this.isXl=!this.ext;this.css=[];this.init=~~proxise.~~once(function(){return this$._init()});this.init();return this};~~xfont~~.prototype=import$(Object.create(Object.prototype),{_init:function(){var this$=this;return Promise.resolve().then(function(){if(!this$.isXl){~~return~~ this$.css=[{content:"@font-face {\n font-family: "+this$.name+";\n src: url("+this$.path+") "+this$.format+";\n}\n."+this$.className+' { font-family: "'+this$.name+'"; }'}]}else{return new Promise(function(res,rej){var xhr;xhr=new XMLHttpRequest;xhr.addEventListener("readystatechange",function(){if(xhr.readyState!==XMLHttpRequest.DONE){return}if(xhr.status!==200){return rej(err({code:xhr.status,message:xhr.responseText}))}(xhr.responseText\|\|"").split("\n").map(function(d,i){return d.split(" ").map(function(e,j){return this$.codemap[e]=i+1})});return res()});xhr.open("GET",this$.path+"/charmap.txt");return xhr.send()})}})},_fetch:function(f,dofetch){var this$=this;f==null&&(f={});dofetch==null&&(dofetch=false);if(!dofetch){if(!f.url){if(this.isXl){f.url=this.path+"/"+f.key+".woff2";f.type="woff2"}else{f.url=this.path;f.type=this.ext.toLowerCase()}}return Promise.resolve(f)}if(f.blob){return Promise.resolve(f)}if(!f.proxy){f.proxy=proxise(function(f){var p;if(f.running){return}f.running=true;p=new Promise(function(res,rej){var xhr;if(f.blob){return res(f)}xhr=new XMLHttpRequest;xhr.addEventListener("readystatechange",function(){if(xhr.readyState!==XMLHttpRequest.DONE){return}if(xhr.status!==200){return rej(err({code:xhr.status,message:xhr.responseText}))}this$.otf.dirty=true;f.url=URL.createObjectURL(xhr.response);f.blob=xhr.response;f.type=this$.ext.toLowerCase()\|\|"ttf";return res(f)});if(this$.isXl){xhr.open("GET",this$.path+"/"+f.key+".ttf")}else{xhr.open("GET",this$.path)}xhr.responseType="blob";return xhr.send()});return p["finally"](function(){return f.running=false})})}return f.proxy(f)},fetchAll:function(){var k,f,this$=this;if(this.isXl){return Promise.all(function(){var ref$,results$=[];for(k in ref$=this.sub.font){f=ref$[k];results$.push(f)}return results$}.call(this).map(function(it){return this$._fetch(it,true)}))}else{return this._fetch(this.sub.font[0],true)}},fetch:function(list,dofetch){var ps,this$=this;list==null&&(list=[]);dofetch==null&&(dofetch=false);if(!this.isXl){if(this.sub.font[0].blob){return Promise.resolve()}list=[0]}ps=Array.from(new Set(list.map(function(it){return it}))).filter(function(it){return!this$.sub.font[it]}).map(function(it){var f;this$.sub.font[it]=f={key:it};return this$._fetch(f,dofetch)});return Promise.all(ps).then(function(subfonts){var css,k,ref$,f,i$,len$;if(!subfonts.length){return}css="."+this$.className+" { font-family: "+this$.name+"; }";for(k in ref$=this$.sub.font){f=ref$[k]}for(i$=0,len$=subfonts.length;i$<len$;++i$){f=subfonts[i$];css+="@font-face {\n font-family: "+this$.name+";\n src: url("+f.url+") format('"+f.type+"');\n}"}return this$.css.push({content:css})})},getotf:function(){var this$=this;if(!(typeof opentype!="undefined"&&opentype!==null)){return Promise.reject(err({id:1022,message:"[@plotdb/xfl] need opentype.js to merge subfonts"}))}if(!this.otf.dirty){return Promise.resolve(this.otf.font)}return Promise.resolve().then(function(){if(!this$.isXl){return this$.fetch()}else{return this$.fetchAll()}}).then(function(){var ps,k,f;ps=function(){var ref$,results$=[];for(k in ref$=this.sub.font){f=ref$[k];results$.push(f)}return results$}.call(this$).map(function(f){if(f.otf){return Promise.resolve(f)}else{return opentype.load(f.url).then(function(it){f.otf=it;return f})}});return Promise.all(ps)}).then(function(list){var glyphs,ref$,ref1$;list==null&&(list=[]);if(list.length===1){return list[0].otf}glyphs=list.map(function(f){var glyphs,i$,to$,i,results$=[];glyphs=f.otf.glyphs;for(i$=1,to$=glyphs.length;i$<=to$;++i$){i=i$;results$.push(glyphs.glyphs[i])}return results$}).reduce(function(a,b){return a.concat(b)},[]).filter(function(it){return it});this$.otf.font=new opentype.Font((ref1$={familyName:this$.name,styleName:this$.style\|\|"normal",glyphs:glyphs},ref1$.unitsPerEm=(ref$=list[0].otf).unitsPerEm,ref1$.ascender=ref$.ascender,ref1$.descender=ref$.descender,ref1$));this$.otf.font.kerningPairs={};return this$.otf.font})},sync:function(txt){var ref$,misschar,missset,this$=this;txt==null&&(txt="");if(!this.isXl){return Promise.resolve()}ref$=[{},{}],misschar=ref$[0],missset=ref$[1];return Promise.resolve().then(function(){var i$,to$,i,code,setIdx,k,list,res$;for(i$=0,to$=txt.length;i$<to$;++i$){i=i$;code=txt.charCodeAt(i);if(this$.cjkOnly&&!xfl.isCJK(code)){continue}setIdx=this$.codemap[code.toString(16)];if(!setIdx){misschar[txt[i]]=true}else if(!this$.sub.set[setIdx]){this$.sub.set[setIdx]=missset[setIdx]=true}}misschar=function(){var results$=[];for(k in misschar){results$.push(k)}return results$}().filter(function(it){return it.trim()});if(misschar.length){console.log("[@plotdb/xfl] sync xl-font with following chars unsupported: "+misschar.join(""))}res$=[];for(k in missset){res$.push(k)}list=res$;if(list.length){return this$.fetch(list)}}).then(function(){return xfl.update()})}});xfl={range:{CJK:[[12352,12543],[13312,19903],[19968,40959],[63744,64255],[65382,65439],[12593,55197]]},fonts:{},running:{},isCJK:function(code){return this.range.CJK.filter(function(it){return code>=it[0]&&code<=it[1]}).length},proxy:{},update:function(){var css,k,ref$,v,node;css="";for(k in ref$=this.fonts){v=ref$[k];(v.css\|\|[]).filter(fn$).map(fn1$)}if(css){node=document.createElement("style");node.textContent=css;node.setAttribute("type","text/css");return document.body.appendChild(node)}function fn$(it){return!it.rendered}function fn1$(it){it.rendered=true;return css+=it.content}},_load:function(opt){var path,this$=this;opt==null&&(opt={});path=opt.path;if(this.running[path]){return}this.running[path]=true;return Promise.resolve().then(function(){var fobj;this$.fonts[path]=fobj=new ~~xfont~~(opt);return fobj.init()})["finally"](function(){return this$.running[path]=false}).then(function(){this$.proxy[path].resolve(this$.fonts[path]);return this$.fonts[path]})["catch"](function(it){this$.proxy[path].reject(it);return Promise.reject(it)})},load:function(opt){var this$=this;opt==null&&(opt={});return new Promise(function(res,rej){var path,that,ref$;if(!(path=opt.path)){return rej(err({id:400}))}path=path.replace(/\/$/,"");if(that=this$.fonts[path]){return res(that)}if(!this$.proxy[path]){this$.proxy[path]=proxise(function(it){return this$._load(it)})}return this$.proxy[path]((ref$=import$({},opt),ref$.path=path,ref$)).then(function(it){return res(it)})["catch"](function(it){return rej(it)})})}};if(typeof module!="undefined"&&module!==null){module.exports=xfl}else if(typeof window!="undefined"&&window!==null){window.xfl=xfl}function import$(obj,src){var own={}.hasOwnProperty;for(var key in src)if(own.call(src,key))obj[key]=src[key];return obj}}).call(this);
1	+ (function(){var err,once,xlfont,xfl;err=function(e){e==null&&(e={});return import$(new Error,import$({name:"lderror"},e))};once=function(f,q){q==null&&(q=[]);return function(){if(q.s===2){return Promise.resolve()}else if(q.s===1){return new Promise(function(res,rej){return q.push({res:res,rej:rej})})}return Promise.resolve(q.s=1).then(function(){return f()}).then(function(){q.s=2;return q.splice(0).map(function(it){return it.res()})})["catch"](function(e){q.s=0;q.splice(0).map(function(it){return it.rej(e)});return Promise.reject(e)})}};xlfont=function(opt){var ref$,that,this$=this;opt==null&&(opt={});this.opt=opt;this.sub={set:{},font:{}};this.cjkOnly=opt.cjkOnly\|\|false;this.codemap={};this.otf={font:null,dirty:true};this.path=opt.path;this.name=opt.name\|\|(ref$=this.path.replace(/\.[a-zA-Z0-9]+$/,"").split("/").filter(function(it){return it}))[ref$.length-1];this.style="normal";this.ext=opt.ext\|\|(/\.(ttf\|otf\|woff2\|woff)$/.exec(this.path)\|\|[])[1]\|\|"";this.format=(that=this.ext.toLowerCase())?that==="ttf"?"truetype":that==="otf"?"truetype":that:"";if(this.format){this.format="format('"+this.format+"')"}this.className="xfl-"+(this.name\|\|"").replace(/\s+/g,"_")+"-"+Math.random().toString(36).substring(2);this.isXl=!this.ext;this.css=[];this.init=once(function(){return this$._init()});this.init();return this};xlfont.prototype=import$(Object.create(Object.prototype),{_init:function(){var this$=this;return Promise.resolve().then(function(){if(!this$.isXl){this$.css=[{content:'@font-face {\n font-family: "'+this$.name+'";\n src: url("'+this$.path+'") '+this$.format+";\n}\n."+this$.className+' { font-family: "'+this$.name+'"; }'}];return xfl.update()}else{return new Promise(function(res,rej){var xhr;xhr=new XMLHttpRequest;xhr.addEventListener("readystatechange",function(){if(xhr.readyState!==XMLHttpRequest.DONE){return}if(xhr.status!==200){return rej(err({code:xhr.status,message:xhr.responseText}))}(xhr.responseText\|\|"").split("\n").map(function(d,i){return d.split(" ").map(function(e,j){return this$.codemap[e]=i+1})});return res()});xhr.open("GET",this$.path+"/charmap.txt");return xhr.send()})}})},_fetch:function(f,dofetch){var this$=this;f==null&&(f={});dofetch==null&&(dofetch=false);if(!dofetch){if(!f.url){if(this.isXl){f.url=this.path+"/"+f.key+".woff2";f.type="woff2"}else{f.url=this.path;f.type=this.ext.toLowerCase()}}return Promise.resolve(f)}if(f.blob){return Promise.resolve(f)}if(!f.proxy){f.proxy=proxise(function(f){var p;if(f.running){return}f.running=true;p=new Promise(function(res,rej){var xhr;if(f.blob){return res(f)}xhr=new XMLHttpRequest;xhr.addEventListener("readystatechange",function(){if(xhr.readyState!==XMLHttpRequest.DONE){return}if(xhr.status!==200){return rej(err({code:xhr.status,message:xhr.responseText}))}this$.otf.dirty=true;f.url=URL.createObjectURL(xhr.response);f.blob=xhr.response;f.type=this$.ext.toLowerCase()\|\|"ttf";return res(f)});if(this$.isXl){xhr.open("GET",this$.path+"/"+f.key+".ttf")}else{xhr.open("GET",this$.path)}xhr.responseType="blob";return xhr.send()});return p["finally"](function(){return f.running=false})})}return f.proxy(f)},fetchAll:function(){var k,f,this$=this;if(this.isXl){return Promise.all(function(){var ref$,results$=[];for(k in ref$=this.sub.font){f=ref$[k];results$.push(f)}return results$}.call(this).map(function(it){return this$._fetch(it,true)}))}else{return this._fetch(this.sub.font[0],true)}},fetch:function(list,dofetch){var ps,this$=this;list==null&&(list=[]);dofetch==null&&(dofetch=false);if(!this.isXl){if(this.sub.font[0].blob){return Promise.resolve()}list=[0]}ps=Array.from(new Set(list.map(function(it){return it}))).filter(function(it){return!this$.sub.font[it]}).map(function(it){var f;this$.sub.font[it]=f={key:it};return this$._fetch(f,dofetch)});return Promise.all(ps).then(function(subfonts){var css,k,ref$,f,i$,len$;if(!subfonts.length){return}css="."+this$.className+' { font-family: "'+this$.name+'"; }';for(k in ref$=this$.sub.font){f=ref$[k]}for(i$=0,len$=subfonts.length;i$<len$;++i$){f=subfonts[i$];css+='@font-face {\n font-family: "'+this$.name+'";\n src: url("'+f.url+"\") format('"+f.type+"');\n}"}return this$.css.push({content:css})})},getotf:function(){var this$=this;if(!(typeof opentype!="undefined"&&opentype!==null)){return Promise.reject(err({id:1022,message:"[@plotdb/xfl] need opentype.js to merge subfonts"}))}if(!this.otf.dirty){return Promise.resolve(this.otf.font)}return Promise.resolve().then(function(){if(!this$.isXl){return this$.fetch()}else{return this$.fetchAll()}}).then(function(){var ps,k,f;ps=function(){var ref$,results$=[];for(k in ref$=this.sub.font){f=ref$[k];results$.push(f)}return results$}.call(this$).map(function(f){if(f.otf){return Promise.resolve(f)}else{return opentype.load(f.url).then(function(it){f.otf=it;return f})}});return Promise.all(ps)}).then(function(list){var glyphs,ref$,ref1$;list==null&&(list=[]);if(list.length===1){return list[0].otf}glyphs=list.map(function(f){var glyphs,i$,to$,i,results$=[];glyphs=f.otf.glyphs;for(i$=1,to$=glyphs.length;i$<=to$;++i$){i=i$;results$.push(glyphs.glyphs[i])}return results$}).reduce(function(a,b){return a.concat(b)},[]).filter(function(it){return it});this$.otf.font=new opentype.Font((ref1$={familyName:this$.name,styleName:this$.style\|\|"normal",glyphs:glyphs},ref1$.unitsPerEm=(ref$=list[0].otf).unitsPerEm,ref1$.ascender=ref$.ascender,ref1$.descender=ref$.descender,ref1$));this$.otf.font.kerningPairs={};return this$.otf.font})},sync:function(txt){var ref$,misschar,missset,this$=this;txt==null&&(txt="");if(!this.isXl){xfl.update();return Promise.resolve()}ref$=[{},{}],misschar=ref$[0],missset=ref$[1];return Promise.resolve().then(function(){var i$,to$,i,code,setIdx,k,list,res$;for(i$=0,to$=txt.length;i$<to$;++i$){i=i$;code=txt.charCodeAt(i);if(this$.cjkOnly&&!xfl.isCJK(code)){continue}setIdx=this$.codemap[code.toString(16)];if(!setIdx){misschar[txt[i]]=true}else if(!this$.sub.set[setIdx]){this$.sub.set[setIdx]=missset[setIdx]=true}}misschar=function(){var results$=[];for(k in misschar){results$.push(k)}return results$}().filter(function(it){return it.trim()});if(misschar.length){console.log("[@plotdb/xfl] sync xl-font with following chars unsupported: "+misschar.join(""))}res$=[];for(k in missset){res$.push(k)}list=res$;if(list.length){return this$.fetch(list)}}).then(function(){return xfl.update()})}});xfl={range:{CJK:[[12352,12543],[13312,19903],[19968,40959],[63744,64255],[65382,65439],[12593,55197]]},fonts:{},running:{},isCJK:function(code){return this.range.CJK.filter(function(it){return code>=it[0]&&code<=it[1]}).length},proxy:{},update:function(){var css,k,ref$,v,node;css="";for(k in ref$=this.fonts){v=ref$[k];(v.css\|\|[]).filter(fn$).map(fn1$)}if(css){node=document.createElement("style");node.textContent=css;node.setAttribute("type","text/css");return document.body.appendChild(node)}function fn$(it){return!it.rendered}function fn1$(it){it.rendered=true;return css=css+it.content}},_load:function(opt){var path,this$=this;opt==null&&(opt={});path=opt.path;if(this.running[path]){return}this.running[path]=true;return Promise.resolve().then(function(){var fobj;this$.fonts[path]=fobj=new xlfont(opt);return fobj.init()})["finally"](function(){return this$.running[path]=false}).then(function(){this$.proxy[path].resolve(this$.fonts[path]);return this$.fonts[path]})["catch"](function(it){this$.proxy[path].reject(it);return Promise.reject(it)})},load:function(opt){var this$=this;opt==null&&(opt={});return new Promise(function(res,rej){var path,that,ref$;if(!(path=opt.path)){return rej(err({id:400}))}path=path.replace(/\/$/,"");if(that=this$.fonts[path]){return res(that)}if(!this$.proxy[path]){this$.proxy[path]=proxise(function(it){return this$._load(it)})}return this$.proxy[path]((ref$=import$({},opt),ref$.path=path,ref$)).then(function(it){return res(it)})["catch"](function(it){return rej(it)})})}};if(typeof module!="undefined"&&module!==null){module.exports=xfl}else if(typeof window!="undefined"&&window!==null){window.xfl=xfl}function import$(obj,src){var own={}.hasOwnProperty;for(var key in src)if(own.call(src,key))obj[key]=src[key];return obj}}).call(this);

package/package.json CHANGED Viewed

@@ -3,7 +3,7 @@
   "name": "@xlfont/load",
   "license": "MIT",
   "description": "XL font generator and loader",
-  "version": "1.0.7",
+  "version": "1.0.11",
   "main": "dist/xfl.js",
   "homepage": "https://github.com/xlfont/load",
   "files": [

package/tool/README.md ADDED Viewed

@@ -0,0 +1,3 @@
+use this to prevent OOM when running `npx xfl` ( or build.ls ):
+    export NODE_OPTIONS=--max_old_space_size=4096