github-markdown-editor 1.0.1 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/README.md +5 -5
  2. package/dist/MarkdownEditor.d.ts +3 -2
  3. package/dist/MarkdownEditor.d.ts.map +1 -1
  4. package/dist/MarkdownEditor.stories.d.ts +19 -0
  5. package/dist/MarkdownEditor.stories.d.ts.map +1 -0
  6. package/dist/Toolbar.d.ts +0 -1
  7. package/dist/{style.css → github-markdown-editor.css} +1 -1
  8. package/dist/index-B7XeA-H5.mjs +28389 -0
  9. package/dist/index-Cm7XpaMD.mjs +49171 -0
  10. package/dist/index-DdLhXJh6.js +121 -0
  11. package/dist/index-Dqi1bR-_.js +10 -0
  12. package/dist/index.d.ts +4 -0
  13. package/dist/index.d.ts.map +1 -1
  14. package/dist/index.esm.js +10 -28178
  15. package/dist/index.js +1 -121
  16. package/dist/markdown.d.ts +3 -1
  17. package/dist/markdown.d.ts.map +1 -1
  18. package/dist/stories/Button.d.ts +15 -0
  19. package/dist/stories/Button.d.ts.map +1 -0
  20. package/dist/stories/Button.stories.d.ts +24 -0
  21. package/dist/stories/Button.stories.d.ts.map +1 -0
  22. package/dist/stories/Header.d.ts +12 -0
  23. package/dist/stories/Header.d.ts.map +1 -0
  24. package/dist/stories/Header.stories.d.ts +19 -0
  25. package/dist/stories/Header.stories.d.ts.map +1 -0
  26. package/dist/stories/Page.d.ts +3 -0
  27. package/dist/stories/Page.d.ts.map +1 -0
  28. package/dist/stories/Page.stories.d.ts +13 -0
  29. package/dist/stories/Page.stories.d.ts.map +1 -0
  30. package/dist/syntaxHighlighting.d.ts +14 -0
  31. package/dist/syntaxHighlighting.d.ts.map +1 -0
  32. package/dist/themes.d.ts +9 -0
  33. package/dist/themes.d.ts.map +1 -0
  34. package/package.json +70 -51
package/README.md CHANGED
@@ -162,7 +162,7 @@ function ControlledEditor() {
162
162
 
163
163
  ```bash
164
164
  # Clone the repository
165
- git clone https://github.com/yourusername/github-markdown-editor.git
165
+ git clone https://github.com/justq-me/gh-markdown-editor.git
166
166
 
167
167
  # Install dependencies
168
168
  npm install
@@ -187,7 +187,7 @@ Contributions are welcome! Please feel free to submit a Pull Request.
187
187
 
188
188
  ## 🐛 Issues
189
189
 
190
- If you find a bug or have a feature request, please create an issue on [GitHub](https://github.com/yourusername/github-markdown-editor/issues).
190
+ If you find a bug or have a feature request, please create an issue on [GitHub](https://github.com/justq-me/gh-markdown-editor/issues).
191
191
 
192
192
  ## 🙏 Acknowledgments
193
193
 
@@ -204,10 +204,10 @@ If you find a bug or have a feature request, please create an issue on [GitHub](
204
204
 
205
205
  ## 🔗 Links
206
206
 
207
- - [Documentation](https://github.com/yourusername/github-markdown-editor#readme)
207
+ - [Documentation](https://github.com/justq-me/gh-markdown-editor#readme)
208
208
  - [NPM Package](https://www.npmjs.com/package/github-markdown-editor)
209
- - [GitHub Repository](https://github.com/yourusername/github-markdown-editor)
209
+ - [GitHub Repository](https://github.com/justq-me/gh-markdown-editor)
210
210
 
211
211
  ---
212
212
 
213
- Made with ❤️ by [JustQ]
213
+ Made with ❤️ by [JustQ](https://justq.me/)
package/dist/MarkdownEditor.d.ts CHANGED
@@ -1,12 +1,13 @@
1
1
  import { default as React } from 'react';
2
-
2
+ import { ThemeType } from './themes';
3
3
  export interface MarkdownEditorProps {
4
4
  initialValue?: string;
5
5
  onChange?: (value: string) => void;
6
6
  height?: string;
7
- theme?: 'light' | 'dark';
7
+ theme?: ThemeType;
8
8
  showToolbar?: boolean;
9
9
  showPreview?: boolean;
10
+ codeBlockTheme?: string;
10
11
  }
11
12
  export declare const MarkdownEditor: React.FC<MarkdownEditorProps>;
12
13
  //# sourceMappingURL=MarkdownEditor.d.ts.map
package/dist/MarkdownEditor.d.ts.map CHANGED
@@ -1 +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"}
1
+ {"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 ADDED
@@ -0,0 +1,19 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { MarkdownEditor } from './MarkdownEditor';
3
+ declare const meta: Meta<typeof MarkdownEditor>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof MarkdownEditor>;
6
+ export declare const Default: Story;
7
+ export declare const DarkTheme: Story;
8
+ export declare const WithPreview: Story;
9
+ export declare const WithoutToolbar: Story;
10
+ export declare const FullFeatured: Story;
11
+ export declare const WithSyntaxHighlighting: Story;
12
+ export declare const MonokaiSyntaxTheme: Story;
13
+ export declare const GitHubDarkTheme: Story;
14
+ export declare const MonokaiTheme: Story;
15
+ export declare const SolarizedLightTheme: Story;
16
+ export declare const SolarizedDarkTheme: Story;
17
+ export declare const Controlled: Story;
18
+ export declare const AllThemes: Story;
19
+ //# sourceMappingURL=MarkdownEditor.stories.d.ts.map
package/dist/MarkdownEditor.stories.d.ts.map ADDED
@@ -0,0 +1 @@
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 CHANGED
@@ -1,5 +1,4 @@
1
1
  import { default as React } from 'react';
2
-
3
2
  interface ToolbarProps {
4
3
  onInsert: (before: string, after?: string) => void;
5
4
  onTogglePreview: () => void;
package/dist/{style.css → github-markdown-editor.css} RENAMED
@@ -1 +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}
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.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}