@haklex/rich-kit-shiro 0.0.3

package/LICENSE

@@ -0,0 +1,28 @@
+MIT License
+
+Copyright (c) 2024 Innei
+
+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.
+
+
+Additional Terms and Conditions
+
+----------------
+
+Use of this software is governed by the terms of MIT and, in addition, by the terms and conditions described in the additional file (ADDITIONAL_TERMS.md). By using this software, you agree to abide by these additional terms and conditions.

package/README.md

@@ -0,0 +1,111 @@
+# @haklex/rich-kit-shiro
+
+生产就绪的编辑器包，包含所有渲染器、插件和扩展。
+
+## 安装
+
+```bash
+pnpm add @haklex/rich-kit-shiro lexical @lexical/react
+```
+
+## 使用
+
+### 编辑器
+
+```tsx
+import { ShiroEditor } from '@haklex/rich-kit-shiro/editor'
+import '@haklex/rich-kit-shiro/style.css'
+
+function Editor() {
+  const [state, setState] = useState()
+
+  return (
+    <ShiroEditor
+      initialValue={state}
+      onChange={setState}
+      variant="article"
+    />
+  )
+}
+```
+
+### 渲染器
+
+```tsx
+import { ShiroRenderer } from '@haklex/rich-kit-shiro/renderer'
+import '@haklex/rich-kit-shiro/style.css'
+
+function Article({ content }) {
+  return <ShiroRenderer value={content} variant="article" />
+}
+```
+
+## 内置功能
+
+ShiroEditor 自动包含：
+
+- 所有编辑渲染器
+- SlashMenuPlugin
+- FloatingToolbarPlugin
+- FloatingLinkEditorPlugin
+- TldrawPlugin
+- EmbedPlugin
+- 表格单元格调整
+
+## API
+
+### ShiroEditorProps
+
+继承 `RichEditorProps`，但省略 `rendererConfig`、`extraNodes`：
+
+```ts
+interface ShiroEditorProps extends Omit<RichEditorProps, 'rendererConfig' | 'extraNodes' | 'actions'> {
+  extraNodes?: Array<Klass<LexicalNode>>
+  actions?: ReactNode
+  selfHostnames?: string[]  // EmbedPlugin 用
+}
+```
+
+### ShiroRendererProps
+
+继承 `RichRendererProps`，但省略 `rendererConfig`、`extraNodes`：
+
+```ts
+interface ShiroRendererProps extends Omit<RichRendererProps, 'rendererConfig' | 'extraNodes'> {
+  extraNodes?: Array<Klass<LexicalNode>>
+}
+```
+
+## 导出
+
+```ts
+// 组件
+export { ShiroEditor } from './ShiroEditor'
+export { ShiroRenderer } from './ShiroRenderer'
+
+// 类型
+export type { ShiroEditorProps } from './ShiroEditor'
+export type { ShiroRendererProps } from './ShiroRenderer'
+
+// 重新导出常用类型
+export type { ColorScheme, RendererConfig, RichEditorVariant } from '@haklex/rich-editor'
+
+// 重新导出配置（高级用法）
+export { enhancedRendererConfig } from '@haklex/rich-renderers'
+export { enhancedEditRendererConfig } from '@haklex/rich-renderers-edit'
+```
+
+## 依赖
+
+```json
+{
+  "lexical": "^0.39.0",
+  "@lexical/react": "^0.39.0",
+  "react": ">=19",
+  "react-dom": ">=19"
+}
+```
+
+## License
+
+MIT

package/dist/ShiroEditor.d.ts

@@ -0,0 +1,10 @@
+import { RichEditorProps } from '@haklex/rich-editor';
+import { Klass, LexicalNode } from 'lexical';
+import { ReactNode } from 'react';
+export interface ShiroEditorProps extends Omit<RichEditorProps, 'rendererConfig' | 'extraNodes' | 'actions'> {
+    extraNodes?: Array<Klass<LexicalNode>>;
+    actions?: ReactNode;
+    selfHostnames?: string[];
+}
+export declare function ShiroEditor({ extraNodes, actions, children, selfHostnames, ...props }: ShiroEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ShiroEditor.d.ts.map

package/dist/ShiroEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShiroEditor.d.ts","sourceRoot":"","sources":["../src/ShiroEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAoB1D,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAYtC,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,eAAe,EACf,gBAAgB,GAAG,YAAY,GAAG,SAAS,CAC5C;IACC,UAAU,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAA;IACtC,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;CACzB;AAED,wBAAgB,WAAW,CAAC,EAC1B,UAAU,EACV,OAAO,EACP,QAAQ,EACR,aAAa,EACb,GAAG,KAAK,EACT,EAAE,gBAAgB,2CA6BlB"}

package/dist/ShiroRenderer.d.ts

@@ -0,0 +1,7 @@
+import { RichRendererProps } from '@haklex/rich-editor';
+import { Klass, LexicalNode } from 'lexical';
+export interface ShiroRendererProps extends Omit<RichRendererProps, 'rendererConfig' | 'extraNodes'> {
+    extraNodes?: Array<Klass<LexicalNode>>;
+}
+export declare function ShiroRenderer({ extraNodes, ...props }: ShiroRendererProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ShiroRenderer.d.ts.map

package/dist/ShiroRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShiroRenderer.d.ts","sourceRoot":"","sources":["../src/ShiroRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAS5D,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAUjD,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAC9C,iBAAiB,EACjB,gBAAgB,GAAG,YAAY,CAChC;IACC,UAAU,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAA;CACvC;AAED,wBAAgB,aAAa,CAAC,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAczE"}

package/dist/editor.mjs

@@ -0,0 +1,55 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { RichEditor } from "@haklex/rich-editor";
+import { BlockHandlePlugin } from "@haklex/rich-plugin-block-handle";
+import { FloatingToolbarPlugin } from "@haklex/rich-plugin-floating-toolbar";
+import { FloatingLinkEditorPlugin } from "@haklex/rich-plugin-link-edit";
+import { SlashMenuPlugin } from "@haklex/rich-plugin-slash-menu";
+import { TableRowColumnHandlesPlugin, TableCellResizerPlugin } from "@haklex/rich-plugin-table";
+import { TldrawNode, galleryNodes } from "@haklex/rich-renderers";
+import { embedEditNodes, linkCardEditNodes, katexEditNodes, codeSnippetEditNodes, enhancedEditRendererConfig, TldrawPlugin, EmbedPlugin } from "@haklex/rich-renderers-edit";
+import { useMemo } from "react";
+const defaultExtraNodes = [
+  TldrawNode,
+  ...embedEditNodes,
+  ...linkCardEditNodes,
+  ...katexEditNodes,
+  ...galleryNodes,
+  ...codeSnippetEditNodes
+];
+function ShiroEditor({
+  extraNodes,
+  actions,
+  children,
+  selfHostnames,
+  ...props
+}) {
+  const mergedNodes = useMemo(
+    () => extraNodes ? [...defaultExtraNodes, ...extraNodes] : defaultExtraNodes,
+    [extraNodes]
+  );
+  return /* @__PURE__ */ jsxs(
+    RichEditor,
+    {
+      ...props,
+      extraNodes: mergedNodes,
+      rendererConfig: enhancedEditRendererConfig,
+      actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(SlashMenuPlugin, {}),
+        actions
+      ] }),
+      children: [
+        /* @__PURE__ */ jsx(BlockHandlePlugin, {}),
+        /* @__PURE__ */ jsx(FloatingToolbarPlugin, {}),
+        /* @__PURE__ */ jsx(FloatingLinkEditorPlugin, {}),
+        /* @__PURE__ */ jsx(TldrawPlugin, {}),
+        /* @__PURE__ */ jsx(EmbedPlugin, { selfHostnames }),
+        /* @__PURE__ */ jsx(TableRowColumnHandlesPlugin, {}),
+        /* @__PURE__ */ jsx(TableCellResizerPlugin, {}),
+        children
+      ]
+    }
+  );
+}
+export {
+  ShiroEditor
+};

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+export type { ShiroEditorProps } from './ShiroEditor';
+export { ShiroEditor } from './ShiroEditor';
+export type { ShiroRendererProps } from './ShiroRenderer';
+export { ShiroRenderer } from './ShiroRenderer';
+export type { ColorScheme, RendererConfig, RichEditorVariant, } from '@haklex/rich-editor';
+export { enhancedRendererConfig } from '@haklex/rich-renderers';
+export { enhancedEditRendererConfig } from '@haklex/rich-renderers-edit';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAG/C,YAAY,EACV,WAAW,EACX,cAAc,EACd,iBAAiB,GAClB,MAAM,qBAAqB,CAAA;AAG5B,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAC/D,OAAO,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAA"}

package/dist/index.mjs

@@ -0,0 +1,10 @@
+import { ShiroEditor } from "./editor.mjs";
+import { ShiroRenderer } from "./renderer.mjs";
+import { enhancedRendererConfig } from "@haklex/rich-renderers";
+import { enhancedEditRendererConfig } from "@haklex/rich-renderers-edit";
+export {
+  ShiroEditor,
+  ShiroRenderer,
+  enhancedEditRendererConfig,
+  enhancedRendererConfig
+};

package/dist/renderer.mjs

@@ -0,0 +1,27 @@
+import { jsx } from "react/jsx-runtime";
+import { RichRenderer } from "@haklex/rich-editor";
+import { TldrawNode, embedNodes, galleryNodes, codeSnippetNodes, enhancedRendererConfig } from "@haklex/rich-renderers";
+import { useMemo } from "react";
+const defaultExtraNodes = [
+  TldrawNode,
+  ...embedNodes,
+  ...galleryNodes,
+  ...codeSnippetNodes
+];
+function ShiroRenderer({ extraNodes, ...props }) {
+  const mergedNodes = useMemo(
+    () => extraNodes ? [...defaultExtraNodes, ...extraNodes] : defaultExtraNodes,
+    [extraNodes]
+  );
+  return /* @__PURE__ */ jsx(
+    RichRenderer,
+    {
+      ...props,
+      extraNodes: mergedNodes,
+      rendererConfig: enhancedRendererConfig
+    }
+  );
+}
+export {
+  ShiroRenderer
+};

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "@haklex/rich-kit-shiro",
+  "version": "0.0.3",
+  "description": "Production bundle for Shiroi blog",
+  "license": "MIT",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./editor": {
+      "import": "./dist/editor.mjs",
+      "types": "./dist/editor.d.ts"
+    },
+    "./renderer": {
+      "import": "./dist/renderer.mjs",
+      "types": "./dist/renderer.d.ts"
+    },
+    "./style.css": "./src/style.css"
+  },
+  "main": "./dist/index.mjs",
+  "files": [
+    "dist",
+    "src/style.css"
+  ],
+  "dependencies": {
+    "@haklex/rich-editor": "0.0.3",
+    "@haklex/rich-editor-ui": "0.0.3",
+    "@haklex/rich-plugin-block-handle": "0.0.3",
+    "@haklex/rich-ext-tldraw": "0.0.3",
+    "@haklex/rich-plugin-floating-toolbar": "0.0.3",
+    "@haklex/rich-plugin-link-edit": "0.0.3",
+    "@haklex/rich-plugin-slash-menu": "0.0.3",
+    "@haklex/rich-plugin-table": "0.0.3",
+    "@haklex/rich-renderers": "0.0.3",
+    "@haklex/rich-renderers-edit": "0.0.3"
+  },
+  "devDependencies": {
+    "@lexical/react": "^0.39.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "lexical": "^0.39.0",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
+    "typescript": "^5.9.0",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.0"
+  },
+  "peerDependencies": {
+    "@lexical/react": "^0.39.0",
+    "lexical": "^0.39.0",
+    "react": ">=19",
+    "react-dom": ">=19"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vite build",
+    "dev:build": "vite build --watch"
+  },
+  "types": "./dist/index.d.ts"
+}

package/src/style.css

@@ -0,0 +1,6 @@
+@import '@haklex/rich-editor/style.css';
+@import '@haklex/rich-editor-ui/style.css';
+@import '@haklex/rich-plugin-block-handle/style.css';
+@import '@haklex/rich-plugin-floating-toolbar/style.css';
+@import '@haklex/rich-plugin-table/style.css';
+@import '@haklex/rich-renderers/style.css';