@principal-ade/industry-themed-mdx-editor 0.1.13 → 0.1.15
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 +3 -3
- package/dist/src/components/ThemedMDXEditor.d.ts +1 -1
- package/dist/src/components/ThemedMDXEditor.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 +14 -11
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
|
@@ -658,7 +658,7 @@ var ThemedMDXEditor = forwardRef((props, ref) => {
|
|
|
658
658
|
containerClassName = "",
|
|
659
659
|
containerStyle = {},
|
|
660
660
|
showLoadingState = false,
|
|
661
|
-
documentPadding,
|
|
661
|
+
documentPadding = { top: "0.25in", right: "0.5in", bottom: "0.5in", left: "0.5in" },
|
|
662
662
|
autoFixMDX = true,
|
|
663
663
|
markdown: controlledMarkdown,
|
|
664
664
|
onChange: externalOnChange,
|
|
@@ -965,7 +965,7 @@ var ThemedMDXEditor = forwardRef((props, ref) => {
|
|
|
965
965
|
ThemedMDXEditor.displayName = "ThemedMDXEditor";
|
|
966
966
|
|
|
967
967
|
// src/components/ThemedMDXEditorWithProvider.tsx
|
|
968
|
-
import { useTheme } from "@
|
|
968
|
+
import { useTheme } from "@principal-ade/industry-theme";
|
|
969
969
|
import React2 from "react";
|
|
970
970
|
import { jsx as jsx2 } from "react/jsx-runtime";
|
|
971
971
|
var ThemedMDXEditorWithProvider = React2.forwardRef((props, ref) => {
|
|
@@ -975,7 +975,7 @@ var ThemedMDXEditorWithProvider = React2.forwardRef((props, ref) => {
|
|
|
975
975
|
ThemedMDXEditorWithProvider.displayName = "ThemedMDXEditorWithProvider";
|
|
976
976
|
|
|
977
977
|
// src/hooks/useThemedMDXEditor.ts
|
|
978
|
-
import { useTheme as useTheme2 } from "@
|
|
978
|
+
import { useTheme as useTheme2 } from "@principal-ade/industry-theme";
|
|
979
979
|
import { useCallback as useCallback2, useMemo as useMemo2 } from "react";
|
|
980
980
|
|
|
981
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,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.15",
|
|
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",
|
|
@@ -68,12 +68,13 @@
|
|
|
68
68
|
}
|
|
69
69
|
},
|
|
70
70
|
"devDependencies": {
|
|
71
|
+
"@chromatic-com/storybook": "^4.1.3",
|
|
71
72
|
"@eslint/js": "^9.32.0",
|
|
72
|
-
"@mdxeditor/editor": "^3.
|
|
73
|
-
"@storybook/addon-docs": "
|
|
74
|
-
"@storybook/addon-
|
|
75
|
-
"@storybook/addon-
|
|
76
|
-
"@storybook/react-
|
|
73
|
+
"@mdxeditor/editor": "^3.52.1",
|
|
74
|
+
"@storybook/addon-docs": "10.1.2",
|
|
75
|
+
"@storybook/addon-links": "10.1.2",
|
|
76
|
+
"@storybook/addon-onboarding": "10.1.2",
|
|
77
|
+
"@storybook/react-vite": "10.1.2",
|
|
77
78
|
"@types/bun": "latest",
|
|
78
79
|
"@types/mdast": "^4.0.4",
|
|
79
80
|
"@types/node": "^22.15.26",
|
|
@@ -81,22 +82,24 @@
|
|
|
81
82
|
"@types/react-dom": "^19.1.8",
|
|
82
83
|
"@typescript-eslint/eslint-plugin": "^8.38.0",
|
|
83
84
|
"@typescript-eslint/parser": "^8.38.0",
|
|
85
|
+
"@vitejs/plugin-react": "^4.3.4",
|
|
84
86
|
"esbuild": "^0.25.8",
|
|
85
87
|
"eslint": "^9.32.0",
|
|
86
88
|
"eslint-config-prettier": "^10.1.8",
|
|
87
89
|
"eslint-import-resolver-typescript": "^4.4.4",
|
|
88
90
|
"eslint-plugin-import": "^2.32.0",
|
|
89
|
-
"eslint-plugin-storybook": "
|
|
91
|
+
"eslint-plugin-storybook": "10.1.2",
|
|
90
92
|
"mdast": "^3.0.0",
|
|
91
93
|
"prettier": "^3.6.2",
|
|
92
94
|
"react": "^19.1.1",
|
|
93
95
|
"react-dom": "^19.1.1",
|
|
94
96
|
"remark": "^15.0.1",
|
|
95
97
|
"remark-mdx": "^3.1.1",
|
|
96
|
-
"storybook": "
|
|
98
|
+
"storybook": "10.1.2",
|
|
97
99
|
"typescript": "^5.0.4",
|
|
98
100
|
"typescript-eslint": "^8.38.0",
|
|
99
|
-
"unist-util-visit": "^5.0.0"
|
|
101
|
+
"unist-util-visit": "^5.0.0",
|
|
102
|
+
"vite": "^6.0.7"
|
|
100
103
|
},
|
|
101
104
|
"files": [
|
|
102
105
|
"dist",
|