29:null 2a:["$","title",null,{"children":"Browser ttc2ttf, local font file conversion | Forrest O. | Observable"}] 2f:T1f4a,ttc2ttf = { /** https://github.com/oysterlab/ttc2ttf/blob/master/src/struct.js */ const rechk = /^([<>])?(([1-9]\d*)?([xcbB?hHiIfdsp]))*$/; const refmt = /([1-9]\d*)?([xcbB?hHiIfdsp])/g; const str = (v, o, c) => String.fromCharCode(...new Uint8Array(v.buffer, v.byteOffset + o, c)); const rts = (v, o, c, s) => new Uint8Array(v.buffer, v.byteOffset + o, c).set( s.split("").map((str) => str.charCodeAt(0)) ); const pst = (v, o, c) => str(v, o + 1, Math.min(v.getUint8(o), c - 1)); const tsp = (v, o, c, s) => { v.setUint8(o, s.length); rts(v, o + 1, c - 1, s); }; const lut = (le) => ({ x: (c) => [1, c, 0], c: (c) => [ c, 1, (o) => ({ u: (v) => str(v, o, 1), p: (v, c) => rts(v, o, 1, c) }) ], "?": (c) => [ c, 1, (o) => ({ u: (v) => Boolean(v.getUint8(o)), p: (v, B) => v.setUint8(o, B) }) ], b: (c) => [ c, 1, (o) => ({ u: (v) => v.getInt8(o), p: (v, b) => v.setInt8(o, b) }) ], B: (c) => [ c, 1, (o) => ({ u: (v) => v.getUint8(o), p: (v, B) => v.setUint8(o, B) }) ], h: (c) => [ c, 2, (o) => ({ u: (v) => v.getInt16(o, le), p: (v, h) => v.setInt16(o, h, le) }) ], H: (c) => [ c, 2, (o) => ({ u: (v) => v.getUint16(o, le), p: (v, H) => v.setUint16(o, H, le) }) ], i: (c) => [ c, 4, (o) => ({ u: (v) => v.getInt32(o, le), p: (v, i) => v.setInt32(o, i, le) }) ], I: (c) => [ c, 4, (o) => ({ u: (v) => v.getUint32(o, le), p: (v, I) => v.setUint32(o, I, le) }) ], f: (c) => [ c, 4, (o) => ({ u: (v) => v.getFloat32(o, le), p: (v, f) => v.setFloat32(o, f, le) }) ], d: (c) => [ c, 8, (o) => ({ u: (v) => v.getFloat64(o, le), p: (v, d) => v.setFloat64(o, d, le) }) ], s: (c) => [ 1, c, (o) => ({ u: (v) => str(v, o, c), p: (v, s) => rts(v, o, c, s.slice(0, c)) }) ], p: (c) => [ 1, c, (o) => ({ u: (v) => pst(v, o, c), p: (v, s) => tsp(v, o, c, s.slice(0, c - 1)) }) ] }); const errbuf = new RangeError("Structure larger than remaining buffer"); const errval = new RangeError("Not enough values for structure"); function struct(format) { let fns = [], size = 0, m = rechk.exec(format); if (!m) { throw new RangeError("Invalid format string"); } const t = lut("<" === m[1]), lu = (n, c) => t[c](n ? parseInt(n, 10) : 1); while ((m = refmt.exec(format))) { ((r, s, f) => { for (let i = 0; i < r; ++i, size += s) { if (f) { fns.push(f(size)); } } })(...lu(...m.slice(1))); } const unpack_from = (arrb, offs) => { if (arrb.byteLength < (offs | 0) + size) { throw errbuf; } let v = new DataView(arrb, offs | 0); return fns.map((f) => f.u(v)); }; const pack_into = (arrb, offs, ...values) => { if (values.length < fns.length) { throw errval; } if (arrb.byteLength < offs + size) { throw errbuf; } const v = new DataView(arrb, offs); new Uint8Array(arrb, offs, size).fill(0); fns.forEach((f, i) => f.p(v, values[i])); }; const pack_into_with_array = (arrb, offs, values) => { const v = new DataView(arrb, offs); new Uint8Array(arrb, offs, size).fill(0); fns.forEach((f, i) => f.p(v, values[i])); }; const pack = (...values) => { let b = new ArrayBuffer(size); pack_into(b, 0, ...values); return b; }; const unpack = (arrb) => unpack_from(arrb, 0); function* iter_unpack(arrb) { for (let offs = 0; offs + size <= arrb.byteLength; offs += size) { yield unpack_from(arrb, offs); } } return Object.freeze({ unpack, pack, unpack_from, pack_into, pack_into_with_array, iter_unpack, format, size }); } /** https://github.com/oysterlab/ttc2ttf/blob/master/src/index.ts */ function toArrayBuffer(buf) { var ab = new ArrayBuffer(buf.length); var view = new Uint8Array(ab); for (var i = 0; i < buf.length; ++i) { view[i] = buf[i]; } return view.buffer; } function byteArray(length) { var ab = new ArrayBuffer(length); var view = new Uint8Array(ab); return view.buffer; } function ceil4(n) { return (n + 3) & ~3; } async function ttc2ttf(ttcArrayBuffer, fileName) { const buf = ttcArrayBuffer; const type = struct("4c").unpack_from(buf, 0).join(""); if (type !== "ttcf") throw new Error(); const fileHeadName = fileName.substring(0, fileName.lastIndexOf(".")); const ttfCount = struct("I").unpack_from(buf, 0x08)[0]; const files = []; for (let i = 0, len = ttfCount; i < len; i++) { const tableHeaderOffset = struct("I").unpack_from( buf, 0x0c + 0x04 * i )[0]; const tableCount = struct("H").unpack_from( buf, tableHeaderOffset + 0x04 )[0]; const headerLength = 0x0c + tableCount * 0x10; let tableLength = 0; for (let j = 0; j < tableCount; j++) { const length = struct("I").unpack_from( buf, tableHeaderOffset + +0x0c + 0x0c + j * 0x10 )[0]; tableLength += ceil4(length); } const totalLength = headerLength + tableLength; const newBuf = byteArray(totalLength); const header = struct(headerLength + "b").unpack_from( buf, tableHeaderOffset ); struct(headerLength + "b").pack_into(newBuf, 0, ...header); let currentOffset = headerLength; const ttfName = `${fileHeadName}_${i}.ttf`; // const ttfPath = path.join(distPath, ttfName); // if (fs.existsSync(ttfPath)) return; for (let j = 0; j < tableCount; j++) { const offset /*:number*/ = struct("I").unpack_from( buf, tableHeaderOffset + 0x0c + 0x08 + j * 0x10 )[0]; const length /*:number*/ = struct("I").unpack_from( buf, tableHeaderOffset + 0x0c + 0x0c + j * 0x10 )[0]; struct("I").pack_into(newBuf, 0x0c + 0x08 + j * 0x10, currentOffset); const CHUCK_LENGTH /*:number*/ = 1024 * 1024; const lastLength = length % CHUCK_LENGTH; let steps = parseInt((length / CHUCK_LENGTH).toString()); if (lastLength > 0) steps++; Array.from(Array(steps)).forEach((_, i /*:number*/) => { const chuckOffset = offset + i * CHUCK_LENGTH; const chunckLength = steps != i + 1 ? CHUCK_LENGTH : lastLength; const currentTable = struct(chunckLength + "b").unpack_from( buf, chuckOffset ); struct(chunckLength + "b").pack_into_with_array( newBuf, currentOffset, currentTable ); currentOffset += ceil4(chunckLength); }); } // console.log(ttfPath + " is extracted"); // fs.writeFileSync(ttfPath, Buffer.from(newBuf)); const url = URL.createObjectURL(new Blob([newBuf])); const font = await opentype.load(url); const family = font.getEnglishName("preferredFamily") || font.getEnglishName("fontFamily") || fileHeadName; const variant = font.getEnglishName("preferredSubfamily") || font.getEnglishName("fontSubfamily") || "default"; const name = `${family}-${variant}.ttf`; //const file = new File([newBuf], name, {type: "font/ttf"}); files.push({ name, family, variant, url // arrayBuffer: newBuf, // font, }); } return files; } return ttc2ttf; }30:[] 2d:{"id":"f4c47307222fc4de","slug":"ttc2ttf","title":"Browser ttc2ttf, local font file conversion","thumbnail":"aa8421c9d3ce64eb836fc246e018d57c41e72f1e8129b43a46ecbfb118317c0f","access_level":"public","create_time":"$D2022-08-08T18:00:46.598Z","update_time":"$D2022-08-09T14:52:19.787Z","view_time":null,"first_public_time":"$D2022-08-08T19:33:02.861Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"f9abb147dc0e6dcd","login":"forresto","name":"Forrest O.","avatar_url":"https://avatars-next.observableusercontent.com/c22671040121cb9b9d22913e2eb0ffc4d65d3e535cda1133d6655f1d63b32e3f","tier":"starter_2024"},"version":171,"publish_version":171,"role":null,"authored":false,"authors":[{"type":"individual","id":"b16dd1586d4d1422","login":"forresto","name":"Forrest O.","avatar_url":"https://avatars-next.observableusercontent.com/c22671040121cb9b9d22913e2eb0ffc4d65d3e535cda1133d6655f1d63b32e3f","tier":null}],"members":[{"type":"individual","id":"b16dd1586d4d1422","login":"forresto","name":"Forrest O.","avatar_url":"https://avatars-next.observableusercontent.com/c22671040121cb9b9d22913e2eb0ffc4d65d3e535cda1133d6655f1d63b32e3f","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Browser ttc2ttf, local font file conversion","cells":[{"id":0,"value":"# Browser ttc2ttf, local font file conversion\n\nThis is a fork of the node package [ttc2ttf](https://www.npmjs.com/package/ttc2ttf) to work in the browser.\n\n.ttc font files contain multiple font variants, and .ttf files contain one variant each. On the web you usually don't want all variants. \n\n## Demo\n\nWith this app we can select a local font file, show samples of all of the variants, and download .ttf versions of each variant.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":78,"value":"viewof ttcFile = Inputs.file({\n label: \"Truetype® Font Collection (.ttc)\",\n accept: \".ttc\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"ttfFiles = ttcFile && ttc2ttf(await ttcFile.arrayBuffer(), ttcFile.name)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":139,"value":"viewof sampleText = Inputs.text({\n label: \"Sample text\",\n value: \"The five boxing wizards jump quickly. ;)\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":112,"value":"links = ttfFiles &&\n html`\n ${ttfFiles\n .map(\n (font) =>\n `\n \n \n \n `\n )\n .join(\"\")}\n

\n ${font.family} – ${font.variant} (ttf)\n

\n ${sampleText}\n

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"## Lib\n\nAdapted from https://github.com/oysterlab/ttc2ttf","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":14,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"opentype = require(\"opentype.js\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W30","stdlib":"1"}} 2e:"$2d:body"