@gt-editor/markdown-editor 0.1.0

package/dist/markdown-editor.css

@@ -0,0 +1 @@
+.markdown-editor{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.markdown-editor .cm-editor{flex:1;min-height:0}.markdown-editor .cm-scroller{overflow-x:hidden!important}.cm-selectionBackground{display:none!important}.cm-scroller{position:relative!important}.cm-custom-selection-layer{position:absolute;top:0;left:0;width:100%;height:100%;min-width:100vw;pointer-events:none;z-index:-2;contain:size layout style}.cm-custom-selection-rect{position:absolute;background-color:#89b4fa40}[class*=cm-indent-L]{background-repeat:repeat-y!important;background-color:transparent!important}:root{--indent-line-color: rgba(255, 255, 255, .15);--indent-line-active-color: rgba(66, 135, 245, .4);--color-format-bold: rgba(255, 163, 72, .5);--color-format-italic: rgba(105, 219, 219, .5);--color-format-code: rgba(80, 250, 123, .5);--color-format-strike: rgba(134, 142, 150, .5);--color-format-h1: rgba(198, 120, 221, .5);--color-format-h2: rgba(177, 151, 252, .5);--color-format-h3: rgba(167, 139, 250, .5);--color-format-h4: rgba(151, 117, 250, .5);--color-format-h5: rgba(139, 92, 246, .5);--color-format-h6: rgba(124, 58, 237, .5)}.cm-indent-L1{background-image:linear-gradient(to right,var(--indent-line-color-L1, var(--indent-line-color)) 1px,transparent 1px);background-position:.8ch 0}.cm-indent-L2{background-image:linear-gradient(to right,var(--indent-line-color-L1, var(--indent-line-color)) 1px,transparent 1px),linear-gradient(to right,var(--indent-line-color-L2, var(--indent-line-color)) 1px,transparent 1px);background-position:.8ch 0,4.8ch 0}.cm-indent-L3{background-image:linear-gradient(to right,var(--indent-line-color-L1, var(--indent-line-color)) 1px,transparent 1px),linear-gradient(to right,var(--indent-line-color-L2, var(--indent-line-color)) 1px,transparent 1px),linear-gradient(to right,var(--indent-line-color-L3, var(--indent-line-color)) 1px,transparent 1px);background-position:.8ch 0,4.8ch 0,8.8ch 0}.cm-indent-L4{background-image:linear-gradient(to right,var(--indent-line-color-L1, var(--indent-line-color)) 1px,transparent 1px),linear-gradient(to right,var(--indent-line-color-L2, var(--indent-line-color)) 1px,transparent 1px),linear-gradient(to right,var(--indent-line-color-L3, var(--indent-line-color)) 1px,transparent 1px),linear-gradient(to right,var(--indent-line-color-L4, var(--indent-line-color)) 1px,transparent 1px);background-position:.8ch 0,4.8ch 0,8.8ch 0,12.8ch 0}.cm-indent-L5{background-image:linear-gradient(to right,var(--indent-line-color-L1, var(--indent-line-color)) 1px,transparent 1px),linear-gradient(to right,var(--indent-line-color-L2, var(--indent-line-color)) 1px,transparent 1px),linear-gradient(to right,var(--indent-line-color-L3, var(--indent-line-color)) 1px,transparent 1px),linear-gradient(to right,var(--indent-line-color-L4, var(--indent-line-color)) 1px,transparent 1px),linear-gradient(to right,var(--indent-line-color-L5, var(--indent-line-color)) 1px,transparent 1px);background-position:.8ch 0,4.8ch 0,8.8ch 0,12.8ch 0,16.8ch 0}.cm-indent-L6{background-image:linear-gradient(to right,var(--indent-line-color-L1, var(--indent-line-color)) 1px,transparent 1px),linear-gradient(to right,var(--indent-line-color-L2, var(--indent-line-color)) 1px,transparent 1px),linear-gradient(to right,var(--indent-line-color-L3, var(--indent-line-color)) 1px,transparent 1px),linear-gradient(to right,var(--indent-line-color-L4, var(--indent-line-color)) 1px,transparent 1px),linear-gradient(to right,var(--indent-line-color-L5, var(--indent-line-color)) 1px,transparent 1px),linear-gradient(to right,var(--indent-line-color-L6, var(--indent-line-color)) 1px,transparent 1px);background-position:.8ch 0,4.8ch 0,8.8ch 0,12.8ch 0,16.8ch 0,20.8ch 0}.cm-line.cm-collapsible-header,.cm-line.cm-folded-scope{background-color:transparent!important}.cm-line{padding-top:0!important;padding-bottom:0!important;padding-left:6px;margin-top:0!important;margin-bottom:0!important;line-height:1.5}.cm-content,.cm-scroller{cursor:text!important}.cm-editor.cm-emoji-hover .cm-content{cursor:default!important}.cm-hr-text-hidden{color:transparent;font-size:0}.cm-hr-line{position:relative}.cm-hr-line:not(.cm-activeLine):after{content:"";display:block;position:absolute;left:0;right:0;top:50%;height:1px;background-color:#6c6f85}.cm-hr-line.cm-indent-L1:not(.cm-activeLine):after{left:4ch}.cm-hr-line.cm-indent-L2:not(.cm-activeLine):after{left:8ch}.cm-hr-line.cm-indent-L3:not(.cm-activeLine):after{left:12ch}.cm-hr-line.cm-indent-L4:not(.cm-activeLine):after{left:16ch}.cm-hr-line.cm-indent-L5:not(.cm-activeLine):after{left:20ch}.cm-hr-line.cm-indent-L6:not(.cm-activeLine):after{left:24ch}.cm-context-menu{position:fixed;z-index:99999;min-width:180px;background:#1e1e1e;border:1px solid #3c3c3c;border-radius:6px;box-shadow:0 4px 16px #0006;padding:4px 0;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;color:#ccc}.cm-context-menu-item{padding:6px 12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;position:relative;-webkit-user-select:none;user-select:none}.cm-context-menu-item:hover{background:#094771;color:#fff}.cm-context-menu-item.has-submenu{padding-right:24px}.cm-context-menu-item .submenu-arrow{position:absolute;right:8px;opacity:.6;font-size:10px}.cm-context-menu-item:hover .submenu-arrow{opacity:1}.cm-context-menu-divider{height:1px;background:#3c3c3c;margin:4px 0}.cm-context-submenu{position:absolute;left:100%;top:-4px;min-width:160px;background:#1e1e1e;border:1px solid #3c3c3c;border-radius:6px;box-shadow:0 4px 16px #0006;padding:4px 0;display:none}.cm-context-menu-item.has-submenu:hover>.cm-context-submenu{display:block}.cm-context-submenu .cm-context-menu-item{padding:6px 12px}.cm-command-palette{position:fixed;z-index:99999;min-width:140px;background:#1e1e1e;border:1px solid #3c3c3c;border-radius:6px;box-shadow:0 4px 16px #0006;padding:4px 0;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;color:#ccc}.cm-command-palette-item{padding:6px 12px;cursor:pointer;display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none}.cm-command-palette-item.active,.cm-command-palette-item:hover{background:#094771;color:#fff}.cm-command-palette-item .palette-color{width:4px;height:16px;border-radius:2px;flex-shrink:0}.cm-command-palette-preview{padding:4px 12px;font-size:11px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #3c3c3c;margin-bottom:2px}.cm-emoji-tooltip{position:fixed;z-index:100000;max-width:220px;padding:6px 10px;background:#2d2d2d;border:1px solid #555;border-radius:6px;box-shadow:0 4px 12px #0006;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;color:#bbb;pointer-events:none;white-space:pre-wrap;line-height:1.4}.cm-ai-paste-indicator{position:fixed;z-index:99999;display:flex;align-items:center;gap:6px;padding:4px 10px;background:#1e1e1e;border:1px solid #4ecdc4;border-radius:12px;box-shadow:0 2px 12px #4ecdc440;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;color:#ccc;-webkit-user-select:none;user-select:none;animation:cm-ai-paste-pulse 2s ease-in-out infinite}.cm-ai-paste-badge{pointer-events:none}.cm-ai-paste-cancel{cursor:pointer;color:#888;font-size:14px;line-height:1;padding:0 2px;border-radius:3px;transition:color .15s,background .15s}.cm-ai-paste-cancel:hover{color:#ff6b6b;background:#ff6b6b26}@keyframes cm-ai-paste-pulse{0%,to{border-color:#4ecdc4;box-shadow:0 2px 12px #4ecdc440}50%{border-color:#45b7aa;box-shadow:0 2px 16px #4ecdc466}}.cm-collapsible-arrow-container{display:inline}.cm-collapsible-indent{white-space:pre}.cm-collapsible-arrow{cursor:pointer;user-select:none;-webkit-user-select:none;color:inherit;font-size:1.2em;line-height:1;transition:opacity .15s ease;padding:0 6px 0 0;opacity:.7}.cm-collapsible-arrow:hover{opacity:1}.cm-collapsible-arrow.open{opacity:.8}.cm-collapsible-arrow.closed{opacity:.7}.cm-collapsible-arrow.empty{opacity:.3;cursor:default}.cm-collapsible-arrow.empty:hover{opacity:.3}.cm-foldGutter{display:none!important}.cm-line.cm-scope-L1-bold{--indent-line-color-L1: var(--color-format-bold)}.cm-line.cm-scope-L1-italic{--indent-line-color-L1: var(--color-format-italic)}.cm-line.cm-scope-L1-code{--indent-line-color-L1: var(--color-format-code)}.cm-line.cm-scope-L1-strike{--indent-line-color-L1: var(--color-format-strike)}.cm-line.cm-scope-L1-h1{--indent-line-color-L1: var(--color-format-h1)}.cm-line.cm-scope-L1-h2{--indent-line-color-L1: var(--color-format-h2)}.cm-line.cm-scope-L1-h3{--indent-line-color-L1: var(--color-format-h3)}.cm-line.cm-scope-L1-h4{--indent-line-color-L1: var(--color-format-h4)}.cm-line.cm-scope-L1-h5{--indent-line-color-L1: var(--color-format-h5)}.cm-line.cm-scope-L1-h6{--indent-line-color-L1: var(--color-format-h6)}.cm-line.cm-scope-L2-bold{--indent-line-color-L2: var(--color-format-bold)}.cm-line.cm-scope-L2-italic{--indent-line-color-L2: var(--color-format-italic)}.cm-line.cm-scope-L2-code{--indent-line-color-L2: var(--color-format-code)}.cm-line.cm-scope-L2-strike{--indent-line-color-L2: var(--color-format-strike)}.cm-line.cm-scope-L2-h1{--indent-line-color-L2: var(--color-format-h1)}.cm-line.cm-scope-L2-h2{--indent-line-color-L2: var(--color-format-h2)}.cm-line.cm-scope-L2-h3{--indent-line-color-L2: var(--color-format-h3)}.cm-line.cm-scope-L2-h4{--indent-line-color-L2: var(--color-format-h4)}.cm-line.cm-scope-L2-h5{--indent-line-color-L2: var(--color-format-h5)}.cm-line.cm-scope-L2-h6{--indent-line-color-L2: var(--color-format-h6)}.cm-line.cm-scope-L3-bold{--indent-line-color-L3: var(--color-format-bold)}.cm-line.cm-scope-L3-italic{--indent-line-color-L3: var(--color-format-italic)}.cm-line.cm-scope-L3-code{--indent-line-color-L3: var(--color-format-code)}.cm-line.cm-scope-L3-strike{--indent-line-color-L3: var(--color-format-strike)}.cm-line.cm-scope-L3-h1{--indent-line-color-L3: var(--color-format-h1)}.cm-line.cm-scope-L3-h2{--indent-line-color-L3: var(--color-format-h2)}.cm-line.cm-scope-L3-h3{--indent-line-color-L3: var(--color-format-h3)}.cm-line.cm-scope-L3-h4{--indent-line-color-L3: var(--color-format-h4)}.cm-line.cm-scope-L3-h5{--indent-line-color-L3: var(--color-format-h5)}.cm-line.cm-scope-L3-h6{--indent-line-color-L3: var(--color-format-h6)}.cm-line.cm-scope-L4-bold{--indent-line-color-L4: var(--color-format-bold)}.cm-line.cm-scope-L4-italic{--indent-line-color-L4: var(--color-format-italic)}.cm-line.cm-scope-L4-code{--indent-line-color-L4: var(--color-format-code)}.cm-line.cm-scope-L4-strike{--indent-line-color-L4: var(--color-format-strike)}.cm-line.cm-scope-L4-h1{--indent-line-color-L4: var(--color-format-h1)}.cm-line.cm-scope-L4-h2{--indent-line-color-L4: var(--color-format-h2)}.cm-line.cm-scope-L4-h3{--indent-line-color-L4: var(--color-format-h3)}.cm-line.cm-scope-L4-h4{--indent-line-color-L4: var(--color-format-h4)}.cm-line.cm-scope-L4-h5{--indent-line-color-L4: var(--color-format-h5)}.cm-line.cm-scope-L4-h6{--indent-line-color-L4: var(--color-format-h6)}.cm-line.cm-scope-L5-bold{--indent-line-color-L5: var(--color-format-bold)}.cm-line.cm-scope-L5-italic{--indent-line-color-L5: var(--color-format-italic)}.cm-line.cm-scope-L5-code{--indent-line-color-L5: var(--color-format-code)}.cm-line.cm-scope-L5-strike{--indent-line-color-L5: var(--color-format-strike)}.cm-line.cm-scope-L5-h1{--indent-line-color-L5: var(--color-format-h1)}.cm-line.cm-scope-L5-h2{--indent-line-color-L5: var(--color-format-h2)}.cm-line.cm-scope-L5-h3{--indent-line-color-L5: var(--color-format-h3)}.cm-line.cm-scope-L5-h4{--indent-line-color-L5: var(--color-format-h4)}.cm-line.cm-scope-L5-h5{--indent-line-color-L5: var(--color-format-h5)}.cm-line.cm-scope-L5-h6{--indent-line-color-L5: var(--color-format-h6)}.cm-include-link{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;background:#6495ed26;border:1px solid rgba(100,149,237,.3);border-radius:4px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.9em;color:#6cb6ff;cursor:default}.cm-include-link-icon{font-size:1em}.cm-include-link-path{color:#6cb6ff}.cm-include-link-open{background:none;border:none;color:#6cb6ff;cursor:pointer;padding:0 2px;margin-left:4px;opacity:.6;font-size:1em;line-height:1}.cm-include-link-open:hover{opacity:1}.cm-include-cmd-mode .cm-include-link{cursor:pointer}.cm-include-cmd-mode .cm-include-link:hover{background:#6495ed40;border-color:#6495ed80}

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "@gt-editor/markdown-editor",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./styles.css": "./dist/markdown-editor.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "vite build"
+  },
+  "peerDependencies": {
+    "@codemirror/commands": "^6.0.0",
+    "@codemirror/language": "^6.0.0",
+    "@codemirror/search": "^6.0.0",
+    "@codemirror/state": "^6.0.0",
+    "@codemirror/view": "^6.0.0",
+    "codemirror": "^6.0.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "typescript": "^5.7.0",
+    "vite": "^6.0.7",
+    "vite-plugin-dts": "^4.5.0"
+  },
+  "dependencies": {
+  }
+}