@akairos/myno 0.3.0 → 0.3.1

package/CHANGELOG.md

@@ -0,0 +1,8 @@
+# Changelog
+
+## v0.3.1
+
+- Own article typography and default theme tokens in `src/styles/`.
+- Export pure CSS through `@akairos/myno/article.css`, `@akairos/myno/tokens-default.css`, and `@akairos/myno/style`.
+- Keep table headers on one line and allow horizontal scrolling while body cells wrap.
+- Remove the standalone article-style package dependency.

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 aatrooox
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -2,11 +2,23 @@
 
 > 🎨 WeChat article WYSIWYG editor & visual typography studio.
 
-`myno` 是面向微信公众号文章的所见即所得编辑器引擎与现代排版工作台。基于 `@milkdown/crepe` 封装，深度集成 `@akairos/milkdown-article-plugins` 与 `@akairos/milkdown-article-style`。
+`myno` 是面向微信公众号文章的所见即所得编辑器引擎与现代排版工作台。基于 `@milkdown/crepe` 封装，集成 `@akairos/milkdown-article-plugins`，统一维护正文 CSS、默认主题变量与微信导出样式。
+
+## 生态与使用者
+
+| 项目 | 与 myno 的关系 |
+| --- | --- |
+| [zzhub-pipeline](https://github.com/k7airos/zzhub-pipeline) · [`@akairos/pipeline`](https://www.npmjs.com/package/@akairos/pipeline) | 从 0.19.0 起可选安装 myno，通过 `plugins.markdownRenderer` 使用本包的排版和工作台资源，负责浏览器运行、文件输出和草稿发布 |
+| [Milkdown Article Plugins](https://github.com/k7airos/milkdown-article-plugins) | myno 的直接依赖，提供扩展语法、输入转换、Markdown 序列化和微信组件渲染 |
+| [Milkdown Article Style](https://github.com/k7airos/milkdown-article-style) | 旧版兼容包；从 myno 0.3.1 起，正文 CSS 与默认主题变量收归 myno |
+| [Typeset Studio](https://github.com/k7airos/typeset-studio) | 配套的封面、卡片和多页 PNG 设计器，可与 myno 同时作为 Pipeline 插件；两者互不依赖 |
+| [Kairos Skills](https://github.com/k7airos/kairos-skills) | 供 Agent 使用的写作语法与发布编排说明 |
+
+Nezus 写作编辑器也是现有消费方，通过 `@akairos/myno/editor` 封装 Vue 接线。自己的 Web 应用也可直接复用该入口，无需安装 Pipeline；仅需调样式和复制文章时使用下面的独立工作台即可。
 
 ## 特色能力
 
-- **极简专业排版工作台**：告别参数堆叠，提供 6 组大师级精选风格套系（极简纸墨、典雅胭脂、冷灰高雅、薄荷清晨、极光深紫、商业经典），支持字号、行距、主色与 H2 风格快速调节。
+- **排版工作台**：提供预设风格套系与配色，支持字号、行距、主色与 H2 风格快速调节。
 - **斜杠菜单 (`/`)**：一键插入导读卡片 (`[!INTRO]`)、文末互动卡片 (`[!CTA]`)、5 种标准提示卡片 (`[!NOTE]` ~ `[!CAUTION]`) 与状态徽章。
 - **选区气泡工具栏**：划词浮现格式工具，支持文章专属高亮、按键、徽章标记。
 - **双模实时同步**：所见即所得编辑与 Markdown 源码模式无缝双向互转。
@@ -20,9 +32,39 @@ bun add @akairos/myno
 npm install @akairos/myno
 ```
 
+在自己的编辑器应用中使用时，还需提供同一套兼容的 `@milkdown/crepe`、`@milkdown/kit`（peer dependencies，当前范围 `^7.21.2`），避免重复的 Milkdown/ProseMirror 实例。
+
+```ts
+import { MynoEditor } from "@akairos/myno/editor";
+
+const editor = new MynoEditor({
+  root: document.getElementById("editor")!,
+  defaultValue: "## 开始写作\n\n正文内容。",
+  onMarkdownChange: markdown => console.log(markdown),
+});
+await editor.create();
+// 页面卸载时调用 await editor.destroy()
+```
+
+`uploadImage` 由宿主注入上传函数；`plugins`、`featureConfigs`、`onCreated` 用于宿主扩展。`styleConfig` / `applyStyleConfig()` 接收 `editorVars`、`exportTheme` 和 `syntaxPresets`，不代表支持完整导出配置中的自定义 CSS 或页首结构。Node 测试只测菜单时使用 `@akairos/myno/menu`，避免编辑器 CSS 导入。
+
+### 仅复用正文样式
+
+```ts
+import "@akairos/myno/tokens-default.css";
+import "@akairos/myno/article.css";
+// 或一次加载两者：import "@akairos/myno/style";
+```
+
+以上为纯 CSS 入口，不加载编辑器 JavaScript。样式源文件位于 `src/styles/`，编辑器、Studio 和导出共用。表格表头保持单行，超出正文宽度时左右滚动，正文单元格允许换行。更新 CSS 后需重建 myno；Pipeline 内置导出也需更新依赖并重建浏览器资源。
+
 ## 独立启动工作台
 
+下面的命令在克隆本仓库后执行，npm 包没有独立 Studio CLI：
+
 ```bash
+git clone https://github.com/k7airos/myno.git
+cd myno
 bun install
 bun run dev
 ```
@@ -37,20 +79,25 @@ bun run dev
 
 从 0.3.0 起提供 `@akairos/myno/adapter`。插件仅提供本包构建的排版工作台和浏览器端排版入口，工作台支持调样式、导出 config。Chrome 启动、超时和 HTML 文件输出由 pipeline 现有运行时管理。myno 不携带浏览器自动化依赖，不启动浏览器或独立 HTTP 服务。
 
-开发时先执行 `bun run build`，在 pipeline 配置中使用本地构建入口：
+在 Pipeline 配置中启用 npm 入口：
 
 ```json
 {
   "plugins": {
     "markdownRenderer": {
-      "module": "/absolute/path/myno/dist/adapter.js",
+      "module": "@akairos/myno/adapter",
       "options": {}
     }
   }
 }
 ```
 
-使用 npm 安装时，将入口改为 `@akairos/myno/adapter`。pipeline 0.19.0 起将 myno 作为可选依赖提供，仍需在配置中显式启用；省略可选依赖安装时，可自行安装到 pipeline 可解析的依赖目录。
+Pipeline 0.19.0 起将 myno 作为可选依赖提供；省略可选依赖安装时，可自行安装到 Pipeline 可解析的依赖目录。源码联调先执行 `bun run build`，再把 `module` 指向本仓库 `dist/adapter.js` 的绝对路径。
+
+```bash
+zzp wechat-preview studio
+zzp wechat-export --markdown ./article.md --out ./article.html --no-preview
+```
 
 - `doctor()` 仅检查本包浏览器资源是否齐全。
 - `browser()` 返回 `{ scriptPath }`，由 pipeline 现有 Chrome 导出运行时加载。Markdown 读取、样式校验、本地图片、输出文件和预览文件由宿主处理。

package/dist/.vite/manifest.json

@@ -10,12 +10,12 @@
     "file": "assets/simple-mode-GW_nhZxv.js",
     "name": "simple-mode"
   },
-  "_syntax-presets-B7ZlwXZx.js": {
-    "file": "assets/syntax-presets-B7ZlwXZx.js",
+  "_syntax-presets-CoA-zUgk.js": {
+    "file": "assets/syntax-presets-CoA-zUgk.js",
     "name": "syntax-presets"
   },
   "node_modules/@codemirror/lang-angular/dist/index.js": {
-    "file": "assets/index-BYo4GXZ3.js",
+    "file": "assets/index-C4U9J6mP.js",
     "name": "index",
     "src": "node_modules/@codemirror/lang-angular/dist/index.js",
     "isDynamicEntry": true,
@@ -24,45 +24,45 @@
       "node_modules/@codemirror/lang-html/dist/index.js",
       "node_modules/@codemirror/lang-javascript/dist/index.js",
       "_index-CAXLlEvK.js",
-      "_syntax-presets-B7ZlwXZx.js",
+      "_syntax-presets-CoA-zUgk.js",
       "node_modules/@codemirror/lang-css/dist/index.js"
     ]
   },
   "node_modules/@codemirror/lang-cpp/dist/index.js": {
-    "file": "assets/index-BVejJ9GP.js",
+    "file": "assets/index-CMxKN2ug.js",
     "name": "index",
     "src": "node_modules/@codemirror/lang-cpp/dist/index.js",
     "isDynamicEntry": true,
     "imports": [
       "_index-CAXLlEvK.js",
       "src/studio/studio.html",
-      "_syntax-presets-B7ZlwXZx.js"
+      "_syntax-presets-CoA-zUgk.js"
     ]
   },
   "node_modules/@codemirror/lang-css/dist/index.js": {
-    "file": "assets/index-Do3WF47E.js",
+    "file": "assets/index-76YuLxi3.js",
     "name": "index",
     "src": "node_modules/@codemirror/lang-css/dist/index.js",
     "isDynamicEntry": true,
     "imports": [
       "_index-CAXLlEvK.js",
       "src/studio/studio.html",
-      "_syntax-presets-B7ZlwXZx.js"
+      "_syntax-presets-CoA-zUgk.js"
     ]
   },
   "node_modules/@codemirror/lang-go/dist/index.js": {
-    "file": "assets/index-DOi0-DWN.js",
+    "file": "assets/index-Be5b0nfK.js",
     "name": "index",
     "src": "node_modules/@codemirror/lang-go/dist/index.js",
     "isDynamicEntry": true,
     "imports": [
       "_index-CAXLlEvK.js",
       "src/studio/studio.html",
-      "_syntax-presets-B7ZlwXZx.js"
+      "_syntax-presets-CoA-zUgk.js"
     ]
   },
   "node_modules/@codemirror/lang-html/dist/index.js": {
-    "file": "assets/index-DIKlav_o.js",
+    "file": "assets/index-B7RyVmkn.js",
     "name": "index",
     "src": "node_modules/@codemirror/lang-html/dist/index.js",
     "isDynamicEntry": true,
@@ -71,33 +71,33 @@
       "src/studio/studio.html",
       "node_modules/@codemirror/lang-css/dist/index.js",
       "node_modules/@codemirror/lang-javascript/dist/index.js",
-      "_syntax-presets-B7ZlwXZx.js"
+      "_syntax-presets-CoA-zUgk.js"
     ]
   },
   "node_modules/@codemirror/lang-java/dist/index.js": {
-    "file": "assets/index-BQQ1Mi1e.js",
+    "file": "assets/index-BbBk60Ij.js",
     "name": "index",
     "src": "node_modules/@codemirror/lang-java/dist/index.js",
     "isDynamicEntry": true,
     "imports": [
       "_index-CAXLlEvK.js",
       "src/studio/studio.html",
-      "_syntax-presets-B7ZlwXZx.js"
+      "_syntax-presets-CoA-zUgk.js"
     ]
   },
   "node_modules/@codemirror/lang-javascript/dist/index.js": {
-    "file": "assets/index-Bf_t_p3-.js",
+    "file": "assets/index-CFRD2Kea.js",
     "name": "index",
     "src": "node_modules/@codemirror/lang-javascript/dist/index.js",
     "isDynamicEntry": true,
     "imports": [
       "_index-CAXLlEvK.js",
       "src/studio/studio.html",
-      "_syntax-presets-B7ZlwXZx.js"
+      "_syntax-presets-CoA-zUgk.js"
     ]
   },
   "node_modules/@codemirror/lang-jinja/dist/index.js": {
-    "file": "assets/index-C7nlezox.js",
+    "file": "assets/index-BvNjhitP.js",
     "name": "index",
     "src": "node_modules/@codemirror/lang-jinja/dist/index.js",
     "isDynamicEntry": true,
@@ -105,24 +105,24 @@
       "src/studio/studio.html",
       "node_modules/@codemirror/lang-html/dist/index.js",
       "_index-CAXLlEvK.js",
-      "_syntax-presets-B7ZlwXZx.js",
+      "_syntax-presets-CoA-zUgk.js",
       "node_modules/@codemirror/lang-css/dist/index.js",
       "node_modules/@codemirror/lang-javascript/dist/index.js"
     ]
   },
   "node_modules/@codemirror/lang-json/dist/index.js": {
-    "file": "assets/index-DJiXc9K-.js",
+    "file": "assets/index-CkuA2-Dq.js",
     "name": "index",
     "src": "node_modules/@codemirror/lang-json/dist/index.js",
     "isDynamicEntry": true,
     "imports": [
       "_index-CAXLlEvK.js",
       "src/studio/studio.html",
-      "_syntax-presets-B7ZlwXZx.js"
+      "_syntax-presets-CoA-zUgk.js"
     ]
   },
   "node_modules/@codemirror/lang-less/dist/index.js": {
-    "file": "assets/index-D33hrwhL.js",
+    "file": "assets/index-C6M3EF2u.js",
     "name": "index",
     "src": "node_modules/@codemirror/lang-less/dist/index.js",
     "isDynamicEntry": true,
@@ -130,11 +130,11 @@
       "src/studio/studio.html",
       "node_modules/@codemirror/lang-css/dist/index.js",
       "_index-CAXLlEvK.js",
-      "_syntax-presets-B7ZlwXZx.js"
+      "_syntax-presets-CoA-zUgk.js"
     ]
   },
   "node_modules/@codemirror/lang-liquid/dist/index.js": {
-    "file": "assets/index-zXdbmld4.js",
+    "file": "assets/index-BWCTJYba.js",
     "name": "index",
     "src": "node_modules/@codemirror/lang-liquid/dist/index.js",
     "isDynamicEntry": true,
@@ -142,27 +142,27 @@
       "src/studio/studio.html",
       "node_modules/@codemirror/lang-html/dist/index.js",
       "_index-CAXLlEvK.js",
-      "_syntax-presets-B7ZlwXZx.js",
+      "_syntax-presets-CoA-zUgk.js",
       "node_modules/@codemirror/lang-css/dist/index.js",
       "node_modules/@codemirror/lang-javascript/dist/index.js"
     ]
   },
   "node_modules/@codemirror/lang-markdown/dist/index.js": {
-    "file": "assets/index-Bx5kysUB.js",
+    "file": "assets/index-CYmRM47f.js",
     "name": "index",
     "src": "node_modules/@codemirror/lang-markdown/dist/index.js",
     "isDynamicEntry": true,
     "imports": [
       "src/studio/studio.html",
       "node_modules/@codemirror/lang-html/dist/index.js",
-      "_syntax-presets-B7ZlwXZx.js",
+      "_syntax-presets-CoA-zUgk.js",
       "_index-CAXLlEvK.js",
       "node_modules/@codemirror/lang-css/dist/index.js",
       "node_modules/@codemirror/lang-javascript/dist/index.js"
     ]
   },
   "node_modules/@codemirror/lang-php/dist/index.js": {
-    "file": "assets/index-BzdnLbE6.js",
+    "file": "assets/index-BsFL19fO.js",
     "name": "index",
     "src": "node_modules/@codemirror/lang-php/dist/index.js",
     "isDynamicEntry": true,
@@ -170,35 +170,35 @@
       "_index-CAXLlEvK.js",
       "src/studio/studio.html",
       "node_modules/@codemirror/lang-html/dist/index.js",
-      "_syntax-presets-B7ZlwXZx.js",
+      "_syntax-presets-CoA-zUgk.js",
       "node_modules/@codemirror/lang-css/dist/index.js",
       "node_modules/@codemirror/lang-javascript/dist/index.js"
     ]
   },
   "node_modules/@codemirror/lang-python/dist/index.js": {
-    "file": "assets/index-mcj80rA1.js",
+    "file": "assets/index-CgHZBsFk.js",
     "name": "index",
     "src": "node_modules/@codemirror/lang-python/dist/index.js",
     "isDynamicEntry": true,
     "imports": [
       "_index-CAXLlEvK.js",
       "src/studio/studio.html",
-      "_syntax-presets-B7ZlwXZx.js"
+      "_syntax-presets-CoA-zUgk.js"
     ]
   },
   "node_modules/@codemirror/lang-rust/dist/index.js": {
-    "file": "assets/index-Ct6xQ87_.js",
+    "file": "assets/index-BFqVGrx5.js",
     "name": "index",
     "src": "node_modules/@codemirror/lang-rust/dist/index.js",
     "isDynamicEntry": true,
     "imports": [
       "_index-CAXLlEvK.js",
       "src/studio/studio.html",
-      "_syntax-presets-B7ZlwXZx.js"
+      "_syntax-presets-CoA-zUgk.js"
     ]
   },
   "node_modules/@codemirror/lang-sass/dist/index.js": {
-    "file": "assets/index-dFTt0umM.js",
+    "file": "assets/index-Dap3LTeU.js",
     "name": "index",
     "src": "node_modules/@codemirror/lang-sass/dist/index.js",
     "isDynamicEntry": true,
@@ -206,22 +206,22 @@
       "_index-CAXLlEvK.js",
       "src/studio/studio.html",
       "node_modules/@codemirror/lang-css/dist/index.js",
-      "_syntax-presets-B7ZlwXZx.js"
+      "_syntax-presets-CoA-zUgk.js"
     ]
   },
   "node_modules/@codemirror/lang-sql/dist/index.js": {
-    "file": "assets/index-DkaQHRr_.js",
+    "file": "assets/index-geduL7if.js",
     "name": "index",
     "src": "node_modules/@codemirror/lang-sql/dist/index.js",
     "isDynamicEntry": true,
     "imports": [
       "src/studio/studio.html",
       "_index-CAXLlEvK.js",
-      "_syntax-presets-B7ZlwXZx.js"
+      "_syntax-presets-CoA-zUgk.js"
     ]
   },
   "node_modules/@codemirror/lang-vue/dist/index.js": {
-    "file": "assets/index-BQaqd7HV.js",
+    "file": "assets/index-DAD2d4p9.js",
     "name": "index",
     "src": "node_modules/@codemirror/lang-vue/dist/index.js",
     "isDynamicEntry": true,
@@ -230,41 +230,41 @@
       "node_modules/@codemirror/lang-html/dist/index.js",
       "node_modules/@codemirror/lang-javascript/dist/index.js",
       "_index-CAXLlEvK.js",
-      "_syntax-presets-B7ZlwXZx.js",
+      "_syntax-presets-CoA-zUgk.js",
       "node_modules/@codemirror/lang-css/dist/index.js"
     ]
   },
   "node_modules/@codemirror/lang-wast/dist/index.js": {
-    "file": "assets/index-DGkCtD3C.js",
+    "file": "assets/index-BafFtz6v.js",
     "name": "index",
     "src": "node_modules/@codemirror/lang-wast/dist/index.js",
     "isDynamicEntry": true,
     "imports": [
       "src/studio/studio.html",
       "_index-CAXLlEvK.js",
-      "_syntax-presets-B7ZlwXZx.js"
+      "_syntax-presets-CoA-zUgk.js"
     ]
   },
   "node_modules/@codemirror/lang-xml/dist/index.js": {
-    "file": "assets/index-C77pdafO.js",
+    "file": "assets/index-N1oAD1df.js",
     "name": "index",
     "src": "node_modules/@codemirror/lang-xml/dist/index.js",
     "isDynamicEntry": true,
     "imports": [
       "_index-CAXLlEvK.js",
       "src/studio/studio.html",
-      "_syntax-presets-B7ZlwXZx.js"
+      "_syntax-presets-CoA-zUgk.js"
     ]
   },
   "node_modules/@codemirror/lang-yaml/dist/index.js": {
-    "file": "assets/index-D55fsC0p.js",
+    "file": "assets/index-CbDkmZGJ.js",
     "name": "index",
     "src": "node_modules/@codemirror/lang-yaml/dist/index.js",
     "isDynamicEntry": true,
     "imports": [
       "_index-CAXLlEvK.js",
       "src/studio/studio.html",
-      "_syntax-presets-B7ZlwXZx.js"
+      "_syntax-presets-CoA-zUgk.js"
     ]
   },
   "node_modules/@codemirror/legacy-modes/mode/apl.js": {
@@ -1085,7 +1085,7 @@
     "src": "src/studio/editor-export.ts",
     "isEntry": true,
     "imports": [
-      "_syntax-presets-B7ZlwXZx.js"
+      "_syntax-presets-CoA-zUgk.js"
     ]
   },
   "src/studio/studio.html": {
@@ -1094,7 +1094,7 @@
     "src": "src/studio/studio.html",
     "isEntry": true,
     "imports": [
-      "_syntax-presets-B7ZlwXZx.js"
+      "_syntax-presets-CoA-zUgk.js"
     ],
     "dynamicImports": [
       "node_modules/@codemirror/lang-sql/dist/index.js",
@@ -1297,7 +1297,7 @@
     ]
   },
   "style.css": {
-    "file": "assets/style-B23kjid6.css",
+    "file": "assets/style-Dbq6kayK.css",
     "src": "style.css"
   }
 }