@principal-ade/industry-themed-mdx-editor 0.1.12 → 0.1.14
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.
- package/README.md +5 -5
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.mjs +5 -3
- package/dist/src/components/ThemedMDXEditor.d.ts +1 -1
- package/dist/src/components/ThemedMDXEditor.d.ts.map +1 -1
- package/dist/src/plugins/mdx-auto-fix/transformers/code-block-language.d.ts.map +1 -1
- package/dist/src/utils/codeMirrorTheme.d.ts +1 -1
- package/dist/src/utils/codeMirrorTheme.d.ts.map +1 -1
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -4,7 +4,7 @@ Industry-themed MDX editor wrapper with integrated theming support for `@mdxedit
|
|
|
4
4
|
|
|
5
5
|
## Features
|
|
6
6
|
|
|
7
|
-
- Seamless integration with `@
|
|
7
|
+
- Seamless integration with `@principal-ade/industry-theme`
|
|
8
8
|
- Automatic theme synchronization with MDXEditor
|
|
9
9
|
- Built-in save functionality with dirty state tracking
|
|
10
10
|
- Support for controlled and uncontrolled modes
|
|
@@ -16,13 +16,13 @@ Industry-themed MDX editor wrapper with integrated theming support for `@mdxedit
|
|
|
16
16
|
## Installation
|
|
17
17
|
|
|
18
18
|
```bash
|
|
19
|
-
npm install @principal-ade/industry-themed-mdx-editor @mdxeditor/editor @
|
|
19
|
+
npm install @principal-ade/industry-themed-mdx-editor @mdxeditor/editor @principal-ade/industry-theme
|
|
20
20
|
```
|
|
21
21
|
|
|
22
22
|
or with bun:
|
|
23
23
|
|
|
24
24
|
```bash
|
|
25
|
-
bun add @principal-ade/industry-themed-mdx-editor @mdxeditor/editor @
|
|
25
|
+
bun add @principal-ade/industry-themed-mdx-editor @mdxeditor/editor @principal-ade/industry-theme
|
|
26
26
|
```
|
|
27
27
|
|
|
28
28
|
## Tailwind CSS Compatibility
|
|
@@ -68,7 +68,7 @@ function App() {
|
|
|
68
68
|
|
|
69
69
|
```tsx
|
|
70
70
|
import { ThemedMDXEditor } from '@principal-ade/industry-themed-mdx-editor';
|
|
71
|
-
import { useTheme } from '@
|
|
71
|
+
import { useTheme } from '@principal-ade/industry-theme';
|
|
72
72
|
import '@mdxeditor/editor/style.css';
|
|
73
73
|
import '@principal-ade/industry-themed-mdx-editor/styles.css';
|
|
74
74
|
|
|
@@ -92,7 +92,7 @@ function Editor() {
|
|
|
92
92
|
|
|
93
93
|
```tsx
|
|
94
94
|
import { ThemedMDXEditor } from '@principal-ade/industry-themed-mdx-editor';
|
|
95
|
-
import { useTheme } from '@
|
|
95
|
+
import { useTheme } from '@principal-ade/industry-theme';
|
|
96
96
|
import {
|
|
97
97
|
headingsPlugin,
|
|
98
98
|
listsPlugin,
|
package/dist/index.d.ts
CHANGED
|
@@ -6,6 +6,6 @@ export { useThemedMDXEditor } from './src/hooks/useThemedMDXEditor';
|
|
|
6
6
|
export { createCodeMirrorTheme, createAutoCodeMirrorTheme } from './src/utils/codeMirrorTheme';
|
|
7
7
|
export { preprocessMDX, defaultPreprocessRules, mdxAutoFix, lessThanDigitTransformer, greaterThanDigitTransformer, invalidTagNamesTransformer, defaultTransformers, allTransformers, } from './src/plugins/mdx-auto-fix';
|
|
8
8
|
export type { PreprocessRule, MDXAutoFixOptions, Transformer, TransformerContext, TransformerStats, TransformerTestCase, } from './src/plugins/mdx-auto-fix';
|
|
9
|
-
export type { Theme } from '@
|
|
9
|
+
export type { Theme } from '@principal-ade/industry-theme';
|
|
10
10
|
export type { MDXEditorMethods, MDXEditorProps } from '@mdxeditor/editor';
|
|
11
11
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,YAAY,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAE9F,OAAO,EAAE,2BAA2B,EAAE,MAAM,8CAA8C,CAAC;AAC3F,YAAY,EAAE,gCAAgC,EAAE,MAAM,8CAA8C,CAAC;AAGrG,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,OAAO,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAG/F,OAAO,EACL,aAAa,EACb,sBAAsB,EACtB,UAAU,EACV,wBAAwB,EACxB,2BAA2B,EAC3B,0BAA0B,EAC1B,mBAAmB,EACnB,eAAe,GAChB,MAAM,4BAA4B,CAAC;AAEpC,YAAY,EACV,cAAc,EACd,iBAAiB,EACjB,WAAW,EACX,kBAAkB,EAClB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,4BAA4B,CAAC;AAGpC,YAAY,EAAE,KAAK,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,YAAY,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAE9F,OAAO,EAAE,2BAA2B,EAAE,MAAM,8CAA8C,CAAC;AAC3F,YAAY,EAAE,gCAAgC,EAAE,MAAM,8CAA8C,CAAC;AAGrG,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,OAAO,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAG/F,OAAO,EACL,aAAa,EACb,sBAAsB,EACtB,UAAU,EACV,wBAAwB,EACxB,2BAA2B,EAC3B,0BAA0B,EAC1B,mBAAmB,EACnB,eAAe,GAChB,MAAM,4BAA4B,CAAC;AAEpC,YAAY,EACV,cAAc,EACd,iBAAiB,EACjB,WAAW,EACX,kBAAkB,EAClB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,4BAA4B,CAAC;AAGpC,YAAY,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAG3D,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}
|
package/dist/index.mjs
CHANGED
|
@@ -452,7 +452,9 @@ var KNOWN_LANGUAGES = /* @__PURE__ */ new Set([
|
|
|
452
452
|
"matlab",
|
|
453
453
|
"diff",
|
|
454
454
|
"text",
|
|
455
|
-
"plaintext"
|
|
455
|
+
"plaintext",
|
|
456
|
+
"mermaid"
|
|
457
|
+
// For mermaid diagram syntax
|
|
456
458
|
]);
|
|
457
459
|
var codeBlockLanguageTransformer = {
|
|
458
460
|
name: "code-block-language",
|
|
@@ -963,7 +965,7 @@ var ThemedMDXEditor = forwardRef((props, ref) => {
|
|
|
963
965
|
ThemedMDXEditor.displayName = "ThemedMDXEditor";
|
|
964
966
|
|
|
965
967
|
// src/components/ThemedMDXEditorWithProvider.tsx
|
|
966
|
-
import { useTheme } from "@
|
|
968
|
+
import { useTheme } from "@principal-ade/industry-theme";
|
|
967
969
|
import React2 from "react";
|
|
968
970
|
import { jsx as jsx2 } from "react/jsx-runtime";
|
|
969
971
|
var ThemedMDXEditorWithProvider = React2.forwardRef((props, ref) => {
|
|
@@ -973,7 +975,7 @@ var ThemedMDXEditorWithProvider = React2.forwardRef((props, ref) => {
|
|
|
973
975
|
ThemedMDXEditorWithProvider.displayName = "ThemedMDXEditorWithProvider";
|
|
974
976
|
|
|
975
977
|
// src/hooks/useThemedMDXEditor.ts
|
|
976
|
-
import { useTheme as useTheme2 } from "@
|
|
978
|
+
import { useTheme as useTheme2 } from "@principal-ade/industry-theme";
|
|
977
979
|
import { useCallback as useCallback2, useMemo as useMemo2 } from "react";
|
|
978
980
|
|
|
979
981
|
// src/utils/codeMirrorTheme.ts
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { Theme } from '@
|
|
1
|
+
import type { Theme } from '@principal-ade/industry-theme';
|
|
2
2
|
import { type MDXEditorMethods, type MDXEditorProps } from '@mdxeditor/editor';
|
|
3
3
|
import '@mdxeditor/editor/style.css';
|
|
4
4
|
import '../styles/mdx-editor-theme.css';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemedMDXEditor.d.ts","sourceRoot":"","sources":["../../../src/components/ThemedMDXEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"ThemedMDXEditor.d.ts","sourceRoot":"","sources":["../../../src/components/ThemedMDXEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACpB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,6BAA6B,CAAC;AACrC,OAAO,gCAAgC,CAAC;AAExC,OAAO,KAQN,MAAM,OAAO,CAAC;AAMf,MAAM,MAAM,eAAe,GACvB,MAAM,GACN,MAAM,GACN;IACE,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB,GACD,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,UAAU,GACV,MAAM,CAAC;AAEX,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,cAAc,EAAE,WAAW,GAAG,0BAA0B,CAAC;IAI1G,KAAK,EAAE,KAAK,CAAC;IAIb,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAInC,YAAY,CAAC,EAAE,MAAM,CAAC;IAItB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAIjF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAIlB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAI7B,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAK3C,aAAa,CAAC,EAAE,OAAO,CAAC;IAIxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAI5B,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAIrC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAoB3B,eAAe,CAAC,EAAE,eAAe,CAAC;IAelC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAuFD,eAAO,MAAM,eAAe,+FA6W1B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code-block-language.d.ts","sourceRoot":"","sources":["../../../../../src/plugins/mdx-auto-fix/transformers/code-block-language.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,WAAW,EAAsB,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"code-block-language.d.ts","sourceRoot":"","sources":["../../../../../src/plugins/mdx-auto-fix/transformers/code-block-language.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,WAAW,EAAsB,MAAM,UAAU,CAAC;AA+BhE,eAAO,MAAM,4BAA4B,EAAE,WA+D1C,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { Extension } from '@codemirror/state';
|
|
2
|
-
import type { Theme } from '@
|
|
2
|
+
import type { Theme } from '@principal-ade/industry-theme';
|
|
3
3
|
export declare function createCodeMirrorTheme(theme: Theme): Extension;
|
|
4
4
|
export declare function createAutoCodeMirrorTheme(theme: Theme): Extension;
|
|
5
5
|
//# sourceMappingURL=codeMirrorTheme.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"codeMirrorTheme.d.ts","sourceRoot":"","sources":["../../../src/utils/codeMirrorTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"codeMirrorTheme.d.ts","sourceRoot":"","sources":["../../../src/utils/codeMirrorTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAM3D,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,KAAK,GAAG,SAAS,CAqD7D;AAsBD,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,KAAK,GAAG,SAAS,CAsDjE"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@principal-ade/industry-themed-mdx-editor",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.14",
|
|
4
4
|
"description": "Industry-themed MDX editor wrapper with integrated theming",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.mjs",
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
},
|
|
19
19
|
"scripts": {
|
|
20
20
|
"build": "bun run clean && bun run build:esm && bun run build:types && bun run build:styles",
|
|
21
|
-
"build:esm": "esbuild index.ts --bundle --format=esm --outfile=dist/index.mjs --external:react --external:react-dom --external:@mdxeditor/editor --external:@
|
|
21
|
+
"build:esm": "esbuild index.ts --bundle --format=esm --outfile=dist/index.mjs --external:react --external:react-dom --external:@mdxeditor/editor --external:@principal-ade/industry-theme --external:remark --external:remark-mdx --external:unist-util-visit --external:mdast --external:@codemirror/state --external:@codemirror/view",
|
|
22
22
|
"build:types": "tsc --project tsconfig.build.json --emitDeclarationOnly --declaration --declarationMap",
|
|
23
23
|
"build:styles": "cp src/styles/mdx-editor-theme.css dist/styles.css",
|
|
24
24
|
"dev": "bun run build --watch",
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
"author": "Principal ADE Team",
|
|
45
45
|
"license": "MIT",
|
|
46
46
|
"dependencies": {
|
|
47
|
-
"@
|
|
47
|
+
"@principal-ade/industry-theme": "^0.1.3"
|
|
48
48
|
},
|
|
49
49
|
"peerDependencies": {
|
|
50
50
|
"@codemirror/state": ">=6.0.0",
|