@xlfont/load 1.0.12 → 2.0.0
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.
- package/README.md +48 -12
- package/bin/build.js +1 -1
- package/bin/meta.js +1 -1
- package/dist/index.js +550 -364
- package/dist/index.min.js +1 -1
- package/dist/worker.js +36 -0
- package/dist/worker.min.js +1 -0
- package/package.json +21 -19
- package/CHANGELOG.md +0 -77
- package/dist/xfl.js +0 -404
- package/dist/xfl.min.js +0 -1
- package/tool/README.md +0 -3
package/dist/index.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(){var
|
|
1
|
+
!function(){var i,n,t,o,c;function l(e,t){var n,r={}.hasOwnProperty;for(n in t)r.call(t,n)&&(e[n]=t[n]);return e}i=function(e){return null==e&&(e={}),l(new Error,l({name:"lderror"},e))},n={key:0,worker:null,queue:[],init:function(e){var r=this;return null==e&&(e={}),Promise.resolve().then(function(){var e;if(!r.worker)return e=URL.createObjectURL(new Blob(['var local={},onmessage=function(e){var e=e.data||{},n=e.bufs,p=e.key,e=e.lib;return local.inited||(console.log(e),importScripts(e||"opentype.js"),local.inited=!0),Promise.resolve().then(function(){return n.map(function(e){return opentype.parse(e)})}).then(function(e){for(var n,t,r,s,o,a=[],l=0,i=e.length;l<i;++l)for(t=0,r=(n=e[l]).glyphs.length;t<r;++t)s=t,a.push(n.glyphs.glyphs[s]);return n=e[0],o=new opentype.Font(((o={glyphs:a,familyName:n.names.fontFamily.en,styleName:n.names.fontSubfamily.en}).unitsPerEm=n.unitsPerEm,o.ascender=n.ascender,o.descender=n.descender,o)),postMessage({buf:o.toArrayBuffer(),key:p})})};'],{type:"text/javascript"})),r.worker=new Worker(e),URL.revokeObjectURL(e),r.worker.onmessage=function(e){var t=e.data,e=t.buf,n=t.key;if(t=r.queue.filter(function(e){return n===e.key})[0])return r.queue.splice(r.queue.indexOf(t),1),t.res(e)}})},run:function(r,o){var s=this;return new Promise(function(t,n){return s.init(o).then(function(){var e;return s.queue.push(e={res:t,rej:n,key:s.key++}),console.log(">",o),s.worker.postMessage({bufs:r,key:e.key,lib:o.opentypeUrl})})})}},t=function(e){var t=e.bufs,e=e.useWorker;return t.length?e?n.run(t,e):Promise.resolve().then(function(){return t.map(function(e){return opentype.parse(e)})}).then(function(e){for(var t,n,r,o,s,i=[],u=0,f=e.length;u<f;++u)for(n=0,r=(t=e[u]).glyphs.length;n<r;++n)o=n,i.push(t.glyphs.glyphs[o]);return t=e[0],new opentype.Font(((s={glyphs:i,familyName:t.names.fontFamily.en,styleName:t.names.fontSubfamily.en}).unitsPerEm=t.unitsPerEm,s.ascender=t.ascender,s.descender=t.descender,s)).toArrayBuffer()}):Promise.resolve()},(o=function(e){var t,n=this;return this.opt=e=null==e?{}:e,this.sub={set:{},font:{}},this.cjkOnly=e.cjkOnly||!1,this.codemap={},this.otf={font:null,dirty:!0},this.path=e.path,this.name=e.name||this.path.replace(/\.[a-zA-Z0-9]+$/,"").replace(/^https?:\/\/[^/]+\//g,"").replace(/\s/g,"-").replace(/\//g,"-").toLowerCase(),this.style=e.style||"normal",this.weight=e.weight||"400",this.ext=e.ext||(/\.(ttf|otf|woff2|woff)$/.exec(this.path)||[])[1]||"",this.format=(t=this.ext.toLowerCase())?"ttf"===t||"otf"===t?"truetype":t:"",this.format&&(this.format="format('"+this.format+"')"),this.className="xfl-"+(this.name||"").replace(/\s+/g,"_")+"-"+Math.random().toString(36).substring(2),this.isXl=null!=e.isXl?e.isXl:!this.ext,this.ext||(this.ext="woff"),this.doMerge=null!=e.doMerge&&e.doMerge,this.useWorker=null!=e.useWorker&&e.useWorker,this.misschar={},this.css=[],this.init=proxise.once(function(){return n._init()}),this.init(),this}).prototype=l(Object.create(Object.prototype),{_init:function(){var r=this;return Promise.resolve().then(function(){return r.isXl?new Promise(function(e,t){var n=new XMLHttpRequest;return n.addEventListener("readystatechange",function(){if(n.readyState===XMLHttpRequest.DONE)return 200!==n.status?t(i({code:n.status,message:n.responseText})):((n.responseText||"").split("\n").map(function(e,n){return e.split(" ").map(function(e,t){return r.codemap[e]=n+1})}),e())}),n.open("GET",r.path+"/charmap.txt"),n.send()}):(r.css=[{content:'@font-face {\n font-family: "'+r.name+'";\n src: url("'+r.path+'") '+r.format+";\n font-style: "+r.style+";\n font-weight: "+r.weight+";\n}\n."+r.className+' { font-family: "'+r.name+'"; }'}],c.update())})},_fetch:function(e,t,o){var s=this;return null==e&&(e={}),null==o&&(o="ttf"),(t=null!=t&&t)?e.blob?Promise.resolve(e):(e.proxy||(e.proxy=proxise(function(r){if(!r.running)return r.running=!0,new Promise(function(e,t){var n;return r.blob?e(r):((n=new XMLHttpRequest).addEventListener("readystatechange",function(){if(n.readyState===XMLHttpRequest.DONE)return 200!==n.status?t(i({code:n.status,message:n.responseText})):(s.otf.dirty=!0,r.url=URL.createObjectURL(n.response),r.blob=n.response,r.type=s.ext.toLowerCase()||o,e(r))}),s.isXl?n.open("GET",s.path+"/"+r.key+"."+o):n.open("GET",s.path),n.responseType="blob",n.send())}).finally(function(){return r.running=!1})})),e.proxy(e)):(e.url||(this.isXl?(e.url=this.path+"/"+e.key+"."+o,e.type=o):(e.url=this.path,e.type=this.ext.toLowerCase()||o)),Promise.resolve(e))},fetchAll:function(){var n,r,t=this;return this.isXl?Promise.all(function(){var e,t=[];for(n in e=this.sub.font)r=e[n],t.push(r);return t}.call(this).map(function(e){return t._fetch(e,!0,"woff")})):this._fetch(this.sub.font[0],!0,"ttf")},fetch:function(e,o){var s,u=this;if(null==e&&(e=[]),null==o&&(o=!1),!this.isXl){if(this.sub.font[0]&&this.sub.font[0].blob)return Promise.resolve();e=[0]}return s=this.doMerge,e=Array.from(new Set(e.map(function(e){return e}))).filter(function(e){return!u.sub.font[e]}).map(function(e,t){var n,r;return u.sub.font[e]=n={key:e},r=u.isXl?"woff":"ttf",n.needMerge=1!=+e,u._fetch(n,!!s||o,r)}),Promise.all(e).then(function(n){var e;return s?(e=n.filter(function(e){return e.needMerge}).map(function(r){return new Promise(function(e,t){var n=new FileReader;return n.onerror=function(e){return t(e)},n.onload=function(){return e(n.result)},n.readAsArrayBuffer(r.blob)})}),Promise.all(e).then(function(e){return t({bufs:e,useWorker:u.useWorker})}).then(function(e){var t;return e?(t=n.filter(function(e){return e.needMerge})[0],e=new Blob([e],{type:"font/"+(t.type||"ttf")}),t={url:URL.createObjectURL(e),blob:e,type:t.type||"ttf"},n.filter(function(e){return!e.needMerge}).concat([t])):n.filter(function(e){return!e.needMerge})})):n}).then(function(e){var t,n,r,o,s,i;if(e.length){for(n in t="."+u.className+' { font-family: "'+u.name+'"; }',r=u.sub.font)o=r[n];for(s=0,i=e.length;s<i;++s)o=e[s],t+='@font-face {\n font-family: "'+u.name+'";\n src: url("'+o.url+"\") format('"+o.type+"');\n font-style: "+u.style+";\n font-weight: "+u.weight+";\n}";return u.css.push({content:t})}})},hasChar:function(e){return void 0===this.misschar[e]?void 0:!this.misshcar[e]},getPath:function(e){var s=this,e=l({text:"",x:0,y:0,fontSize:48},e=null==e?{}:e),i=e.text,u=e.x,f=e.y,a=e.fontSize;return this.sync(i).then(function(){return s.getotf()}).then(function(e){for(var t,n="",r=0,o=i.length;r<o;++r)t=r,n+=s.misschar[i[t]]?" ":i[t];return e.getPath(n,u,f,a)})},getotf:function(){var o=this;return"undefined"==typeof opentype||null===opentype?Promise.reject(i({id:1022,message:"[@plotdb/xfl] need opentype.js to merge subfonts"})):this.otf.dirty?Promise.resolve().then(function(){return o.isXl?o.fetchAll():o.fetch()}).then(function(){var n,r,e=function(){var e,t=[];for(n in e=this.sub.font)r=e[n],t.push(r);return t}.call(o).map(function(t){return t.otf?Promise.resolve(t):opentype.load(t.url).then(function(e){return t.otf=e,t})});return Promise.all(e)}).then(function(e){var t;return 1===(e=null==e?[]:e).length?e[0].otf:(t=e.map(function(e){for(var t,n=[],r=e.otf.glyphs,o=1,s=r.length;o<=s;++o)t=o,n.push(r.glyphs[t]);return n}).reduce(function(e,t){return e.concat(t)},[]).filter(function(e){return e}),o.otf.font=new opentype.Font(((t={familyName:o.name,styleName:o.style||"normal",glyphs:t}).unitsPerEm=(e=e[0].otf).unitsPerEm,t.ascender=e.ascender,t.descender=e.descender,t)),o.otf.font.kerningPairs={},o.otf.font)}):Promise.resolve(this.otf.font)},sync:function(a){var l=this;return null==a&&(a=""),this.isXl?Promise.resolve().then(function(){for(var e,t,n,r,o=[{},{}],s=o[0],i=o[1],u=0,f=a.length;u<f;++u)e=u,t=a.charCodeAt(e),l.cjkOnly&&!c.isCJK(t)||(t=l.codemap[t.toString(16)],l.misschar[a[e]]=s[a[e]]=!t,t&&!l.sub.set[t]&&(l.sub.set[t]=i[t]=!0));for(n in(s=function(){var e=[];for(n in s)e.push(n);return e}().filter(function(e){return s[e]})).length&&console.log("[@plotdb/xfl] sync xl-font with following chars unsupported: "+s.join("")),r=[],i)r.push(n);if((o=r).length)return l.fetch(o)}).then(function(){return c.update()}):(c.update(),Promise.resolve())}}),c={range:{CJK:[[12352,12543],[13312,19903],[19968,40959],[63744,64255],[65382,65439],[12593,55197]]},fonts:{},running:{},isCJK:function(t){return this.range.CJK.filter(function(e){return t>=e[0]&&t<=e[1]}).length},proxy:{},update:function(){var n,e,t,r,o,s="";for(n in e=this.fonts)((t=e[n]).css||[]).filter(i).map(u);return s&&((r=document.createElement("style")).textContent=s,r.setAttribute("type","text/css"),document.body.appendChild(r)),Promise.all(function(){var e,t=[];for(n in e=this.fonts)o=e[n],t.push(o);return t}.call(this).map(function(){return document.fonts.load("16px "+t.name)})).then(function(){return new Promise(function(e,t){return setTimeout(function(){return e()},350)})});function i(e){return!e.rendered}function u(e){return e.rendered=!0,s+=e.content}},_load:function(t){var n=this,r=(t=null==t?{}:t).path;if(!this.running[r])return this.running[r]=!0,Promise.resolve().then(function(){var e;return n.fonts[r]=e=new o(t),e.init()}).finally(function(){return n.running[r]=!1}).then(function(){return n.proxy[r].resolve(n.fonts[r]),n.fonts[r]}).catch(function(e){return n.proxy[r].reject(e),Promise.reject(e)})},load:function(o){var s=this;return"string"==typeof(o=null==o?{}:o)&&(o={path:o}),new Promise(function(t,n){var e,r;return(e=o.path)?(e=e.replace(/\/$/,""),(r=s.fonts[e])?t(r):(s.proxy[e]||(s.proxy[e]=proxise(function(e){return s._load(e)})),s.proxy[e](((r=l({},o)).path=e,r)).then(function(e){return t(e)}).catch(function(e){return n(e)}))):n(i({id:400}))})}},"undefined"!=typeof module&&null!==module?module.exports=c:"undefined"!=typeof window&&null!==window&&(window.xfl=c)}();
|
package/dist/worker.js
ADDED
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
var local, onmessage;
|
|
2
|
+
local = {};
|
|
3
|
+
onmessage = function(e){
|
|
4
|
+
var ref$, bufs, key, lib;
|
|
5
|
+
ref$ = e.data || {}, bufs = ref$.bufs, key = ref$.key, lib = ref$.lib;
|
|
6
|
+
if (!local.inited) {
|
|
7
|
+
console.log(lib);
|
|
8
|
+
importScripts(lib || "opentype.js");
|
|
9
|
+
local.inited = true;
|
|
10
|
+
}
|
|
11
|
+
return Promise.resolve().then(function(){
|
|
12
|
+
return bufs.map(function(it){
|
|
13
|
+
return opentype.parse(it);
|
|
14
|
+
});
|
|
15
|
+
}).then(function(fonts){
|
|
16
|
+
var glyphs, i$, len$, font, j$, to$, i, merged, ref$;
|
|
17
|
+
glyphs = [];
|
|
18
|
+
for (i$ = 0, len$ = fonts.length; i$ < len$; ++i$) {
|
|
19
|
+
font = fonts[i$];
|
|
20
|
+
for (j$ = 0, to$ = font.glyphs.length; j$ < to$; ++j$) {
|
|
21
|
+
i = j$;
|
|
22
|
+
glyphs.push(font.glyphs.glyphs[i]);
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
font = fonts[0];
|
|
26
|
+
merged = new opentype.Font((ref$ = {
|
|
27
|
+
glyphs: glyphs,
|
|
28
|
+
familyName: font.names.fontFamily.en,
|
|
29
|
+
styleName: font.names.fontSubfamily.en
|
|
30
|
+
}, ref$.unitsPerEm = font.unitsPerEm, ref$.ascender = font.ascender, ref$.descender = font.descender, ref$));
|
|
31
|
+
return postMessage({
|
|
32
|
+
buf: merged.toArrayBuffer(),
|
|
33
|
+
key: key
|
|
34
|
+
});
|
|
35
|
+
});
|
|
36
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var local={},onmessage=function(e){var e=e.data||{},n=e.bufs,p=e.key,e=e.lib;return local.inited||(console.log(e),importScripts(e||"opentype.js"),local.inited=!0),Promise.resolve().then(function(){return n.map(function(e){return opentype.parse(e)})}).then(function(e){for(var n,t,r,s,o,a=[],l=0,i=e.length;l<i;++l)for(t=0,r=(n=e[l]).glyphs.length;t<r;++t)s=t,a.push(n.glyphs.glyphs[s]);return n=e[0],o=new opentype.Font(((o={glyphs:a,familyName:n.names.fontFamily.en,styleName:n.names.fontSubfamily.en}).unitsPerEm=n.unitsPerEm,o.ascender=n.ascender,o.descender=n.descender,o)),postMessage({buf:o.toArrayBuffer(),key:p})})};
|
package/package.json
CHANGED
|
@@ -3,8 +3,9 @@
|
|
|
3
3
|
"name": "@xlfont/load",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "XL font generator and loader",
|
|
6
|
-
"version": "
|
|
7
|
-
"
|
|
6
|
+
"version": "2.0.0",
|
|
7
|
+
"browser": "dist/index.min.js",
|
|
8
|
+
"main": "dist/index.min.js",
|
|
8
9
|
"homepage": "https://github.com/xlfont/load",
|
|
9
10
|
"files": [
|
|
10
11
|
"dist/**/*",
|
|
@@ -26,8 +27,8 @@
|
|
|
26
27
|
"xfl-meta": "./bin/meta.js"
|
|
27
28
|
},
|
|
28
29
|
"dependencies": {
|
|
29
|
-
"@plotdb/opentype.js": "^1.3.
|
|
30
|
-
"colors": "^
|
|
30
|
+
"@plotdb/opentype.js": "^1.3.5",
|
|
31
|
+
"@plotdb/colors": "^0.0.1",
|
|
31
32
|
"fs-extra": "^9.1.0",
|
|
32
33
|
"progress": "^2.0.3",
|
|
33
34
|
"ttf2woff": "^2.0.2",
|
|
@@ -35,33 +36,34 @@
|
|
|
35
36
|
"yargs": "^16.2.0"
|
|
36
37
|
},
|
|
37
38
|
"devDependencies": {
|
|
38
|
-
"@loadingio/
|
|
39
|
-
"@loadingio/
|
|
40
|
-
"@loadingio/
|
|
39
|
+
"@loadingio/bootstrap.ext": "^0.0.4",
|
|
40
|
+
"@loadingio/debounce.js": "^1.0.1",
|
|
41
|
+
"@loadingio/ldquery": "^3.0.1",
|
|
42
|
+
"@loadingio/loading.css": "^3.0.0",
|
|
43
|
+
"@zbryikt/deploy": "^0.0.1",
|
|
44
|
+
"@zbryikt/template": "^2.3.33",
|
|
41
45
|
"bootstrap": "^4.5.3",
|
|
42
|
-
"bootstrap.ldui": "github:loadingio/bootstrap.ldui",
|
|
43
46
|
"bootstrap.native": "^3.0.13",
|
|
44
|
-
"fedep": "^
|
|
45
|
-
"ldbutton": "^
|
|
46
|
-
"ldcover": "^
|
|
47
|
-
"ldloader": "^
|
|
48
|
-
"ldview": "^0.
|
|
47
|
+
"fedep": "^1.1.0",
|
|
48
|
+
"ldbutton": "^2.0.0",
|
|
49
|
+
"ldcover": "^3.0.1",
|
|
50
|
+
"ldloader": "^3.0.0",
|
|
51
|
+
"ldview": "^1.0.0",
|
|
49
52
|
"livescript": "^1.6.0",
|
|
50
|
-
"stylus": "^0.
|
|
51
|
-
"
|
|
52
|
-
"uglify-js": "^3.2.0",
|
|
53
|
+
"stylus": "^0.55.0",
|
|
54
|
+
"uglify-js": "^3.13.1",
|
|
53
55
|
"uglifycss": "^0.0.29"
|
|
54
56
|
},
|
|
55
57
|
"peerDependencies": {
|
|
56
|
-
"@plotdb/opentype.js": "^1.3.
|
|
57
|
-
"proxise": "^0.1
|
|
58
|
+
"@plotdb/opentype.js": "^1.3.5",
|
|
59
|
+
"proxise": "^1.0.1"
|
|
58
60
|
},
|
|
59
61
|
"frontendDependencies": {
|
|
60
62
|
"root": "web/static/assets/lib",
|
|
61
63
|
"modules": [
|
|
62
64
|
"bootstrap",
|
|
63
|
-
"bootstrap.ldui",
|
|
64
65
|
"bootstrap.native",
|
|
66
|
+
"@loadingio/bootstrap.ext",
|
|
65
67
|
"@loadingio/ldquery",
|
|
66
68
|
"@loadingio/debounce.js",
|
|
67
69
|
"@loadingio/loading.css",
|
package/CHANGELOG.md
DELETED
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
# Change Logs
|
|
2
|
-
|
|
3
|
-
## v1.0.12
|
|
4
|
-
|
|
5
|
-
- add back proxise since we can't actually remove it for now
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
## v1.0.11
|
|
9
|
-
|
|
10
|
-
- remove dependency to proxise by inlining `once` function
|
|
11
|
-
- rename `xfl.js` while keeping `index.js`, which will be removed in future minor update
|
|
12
|
-
- rename `xfont` to `xlfont` to reflect package name.
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
## v1.0.10
|
|
16
|
-
|
|
17
|
-
- escape space in class name
|
|
18
|
-
- quote name in font family name that didn't quote in the last version
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
## v1.0.9
|
|
22
|
-
|
|
23
|
-
- escape space in font name
|
|
24
|
-
- quote name and url in font family styles
|
|
25
|
-
- call update for non-xl fonts
|
|
26
|
-
- fix incorrectly assignment in xfl.update
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
## v1.0.8
|
|
30
|
-
|
|
31
|
-
- fix bug: `-a` option doesn't work in `xfl-meta`
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
## v1.0.7
|
|
35
|
-
|
|
36
|
-
- fix incorrect versioning issue
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
## v1.0.5 / v1.0.6
|
|
40
|
-
|
|
41
|
-
- skip notdef by reference instead of by name. This fixed `Taipei Sans TC Beta` generation issue.
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
## v1.0.4
|
|
45
|
-
|
|
46
|
-
- handle newlines in metadata
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
## v1.0.3
|
|
50
|
-
|
|
51
|
-
- support subsetting only single font in xfl command
|
|
52
|
-
- better formatting of xfl-meta output
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
## v1.0.2
|
|
56
|
-
|
|
57
|
-
- add `xfl-meta` command
|
|
58
|
-
- add missing dependency in `build.js`
|
|
59
|
-
- update `package.json` for some dependencies that should be for production
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
## v1.0.1
|
|
63
|
-
|
|
64
|
-
- remove npm-shrinkwrap.json
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
## v1.0.0
|
|
68
|
-
|
|
69
|
-
- completely rewrite xfl.ls
|
|
70
|
-
- support font merging based on opentype.js
|
|
71
|
-
- non-xl-font aware
|
|
72
|
-
- better support for concurrent fetching
|
|
73
|
-
- support promise in all api
|
|
74
|
-
- use SIL-Open Licensed fonts only for demonstration
|
|
75
|
-
- remove fontmin / gulp-rename dependency
|
|
76
|
-
- add `woff` format output
|
|
77
|
-
- use `@plotdb/opentype.js` for bug fixing
|
package/dist/xfl.js
DELETED
|
@@ -1,404 +0,0 @@
|
|
|
1
|
-
(function(){
|
|
2
|
-
var err, xlfont, xfl;
|
|
3
|
-
err = function(e){
|
|
4
|
-
e == null && (e = {});
|
|
5
|
-
return import$(new Error(), import$({
|
|
6
|
-
name: 'lderror'
|
|
7
|
-
}, e));
|
|
8
|
-
};
|
|
9
|
-
xlfont = function(opt){
|
|
10
|
-
var ref$, that, this$ = this;
|
|
11
|
-
opt == null && (opt = {});
|
|
12
|
-
this.opt = opt;
|
|
13
|
-
this.sub = {
|
|
14
|
-
set: {},
|
|
15
|
-
font: {}
|
|
16
|
-
};
|
|
17
|
-
this.cjkOnly = opt.cjkOnly || false;
|
|
18
|
-
this.codemap = {};
|
|
19
|
-
this.otf = {
|
|
20
|
-
font: null,
|
|
21
|
-
dirty: true
|
|
22
|
-
};
|
|
23
|
-
this.path = opt.path;
|
|
24
|
-
this.name = opt.name || (ref$ = this.path.replace(/\.[a-zA-Z0-9]+$/, '').split("/").filter(function(it){
|
|
25
|
-
return it;
|
|
26
|
-
}))[ref$.length - 1];
|
|
27
|
-
this.style = 'normal';
|
|
28
|
-
this.ext = opt.ext || (/\.(ttf|otf|woff2|woff)$/.exec(this.path) || [])[1] || '';
|
|
29
|
-
this.format = (that = this.ext.toLowerCase()) ? that === 'ttf'
|
|
30
|
-
? 'truetype'
|
|
31
|
-
: that === 'otf' ? 'truetype' : that : '';
|
|
32
|
-
if (this.format) {
|
|
33
|
-
this.format = "format('" + this.format + "')";
|
|
34
|
-
}
|
|
35
|
-
this.className = "xfl-" + (this.name || '').replace(/\s+/g, '_') + "-" + Math.random().toString(36).substring(2);
|
|
36
|
-
this.isXl = !this.ext;
|
|
37
|
-
this.css = [];
|
|
38
|
-
this.init = proxise.once(function(){
|
|
39
|
-
return this$._init();
|
|
40
|
-
});
|
|
41
|
-
this.init();
|
|
42
|
-
return this;
|
|
43
|
-
};
|
|
44
|
-
xlfont.prototype = import$(Object.create(Object.prototype), {
|
|
45
|
-
_init: function(){
|
|
46
|
-
var this$ = this;
|
|
47
|
-
return Promise.resolve().then(function(){
|
|
48
|
-
if (!this$.isXl) {
|
|
49
|
-
this$.css = [{
|
|
50
|
-
content: "@font-face {\n font-family: \"" + this$.name + "\";\n src: url(\"" + this$.path + "\") " + this$.format + ";\n}\n." + this$.className + " { font-family: \"" + this$.name + "\"; }"
|
|
51
|
-
}];
|
|
52
|
-
return xfl.update();
|
|
53
|
-
} else {
|
|
54
|
-
return new Promise(function(res, rej){
|
|
55
|
-
var xhr;
|
|
56
|
-
xhr = new XMLHttpRequest();
|
|
57
|
-
xhr.addEventListener('readystatechange', function(){
|
|
58
|
-
if (xhr.readyState !== XMLHttpRequest.DONE) {
|
|
59
|
-
return;
|
|
60
|
-
}
|
|
61
|
-
if (xhr.status !== 200) {
|
|
62
|
-
return rej(err({
|
|
63
|
-
code: xhr.status,
|
|
64
|
-
message: xhr.responseText
|
|
65
|
-
}));
|
|
66
|
-
}
|
|
67
|
-
(xhr.responseText || '').split('\n').map(function(d, i){
|
|
68
|
-
return d.split(' ').map(function(e, j){
|
|
69
|
-
return this$.codemap[e] = i + 1;
|
|
70
|
-
});
|
|
71
|
-
});
|
|
72
|
-
return res();
|
|
73
|
-
});
|
|
74
|
-
xhr.open('GET', this$.path + "/charmap.txt");
|
|
75
|
-
return xhr.send();
|
|
76
|
-
});
|
|
77
|
-
}
|
|
78
|
-
});
|
|
79
|
-
},
|
|
80
|
-
_fetch: function(f, dofetch){
|
|
81
|
-
var this$ = this;
|
|
82
|
-
f == null && (f = {});
|
|
83
|
-
dofetch == null && (dofetch = false);
|
|
84
|
-
if (!dofetch) {
|
|
85
|
-
if (!f.url) {
|
|
86
|
-
if (this.isXl) {
|
|
87
|
-
f.url = this.path + "/" + f.key + ".woff2";
|
|
88
|
-
f.type = 'woff2';
|
|
89
|
-
} else {
|
|
90
|
-
f.url = this.path;
|
|
91
|
-
f.type = this.ext.toLowerCase();
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
return Promise.resolve(f);
|
|
95
|
-
}
|
|
96
|
-
if (f.blob) {
|
|
97
|
-
return Promise.resolve(f);
|
|
98
|
-
}
|
|
99
|
-
if (!f.proxy) {
|
|
100
|
-
f.proxy = proxise(function(f){
|
|
101
|
-
var p;
|
|
102
|
-
if (f.running) {
|
|
103
|
-
return;
|
|
104
|
-
}
|
|
105
|
-
f.running = true;
|
|
106
|
-
p = new Promise(function(res, rej){
|
|
107
|
-
var xhr;
|
|
108
|
-
if (f.blob) {
|
|
109
|
-
return res(f);
|
|
110
|
-
}
|
|
111
|
-
xhr = new XMLHttpRequest();
|
|
112
|
-
xhr.addEventListener('readystatechange', function(){
|
|
113
|
-
if (xhr.readyState !== XMLHttpRequest.DONE) {
|
|
114
|
-
return;
|
|
115
|
-
}
|
|
116
|
-
if (xhr.status !== 200) {
|
|
117
|
-
return rej(err({
|
|
118
|
-
code: xhr.status,
|
|
119
|
-
message: xhr.responseText
|
|
120
|
-
}));
|
|
121
|
-
}
|
|
122
|
-
this$.otf.dirty = true;
|
|
123
|
-
f.url = URL.createObjectURL(xhr.response);
|
|
124
|
-
f.blob = xhr.response;
|
|
125
|
-
f.type = this$.ext.toLowerCase() || 'ttf';
|
|
126
|
-
return res(f);
|
|
127
|
-
});
|
|
128
|
-
if (this$.isXl) {
|
|
129
|
-
xhr.open('GET', this$.path + "/" + f.key + ".ttf");
|
|
130
|
-
} else {
|
|
131
|
-
xhr.open('GET', this$.path);
|
|
132
|
-
}
|
|
133
|
-
xhr.responseType = 'blob';
|
|
134
|
-
return xhr.send();
|
|
135
|
-
});
|
|
136
|
-
return p['finally'](function(){
|
|
137
|
-
return f.running = false;
|
|
138
|
-
});
|
|
139
|
-
});
|
|
140
|
-
}
|
|
141
|
-
return f.proxy(f);
|
|
142
|
-
},
|
|
143
|
-
fetchAll: function(){
|
|
144
|
-
var k, f, this$ = this;
|
|
145
|
-
if (this.isXl) {
|
|
146
|
-
return Promise.all((function(){
|
|
147
|
-
var ref$, results$ = [];
|
|
148
|
-
for (k in ref$ = this.sub.font) {
|
|
149
|
-
f = ref$[k];
|
|
150
|
-
results$.push(f);
|
|
151
|
-
}
|
|
152
|
-
return results$;
|
|
153
|
-
}.call(this)).map(function(it){
|
|
154
|
-
return this$._fetch(it, true);
|
|
155
|
-
}));
|
|
156
|
-
} else {
|
|
157
|
-
return this._fetch(this.sub.font[0], true);
|
|
158
|
-
}
|
|
159
|
-
},
|
|
160
|
-
fetch: function(list, dofetch){
|
|
161
|
-
var ps, this$ = this;
|
|
162
|
-
list == null && (list = []);
|
|
163
|
-
dofetch == null && (dofetch = false);
|
|
164
|
-
if (!this.isXl) {
|
|
165
|
-
if (this.sub.font[0].blob) {
|
|
166
|
-
return Promise.resolve();
|
|
167
|
-
}
|
|
168
|
-
list = [0];
|
|
169
|
-
}
|
|
170
|
-
ps = Array.from(new Set(list.map(function(it){
|
|
171
|
-
return it;
|
|
172
|
-
}))).filter(function(it){
|
|
173
|
-
return !this$.sub.font[it];
|
|
174
|
-
}).map(function(it){
|
|
175
|
-
var f;
|
|
176
|
-
this$.sub.font[it] = f = {
|
|
177
|
-
key: it
|
|
178
|
-
};
|
|
179
|
-
return this$._fetch(f, dofetch);
|
|
180
|
-
});
|
|
181
|
-
return Promise.all(ps).then(function(subfonts){
|
|
182
|
-
var css, k, ref$, f, i$, len$;
|
|
183
|
-
if (!subfonts.length) {
|
|
184
|
-
return;
|
|
185
|
-
}
|
|
186
|
-
css = "." + this$.className + " { font-family: \"" + this$.name + "\"; }";
|
|
187
|
-
for (k in ref$ = this$.sub.font) {
|
|
188
|
-
f = ref$[k];
|
|
189
|
-
}
|
|
190
|
-
for (i$ = 0, len$ = subfonts.length; i$ < len$; ++i$) {
|
|
191
|
-
f = subfonts[i$];
|
|
192
|
-
css += "@font-face {\n font-family: \"" + this$.name + "\";\n src: url(\"" + f.url + "\") format('" + f.type + "');\n}";
|
|
193
|
-
}
|
|
194
|
-
return this$.css.push({
|
|
195
|
-
content: css
|
|
196
|
-
});
|
|
197
|
-
});
|
|
198
|
-
},
|
|
199
|
-
getotf: function(){
|
|
200
|
-
var this$ = this;
|
|
201
|
-
if (!(typeof opentype != 'undefined' && opentype !== null)) {
|
|
202
|
-
return Promise.reject(err({
|
|
203
|
-
id: 1022,
|
|
204
|
-
message: "[@plotdb/xfl] need opentype.js to merge subfonts"
|
|
205
|
-
}));
|
|
206
|
-
}
|
|
207
|
-
if (!this.otf.dirty) {
|
|
208
|
-
return Promise.resolve(this.otf.font);
|
|
209
|
-
}
|
|
210
|
-
return Promise.resolve().then(function(){
|
|
211
|
-
if (!this$.isXl) {
|
|
212
|
-
return this$.fetch();
|
|
213
|
-
} else {
|
|
214
|
-
return this$.fetchAll();
|
|
215
|
-
}
|
|
216
|
-
}).then(function(){
|
|
217
|
-
var ps, k, f;
|
|
218
|
-
ps = (function(){
|
|
219
|
-
var ref$, results$ = [];
|
|
220
|
-
for (k in ref$ = this.sub.font) {
|
|
221
|
-
f = ref$[k];
|
|
222
|
-
results$.push(f);
|
|
223
|
-
}
|
|
224
|
-
return results$;
|
|
225
|
-
}.call(this$)).map(function(f){
|
|
226
|
-
if (f.otf) {
|
|
227
|
-
return Promise.resolve(f);
|
|
228
|
-
} else {
|
|
229
|
-
return opentype.load(f.url).then(function(it){
|
|
230
|
-
f.otf = it;
|
|
231
|
-
return f;
|
|
232
|
-
});
|
|
233
|
-
}
|
|
234
|
-
});
|
|
235
|
-
return Promise.all(ps);
|
|
236
|
-
}).then(function(list){
|
|
237
|
-
var glyphs, ref$, ref1$;
|
|
238
|
-
list == null && (list = []);
|
|
239
|
-
if (list.length === 1) {
|
|
240
|
-
return list[0].otf;
|
|
241
|
-
}
|
|
242
|
-
glyphs = list.map(function(f){
|
|
243
|
-
var glyphs, i$, to$, i, results$ = [];
|
|
244
|
-
glyphs = f.otf.glyphs;
|
|
245
|
-
for (i$ = 1, to$ = glyphs.length; i$ <= to$; ++i$) {
|
|
246
|
-
i = i$;
|
|
247
|
-
results$.push(glyphs.glyphs[i]);
|
|
248
|
-
}
|
|
249
|
-
return results$;
|
|
250
|
-
}).reduce(function(a, b){
|
|
251
|
-
return a.concat(b);
|
|
252
|
-
}, []).filter(function(it){
|
|
253
|
-
return it;
|
|
254
|
-
});
|
|
255
|
-
this$.otf.font = new opentype.Font((ref1$ = {
|
|
256
|
-
familyName: this$.name,
|
|
257
|
-
styleName: this$.style || 'normal',
|
|
258
|
-
glyphs: glyphs
|
|
259
|
-
}, ref1$.unitsPerEm = (ref$ = list[0].otf).unitsPerEm, ref1$.ascender = ref$.ascender, ref1$.descender = ref$.descender, ref1$));
|
|
260
|
-
this$.otf.font.kerningPairs = {};
|
|
261
|
-
return this$.otf.font;
|
|
262
|
-
});
|
|
263
|
-
},
|
|
264
|
-
sync: function(txt){
|
|
265
|
-
var ref$, misschar, missset, this$ = this;
|
|
266
|
-
txt == null && (txt = "");
|
|
267
|
-
if (!this.isXl) {
|
|
268
|
-
xfl.update();
|
|
269
|
-
return Promise.resolve();
|
|
270
|
-
}
|
|
271
|
-
ref$ = [{}, {}], misschar = ref$[0], missset = ref$[1];
|
|
272
|
-
return Promise.resolve().then(function(){
|
|
273
|
-
var i$, to$, i, code, setIdx, k, list, res$;
|
|
274
|
-
for (i$ = 0, to$ = txt.length; i$ < to$; ++i$) {
|
|
275
|
-
i = i$;
|
|
276
|
-
code = txt.charCodeAt(i);
|
|
277
|
-
if (this$.cjkOnly && !xfl.isCJK(code)) {
|
|
278
|
-
continue;
|
|
279
|
-
}
|
|
280
|
-
setIdx = this$.codemap[code.toString(16)];
|
|
281
|
-
if (!setIdx) {
|
|
282
|
-
misschar[txt[i]] = true;
|
|
283
|
-
} else if (!this$.sub.set[setIdx]) {
|
|
284
|
-
this$.sub.set[setIdx] = missset[setIdx] = true;
|
|
285
|
-
}
|
|
286
|
-
}
|
|
287
|
-
misschar = (function(){
|
|
288
|
-
var results$ = [];
|
|
289
|
-
for (k in misschar) {
|
|
290
|
-
results$.push(k);
|
|
291
|
-
}
|
|
292
|
-
return results$;
|
|
293
|
-
}()).filter(function(it){
|
|
294
|
-
return it.trim();
|
|
295
|
-
});
|
|
296
|
-
if (misschar.length) {
|
|
297
|
-
console.log("[@plotdb/xfl] sync xl-font with following chars unsupported: " + misschar.join(''));
|
|
298
|
-
}
|
|
299
|
-
res$ = [];
|
|
300
|
-
for (k in missset) {
|
|
301
|
-
res$.push(k);
|
|
302
|
-
}
|
|
303
|
-
list = res$;
|
|
304
|
-
if (list.length) {
|
|
305
|
-
return this$.fetch(list);
|
|
306
|
-
}
|
|
307
|
-
}).then(function(){
|
|
308
|
-
return xfl.update();
|
|
309
|
-
});
|
|
310
|
-
}
|
|
311
|
-
});
|
|
312
|
-
xfl = {
|
|
313
|
-
range: {
|
|
314
|
-
CJK: [[0x3040, 0x30ff], [0x3400, 0x4dbf], [0x4e00, 0x9fff], [0xf900, 0xfaff], [0xff66, 0xff9f], [0x3131, 0xD79D]]
|
|
315
|
-
},
|
|
316
|
-
fonts: {},
|
|
317
|
-
running: {},
|
|
318
|
-
isCJK: function(code){
|
|
319
|
-
return this.range.CJK.filter(function(it){
|
|
320
|
-
return code >= it[0] && code <= it[1];
|
|
321
|
-
}).length;
|
|
322
|
-
},
|
|
323
|
-
proxy: {},
|
|
324
|
-
update: function(){
|
|
325
|
-
var css, k, ref$, v, node;
|
|
326
|
-
css = "";
|
|
327
|
-
for (k in ref$ = this.fonts) {
|
|
328
|
-
v = ref$[k];
|
|
329
|
-
(v.css || []).filter(fn$).map(fn1$);
|
|
330
|
-
}
|
|
331
|
-
if (css) {
|
|
332
|
-
node = document.createElement("style");
|
|
333
|
-
node.textContent = css;
|
|
334
|
-
node.setAttribute('type', 'text/css');
|
|
335
|
-
return document.body.appendChild(node);
|
|
336
|
-
}
|
|
337
|
-
function fn$(it){
|
|
338
|
-
return !it.rendered;
|
|
339
|
-
}
|
|
340
|
-
function fn1$(it){
|
|
341
|
-
it.rendered = true;
|
|
342
|
-
return css = css + it.content;
|
|
343
|
-
}
|
|
344
|
-
},
|
|
345
|
-
_load: function(opt){
|
|
346
|
-
var path, this$ = this;
|
|
347
|
-
opt == null && (opt = {});
|
|
348
|
-
path = opt.path;
|
|
349
|
-
if (this.running[path]) {
|
|
350
|
-
return;
|
|
351
|
-
}
|
|
352
|
-
this.running[path] = true;
|
|
353
|
-
return Promise.resolve().then(function(){
|
|
354
|
-
var fobj;
|
|
355
|
-
this$.fonts[path] = fobj = new xlfont(opt);
|
|
356
|
-
return fobj.init();
|
|
357
|
-
})['finally'](function(){
|
|
358
|
-
return this$.running[path] = false;
|
|
359
|
-
}).then(function(){
|
|
360
|
-
this$.proxy[path].resolve(this$.fonts[path]);
|
|
361
|
-
return this$.fonts[path];
|
|
362
|
-
})['catch'](function(it){
|
|
363
|
-
this$.proxy[path].reject(it);
|
|
364
|
-
return Promise.reject(it);
|
|
365
|
-
});
|
|
366
|
-
},
|
|
367
|
-
load: function(opt){
|
|
368
|
-
var this$ = this;
|
|
369
|
-
opt == null && (opt = {});
|
|
370
|
-
return new Promise(function(res, rej){
|
|
371
|
-
var path, that, ref$;
|
|
372
|
-
if (!(path = opt.path)) {
|
|
373
|
-
return rej(err({
|
|
374
|
-
id: 400
|
|
375
|
-
}));
|
|
376
|
-
}
|
|
377
|
-
path = path.replace(/\/$/, '');
|
|
378
|
-
if (that = this$.fonts[path]) {
|
|
379
|
-
return res(that);
|
|
380
|
-
}
|
|
381
|
-
if (!this$.proxy[path]) {
|
|
382
|
-
this$.proxy[path] = proxise(function(it){
|
|
383
|
-
return this$._load(it);
|
|
384
|
-
});
|
|
385
|
-
}
|
|
386
|
-
return this$.proxy[path]((ref$ = import$({}, opt), ref$.path = path, ref$)).then(function(it){
|
|
387
|
-
return res(it);
|
|
388
|
-
})['catch'](function(it){
|
|
389
|
-
return rej(it);
|
|
390
|
-
});
|
|
391
|
-
});
|
|
392
|
-
}
|
|
393
|
-
};
|
|
394
|
-
if (typeof module != 'undefined' && module !== null) {
|
|
395
|
-
module.exports = xfl;
|
|
396
|
-
} else if (typeof window != 'undefined' && window !== null) {
|
|
397
|
-
window.xfl = xfl;
|
|
398
|
-
}
|
|
399
|
-
function import$(obj, src){
|
|
400
|
-
var own = {}.hasOwnProperty;
|
|
401
|
-
for (var key in src) if (own.call(src, key)) obj[key] = src[key];
|
|
402
|
-
return obj;
|
|
403
|
-
}
|
|
404
|
-
}).call(this);
|