@milkdown/crepe 7.8.0 → 7.9.0

package/lib/esm/index-C1aVAv1l.js

@@ -0,0 +1,124 @@
+import { defaultKeymap, indentWithTab } from '@codemirror/commands';
+import { keymap } from '@codemirror/view';
+import { codeBlockConfig, codeBlockComponent } from '@milkdown/kit/component/code-block';
+import { basicSetup } from 'codemirror';
+import { e as editIcon } from './edit-D--t_JAb.js';
+
+const chevronDownIcon = `
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
+    stroke-width="1.5"
+    stroke="currentColor"
+    class="w-6 h-6"
+  >
+    <path
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      d="M19.5 8.25l-7.5 7.5-7.5-7.5"
+    />
+  </svg>
+`;
+
+const clearIcon = `
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+  >
+    <g clip-path="url(#clip0_1098_15553)">
+      <path
+        d="M18.3007 5.70973C17.9107 5.31973 17.2807 5.31973 16.8907 5.70973L12.0007 10.5897L7.1107 5.69973C6.7207 5.30973 6.0907 5.30973 5.7007 5.69973C5.3107 6.08973 5.3107 6.71973 5.7007 7.10973L10.5907 11.9997L5.7007 16.8897C5.3107 17.2797 5.3107 17.9097 5.7007 18.2997C6.0907 18.6897 6.7207 18.6897 7.1107 18.2997L12.0007 13.4097L16.8907 18.2997C17.2807 18.6897 17.9107 18.6897 18.3007 18.2997C18.6907 17.9097 18.6907 17.2797 18.3007 16.8897L13.4107 11.9997L18.3007 7.10973C18.6807 6.72973 18.6807 6.08973 18.3007 5.70973Z"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_1098_15553">
+        <rect width="24" height="24" />
+      </clipPath>
+    </defs>
+  </svg>
+`;
+
+const searchIcon = `
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
+    stroke-width="1.5"
+    stroke="currentColor"
+    class="w-6 h-6"
+  >
+    <path
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"
+    />
+  </svg>
+`;
+
+const visibilityOffIcon = `
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    height="24px"
+    viewBox="0 -960 960 960"
+    width="24px"
+  >
+    <path
+      d="m644-428-58-58q9-47-27-88t-93-32l-58-58q17-8 34.5-12t37.5-4q75 0 127.5 52.5T660-500q0 20-4 37.5T644-428Zm128 126-58-56q38-29 67.5-63.5T832-500q-50-101-143.5-160.5T480-720q-29 0-57 4t-55 12l-62-62q41-17 84-25.5t90-8.5q151 0 269 83.5T920-500q-23 59-60.5 109.5T772-302Zm20 246L624-222q-35 11-70.5 16.5T480-200q-151 0-269-83.5T40-500q21-53 53-98.5t73-81.5L56-792l56-56 736 736-56 56ZM222-624q-29 26-53 57t-41 67q50 101 143.5 160.5T480-280q20 0 39-2.5t39-5.5l-36-38q-11 3-21 4.5t-21 1.5q-75 0-127.5-52.5T300-500q0-11 1.5-21t4.5-21l-84-82Zm319 93Zm-151 75Z"
+    />
+  </svg>
+`;
+
+const defineFeature = (editor, config = {}) => {
+  editor.config(async (ctx) => {
+    let { languages, theme } = config;
+    if (!languages) {
+      const { languages: langList } = await import('@codemirror/language-data');
+      languages = langList;
+    }
+    if (!theme) {
+      const { oneDark } = await import('@codemirror/theme-one-dark');
+      theme = oneDark;
+    }
+    ctx.update(codeBlockConfig.key, (defaultConfig) => {
+      var _a;
+      return {
+        extensions: [
+          keymap.of(defaultKeymap.concat(indentWithTab)),
+          basicSetup,
+          theme,
+          ...(_a = config == null ? void 0 : config.extensions) != null ? _a : []
+        ],
+        languages,
+        expandIcon: () => {
+          var _a2;
+          return ((_a2 = config.expandIcon) == null ? void 0 : _a2.call(config)) || chevronDownIcon;
+        },
+        searchIcon: () => {
+          var _a2;
+          return ((_a2 = config.searchIcon) == null ? void 0 : _a2.call(config)) || searchIcon;
+        },
+        clearSearchIcon: () => {
+          var _a2;
+          return ((_a2 = config.clearSearchIcon) == null ? void 0 : _a2.call(config)) || clearIcon;
+        },
+        searchPlaceholder: config.searchPlaceholder || "Search language",
+        noResultText: config.noResultText || "No result",
+        renderLanguage: config.renderLanguage || defaultConfig.renderLanguage,
+        renderPreview: config.renderPreview || defaultConfig.renderPreview,
+        previewToggleButton: (previewOnlyMode) => {
+          var _a2, _b;
+          const icon = ((_a2 = config.previewToggleIcon) == null ? void 0 : _a2.call(config, previewOnlyMode)) || (previewOnlyMode ? editIcon : visibilityOffIcon);
+          const text = ((_b = config.previewToggleText) == null ? void 0 : _b.call(config, previewOnlyMode)) || (previewOnlyMode ? "Edit" : "Hide");
+          return [icon, text].map((v) => v.trim()).join(" ");
+        },
+        previewLabel: config.previewLabel || defaultConfig.previewLabel
+      };
+    });
+  }).use(codeBlockComponent);
+};
+
+export { defineFeature };
+//# sourceMappingURL=index-C1aVAv1l.js.map

package/lib/esm/index-C1aVAv1l.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-C1aVAv1l.js","sources":["../../src/icons/chevron-down.ts","../../src/icons/clear.ts","../../src/icons/search.ts","../../src/icons/visibility-off.ts","../../src/feature/code-mirror/index.ts"],"sourcesContent":["export const chevronDownIcon = `\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    stroke-width=\"1.5\"\n    stroke=\"currentColor\"\n    class=\"w-6 h-6\"\n  >\n    <path\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      d=\"M19.5 8.25l-7.5 7.5-7.5-7.5\"\n    />\n  </svg>\n`\n","export const clearIcon = `\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n  >\n    <g clip-path=\"url(#clip0_1098_15553)\">\n      <path\n        d=\"M18.3007 5.70973C17.9107 5.31973 17.2807 5.31973 16.8907 5.70973L12.0007 10.5897L7.1107 5.69973C6.7207 5.30973 6.0907 5.30973 5.7007 5.69973C5.3107 6.08973 5.3107 6.71973 5.7007 7.10973L10.5907 11.9997L5.7007 16.8897C5.3107 17.2797 5.3107 17.9097 5.7007 18.2997C6.0907 18.6897 6.7207 18.6897 7.1107 18.2997L12.0007 13.4097L16.8907 18.2997C17.2807 18.6897 17.9107 18.6897 18.3007 18.2997C18.6907 17.9097 18.6907 17.2797 18.3007 16.8897L13.4107 11.9997L18.3007 7.10973C18.6807 6.72973 18.6807 6.08973 18.3007 5.70973Z\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_1098_15553\">\n        <rect width=\"24\" height=\"24\" />\n      </clipPath>\n    </defs>\n  </svg>\n`\n","export const searchIcon = `\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    stroke-width=\"1.5\"\n    stroke=\"currentColor\"\n    class=\"w-6 h-6\"\n  >\n    <path\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      d=\"M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z\"\n    />\n  </svg>\n`\n","export const visibilityOffIcon = `\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"24px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"24px\"\n  >\n    <path\n      d=\"m644-428-58-58q9-47-27-88t-93-32l-58-58q17-8 34.5-12t37.5-4q75 0 127.5 52.5T660-500q0 20-4 37.5T644-428Zm128 126-58-56q38-29 67.5-63.5T832-500q-50-101-143.5-160.5T480-720q-29 0-57 4t-55 12l-62-62q41-17 84-25.5t90-8.5q151 0 269 83.5T920-500q-23 59-60.5 109.5T772-302Zm20 246L624-222q-35 11-70.5 16.5T480-200q-151 0-269-83.5T40-500q21-53 53-98.5t73-81.5L56-792l56-56 736 736-56 56ZM222-624q-29 26-53 57t-41 67q50 101 143.5 160.5T480-280q20 0 39-2.5t39-5.5l-36-38q-11 3-21 4.5t-21 1.5q-75 0-127.5-52.5T300-500q0-11 1.5-21t4.5-21l-84-82Zm319 93Zm-151 75Z\"\n    />\n  </svg>\n`\n","import type { LanguageDescription } from '@codemirror/language'\nimport type { Extension } from '@codemirror/state'\n\nimport { defaultKeymap, indentWithTab } from '@codemirror/commands'\nimport { keymap } from '@codemirror/view'\nimport {\n  codeBlockComponent,\n  codeBlockConfig,\n} from '@milkdown/kit/component/code-block'\nimport { basicSetup } from 'codemirror'\n\nimport type { DefineFeature, Icon } from '../shared'\n\nimport { chevronDownIcon, clearIcon, editIcon, searchIcon } from '../../icons'\nimport { visibilityOffIcon } from '../../icons/visibility-off'\n\ninterface CodeMirrorConfig {\n  extensions: Extension[]\n  languages: LanguageDescription[]\n  theme: Extension\n\n  expandIcon: Icon\n  searchIcon: Icon\n  clearSearchIcon: Icon\n\n  searchPlaceholder: string\n  noResultText: string\n\n  renderLanguage: (language: string, selected: boolean) => string\n\n  renderPreview: (\n    language: string,\n    content: string\n  ) => string | HTMLElement | null\n\n  previewToggleIcon: (previewOnlyMode: boolean) => ReturnType<Icon>\n  previewToggleText: (previewOnlyMode: boolean) => string\n  previewLabel: () => string\n}\nexport type CodeMirrorFeatureConfig = Partial<CodeMirrorConfig>\n\nexport const defineFeature: DefineFeature<CodeMirrorFeatureConfig> = (\n  editor,\n  config = {}\n) => {\n  editor\n    .config(async (ctx) => {\n      let { languages, theme } = config\n      if (!languages) {\n        const { languages: langList } = await import(\n          '@codemirror/language-data'\n        )\n        languages = langList\n      }\n      if (!theme) {\n        const { oneDark } = await import('@codemirror/theme-one-dark')\n        theme = oneDark\n      }\n      ctx.update(codeBlockConfig.key, (defaultConfig) => ({\n        extensions: [\n          keymap.of(defaultKeymap.concat(indentWithTab)),\n          basicSetup,\n          theme,\n          ...(config?.extensions ?? []),\n        ],\n        languages,\n\n        expandIcon: () => config.expandIcon?.() || chevronDownIcon,\n        searchIcon: () => config.searchIcon?.() || searchIcon,\n        clearSearchIcon: () => config.clearSearchIcon?.() || clearIcon,\n        searchPlaceholder: config.searchPlaceholder || 'Search language',\n        noResultText: config.noResultText || 'No result',\n        renderLanguage: config.renderLanguage || defaultConfig.renderLanguage,\n        renderPreview: config.renderPreview || defaultConfig.renderPreview,\n        previewToggleButton: (previewOnlyMode) => {\n          const icon =\n            config.previewToggleIcon?.(previewOnlyMode) ||\n            (previewOnlyMode ? editIcon : visibilityOffIcon)\n          const text =\n            config.previewToggleText?.(previewOnlyMode) ||\n            (previewOnlyMode ? 'Edit' : 'Hide')\n          return [icon, text].map((v) => v.trim()).join(' ')\n        },\n        previewLabel: config.previewLabel || defaultConfig.previewLabel,\n      }))\n    })\n    .use(codeBlockComponent)\n}\n"],"names":["_a"],"mappings":"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"}