github-markdown-editor 1.0.2 → 1.0.3

package/dist/MarkdownEditor.d.ts

@@ -1,12 +1,13 @@
 import { default as React } from 'react';
-
+import { ThemeType } from './themes';
 export interface MarkdownEditorProps {
     initialValue?: string;
     onChange?: (value: string) => void;
     height?: string;
-    theme?: 'light' | 'dark';
+    theme?: ThemeType;
     showToolbar?: boolean;
     showPreview?: boolean;
+    codeBlockTheme?: string;
 }
 export declare const MarkdownEditor: React.FC<MarkdownEditorProps>;
 //# sourceMappingURL=MarkdownEditor.d.ts.map

package/dist/MarkdownEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownEditor.d.ts","sourceRoot":"","sources":["../src/MarkdownEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAQ3D,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,mBAAmB;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAkJxD,CAAC"}
+{"version":3,"file":"MarkdownEditor.d.ts","sourceRoot":"","sources":["../src/MarkdownEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAQ3D,OAAO,EAAqB,SAAS,EAAE,MAAM,UAAU,CAAC;AACxD,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,mBAAmB;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAoJxD,CAAC"}

package/dist/MarkdownEditor.stories.d.ts

@@ -0,0 +1,19 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { MarkdownEditor } from './MarkdownEditor';
+declare const meta: Meta<typeof MarkdownEditor>;
+export default meta;
+type Story = StoryObj<typeof MarkdownEditor>;
+export declare const Default: Story;
+export declare const DarkTheme: Story;
+export declare const WithPreview: Story;
+export declare const WithoutToolbar: Story;
+export declare const FullFeatured: Story;
+export declare const WithSyntaxHighlighting: Story;
+export declare const MonokaiSyntaxTheme: Story;
+export declare const GitHubDarkTheme: Story;
+export declare const MonokaiTheme: Story;
+export declare const SolarizedLightTheme: Story;
+export declare const SolarizedDarkTheme: Story;
+export declare const Controlled: Story;
+export declare const AllThemes: Story;
+//# sourceMappingURL=MarkdownEditor.stories.d.ts.map

package/dist/MarkdownEditor.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownEditor.stories.d.ts","sourceRoot":"","sources":["../src/MarkdownEditor.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,cAAc,CAAC;AAEtB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAwCrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAG7C,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAwBvB,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KA6CzB,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,KA+C1B,CAAC;AAGF,eAAO,MAAM,sBAAsB,EAAE,KAoEpC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAiBhC,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KAe7B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAgBjC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAoBhC,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAiBxB,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAyBvB,CAAC"}

package/dist/Toolbar.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 interface ToolbarProps {
     onInsert: (before: string, after?: string) => void;
     onTogglePreview: () => void;

package/dist/{style.css → github-markdown-editor.css}

@@ -1 +1 @@
-.markdown-editor{display:flex;flex-direction:column;border:1px solid #d0d7de;border-radius:6px;overflow:hidden;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.markdown-editor.dark{background:#0d1117;border-color:#30363d;color:#c9d1d9}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f6f8fa;border-bottom:1px solid #d0d7de;gap:8px;flex-wrap:wrap}.dark .toolbar{background:#161b22;border-bottom-color:#30363d}.toolbar-group{display:flex;gap:4px;flex-wrap:wrap}.toolbar-button{padding:6px 12px;background:#fff;border:1px solid #d0d7de;border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s;white-space:nowrap}.toolbar-button:hover{background:#f3f4f6;border-color:#8c959f}.toolbar-button:active{background:#e5e7eb}.dark .toolbar-button{background:#21262d;border-color:#30363d;color:#c9d1d9}.dark .toolbar-button:hover{background:#30363d;border-color:#484f58}.editor-container{flex:1;overflow:auto;min-height:400px}.editor-wrapper,.editor-wrapper .cm-editor{height:100%}.editor-wrapper .cm-scroller{padding:16px}.preview-wrapper{padding:24px;overflow-y:auto;height:100%;line-height:1.6}.preview-wrapper h1{font-size:2em;font-weight:600;margin:.67em 0;padding-bottom:.3em;border-bottom:1px solid #d0d7de}.preview-wrapper h2{font-size:1.5em;font-weight:600;margin:.83em 0;padding-bottom:.3em;border-bottom:1px solid #d0d7de}.preview-wrapper h3{font-size:1.25em;font-weight:600;margin:1em 0}.preview-wrapper h4{font-size:1em;font-weight:600;margin:1.33em 0}.preview-wrapper h5{font-size:.875em;font-weight:600;margin:1.67em 0}.preview-wrapper h6{font-size:.85em;font-weight:600;margin:2.33em 0;color:#57606a}.preview-wrapper p{margin:1em 0}.preview-wrapper code{background:#f6f8fa;padding:.2em .4em;border-radius:3px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.85em}.preview-wrapper pre{background:#f6f8fa;padding:16px;border-radius:6px;overflow-x:auto;margin:16px 0}.preview-wrapper pre code{background:none;padding:0;font-size:.875em}.preview-wrapper blockquote{border-left:4px solid #d0d7de;padding-left:1em;margin:0;color:#57606a}.preview-wrapper a{color:#0969da;text-decoration:none}.preview-wrapper a:hover{text-decoration:underline}.preview-wrapper ul,.preview-wrapper ol{padding-left:2em;margin:16px 0}.preview-wrapper li{margin:.25em 0}.preview-wrapper li input[type=checkbox]{margin-right:.5em}.preview-wrapper table{border-collapse:collapse;width:100%;margin:16px 0}.preview-wrapper th,.preview-wrapper td{border:1px solid #d0d7de;padding:8px 12px}.preview-wrapper th{background:#f6f8fa;font-weight:600}.preview-wrapper img{max-width:100%;height:auto;border-radius:6px}.preview-wrapper hr{border:none;border-top:1px solid #d0d7de;margin:24px 0}.preview-wrapper strong{font-weight:600}.preview-wrapper em{font-style:italic}.preview-wrapper del{text-decoration:line-through}.dark .preview-wrapper{color:#c9d1d9}.dark .preview-wrapper h1,.dark .preview-wrapper h2{border-bottom-color:#30363d}.dark .preview-wrapper h6{color:#8b949e}.dark .preview-wrapper code,.dark .preview-wrapper pre{background:#161b22}.dark .preview-wrapper blockquote{border-left-color:#30363d;color:#8b949e}.dark .preview-wrapper a{color:#58a6ff}.dark .preview-wrapper th{background:#161b22}.dark .preview-wrapper th,.dark .preview-wrapper td{border-color:#30363d}.dark .preview-wrapper hr{border-top-color:#30363d}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background:#f6f8fa;border-top:1px solid #d0d7de;font-size:12px;color:#57606a}.dark .status-bar{background:#161b22;border-top-color:#30363d;color:#8b949e}.editor-container::-webkit-scrollbar,.preview-wrapper::-webkit-scrollbar{width:10px;height:10px}.editor-container::-webkit-scrollbar-track,.preview-wrapper::-webkit-scrollbar-track{background:#f6f8fa}.editor-container::-webkit-scrollbar-thumb,.preview-wrapper::-webkit-scrollbar-thumb{background:#d0d7de;border-radius:5px}.editor-container::-webkit-scrollbar-thumb:hover,.preview-wrapper::-webkit-scrollbar-thumb:hover{background:#8c959f}.dark .editor-container::-webkit-scrollbar-track,.dark .preview-wrapper::-webkit-scrollbar-track{background:#161b22}.dark .editor-container::-webkit-scrollbar-thumb,.dark .preview-wrapper::-webkit-scrollbar-thumb{background:#30363d}.dark .editor-container::-webkit-scrollbar-thumb:hover,.dark .preview-wrapper::-webkit-scrollbar-thumb:hover{background:#484f58}
+.markdown-editor{display:flex;flex-direction:column;border:1px solid #d0d7de;border-radius:6px;overflow:hidden;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.markdown-editor.dark{background:#0d1117;border-color:#30363d;color:#c9d1d9}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f6f8fa;border-bottom:1px solid #d0d7de;gap:8px;flex-wrap:wrap}.dark .toolbar{background:#161b22;border-bottom-color:#30363d}.toolbar-group{display:flex;gap:4px;flex-wrap:wrap}.toolbar-button{padding:6px 12px;background:#fff;border:1px solid #d0d7de;border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s;white-space:nowrap}.toolbar-button:hover{background:#f3f4f6;border-color:#8c959f}.toolbar-button:active{background:#e5e7eb}.dark .toolbar-button{background:#21262d;border-color:#30363d;color:#c9d1d9}.dark .toolbar-button:hover{background:#30363d;border-color:#484f58}.editor-container{flex:1;overflow:auto;min-height:400px}.editor-wrapper,.editor-wrapper .cm-editor{height:100%}.editor-wrapper .cm-scroller{padding:16px}.preview-wrapper{padding:24px;overflow-y:auto;height:100%;line-height:1.6}.preview-wrapper h1{font-size:2em;font-weight:600;margin:.67em 0;padding-bottom:.3em;border-bottom:1px solid #d0d7de}.preview-wrapper h2{font-size:1.5em;font-weight:600;margin:.83em 0;padding-bottom:.3em;border-bottom:1px solid #d0d7de}.preview-wrapper h3{font-size:1.25em;font-weight:600;margin:1em 0}.preview-wrapper h4{font-size:1em;font-weight:600;margin:1.33em 0}.preview-wrapper h5{font-size:.875em;font-weight:600;margin:1.67em 0}.preview-wrapper h6{font-size:.85em;font-weight:600;margin:2.33em 0;color:#57606a}.preview-wrapper p{margin:1em 0}.preview-wrapper code{background:#f6f8fa;padding:.2em .4em;border-radius:3px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.85em}.preview-wrapper pre{background:#f6f8fa;padding:16px;border-radius:6px;overflow-x:auto;margin:16px 0}.preview-wrapper pre code{background:none;padding:0;font-size:.875em}.preview-wrapper blockquote{border-left:4px solid #d0d7de;padding-left:1em;margin:0;color:#57606a}.preview-wrapper a{color:#0969da;text-decoration:none}.preview-wrapper a:hover{text-decoration:underline}.preview-wrapper ul,.preview-wrapper ol{padding-left:2em;margin:16px 0}.preview-wrapper li{margin:.25em 0}.preview-wrapper li input[type=checkbox]{margin-right:.5em}.preview-wrapper table{border-collapse:collapse;width:100%;margin:16px 0}.preview-wrapper th,.preview-wrapper td{border:1px solid #d0d7de;padding:8px 12px}.preview-wrapper th{background:#f6f8fa;font-weight:600}.preview-wrapper img{max-width:100%;height:auto;border-radius:6px}.preview-wrapper hr{border:none;border-top:1px solid #d0d7de;margin:24px 0}.preview-wrapper strong{font-weight:600}.preview-wrapper em{font-style:italic}.preview-wrapper del{text-decoration:line-through}.dark .preview-wrapper{color:#c9d1d9}.dark .preview-wrapper h1,.dark .preview-wrapper h2{border-bottom-color:#30363d}.dark .preview-wrapper h6{color:#8b949e}.dark .preview-wrapper code,.dark .preview-wrapper pre{background:#161b22}.dark .preview-wrapper blockquote{border-left-color:#30363d;color:#8b949e}.dark .preview-wrapper a{color:#58a6ff}.dark .preview-wrapper th{background:#161b22}.dark .preview-wrapper th,.dark .preview-wrapper td{border-color:#30363d}.dark .preview-wrapper hr{border-top-color:#30363d}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background:#f6f8fa;border-top:1px solid #d0d7de;font-size:12px;color:#57606a}.dark .status-bar{background:#161b22;border-top-color:#30363d;color:#8b949e}.editor-container::-webkit-scrollbar,.preview-wrapper::-webkit-scrollbar{width:10px;height:10px}.editor-container::-webkit-scrollbar-track,.preview-wrapper::-webkit-scrollbar-track{background:#f6f8fa}.editor-container::-webkit-scrollbar-thumb,.preview-wrapper::-webkit-scrollbar-thumb{background:#d0d7de;border-radius:5px}.editor-container::-webkit-scrollbar-thumb:hover,.preview-wrapper::-webkit-scrollbar-thumb:hover{background:#8c959f}.dark .editor-container::-webkit-scrollbar-track,.dark .preview-wrapper::-webkit-scrollbar-track{background:#161b22}.dark .editor-container::-webkit-scrollbar-thumb,.dark .preview-wrapper::-webkit-scrollbar-thumb{background:#30363d}.dark .editor-container::-webkit-scrollbar-thumb:hover,.dark .preview-wrapper::-webkit-scrollbar-thumb:hover{background:#484f58}.markdown-editor.github-dark{background:#0d1117;border-color:#30363d;color:#c9d1d9}.github-dark .toolbar{background:#161b22;border-bottom-color:#30363d}.github-dark .toolbar-button{background:#21262d;border-color:#30363d;color:#c9d1d9}.github-dark .toolbar-button:hover{background:#30363d;border-color:#484f58}.github-dark .preview-wrapper{color:#c9d1d9}.github-dark .preview-wrapper code,.github-dark .preview-wrapper pre{background:#161b22}.github-dark .status-bar{background:#161b22;border-top-color:#30363d;color:#8b949e}.markdown-editor.monokai{background:#272822;border-color:#3e3d32;color:#f8f8f2}.monokai .toolbar{background:#272822;border-bottom-color:#3e3d32}.monokai .toolbar-button{background:#3e3d32;border-color:#49483e;color:#f8f8f2}.monokai .toolbar-button:hover{background:#49483e;border-color:#75715e}.monokai .preview-wrapper{color:#f8f8f2}.monokai .preview-wrapper code,.monokai .preview-wrapper pre{background:#3e3d32}.monokai .status-bar{background:#272822;border-top-color:#3e3d32;color:#90908a}.markdown-editor.solarized-light{background:#fdf6e3;border-color:#93a1a1;color:#657b83}.solarized-light .toolbar{background:#eee8d5;border-bottom-color:#93a1a1}.solarized-light .toolbar-button{background:#fdf6e3;border-color:#93a1a1;color:#657b83}.solarized-light .toolbar-button:hover{background:#eee8d5;border-color:#839496}.solarized-light .preview-wrapper{color:#657b83}.solarized-light .preview-wrapper code,.solarized-light .preview-wrapper pre{background:#eee8d5}.solarized-light .status-bar{background:#eee8d5;border-top-color:#93a1a1;color:#93a1a1}.markdown-editor.solarized-dark{background:#002b36;border-color:#586e75;color:#839496}.solarized-dark .toolbar{background:#073642;border-bottom-color:#586e75}.solarized-dark .toolbar-button{background:#073642;border-color:#586e75;color:#839496}.solarized-dark .toolbar-button:hover{background:#586e75;border-color:#657b83}.solarized-dark .preview-wrapper{color:#839496}.solarized-dark .preview-wrapper code,.solarized-dark .preview-wrapper pre{background:#073642}.solarized-dark .status-bar{background:#073642;border-top-color:#586e75;color:#586e75}.preview-wrapper pre.hljs{background:#f6f8fa;padding:16px;border-radius:6px;overflow-x:auto;margin:16px 0}.preview-wrapper pre.hljs code{background:none;padding:0;font-size:.875em;color:inherit}.dark .preview-wrapper pre.hljs,.github-dark .preview-wrapper pre.hljs{background:#161b22}.monokai .preview-wrapper pre.hljs{background:#3e3d32}.solarized-light .preview-wrapper pre.hljs{background:#eee8d5}.solarized-dark .preview-wrapper pre.hljs{background:#073642}