nolo-cli 0.1.26 → 0.1.29

package/create/editor/tableCommands.ts

@@ -0,0 +1,270 @@
+import { Editor, Transforms, Element as SlateElement, Path } from "slate";
+import { ReactEditor } from "slate-react";
+
+type CustomEditor = ReactEditor & {
+  nodeToDecorations?: Map<SlateElement, Range[]>;
+};
+
+export const isSelectionInTable = (editor: CustomEditor): boolean => {
+  const [table] = Editor.nodes(editor, {
+    match: (n) =>
+      !Editor.isEditor(n) && SlateElement.isElement(n) && n.type === "table",
+  });
+  return !!table;
+};
+
+const getCurrentTable = (
+  editor: CustomEditor
+): [SlateElement, Path] | undefined => {
+  const [table] = Editor.nodes(editor, {
+    match: (n) =>
+      !Editor.isEditor(n) && SlateElement.isElement(n) && n.type === "table",
+  });
+  return table ? (table as [SlateElement, Path]) : undefined;
+};
+
+const createTableCell = (): SlateElement => ({
+  type: "table-cell",
+  children: [{ type: "paragraph", children: [{ text: "" }] }],
+});
+
+export const insertRow = (
+  editor: CustomEditor,
+  direction: "above" | "below"
+) => {
+  const [rowEntry] = Editor.nodes(editor, {
+    match: (n) => n.type === "table-row",
+  });
+  const [tableEntry] = Editor.nodes(editor, {
+    match: (n) => n.type === "table",
+  });
+  if (rowEntry && tableEntry) {
+    const [rowNode, rowPath] = rowEntry;
+    const [tableNode] = tableEntry;
+    const columns = (tableNode.children[0] as SlateElement).children.length;
+    const newRow: SlateElement = {
+      type: "table-row",
+      children: Array.from({ length: columns }, createTableCell),
+    };
+    const insertPath = direction === "below" ? Path.next(rowPath) : rowPath;
+    Transforms.insertNodes(editor, newRow, { at: insertPath });
+  }
+};
+
+export const insertColumn = (
+  editor: CustomEditor,
+  direction: "left" | "right"
+) => {
+  const [cellEntry] = Editor.nodes(editor, {
+    match: (n) => n.type === "table-cell",
+  });
+  const table = getCurrentTable(editor);
+  if (cellEntry && table) {
+    const [, cellPath] = cellEntry;
+    const [tableNode, tablePath] = table;
+    const colIndex = cellPath[cellPath.length - 1];
+    for (let i = 0; i < tableNode.children.length; i++) {
+      const rowPath = [...tablePath, i];
+      const insertPath = [
+        ...rowPath,
+        direction === "right" ? colIndex + 1 : colIndex,
+      ];
+      Transforms.insertNodes(editor, createTableCell(), { at: insertPath });
+    }
+  }
+};
+
+export const deleteRow = (editor: CustomEditor) => {
+  const [rowEntry] = Editor.nodes(editor, {
+    match: (n) => n.type === "table-row",
+  });
+  if (rowEntry) {
+    const table = getCurrentTable(editor);
+    if (table && table[0].children.length <= 1) deleteTable(editor);
+    else Transforms.removeNodes(editor, { at: rowEntry[1] });
+  }
+};
+
+export const deleteColumn = (editor: CustomEditor) => {
+  const [cellEntry] = Editor.nodes(editor, {
+    match: (n) => n.type === "table-cell",
+  });
+  if (cellEntry) {
+    const [, cellPath] = cellEntry;
+    const table = getCurrentTable(editor);
+    const colIndex = cellPath[cellPath.length - 1];
+    if (table) {
+      const [tableNode, tablePath] = table;
+      if ((tableNode.children[0] as SlateElement).children.length <= 1)
+        deleteTable(editor);
+      else
+        for (let i = 0; i < tableNode.children.length; i++)
+          Transforms.removeNodes(editor, { at: [...tablePath, i, colIndex] });
+    }
+  }
+};
+
+export const deleteTable = (editor: CustomEditor) => {
+  const table = getCurrentTable(editor);
+  if (table) Transforms.removeNodes(editor, { at: table[1] });
+};
+
+const getAllCellsInTable = (editor: CustomEditor): [SlateElement, Path][] => {
+  const table = getCurrentTable(editor);
+  if (!table) return [];
+  const [, tablePath] = table;
+  return Array.from(
+    Editor.nodes(editor, {
+      at: tablePath,
+      match: (n) => n.type === "table-cell",
+    })
+  ) as [SlateElement, Path][];
+};
+
+export const moveToNextCell = (editor: CustomEditor) => {
+  const [currentCell] = Editor.nodes(editor, {
+    match: (n) => n.type === "table-cell",
+  });
+  if (!currentCell) return;
+  const allCells = getAllCellsInTable(editor);
+  const currentIndex = allCells.findIndex((c) =>
+    Path.equals(c[1], currentCell[1])
+  );
+  if (currentIndex < allCells.length - 1) {
+    const nextCellPath = allCells[currentIndex + 1][1];
+    Transforms.select(editor, Editor.start(editor, nextCellPath));
+  } else {
+    insertRow(editor, "below");
+    // After inserting, we need to find the new cell path
+    const [row] = Editor.above(editor, {
+      match: (n) => n.type === "table-row",
+    });
+    if (row) {
+      const nextRowPath = Path.next(row[1]);
+      Transforms.select(editor, Editor.start(editor, nextRowPath));
+    }
+  }
+};
+
+export const moveToPreviousCell = (editor: CustomEditor) => {
+  const [currentCell] = Editor.nodes(editor, {
+    match: (n) => n.type === "table-cell",
+  });
+  if (!currentCell) return;
+  const allCells = getAllCellsInTable(editor);
+  const currentIndex = allCells.findIndex((c) =>
+    Path.equals(c[1], currentCell[1])
+  );
+  if (currentIndex > 0) {
+    const prevCellPath = allCells[currentIndex - 1][1];
+    Transforms.select(editor, Editor.start(editor, prevCellPath));
+  }
+};
+
+export const setColumnWidth = (
+  editor: CustomEditor,
+  tablePath: Path,
+  columnIndex: number,
+  newWidth: number
+) => {
+  const tableNode = Editor.node(editor, tablePath)[0] as SlateElement;
+  if (!tableNode || tableNode.type !== "table" || !tableNode.columns) {
+    return;
+  }
+  // 使用 structuredClone 替代 JSON.parse(JSON.stringify(...))，更现代、性能更好
+  const newColumns = structuredClone(tableNode.columns);
+
+  if (newColumns[columnIndex]) {
+    // 确保宽度不小于一个最小值，比如40px
+    newColumns[columnIndex].width = Math.max(newWidth, 40);
+  } else {
+    return;
+  }
+  Transforms.setNodes(editor, { columns: newColumns }, { at: tablePath });
+};
+
+// --- vvvv 方向键导航逻辑 (新增) vvvv ---
+
+/**
+ * 内部辅助函数，处理向相邻单元格移动的核心逻辑
+ * @param editor 编辑器实例
+ * @param direction 移动方向: 'up', 'down', 'left', 'right'
+ */
+const moveToAdjacentCell = (
+  editor: CustomEditor,
+  direction: "up" | "down" | "left" | "right"
+) => {
+  const { selection } = editor;
+  if (!selection) return;
+
+  const [cell, cellPath] = Editor.nodes(editor, {
+    match: (n) => n.type === "table-cell",
+    at: selection,
+  });
+
+  if (!cell || !cellPath) return;
+
+  const [table, tablePath] = Editor.above(editor, {
+    match: (n) => n.type === "table",
+  });
+  const [row, rowPath] = Editor.above(editor, {
+    match: (n) => n.type === "table-row",
+  });
+
+  // @ts-ignore
+  if (
+    !rowPath ||
+    !tablePath ||
+    !table ||
+    !row ||
+    !table.children ||
+    !row.children
+  )
+    return;
+
+  const rowIndex = rowPath[rowPath.length - 1];
+  const colIndex = cellPath[cellPath.length - 1];
+
+  let targetPath: Path | undefined;
+
+  switch (direction) {
+    case "up":
+      if (rowIndex > 0) {
+        targetPath = [...tablePath, rowIndex - 1, colIndex];
+      }
+      break;
+    case "down":
+      // @ts-ignore
+      if (rowIndex < table.children.length - 1) {
+        targetPath = [...tablePath, rowIndex + 1, colIndex];
+      }
+      break;
+    case "left":
+      if (colIndex > 0) {
+        targetPath = [...rowPath, colIndex - 1];
+      }
+      break;
+    case "right":
+      // @ts-ignore
+      if (colIndex < row.children.length - 1) {
+        targetPath = [...rowPath, colIndex + 1];
+      }
+      break;
+  }
+
+  if (targetPath && Editor.hasPath(editor, targetPath)) {
+    // 移动光标到目标单元格的开头
+    Transforms.select(editor, Editor.start(editor, targetPath));
+  }
+};
+
+export const moveToUpperCell = (editor: CustomEditor) =>
+  moveToAdjacentCell(editor, "up");
+export const moveToLowerCell = (editor: CustomEditor) =>
+  moveToAdjacentCell(editor, "down");
+export const moveToLeftCell = (editor: CustomEditor) =>
+  moveToAdjacentCell(editor, "left");
+export const moveToRightCell = (editor: CustomEditor) =>
+  moveToAdjacentCell(editor, "right");
+
+// --- ^^^^ 方向键导航逻辑 (结束) ^^^^ ---

package/create/editor/theme/prism/default.ts

@@ -0,0 +1,145 @@
+// ./theme/prism/default.ts
+
+// 这里的内容直接用你问题里贴的 defaultCss 原样拷贝即可
+export const defaultCss = `
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+
+code[class*="language-"],
+pre[class*="language-"] {
+    color: black;
+    background: none;
+    text-shadow: 0 1px white;
+    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+    font-size: 1em;
+    text-align: left;
+    white-space: pre;
+    word-spacing: normal;
+    word-break: normal;
+    word-wrap: normal;
+    line-height: 1.5;
+
+    -moz-tab-size: 4;
+    -o-tab-size: 4;
+    tab-size: 4;
+
+    -webkit-hyphens: none;
+    -moz-hyphens: none;
+    -ms-hyphens: none;
+    hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
+    text-shadow: none;
+    background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
+code[class*="language-"]::selection, code[class*="language-"] ::selection {
+    text-shadow: none;
+    background: #b3d4fc;
+}
+
+@media print {
+    code[class*="language-"],
+    pre[class*="language-"] {
+        text-shadow: none;
+    }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+    padding: 1em;
+    margin: .5em 0;
+    overflow: auto;
+}
+
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+    background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+    padding: .1em;
+    border-radius: .3em;
+    white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+    color: slategray;
+}
+
+.token.punctuation {
+    color: #999;
+}
+
+.token.namespace {
+    opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+    color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+    color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+    color: #9a6e3a;
+    /* This background color was intended by the author of this theme. */
+    background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+    color: #07a;
+}
+
+.token.function,
+.token.class-name {
+    color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+    color: #e90;
+}
+
+.token.important,
+.token.bold {
+    font-weight: bold;
+}
+.token.italic {
+    font-style: italic;
+}
+
+.token.entity {
+    cursor: help;
+}
+`;

package/create/editor/theme/prism/githubDark.ts

@@ -0,0 +1,139 @@
+// ./theme/prism/githubDark.ts
+
+export const githubDark = `
+/**
+ * GitHub-like dark theme for Prism.js
+ * 参考 GitHub Dark 代码配色
+ */
+
+code[class*="language-"],
+pre[class*="language-"] {
+  color: #c9d1d9;
+  background: none;
+  text-shadow: none;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  font-size: 1em;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+  margin: .5em 0;
+  padding: 1em;
+  overflow: auto;
+  border-radius: 6px;
+  background: #0d1117;
+  border: 1px solid #30363d;
+}
+
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+  padding: .2em .4em;
+  border-radius: 4px;
+  background-color: rgba(110, 118, 129, 0.4);
+  color: #e6edf3;
+  white-space: normal;
+}
+
+/* Selection */
+pre[class*="language-"] ::selection,
+code[class*="language-"] ::selection {
+  background: rgba(56, 139, 253, 0.4);
+}
+
+pre[class*="language-"]::-moz-selection,
+code[class*="language-"]::-moz-selection {
+  background: rgba(56, 139, 253, 0.4);
+}
+
+/* Tokens */
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: #8b949e;
+}
+
+.token.punctuation {
+  color: #c9d1d9;
+}
+
+.namespace {
+  opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #ff7b72; /* 红/标签等 */
+}
+
+.token.boolean,
+.token.number {
+  color: #f2cc60; /* 黄/数值 */
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #a5d6ff; /* 浅蓝/字符串 */
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #f0883e;
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #ff7b72; /* 关键字红橙 */
+}
+
+.token.function,
+.token.class-name {
+  color: #d2a8ff; /* 紫 */
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+  color: #f2cc60; /* 黄 */
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}
+`;

package/create/editor/theme/prism/githubLight.ts

@@ -0,0 +1,139 @@
+// ./theme/prism/githubLight.ts
+
+export const githubLight = `
+/**
+ * GitHub-like light theme for Prism.js
+ * 参考 GitHub 代码配色（浅色）
+ */
+
+code[class*="language-"],
+pre[class*="language-"] {
+  color: #24292e;
+  background: none;
+  text-shadow: none;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  font-size: 1em;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+  margin: .5em 0;
+  padding: 1em;
+  overflow: auto;
+  border-radius: 6px;
+  background: #f6f8fa;
+  border: 1px solid #d0d7de;
+}
+
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+  padding: .2em .4em;
+  border-radius: 4px;
+  background-color: rgba(175, 184, 193, 0.2);
+  color: #24292f;
+  white-space: normal;
+}
+
+/* Selection */
+pre[class*="language-"] ::selection,
+code[class*="language-"] ::selection {
+  background: rgba(180, 213, 255, 0.7);
+}
+
+pre[class*="language-"]::-moz-selection,
+code[class*="language-"]::-moz-selection {
+  background: rgba(180, 213, 255, 0.7);
+}
+
+/* Tokens */
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+ : #6a737d;
+}
+
+.token.punctuation {
+  color: #24292e;
+}
+
+.namespace {
+  opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #d73a49; /* 红 */
+}
+
+.token.boolean,
+.token.number {
+  color: #005cc5; /* 蓝 */
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #032f62; /* 深蓝/字符串 */
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #d73a49;
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #d73a49;
+}
+
+.token.function,
+.token.class-name {
+  color: #6f42c1; /* 紫色函数/类名 */
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e36209; /* 橙色 */
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}
+`;

package/create/editor/theme/prism/index.ts

@@ -0,0 +1,23 @@
+// ./theme/prism/index.ts
+
+import { defaultCss } from "./default";
+import { okaidia } from "./okaidia";
+import { githubLight } from "./githubLight";
+import { githubDark } from "./githubDark";
+
+// 主题映射表
+export const PRISM_CODE_THEMES: Record<string, string> = {
+  default: defaultCss,
+  okaidia,
+  "github-light": githubLight,
+  "github-dark": githubDark,
+
+  // 如果之前老代码里已经使用 "github-dark" 映射到 okaidia，
+  // 你也可以保留一条兼容映射：
+  //
+  // "legacy-github-dark": okaidia,
+};
+
+// 根据名称获取 CSS（带默认回退）
+export const getPrismThemeCss = (name?: string): string =>
+  PRISM_CODE_THEMES[name ?? "default"] ?? PRISM_CODE_THEMES["default"];