@heycys/gallery 0.0.0-stage → 0.1.0

package/browser/shared/css-references.mjs

@@ -0,0 +1,110 @@
+// What a piece of CSS loads, read as CSS's tokenizer reads it: the one reader of a stylesheet's
+// addresses, for a document's own CSS (src/render/asset-references.mjs), a component package's style
+// in an export (src/render/package-files.mjs) and every stylesheet of a copy of the view
+// (src/render/kit/ui.js, in the browser, which is why it stands here): a function's name in any case,
+// each address of image-set(…), and nothing a comment or a string spells.
+
+// What CSS loads a file at: url(…) in any quotes or none, @import "…", and each string candidate of
+// image-set(…) (its url(…) candidates are the first kind); each match's indices (the d flag) give the
+// place of the address itself, which an embed replaces. They read the CSS blanked (blankedCss), so
+// that a string's inside is spaces there: the address is read from the CSS itself, at its place.
+const CSS_URLS = /url\(\s*(?:"([^"]*)"|'([^']*)'|([^)\s]*))\s*\)/dgi;
+const CSS_IMPORTS = /@import\s*(?:"([^"]*)"|'([^']*)')/dgi;
+const IMAGE_SETS = /image-set\(((?:[^()]|\([^()]*\))*)\)/dgi;
+const SET_STRINGS = /url\([^)]*\)|"([^"]*)"|'([^']*)'/dgi;
+// An unquoted url(…), read past whole as CSS's tokenizer does (a quote in it starts no string).
+const UNQUOTED_URL = /url\(\s*[^"'\s)][^)]*\)?/iy;
+
+// A piece of CSS with what holds no address blanked, as CSS's tokenizer tells it apart: each /* */
+// comment and the inside of each string (between its quotes) made spaces, line ends kept, so that
+// places stay; an escaped character and an unquoted url(…) are read past whole. `strings` leaves what
+// a string holds, for what reads a selector.
+export function blankedCss(css, { strings = false } = {}) {
+  const pieces = [];
+  let kept = 0; // where the text not yet copied starts
+  const blank = (start, end) => {
+    pieces.push(css.slice(kept, start), css.slice(start, end).replace(/[^\r\n]/g, " "));
+    kept = end;
+  };
+  for (let at = 0; at < css.length;) {
+    const char = css[at];
+    UNQUOTED_URL.lastIndex = at;
+    if (char === "\\") at += 2;
+    else if (char === "/" && css[at + 1] === "*") {
+      const close = css.indexOf("*/", at + 2);
+      const end = close < 0 ? css.length : close + 2;
+      blank(at, end);
+      at = end;
+    } else if (char === '"' || char === "'") {
+      // A string ends at its quote, or unclosed at the line's end.
+      let end = at + 1;
+      while (end < css.length && css[end] !== char && css[end] !== "\n" && css[end] !== "\r") end += css[end] === "\\" ? 2 : 1;
+      if (!strings) blank(at + 1, Math.min(end, css.length));
+      at = end + 1;
+    } else if ((char === "u" || char === "U") && UNQUOTED_URL.test(css)) at = UNQUOTED_URL.lastIndex;
+    else at++;
+  }
+  pieces.push(css.slice(kept));
+  return pieces.join("");
+}
+
+// A CSS address with its escapes read as CSS reads them (\/ and \2f a slash; a backslash before a
+// line end, which continues a string, nothing).
+const unescapedCss = (value) => value.replace(/\\(?:([0-9a-f]{1,6})[ \t\n\f]?|\r\n|([\s\S]))/gi, (escape, hex, char) => {
+  if (hex === undefined) return char === undefined || /[\r\n\f]/.test(char) ? "" : char;
+  const code = parseInt(hex, 16);
+  return code === 0 || code > 0x10ffff || (code >= 0xd800 && code <= 0xdfff) ? String.fromCharCode(0xfffd) : String.fromCodePoint(code);
+});
+
+// Whether an @import stands right before `at` in blanked CSS (spaces, a comment's among them, between).
+function afterImport(text, at) {
+  let end = at;
+  while (end > 0 && /\s/.test(text[end - 1])) end--;
+  return text.slice(Math.max(0, end - 7), end).toLowerCase() === "@import";
+}
+
+/**
+ * The references of a piece of CSS, in its order: { value (its escapes read, no space around it), kind
+ * ("url", "import", "set"), index (where it is written, for its line), start and end (the address's own
+ * place, as written), written (how a message shows it) }; none in a comment or a string.
+ */
+export function cssReferences(css) {
+  const text = blankedCss(css);
+  const found = [];
+  const add = (match, kind, written, { index = match.index, offset = 0 } = {}) => {
+    const group = [1, 2, 3].find((at) => match[at] !== undefined);
+    const start = offset + match.indices[group][0];
+    const end = offset + match.indices[group][1];
+    const value = unescapedCss(css.slice(start, end)).trim();
+    found.push({ value, kind, index, start, end, written: written(value) });
+  };
+  for (const match of text.matchAll(CSS_URLS)) {
+    // A url(…) right after @import imports a stylesheet too.
+    if (afterImport(text, match.index)) add(match, "import", (value) => `@import url(${value})`);
+    else add(match, "url", (value) => `url(${value})`);
+  }
+  for (const match of text.matchAll(CSS_IMPORTS)) add(match, "import", (value) => `@import "${value}"`);
+  for (const set of text.matchAll(IMAGE_SETS)) {
+    const offset = set.indices[1][0];
+    for (const match of set[1].matchAll(SET_STRINGS)) {
+      if (match[1] !== undefined || match[2] !== undefined) add(match, "set", (value) => `image-set("${value}" …)`, { index: offset + match.index, offset });
+    }
+  }
+  return found.sort((a, b) => a.index - b.index);
+}
+
+/**
+ * `css` with each of `references` (cssReferences' of this text) that `addressOf(reference)` gives an
+ * address written in its place, the others as they are. One written bare is put in quotes, as an
+ * address made of a file's bytes and type may hold what a bare url(…) does not.
+ */
+export function cssWithAddresses(css, references, addressOf) {
+  let written = css;
+  for (const reference of [...references].sort((a, b) => b.start - a.start)) {
+    const address = addressOf(reference);
+    if (!address) continue;
+    const bare = css[reference.start - 1] !== '"' && css[reference.start - 1] !== "'";
+    written = `${written.slice(0, reference.start)}${bare ? `"${address}"` : address}${written.slice(reference.end)}`;
+  }
+  return written;
+}

package/browser/shared/emoji/custom.mjs

@@ -0,0 +1,91 @@
+/* Taken over from notion-lite (ui/emoji/custom.js). The library is the workspace's here, kept by the
+ * preview server in reports/.emoji-library/ (src/editor/media-store.mjs): `storage` is set by the
+ * page that uses it (setEmojiLibraryStorage), and a page's icon taken from it is copied into the
+ * report's own folder. Shared by the page editor and the workbench.
+ *
+ * 自定义表情（本地表情库）。Notion 的自定义表情是工作区的 custom_emoji 记录（445621：name、url、created_time、alive），
+ * 工作区的列表由 313033 取回、按名字排序；块和页面的图标里记的是字符串（871871 qg）`notion://custom_emoji/<空间>/<id>`。
+ * 本地化：没有工作区，表情库是本机一份（../storage 接到 model/local-store：local-data/emojis.json，没有本地服务时存 localStorage），
+ *   字符串里的空间写 local：`notion://custom_emoji/local/<id>`。“工作空间里所有人都能用”就是“本机所有页面都能用”。
+ *   loadCustomEmojis()               读一次表情库（返回 Promise）
+ *   customEmojiStrings()             所有表情的字符串，按名字排（313033）
+ *   customEmojiOf(value)             字符串 → { id, name, url }；不是自定义表情、删了、还没读到时 null
+ *   customEmojiKeywords(name)        筛选用的关键词（871871 g：规整后的名字 + 拆开的每个词）
+ *   prepareNameCheck()               查重要的数据（表情库、标准表情的名字）先加载好（返回 Promise）
+ *   validateCustomEmojiName(name)    963369 F 的校验（同步）：空 → null；字符不对 / 太长 / 重名 → 错误文字
+ *   nameFromFileName(name)           963369 m：文件名去掉扩展名、小写、不合法的字符换成“-”
+ *   addCustomEmoji({ name, url })    存进表情库，返回字符串
+ * 依赖：ui/storage、./data
+ */
+import { normalizeFilter, loadEmojiNames } from './data.mjs';
+
+// Where the library is kept: { loadEmojiLibrary() -> Promise<list>, addEmoji({ name, url }) -> Promise<entry> }.
+let uiStorage = { loadEmojiLibrary: async () => [], addEmoji: async () => { throw new Error('no library'); } };
+export function setEmojiLibraryStorage(storage) {
+  uiStorage = storage;
+  loading = null;
+}
+
+const PREFIX = 'notion://custom_emoji/';
+const SPACE = 'local';
+const VALID_NAME_TOKENS = '\\p{Ll}\\p{Lo}\\d_-';                          // 445621 VALID_NAME_TOKENS
+const VALID_NAME_REGEX = new RegExp(`^[${VALID_NAME_TOKENS}]+$`, 'u');   // 445621 VALID_NAME_REGEX
+
+let list = [], loading = null;
+
+export function loadCustomEmojis() {
+  loading ??= uiStorage.loadEmojiLibrary().then(items => {
+    list = (Array.isArray(items) ? items : []).filter(e => e && e.id && e.name && e.url);
+  });
+  return loading;
+}
+
+/* 871871 qg.isCustomEmojiString / toString / fromCustomEmojiString */
+export const isCustomEmojiString = value => typeof value === 'string' && value.startsWith(PREFIX);
+const toString = e => `${PREFIX}${SPACE}/${e.id}`;
+const idOf = value => value.slice(PREFIX.length).split('/')[1];
+
+const alive = () => list.filter(e => e.alive !== false);
+export const customEmojiStrings = () => alive().sort((a, b) => a.name.localeCompare(b.name)).map(toString);
+export function customEmojiOf(value) {
+  if (!isCustomEmojiString(value)) return null;
+  const id = idOf(value);
+  return alive().find(e => e.id === id) || null;
+}
+
+/* 871871 g */
+export function customEmojiKeywords(name) {
+  const n = normalizeFilter(name);
+  return [n ?? name, ...(n?.split(/\s+/g).filter(Boolean) ?? [])];
+}
+
+/* 963369 F：把空格换成“-”以后再校验（调用方先换好）；返回错误的原因或 null：
+   "chars"（只能包含小写字母、数字、连字符或下划线）、"long"（必须少于 50 个字符）、"taken"（已被占用），
+   界面用自己的语言说出来（editor/page/emoji-picker/upload.mjs NAME_ERRORS）。
+   重名：自定义表情（313033 nameToPointerMap）和标准表情的名字（753281 emojiByName），先 prepareNameCheck() */
+let emojiNames = null;
+export const prepareNameCheck = () => Promise.all([loadCustomEmojis(), loadEmojiNames().then(n => { emojiNames = n; })]);
+export function validateCustomEmojiName(name) {
+  if (!name) return null;
+  if (!VALID_NAME_REGEX.test(name)) return 'chars';
+  if (name.length >= 50) return 'long';
+  if (alive().some(e => e.name === name) || (emojiNames && Object.hasOwn(emojiNames, name))) return 'taken';
+  return null;
+}
+
+/* 963369 m */
+export function nameFromFileName(fileName) {
+  const dot = fileName.lastIndexOf('.');
+  const base = dot === -1 ? fileName : fileName.slice(0, dot);
+  return base.toLocaleLowerCase().replace(new RegExp(`[^${VALID_NAME_TOKENS}]`, 'gu'), '-');
+}
+
+/* 445621 create：{ id, name, url, created_time, alive } */
+export async function addCustomEmoji({ name, url }) {
+  await loadCustomEmojis();
+  // The server keeps the library (and copies the image into it): the entry it made.
+  const e = await uiStorage.addEmoji({ name, url });
+  if (!e?.id) throw new Error('无法保存此表情符号。请重试。');
+  list = [...list, e];
+  return toString(e);
+}

package/browser/shared/emoji/data/LICENSE-mingcute.txt

@@ -0,0 +1,202 @@
+
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/browser/shared/emoji/data/LICENSE-tabler.txt

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020-2026 Paweł Kuna
+
+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/browser/shared/emoji/data/README.md

@@ -0,0 +1,26 @@
+# Emoji and icon data
+
+The emoji data is taken as it is from notion-lite (`src/ui/emoji/data/`). Its scripts took it out of Notion's web bundle.
+
+| File | What it holds |
+|---|---|
+| `categories.json` | The emojis of each category, in Notion's order |
+| `positions.json` | Each emoji's codepoints, its place in Notion's sprite sheet (unused here) and its skin-tone variations |
+| `keywords-zh.json`, `keywords-en.json` | Search words, Chinese and English; an emoji's first word is its name |
+| `twemoji-index.json` | Where each emoji's SVG lies in the pack: `[offset, length]` in the unpacked data |
+| `twemoji-svg.bin` | The Twemoji SVGs, end to end, gzip |
+| `names.json` | Each emoji's name, which a custom emoji's name may not take |
+| `icons.json` | The 图标 tab's icons: `{ sets, categories: [Chinese name], icons: [[Chinese name, MingCute name, Tabler name, MingCute SVG, Tabler SVG, category, search words]] }`, 443 pairs and Tabler's 40 numbers (their MingCute name and SVG `null`), in the tab's order (by category: the index into `categories`), each SVG drawn in `#COLOR` (the color it is shown in: `ICON_COLOR_VALUES` of `../icon-value.mjs`, the one table of the ten colors) |
+| `LICENSE-mingcute.txt`, `LICENSE-tabler.txt` | The two icon sets' licenses |
+
+Notion's sprite sheet is not taken. An emoji the pack lacks shows in the system's emoji font.
+
+The emoji graphics are Twemoji, © Twitter, Inc and other contributors, licensed under CC-BY 4.0 (https://creativecommons.org/licenses/by/4.0/; https://github.com/twitter/twemoji).
+
+The icons are two open-source sets of filled icons, the 443 things both have one icon for (a reviewed one-to-one list of synonyms), and Tabler's 40 numbers (0–9 in a circle, a square, a rounded square and a hexagon), which MingCute has no series of, in 12 categories:
+- MingCute Core Filled 3.0.2, © MingCute Design, Apache License 2.0 (https://github.com/Richard9394/MingCute; `LICENSE-mingcute.txt`), the default set: `/icons/<name>_<color>.svg`;
+- Tabler Filled 3.49.0, © Paweł Kuna, MIT License (https://github.com/tabler/tabler-icons; `LICENSE-tabler.txt`): `/icons/tabler/<name>_<color>.svg` (a number is always this).
+
+`icons.json` is made by `src/cli/import-icons.mjs` from the user's categorized list (`icon-subsets-categories.json`: the categories, each pair's and number's Chinese name, category and search words) and the two categorized subsets (`图标/<category>/…svg`, `LICENSE`); a pair whose Chinese name changed keeps its earlier one among its search words. The SVGs are the sets' own, their color written `#COLOR` and Tabler's empty frame path left out.
+
+`../data.mjs` and `../glyphs.mjs` load these files in the browser. `src/render/emoji.mjs` reads the pack and the icons for the preview, an offline export and the workbench's icons.

package/browser/shared/emoji/data/categories.json

@@ -0,0 +1 @@
+{"People & Body":["😀","😃","😄","😁","😆","😅","🤣","😂","🙂","🙃","🫠","😉","😊","😇","🥰","😍","🤩","😘","😗","☺️","😚","😙","🥲","😋","😛","😜","🤪","😝","🤑","🤗","🤭","🫢","🫣","🤫","🤔","🫡","🤐","🤨","😐","😑","😶","🫥","😶‍🌫️","😏","😒","🙄","😬","😮‍💨","🤥","😌","😔","😪","🤤","😴","😷","🤒","🤕","🤢","🤮","🤧","🥵","🥶","🥴","😵","😵‍💫","🤯","🤠","🥳","🥸","😎","🤓","🧐","😕","🫤","😟","🙁","☹️","😮","😯","😲","😳","🥺","🥹","😦","😧","😨","😰","😥","😢","😭","😱","😖","😣","😞","😓","😩","😫","🥱","😤","😡","😠","🤬","😈","👿","💀","☠️","💩","🤡","👹","👺","👻","👽","👾","🤖","😺","😸","😹","😻","😼","😽","🙀","😿","😾","🙈","🙉","🙊","💋","💌","💘","💝","💖","💗","💓","💞","💕","💟","❣️","💔","❤️‍🔥","❤️‍🩹","❤️","🧡","💛","💚","💙","💜","🤎","🖤","🤍","💯","💢","💥","💫","💦","💨","🕳️","💣","💬","👁️‍🗨️","🗨️","🗯️","💭","💤","👋","🤚","🖐️","✋","🖖","🫱","🫲","🫳","🫴","👌","🤌","🤏","✌️","🤞","🫰","🤟","🤘","🤙","👈","👉","👆","🖕","👇","☝️","🫵","👍","👎","✊","👊","🤛","🤜","👏","🙌","🫶","👐","🤲","🤝","🙏","✍️","💅","🤳","💪","🦾","🦿","🦵","🦶","👂","🦻","👃","🧠","🫀","🫁","🦷","🦴","👀","👁️","👅","👄","🫦","👶","🧒","👦","👧","🧑","👱","👨","🧔","🧔‍♂️","🧔‍♀️","👨‍🦰","👨‍🦱","👨‍🦳","👨‍🦲","👩","👩‍🦰","🧑‍🦰","👩‍🦱","🧑‍🦱","👩‍🦳","🧑‍🦳","👩‍🦲","🧑‍🦲","👱‍♀️","👱‍♂️","🧓","👴","👵","🙍","🙍‍♂️","🙍‍♀️","🙎","🙎‍♂️","🙎‍♀️","🙅","🙅‍♂️","🙅‍♀️","🙆","🙆‍♂️","🙆‍♀️","💁","💁‍♂️","💁‍♀️","🙋","🙋‍♂️","🙋‍♀️","🧏","🧏‍♂️","🧏‍♀️","🙇","🙇‍♂️","🙇‍♀️","🤦","🤦‍♂️","🤦‍♀️","🤷","🤷‍♂️","🤷‍♀️","🧑‍⚕️","👨‍⚕️","👩‍⚕️","🧑‍🎓","👨‍🎓","👩‍🎓","🧑‍🏫","👨‍🏫","👩‍🏫","🧑‍⚖️","👨‍⚖️","👩‍⚖️","🧑‍🌾","👨‍🌾","👩‍🌾","🧑‍🍳","👨‍🍳","👩‍🍳","🧑‍🔧","👨‍🔧","👩‍🔧","🧑‍🏭","👨‍🏭","👩‍🏭","🧑‍💼","👨‍💼","👩‍💼","🧑‍🔬","👨‍🔬","👩‍🔬","🧑‍💻","👨‍💻","👩‍💻","🧑‍🎤","👨‍🎤","👩‍🎤","🧑‍🎨","👨‍🎨","👩‍🎨","🧑‍✈️","👨‍✈️","👩‍✈️","🧑‍🚀","👨‍🚀","👩‍🚀","🧑‍🚒","👨‍🚒","👩‍🚒","👮","👮‍♂️","👮‍♀️","🕵️","🕵️‍♂️","🕵️‍♀️","💂","💂‍♂️","💂‍♀️","🥷","👷","👷‍♂️","👷‍♀️","🫅","🤴","👸","👳","👳‍♂️","👳‍♀️","👲","🧕","🤵","🤵‍♂️","🤵‍♀️","👰","👰‍♂️","👰‍♀️","🤰","🫃","🫄","🤱","👩‍🍼","👨‍🍼","🧑‍🍼","👼","🎅","🤶","🧑‍🎄","🦸","🦸‍♂️","🦸‍♀️","🦹","🦹‍♂️","🦹‍♀️","🧙","🧙‍♂️","🧙‍♀️","🧚","🧚‍♂️","🧚‍♀️","🧛","🧛‍♂️","🧛‍♀️","🧜","🧜‍♂️","🧜‍♀️","🧝","🧝‍♂️","🧝‍♀️","🧞","🧞‍♂️","🧞‍♀️","🧟","🧟‍♂️","🧟‍♀️","🧌","💆","💆‍♂️","💆‍♀️","💇","💇‍♂️","💇‍♀️","🚶","🚶‍♂️","🚶‍♀️","🧍","🧍‍♂️","🧍‍♀️","🧎","🧎‍♂️","🧎‍♀️","🧑‍🦯","👨‍🦯","👩‍🦯","🧑‍🦼","👨‍🦼","👩‍🦼","🧑‍🦽","👨‍🦽","👩‍🦽","🏃","🏃‍♂️","🏃‍♀️","💃","🕺","🕴️","👯","👯‍♂️","👯‍♀️","🧖","🧖‍♂️","🧖‍♀️","🧗","🧗‍♂️","🧗‍♀️","🤺","🏇","⛷️","🏂","🏌️","🏌️‍♂️","🏌️‍♀️","🏄","🏄‍♂️","🏄‍♀️","🚣","🚣‍♂️","🚣‍♀️","🏊","🏊‍♂️","🏊‍♀️","⛹️","⛹️‍♂️","⛹️‍♀️","🏋️","🏋️‍♂️","🏋️‍♀️","🚴","🚴‍♂️","🚴‍♀️","🚵","🚵‍♂️","🚵‍♀️","🤸","🤸‍♂️","🤸‍♀️","🤼","🤼‍♂️","🤼‍♀️","🤽","🤽‍♂️","🤽‍♀️","🤾","🤾‍♂️","🤾‍♀️","🤹","🤹‍♂️","🤹‍♀️","🧘","🧘‍♂️","🧘‍♀️","🛀","🛌","🧑‍🤝‍🧑","👭","👫","👬","💏","💑","👪","👨‍👩‍👦","👨‍👩‍👧","👨‍👩‍👧‍👦","👨‍👩‍👦‍👦","👨‍👩‍👧‍👧","👨‍👨‍👦","👨‍👨‍👧","👨‍👨‍👧‍👦","👨‍👨‍👦‍👦","👨‍👨‍👧‍👧","👩‍👩‍👦","👩‍👩‍👧","👩‍👩‍👧‍👦","👩‍👩‍👦‍👦","👩‍👩‍👧‍👧","👨‍👦","👨‍👦‍👦","👨‍👧","👨‍👧‍👦","👨‍👧‍👧","👩‍👦","👩‍👦‍👦","👩‍👧","👩‍👧‍👦","👩‍👧‍👧","🗣️","👤","👥","🫂","👣"],"Animals & Nature":["🐵","🐒","🦍","🦧","🐶","🐕","🦮","🐕‍🦺","🐩","🐺","🦊","🦝","🐱","🐈","🐈‍⬛","🦁","🐯","🐅","🐆","🐴","🐎","🦄","🦓","🦌","🦬","🐮","🐂","🐃","🐄","🐷","🐖","🐗","🐽","🐏","🐑","🐐","🐪","🐫","🦙","🦒","🐘","🦣","🦏","🦛","🐭","🐁","🐀","🐹","🐰","🐇","🐿️","🦫","🦔","🦇","🐻","🐻‍❄️","🐨","🐼","🦥","🦦","🦨","🦘","🦡","🐾","🦃","🐔","🐓","🐣","🐤","🐥","🐦","🐧","🕊️","🦅","🦆","🦢","🦉","🦤","🪶","🦩","🦚","🦜","🐸","🐊","🐢","🦎","🐍","🐲","🐉","🦕","🦖","🐳","🐋","🐬","🦭","🐟","🐠","🐡","🦈","🐙","🐚","🪸","🐌","🦋","🐛","🐜","🐝","🪲","🐞","🦗","🪳","🕷️","🕸️","🦂","🦟","🪰","🪱","🦠","💐","🌸","💮","🪷","🏵️","🌹","🥀","🌺","🌻","🌼","🌷","🌱","🪴","🌲","🌳","🌴","🌵","🌾","🌿","☘️","🍀","🍁","🍂","🍃","🪹","🪺"],"Food & Drink":["🍇","🍈","🍉","🍊","🍋","🍌","🍍","🥭","🍎","🍏","🍐","🍑","🍒","🍓","🫐","🥝","🍅","🫒","🥥","🥑","🍆","🥔","🥕","🌽","🌶️","🫑","🥒","🥬","🥦","🧄","🧅","🍄","🥜","🫘","🌰","🍞","🥐","🥖","🫓","🥨","🥯","🥞","🧇","🧀","🍖","🍗","🥩","🥓","🍔","🍟","🍕","🌭","🥪","🌮","🌯","🫔","🥙","🧆","🥚","🍳","🥘","🍲","🫕","🥣","🥗","🍿","🧈","🧂","🥫","🍱","🍘","🍙","🍚","🍛","🍜","🍝","🍠","🍢","🍣","🍤","🍥","🥮","🍡","🥟","🥠","🥡","🦀","🦞","🦐","🦑","🦪","🍦","🍧","🍨","🍩","🍪","🎂","🍰","🧁","🥧","🍫","🍬","🍭","🍮","🍯","🍼","🥛","☕","🫖","🍵","🍶","🍾","🍷","🍸","🍹","🍺","🍻","🥂","🥃","🫗","🥤","🧋","🧃","🧉","🧊","🥢","🍽️","🍴","🥄","🔪","🫙","🏺"],"Travel & Places":["🌍","🌎","🌏","🌐","🗺️","🗾","🧭","🏔️","⛰️","🌋","🗻","🏕️","🏖️","🏜️","🏝️","🏞️","🏟️","🏛️","🏗️","🧱","🪨","🪵","🛖","🏘️","🏚️","🏠","🏡","🏢","🏣","🏤","🏥","🏦","🏨","🏩","🏪","🏫","🏬","🏭","🏯","🏰","💒","🗼","🗽","⛪","🕌","🛕","🕍","⛩️","🕋","⛲","⛺","🌁","🌃","🏙️","🌄","🌅","🌆","🌇","🌉","♨️","🎠","🛝","🎡","🎢","💈","🎪","🚂","🚃","🚄","🚅","🚆","🚇","🚈","🚉","🚊","🚝","🚞","🚋","🚌","🚍","🚎","🚐","🚑","🚒","🚓","🚔","🚕","🚖","🚗","🚘","🚙","🛻","🚚","🚛","🚜","🏎️","🏍️","🛵","🦽","🦼","🛺","🚲","🛴","🛹","🛼","🚏","🛣️","🛤️","🛢️","⛽","🛞","🚨","🚥","🚦","🛑","🚧","⚓","🛟","⛵","🛶","🚤","🛳️","⛴️","🛥️","🚢","✈️","🛩️","🛫","🛬","🪂","💺","🚁","🚟","🚠","🚡","🛰️","🚀","🛸","🛎️","🧳","⌛","⏳","⌚","⏰","⏱️","⏲️","🕰️","🕛","🕧","🕐","🕜","🕑","🕝","🕒","🕞","🕓","🕟","🕔","🕠","🕕","🕡","🕖","🕢","🕗","🕣","🕘","🕤","🕙","🕥","🕚","🕦","🌑","🌒","🌓","🌔","🌕","🌖","🌗","🌘","🌙","🌚","🌛","🌜","🌡️","☀️","🌝","🌞","🪐","⭐","🌟","🌠","🌌","☁️","⛅","⛈️","🌤️","🌥️","🌦️","🌧️","🌨️","🌩️","🌪️","🌫️","🌬️","🌀","🌈","🌂","☂️","☔","⛱️","⚡","❄️","☃️","⛄","☄️","🔥","💧","🌊"],"Activities":["🎃","🎄","🎆","🎇","🧨","✨","🎈","🎉","🎊","🎋","🎍","🎎","🎏","🎐","🎑","🧧","🎀","🎁","🎗️","🎟️","🎫","🎖️","🏆","🏅","🥇","🥈","🥉","⚽","⚾","🥎","🏀","🏐","🏈","🏉","🎾","🥏","🎳","🏏","🏑","🏒","🥍","🏓","🏸","🥊","🥋","🥅","⛳","⛸️","🎣","🤿","🎽","🎿","🛷","🥌","🎯","🪀","🪁","🎱","🔮","🪄","🧿","🪬","🎮","🕹️","🎰","🎲","🧩","🧸","🪅","🪩","🪆","♠️","♥️","♦️","♣️","♟️","🃏","🀄","🎴","🎭","🖼️","🎨","🧵","🪡","🧶","🪢"],"Objects":["👓","🕶️","🥽","🥼","🦺","👔","👕","👖","🧣","🧤","🧥","🧦","👗","👘","🥻","🩱","🩲","🩳","👙","👚","👛","👜","👝","🛍️","🎒","🩴","👞","👟","🥾","🥿","👠","👡","🩰","👢","👑","👒","🎩","🎓","🧢","🪖","⛑️","📿","💄","💍","💎","🔇","🔈","🔉","🔊","📢","📣","📯","🔔","🔕","🎼","🎵","🎶","🎙️","🎚️","🎛️","🎤","🎧","📻","🎷","🪗","🎸","🎹","🎺","🎻","🪕","🥁","🪘","📱","📲","☎️","📞","📟","📠","🔋","🪫","🔌","💻","🖥️","🖨️","⌨️","🖱️","🖲️","💽","💾","💿","📀","🧮","🎥","🎞️","📽️","🎬","📺","📷","📸","📹","📼","🔍","🔎","🕯️","💡","🔦","🏮","🪔","📔","📕","📖","📗","📘","📙","📚","📓","📒","📃","📜","📄","📰","🗞️","📑","🔖","🏷️","💰","🪙","💴","💵","💶","💷","💸","💳","🧾","💹","✉️","📧","📨","📩","📤","📥","📦","📫","📪","📬","📭","📮","🗳️","✏️","✒️","🖋️","🖊️","🖌️","🖍️","📝","💼","📁","📂","🗂️","📅","📆","🗒️","🗓️","📇","📈","📉","📊","📋","📌","📍","📎","🖇️","📏","📐","✂️","🗃️","🗄️","🗑️","🔒","🔓","🔏","🔐","🔑","🗝️","🔨","🪓","⛏️","⚒️","🛠️","🗡️","⚔️","🔫","🪃","🏹","🛡️","🪚","🔧","🪛","🔩","⚙️","🗜️","⚖️","🦯","🔗","⛓️","🪝","🧰","🧲","🪜","⚗️","🧪","🧫","🧬","🔬","🔭","📡","💉","🩸","💊","🩹","🩼","🩺","🩻","🚪","🛗","🪞","🪟","🛏️","🛋️","🪑","🚽","🪠","🚿","🛁","🪤","🪒","🧴","🧷","🧹","🧺","🧻","🪣","🧼","🫧","🪥","🧽","🧯","🛒","🚬","⚰️","🪦","⚱️","🗿","🪧","🪪"],"Symbols":["🏧","🚮","🚰","♿","🚹","🚺","🚻","🚼","🚾","🛂","🛃","🛄","🛅","⚠️","🚸","⛔","🚫","🚳","🚭","🚯","🚱","🚷","📵","🔞","☢️","☣️","⬆️","↗️","➡️","↘️","⬇️","↙️","⬅️","↖️","↕️","↔️","↩️","↪️","⤴️","⤵️","🔃","🔄","🔙","🔚","🔛","🔜","🔝","🛐","⚛️","🕉️","✡️","☸️","☯️","✝️","☦️","☪️","☮️","🕎","🔯","♈","♉","♊","♋","♌","♍","♎","♏","♐","♑","♒","♓","⛎","🔀","🔁","🔂","▶️","⏩","⏭️","⏯️","◀️","⏪","⏮️","🔼","⏫","🔽","⏬","⏸️","⏹️","⏺️","⏏️","🎦","🔅","🔆","📶","📳","📴","♀️","♂️","⚧️","✖️","➕","➖","➗","🟰","♾️","‼️","⁉️","❓","❔","❕","❗","〰️","💱","💲","⚕️","♻️","⚜️","🔱","📛","🔰","⭕","✅","☑️","✔️","❌","❎","➰","➿","〽️","✳️","✴️","❇️","©️","®️","™️","#️⃣","*️⃣","0️⃣","1️⃣","2️⃣","3️⃣","4️⃣","5️⃣","6️⃣","7️⃣","8️⃣","9️⃣","🔟","🔠","🔡","🔢","🔣","🔤","🅰️","🆎","🅱️","🆑","🆒","🆓","ℹ️","🆔","Ⓜ️","🆕","🆖","🅾️","🆗","🅿️","🆘","🆙","🆚","🈁","🈂️","🈷️","🈶","🈯","🉐","🈹","🈚","🈲","🉑","🈸","🈴","🈳","㊗️","㊙️","🈺","🈵","🔴","🟠","🟡","🟢","🔵","🟣","🟤","⚫","⚪","🟥","🟧","🟨","🟩","🟦","🟪","🟫","⬛","⬜","◼️","◻️","◾","◽","▪️","▫️","🔶","🔷","🔸","🔹","🔺","🔻","💠","🔘","🔳","🔲"],"Flags":["🏁","🚩","🎌","🏴","🏳️","🏳️‍🌈","🏳️‍⚧️","🏴‍☠️","🇦🇨","🇦🇩","🇦🇪","🇦🇫","🇦🇬","🇦🇮","🇦🇱","🇦🇲","🇦🇴","🇦🇶","🇦🇷","🇦🇸","🇦🇹","🇦🇺","🇦🇼","🇦🇽","🇦🇿","🇧🇦","🇧🇧","🇧🇩","🇧🇪","🇧🇫","🇧🇬","🇧🇭","🇧🇮","🇧🇯","🇧🇱","🇧🇲","🇧🇳","🇧🇴","🇧🇶","🇧🇷","🇧🇸","🇧🇹","🇧🇻","🇧🇼","🇧🇾","🇧🇿","🇨🇦","🇨🇨","🇨🇩","🇨🇫","🇨🇬","🇨🇭","🇨🇮","🇨🇰","🇨🇱","🇨🇲","🇨🇳","🇨🇴","🇨🇵","🇨🇷","🇨🇺","🇨🇻","🇨🇼","🇨🇽","🇨🇾","🇨🇿","🇩🇪","🇩🇬","🇩🇯","🇩🇰","🇩🇲","🇩🇴","🇩🇿","🇪🇦","🇪🇨","🇪🇪","🇪🇬","🇪🇭","🇪🇷","🇪🇸","🇪🇹","🇪🇺","🇫🇮","🇫🇯","🇫🇰","🇫🇲","🇫🇴","🇫🇷","🇬🇦","🇬🇧","🇬🇩","🇬🇪","🇬🇫","🇬🇬","🇬🇭","🇬🇮","🇬🇱","🇬🇲","🇬🇳","🇬🇵","🇬🇶","🇬🇷","🇬🇸","🇬🇹","🇬🇺","🇬🇼","🇬🇾","🇭🇰","🇭🇲","🇭🇳","🇭🇷","🇭🇹","🇭🇺","🇮🇨","🇮🇩","🇮🇪","🇮🇱","🇮🇲","🇮🇳","🇮🇴","🇮🇶","🇮🇷","🇮🇸","🇮🇹","🇯🇪","🇯🇲","🇯🇴","🇯🇵","🇰🇪","🇰🇬","🇰🇭","🇰🇮","🇰🇲","🇰🇳","🇰🇵","🇰🇷","🇰🇼","🇰🇾","🇰🇿","🇱🇦","🇱🇧","🇱🇨","🇱🇮","🇱🇰","🇱🇷","🇱🇸","🇱🇹","🇱🇺","🇱🇻","🇱🇾","🇲🇦","🇲🇨","🇲🇩","🇲🇪","🇲🇫","🇲🇬","🇲🇭","🇲🇰","🇲🇱","🇲🇲","🇲🇳","🇲🇴","🇲🇵","🇲🇶","🇲🇷","🇲🇸","🇲🇹","🇲🇺","🇲🇻","🇲🇼","🇲🇽","🇲🇾","🇲🇿","🇳🇦","🇳🇨","🇳🇪","🇳🇫","🇳🇬","🇳🇮","🇳🇱","🇳🇴","🇳🇵","🇳🇷","🇳🇺","🇳🇿","🇴🇲","🇵🇦","🇵🇪","🇵🇫","🇵🇬","🇵🇭","🇵🇰","🇵🇱","🇵🇲","🇵🇳","🇵🇷","🇵🇸","🇵🇹","🇵🇼","🇵🇾","🇶🇦","🇷🇪","🇷🇴","🇷🇸","🇷🇺","🇷🇼","🇸🇦","🇸🇧","🇸🇨","🇸🇩","🇸🇪","🇸🇬","🇸🇭","🇸🇮","🇸🇯","🇸🇰","🇸🇱","🇸🇲","🇸🇳","🇸🇴","🇸🇷","🇸🇸","🇸🇹","🇸🇻","🇸🇽","🇸🇾","🇸🇿","🇹🇦","🇹🇨","🇹🇩","🇹🇫","🇹🇬","🇹🇭","🇹🇯","🇹🇰","🇹🇱","🇹🇲","🇹🇳","🇹🇴","🇹🇷","🇹🇹","🇹🇻","🇹🇼","🇹🇿","🇺🇦","🇺🇬","🇺🇲","🇺🇳","🇺🇸","🇺🇾","🇺🇿","🇻🇦","🇻🇨","🇻🇪","🇻🇬","🇻🇮","🇻🇳","🇻🇺","🇼🇫","🇼🇸","🇽🇰","🇾🇪","🇾🇹","🇿🇦","🇿🇲","🇿🇼","🏴󠁧󠁢󠁥󠁮󠁧󠁿","🏴󠁧󠁢󠁳󠁣󠁴󠁿","🏴󠁧󠁢󠁷󠁬󠁳󠁿"]}