@dxos/react-ui-editor 0.3.10-main.16895f7 → 0.3.10-main.375af01
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/dist/lib/browser/index.mjs +728 -732
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/meta.json +1 -1
- package/dist/types/src/components/TextEditor/MarkdownEditor.stories.d.ts +35 -0
- package/dist/types/src/components/TextEditor/MarkdownEditor.stories.d.ts.map +1 -0
- package/dist/types/src/components/TextEditor/TextEditor.d.ts +4 -2
- package/dist/types/src/components/TextEditor/TextEditor.d.ts.map +1 -1
- package/dist/types/src/components/TextEditor/TextEditor.stories.d.ts +9 -4
- package/dist/types/src/components/TextEditor/TextEditor.stories.d.ts.map +1 -1
- package/dist/types/src/components/TextEditor/extensions/autocomplete.d.ts +9 -0
- package/dist/types/src/components/TextEditor/extensions/autocomplete.d.ts.map +1 -0
- package/dist/types/src/components/TextEditor/extensions/{basic/bundle.d.ts → basic.d.ts} +1 -1
- package/dist/types/src/components/TextEditor/extensions/basic.d.ts.map +1 -0
- package/dist/types/src/components/TextEditor/extensions/{hyperlink/hyperlinkWidget.d.ts → experimental.d.ts} +2 -2
- package/dist/types/src/components/TextEditor/extensions/experimental.d.ts.map +1 -0
- package/dist/types/src/components/TextEditor/extensions/index.d.ts +5 -2
- package/dist/types/src/components/TextEditor/extensions/index.d.ts.map +1 -1
- package/dist/types/src/components/TextEditor/extensions/link.d.ts +11 -0
- package/dist/types/src/components/TextEditor/extensions/link.d.ts.map +1 -0
- package/dist/types/src/components/TextEditor/extensions/listener.d.ts +7 -0
- package/dist/types/src/components/TextEditor/extensions/listener.d.ts.map +1 -0
- package/dist/types/src/components/TextEditor/extensions/markdown/bundle.d.ts.map +1 -1
- package/dist/types/src/components/TextEditor/extensions/markdown/highlight.d.ts +31 -0
- package/dist/types/src/components/TextEditor/extensions/markdown/highlight.d.ts.map +1 -0
- package/dist/types/src/components/TextEditor/extensions/markdown/index.d.ts +1 -1
- package/dist/types/src/components/TextEditor/extensions/markdown/index.d.ts.map +1 -1
- package/dist/types/src/components/TextEditor/extensions/tasklist.d.ts +5 -0
- package/dist/types/src/components/TextEditor/extensions/tasklist.d.ts.map +1 -0
- package/dist/types/src/components/TextEditor/extensions/tooltip.d.ts +12 -0
- package/dist/types/src/components/TextEditor/extensions/tooltip.d.ts.map +1 -0
- package/dist/types/src/components/TextEditor/index.d.ts +2 -0
- package/dist/types/src/components/TextEditor/index.d.ts.map +1 -1
- package/dist/types/src/components/TextEditor/themes/default.d.ts +17 -0
- package/dist/types/src/components/TextEditor/themes/default.d.ts.map +1 -0
- package/dist/types/src/components/TextEditor/themes/index.d.ts +2 -0
- package/dist/types/src/components/TextEditor/themes/index.d.ts.map +1 -0
- package/dist/types/src/components/TextEditor/yjs.stories.d.ts +1 -0
- package/dist/types/src/components/TextEditor/yjs.stories.d.ts.map +1 -1
- package/dist/types/src/hooks/automerge/PatchSemaphore.d.ts.map +1 -0
- package/dist/types/src/hooks/automerge/amToCodemirror.d.ts.map +1 -0
- package/dist/types/src/hooks/automerge/automerge.stories.d.ts.map +1 -0
- package/dist/types/src/hooks/automerge/codeMirrorToAm.d.ts.map +1 -0
- package/dist/types/src/hooks/automerge/handle.d.ts.map +1 -0
- package/dist/types/src/hooks/automerge/index.d.ts.map +1 -0
- package/dist/types/src/hooks/automerge/plugin.d.ts.map +1 -0
- package/dist/types/src/hooks/index.d.ts +0 -1
- package/dist/types/src/hooks/index.d.ts.map +1 -1
- package/dist/types/src/hooks/useTextModel.d.ts +4 -4
- package/dist/types/src/hooks/useTextModel.d.ts.map +1 -1
- package/dist/types/src/styles/markdown.d.ts +12 -10
- package/dist/types/src/styles/markdown.d.ts.map +1 -1
- package/package.json +20 -32
- package/src/components/TextEditor/MarkdownEditor.stories.tsx +242 -0
- package/src/components/TextEditor/TextEditor.stories.tsx +46 -43
- package/src/components/TextEditor/TextEditor.tsx +59 -45
- package/src/components/TextEditor/extensions/autocomplete.ts +72 -0
- package/src/components/TextEditor/extensions/{basic/bundle.ts → basic.ts} +4 -2
- package/src/components/TextEditor/extensions/{hyperlink/hyperlinkWidget.tsx → experimental.tsx} +17 -2
- package/src/components/TextEditor/extensions/index.ts +5 -2
- package/src/components/TextEditor/extensions/{hyperlink/hyperlinkDecoration.ts → link.ts} +68 -31
- package/src/components/TextEditor/extensions/{change.ts → listener.ts} +3 -3
- package/src/components/TextEditor/extensions/markdown/bundle.ts +15 -11
- package/src/components/TextEditor/extensions/markdown/highlight.ts +166 -0
- package/src/components/TextEditor/extensions/markdown/index.ts +1 -1
- package/src/components/TextEditor/extensions/tasklist.ts +113 -0
- package/src/components/TextEditor/extensions/{hyperlink/hyperlinkTooltip.tsx → tooltip.tsx} +9 -9
- package/src/components/TextEditor/index.ts +3 -0
- package/src/components/TextEditor/themes/default.ts +170 -0
- package/src/components/TextEditor/themes/index.ts +5 -0
- package/src/components/TextEditor/yjs.stories.tsx +1 -0
- package/src/{automerge → hooks/automerge}/automerge.stories.tsx +2 -1
- package/src/hooks/index.ts +0 -1
- package/src/hooks/useTextModel.ts +50 -40
- package/src/styles/markdown.ts +26 -24
- package/src/testing/replicator.ts +2 -2
- package/dist/types/src/automerge/automerge-plugin/PatchSemaphore.d.ts.map +0 -1
- package/dist/types/src/automerge/automerge-plugin/amToCodemirror.d.ts.map +0 -1
- package/dist/types/src/automerge/automerge-plugin/codeMirrorToAm.d.ts.map +0 -1
- package/dist/types/src/automerge/automerge-plugin/handle.d.ts.map +0 -1
- package/dist/types/src/automerge/automerge-plugin/index.d.ts.map +0 -1
- package/dist/types/src/automerge/automerge-plugin/plugin.d.ts.map +0 -1
- package/dist/types/src/automerge/automerge.stories.d.ts.map +0 -1
- package/dist/types/src/components/TextEditor/extensions/basic/bundle.d.ts.map +0 -1
- package/dist/types/src/components/TextEditor/extensions/basic/index.d.ts +0 -3
- package/dist/types/src/components/TextEditor/extensions/basic/index.d.ts.map +0 -1
- package/dist/types/src/components/TextEditor/extensions/basic/theme.d.ts +0 -10
- package/dist/types/src/components/TextEditor/extensions/basic/theme.d.ts.map +0 -1
- package/dist/types/src/components/TextEditor/extensions/change.d.ts +0 -7
- package/dist/types/src/components/TextEditor/extensions/change.d.ts.map +0 -1
- package/dist/types/src/components/TextEditor/extensions/hyperlink/hyperlinkDecoration.d.ts +0 -11
- package/dist/types/src/components/TextEditor/extensions/hyperlink/hyperlinkDecoration.d.ts.map +0 -1
- package/dist/types/src/components/TextEditor/extensions/hyperlink/hyperlinkTooltip.d.ts +0 -8
- package/dist/types/src/components/TextEditor/extensions/hyperlink/hyperlinkTooltip.d.ts.map +0 -1
- package/dist/types/src/components/TextEditor/extensions/hyperlink/hyperlinkWidget.d.ts.map +0 -1
- package/dist/types/src/components/TextEditor/extensions/hyperlink/index.d.ts +0 -4
- package/dist/types/src/components/TextEditor/extensions/hyperlink/index.d.ts.map +0 -1
- package/dist/types/src/components/TextEditor/extensions/markdown/tags.d.ts +0 -17
- package/dist/types/src/components/TextEditor/extensions/markdown/tags.d.ts.map +0 -1
- package/dist/types/src/components/TextEditor/extensions/markdown/theme.d.ts +0 -21
- package/dist/types/src/components/TextEditor/extensions/markdown/theme.d.ts.map +0 -1
- package/dist/types/src/hooks/useCollaboration.d.ts +0 -9
- package/dist/types/src/hooks/useCollaboration.d.ts.map +0 -1
- package/src/components/TextEditor/extensions/basic/index.ts +0 -6
- package/src/components/TextEditor/extensions/basic/theme.ts +0 -49
- package/src/components/TextEditor/extensions/hyperlink/index.ts +0 -7
- package/src/components/TextEditor/extensions/markdown/tags.ts +0 -38
- package/src/components/TextEditor/extensions/markdown/theme.ts +0 -265
- package/src/hooks/useCollaboration.ts +0 -45
- /package/dist/types/src/{automerge/automerge-plugin → hooks/automerge}/PatchSemaphore.d.ts +0 -0
- /package/dist/types/src/{automerge/automerge-plugin → hooks/automerge}/amToCodemirror.d.ts +0 -0
- /package/dist/types/src/{automerge → hooks/automerge}/automerge.stories.d.ts +0 -0
- /package/dist/types/src/{automerge/automerge-plugin → hooks/automerge}/codeMirrorToAm.d.ts +0 -0
- /package/dist/types/src/{automerge/automerge-plugin → hooks/automerge}/handle.d.ts +0 -0
- /package/dist/types/src/{automerge/automerge-plugin → hooks/automerge}/index.d.ts +0 -0
- /package/dist/types/src/{automerge/automerge-plugin → hooks/automerge}/plugin.d.ts +0 -0
- /package/src/{automerge/automerge-plugin → hooks/automerge}/PatchSemaphore.ts +0 -0
- /package/src/{automerge/automerge-plugin → hooks/automerge}/amToCodemirror.ts +0 -0
- /package/src/{automerge/automerge-plugin → hooks/automerge}/codeMirrorToAm.ts +0 -0
- /package/src/{automerge/automerge-plugin → hooks/automerge}/handle.ts +0 -0
- /package/src/{automerge/automerge-plugin → hooks/automerge}/index.ts +0 -0
- /package/src/{automerge/automerge-plugin → hooks/automerge}/plugin.ts +0 -0
package/src/styles/markdown.ts
CHANGED
|
@@ -6,41 +6,43 @@ import { mx } from '@dxos/react-ui-theme';
|
|
|
6
6
|
|
|
7
7
|
export type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
|
|
8
8
|
|
|
9
|
+
// https://tailwindcss.com/docs/font-weight
|
|
9
10
|
export const heading: Record<HeadingLevel, string> = {
|
|
10
|
-
1: 'mbs-4 mbe-2
|
|
11
|
-
2: 'mbs-4 mbe-2
|
|
12
|
-
3: 'mbs-4 mbe-2
|
|
13
|
-
4: 'mbs-4 mbe-2
|
|
14
|
-
5: 'mbs-4 mbe-2
|
|
15
|
-
6: 'mbs-4 mbe-2 font-
|
|
11
|
+
1: 'mbs-4 mbe-2 font-medium text-inherit no-underline text-4xl',
|
|
12
|
+
2: 'mbs-4 mbe-2 font-medium text-inherit no-underline text-3xl',
|
|
13
|
+
3: 'mbs-4 mbe-2 font-medium text-inherit no-underline text-2xl',
|
|
14
|
+
4: 'mbs-4 mbe-2 font-medium text-inherit no-underline text-xl',
|
|
15
|
+
5: 'mbs-4 mbe-2 font-medium text-inherit no-underline text-lg',
|
|
16
|
+
6: 'mbs-4 mbe-2 font-medium text-inherit no-underline',
|
|
16
17
|
};
|
|
17
18
|
|
|
18
|
-
export const
|
|
19
|
+
export const text = 'text-neutral-800 dark:text-neutral-200';
|
|
20
|
+
export const light = 'text-neutral-200 dark:text-neutral-800';
|
|
19
21
|
|
|
20
|
-
|
|
21
|
-
export const unorderedList =
|
|
22
|
-
'mlb-2 grid grid-cols-[min-content_1fr] [&>li:before]:content-[attr(marker)] [&>li:before]:mlb-1 [&>li:before]:mie-2';
|
|
23
|
-
export const orderedList =
|
|
24
|
-
'mlb-2 grid grid-cols-[min-content_1fr] [&>li:before]:content-[counters(section,_".")_"._"] [counter-reset:section] [&>li:before]:mlb-1';
|
|
25
|
-
|
|
26
|
-
export const listItem = 'contents before:[counter-increment:section]';
|
|
27
|
-
|
|
28
|
-
export const codeBlock = 'mlb-2 font-mono bg-neutral-500/10 p-3 rounded';
|
|
29
|
-
|
|
30
|
-
export const horizontalRule = 'mlb-4 border-neutral-500/50';
|
|
22
|
+
export const mark = mx('!font-normal !no-underline !text-inherit opacity-40', light);
|
|
31
23
|
|
|
32
24
|
export const paragraph = 'mlb-1';
|
|
33
25
|
|
|
34
26
|
export const bold = 'font-bold';
|
|
27
|
+
export const italic = 'italic';
|
|
28
|
+
export const strikethrough = 'line-through';
|
|
35
29
|
|
|
36
|
-
export const code = 'font-mono
|
|
30
|
+
export const code = 'font-mono !no-underline text-neutral-700 dark:text-neutral-300';
|
|
31
|
+
export const codeMark = 'font-mono text-primary-500';
|
|
32
|
+
export const codeBlock = 'mlb-2 font-mono bg-neutral-500/10 p-3 rounded';
|
|
37
33
|
|
|
38
|
-
export const
|
|
34
|
+
export const inlineUrl = mx(code, 'px-1');
|
|
39
35
|
|
|
40
|
-
|
|
36
|
+
// TODO(burdon): Replace with widget.
|
|
37
|
+
export const blockquote = mx('pl-1 mr-1 border-is-4 border-primary-500/70 dark:border-primary-500/30', light);
|
|
41
38
|
|
|
42
|
-
|
|
39
|
+
// TODO(burdon): Replace with widget.
|
|
40
|
+
export const horizontalRule = 'flex mlb-4 border-b text-neutral-100 dark:text-neutral-900 border-neutral-500/50';
|
|
43
41
|
|
|
44
|
-
|
|
42
|
+
// TODO(thure): Tailwind was not seeing `[&>li:before]:content-["•"]` as a utility class, but it would work if instead of `"•"` it was `"X"`… why?
|
|
43
|
+
export const unorderedList =
|
|
44
|
+
'mlb-2 grid grid-cols-[min-content_1fr] [&>li:before]:content-[attr(marker)] [&>li:before]:mlb-1 [&>li:before]:mie-2';
|
|
45
|
+
export const orderedList =
|
|
46
|
+
'mlb-2 grid grid-cols-[min-content_1fr] [&>li:before]:content-[counters(section,_".")_"._"] [counter-reset:section] [&>li:before]:mlb-1';
|
|
45
47
|
|
|
46
|
-
export const
|
|
48
|
+
export const listItem = 'contents before:[counter-increment:section]';
|
|
@@ -163,11 +163,11 @@ export class Replicator {
|
|
|
163
163
|
colorLight: cursorColor.light,
|
|
164
164
|
});
|
|
165
165
|
|
|
166
|
-
// TODO(burdon): Create concrete class that implements SyncModel?
|
|
167
166
|
const model: EditorModel = {
|
|
168
167
|
id: doc.guid,
|
|
169
168
|
content: this._kind === TextKind.PLAIN ? doc.getText('content') : doc.getXmlFragment('content'),
|
|
170
|
-
|
|
169
|
+
text: () => model.content.toString(),
|
|
170
|
+
awareness: provider.awareness,
|
|
171
171
|
peer: { id },
|
|
172
172
|
};
|
|
173
173
|
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PatchSemaphore.d.ts","sourceRoot":"","sources":["../../../../../src/automerge/automerge-plugin/PatchSemaphore.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAAE,IAAI,IAAI,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAI9D,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,KAAK,KAAK,EAA8E,MAAM,UAAU,CAAC;AAElH,KAAK,GAAG,CAAC,CAAC,IAAI,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AAC/B,KAAK,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC;AAE7B,KAAK,QAAQ,GAAG,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,OAAO,CAAC,KAAK,IAAI,KAAK,KAAK,GAAG,SAAS,CAAC;AAE3F,qBAAa,cAAc;IACzB,MAAM,EAAG,KAAK,CAAC;IACf,YAAY,UAAS;IACrB,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAM;gBAEjB,KAAK,CAAC,EAAE,KAAK;IAMzB,SAAS,WAAY,UAAU,QAAQ,UAAU,UA2C/C;CACH"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"amToCodemirror.d.ts","sourceRoot":"","sources":["../../../../../src/automerge/automerge-plugin/amToCodemirror.ts"],"names":[],"mappings":"AAIA,OAAO,EAA8B,KAAK,eAAe,EAAoB,MAAM,mBAAmB,CAAC;AACvG,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAGL,KAAK,KAAK,EACV,KAAK,IAAI,EAGV,MAAM,2BAA2B,CAAC;+BAIb,UAAU,aAAa,eAAe,UAAU,IAAI,EAAE,WAAW,KAAK,EAAE;AAA9F,wBAgBE"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"codeMirrorToAm.d.ts","sourceRoot":"","sources":["../../../../../src/automerge/automerge-plugin/codeMirrorToAm.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,WAAW,EAAa,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAElF,OAAO,EAAc,KAAK,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAEnE,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,UAAU,CAAC;+CAI5B,UAAU,gBACJ,WAAW,EAAE,SACpB,WAAW,KACjB,KAAK,GAAG,SAAS;AALpB,wBA6BE"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"handle.d.ts","sourceRoot":"","sources":["../../../../../src/automerge/automerge-plugin/handle.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,CAAC,MAAM,2BAA2B,CAAC;AAEpD,MAAM,MAAM,UAAU,CAAC,CAAC,GAAG,GAAG,IAAI;IAChC,OAAO,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IAChC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IACpE,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC;IAEtG,WAAW,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,IAAI,GAAG,IAAI,CAAC;IACzD,cAAc,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,IAAI,GAAG,IAAI,CAAC;CAC7D,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/automerge/automerge-plugin/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AACjE,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../../../../src/automerge/automerge-plugin/plugin.ts"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,SAAS,EAEd,WAAW,EACX,UAAU,EACV,KAAK,WAAW,EAChB,KAAK,eAAe,EACrB,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAAK,SAAS,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,KAAK,KAAK,EAAE,KAAK,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAGlE,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAE3C,MAAM,MAAM,KAAK,GAAG;IAClB,SAAS,EAAE,KAAK,CAAC;IACjB,IAAI,EAAE,IAAI,EAAE,CAAC;IACb,wBAAwB,EAAE,WAAW,EAAE,CAAC;CACzC,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,KAAK,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,UAAU,0DAAsC,CAAC;AAE9D,eAAO,MAAM,WAAW,sCAAsB,YAAY,WAAW,CAAgC,CAAC;AAEtG,eAAO,MAAM,YAAY,UAAW,WAAW,uCAAsD,CAAC;AAEtG,eAAO,MAAM,OAAO,UAAW,WAAW,mBAAiB,IAAI,EAA6B,CAAC;AAE7F,MAAM,MAAM,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;AAMtC,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,eAAe,WAAY,UAAU,QAAQ,IAAI,EAAE,KAAG,eA8DlE,CAAC;AAEF,eAAO,MAAM,uBAAuB,qDAA+B,CAAC;AAEpE,eAAO,MAAM,aAAa,OAAQ,WAAW,KAAG,OAAmD,CAAC;AAEpG,eAAO,MAAM,aAAa,OAAQ,eAAe,SAchD,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"automerge.stories.d.ts","sourceRoot":"","sources":["../../../../src/automerge/automerge.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,uBAAuB,CAAC;;;;AA8E/B,wBAEE;AAEF,eAAO,MAAM,aAAa;;CAEzB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"bundle.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/TextEditor/extensions/basic/bundle.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAInD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEhD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,WAAW,6CAA8C,kBAAkB,KAAG,SAAS,EAUlE,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/TextEditor/extensions/basic/index.ts"],"names":[],"mappings":"AAIA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { type StyleSpec } from 'style-mod';
|
|
2
|
-
/**
|
|
3
|
-
* Minimal styles.
|
|
4
|
-
* NOTE: The '&' prefix denotes the CM editor root.
|
|
5
|
-
* https://codemirror.net/examples/styling
|
|
6
|
-
*/
|
|
7
|
-
export declare const basicTheme: {
|
|
8
|
-
[selector: string]: StyleSpec;
|
|
9
|
-
};
|
|
10
|
-
//# sourceMappingURL=theme.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/TextEditor/extensions/basic/theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAI3C;;;;GAIG;AAEH,eAAO,MAAM,UAAU,EAAE;IACvB,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;CAgC/B,CAAC"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { StateField } from '@codemirror/state';
|
|
2
|
-
/**
|
|
3
|
-
* Based on https://github.com/codemirror/dev/issues/44#issuecomment-789093799
|
|
4
|
-
* @param onChange
|
|
5
|
-
*/
|
|
6
|
-
export declare const onChangeExtension: (onChange: (text: string) => void) => StateField<null>;
|
|
7
|
-
//# sourceMappingURL=change.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"change.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextEditor/extensions/change.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C;;;GAGG;AAEH,eAAO,MAAM,iBAAiB,oBAAqB,MAAM,KAAK,IAAI,qBAU9D,CAAC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { type RangeSet, StateField } from '@codemirror/state';
|
|
2
|
-
type HyperlinkDecorationConfig = {
|
|
3
|
-
link?: boolean;
|
|
4
|
-
};
|
|
5
|
-
/**
|
|
6
|
-
* Creates a state field to replace AST elements with a hyperlink widget.
|
|
7
|
-
* https://codemirror.net/docs/ref/#state.StateField
|
|
8
|
-
*/
|
|
9
|
-
export declare const hyperlinkDecoration: ({ link }?: HyperlinkDecorationConfig) => StateField<RangeSet<any>>;
|
|
10
|
-
export {};
|
|
11
|
-
//# sourceMappingURL=hyperlinkDecoration.d.ts.map
|
package/dist/types/src/components/TextEditor/extensions/hyperlink/hyperlinkDecoration.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"hyperlinkDecoration.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/TextEditor/extensions/hyperlink/hyperlinkDecoration.ts"],"names":[],"mappings":"AAMA,OAAO,EAAoB,KAAK,QAAQ,EAAmB,UAAU,EAAoB,MAAM,mBAAmB,CAAC;AA6CnH,KAAK,yBAAyB,GAAG;IAC/B,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,cAAc,yBAAyB,8BAMtE,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export type OnHyperlinkHover = (el: Element, url: string) => void;
|
|
2
|
-
/**
|
|
3
|
-
* https://codemirror.net/examples/tooltip
|
|
4
|
-
* https://codemirror.net/docs/ref/#view.hoverTooltip
|
|
5
|
-
* https://github.com/codemirror/view/blob/main/src/tooltip.ts
|
|
6
|
-
*/
|
|
7
|
-
export declare const createHyperlinkTooltip: (onHover: OnHyperlinkHover, regexp?: RegExp) => import("@codemirror/state").Extension;
|
|
8
|
-
//# sourceMappingURL=hyperlinkTooltip.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"hyperlinkTooltip.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/TextEditor/extensions/hyperlink/hyperlinkTooltip.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,gBAAgB,GAAG,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;AAElE;;;;GAIG;AAEH,eAAO,MAAM,sBAAsB,YAAa,gBAAgB,2DA0C5D,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"hyperlinkWidget.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/TextEditor/extensions/hyperlink/hyperlinkWidget.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAEL,KAAK,aAAa,EAElB,cAAc,EACd,UAAU,EACV,KAAK,UAAU,EAChB,MAAM,kBAAkB,CAAC;AAuD1B,wBAAgB,kBAAkB;wBAGR,cAAc;;mBAOnB,UAAU;GAwB9B;AAED,eAAO,MAAM,cAAc,WAYzB,CAAC;AAEH,eAAO,MAAM,eAAe,EAAE,SAAkD,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/TextEditor/extensions/hyperlink/index.ts"],"names":[],"mappings":"AAIA,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { Tag } from '@lezer/highlight';
|
|
2
|
-
import { type MarkdownConfig } from '@lezer/markdown';
|
|
3
|
-
export declare const markdownTags: {
|
|
4
|
-
headingMark: Tag;
|
|
5
|
-
quoteMark: Tag;
|
|
6
|
-
listMark: Tag;
|
|
7
|
-
linkMark: Tag;
|
|
8
|
-
emphasisMark: Tag;
|
|
9
|
-
codeMark: Tag;
|
|
10
|
-
codeText: Tag;
|
|
11
|
-
inlineCode: Tag;
|
|
12
|
-
url: Tag;
|
|
13
|
-
linkReference: Tag;
|
|
14
|
-
linkLabel: Tag;
|
|
15
|
-
};
|
|
16
|
-
export declare const markdownTagsExtension: MarkdownConfig;
|
|
17
|
-
//# sourceMappingURL=tags.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tags.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/TextEditor/extensions/markdown/tags.ts"],"names":[],"mappings":"AAIA,OAAO,EAAa,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,eAAO,MAAM,YAAY;;;;;;;;;;;;CAYxB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,cAgBnC,CAAC"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { HighlightStyle } from '@codemirror/language';
|
|
2
|
-
import { type ThemeStyles } from '../../../../styles';
|
|
3
|
-
export declare const chalky = "#e5c07b";
|
|
4
|
-
export declare const coral = "#e06c75";
|
|
5
|
-
export declare const cyan = "#56b6c2";
|
|
6
|
-
export declare const invalid = "#ffffff";
|
|
7
|
-
export declare const ivory = "#abb2bf";
|
|
8
|
-
export declare const stone = "#7d8799";
|
|
9
|
-
export declare const malibu = "#61afef";
|
|
10
|
-
export declare const sage = "#98c379";
|
|
11
|
-
export declare const whiskey = "#d19a66";
|
|
12
|
-
export declare const violet = "#c678dd";
|
|
13
|
-
export declare const highlightBackground = "#2c313a";
|
|
14
|
-
export declare const tooltipBackground = "#353a42";
|
|
15
|
-
/**
|
|
16
|
-
* NOTE: The '&' prefix denotes the CM editor root.
|
|
17
|
-
* https://codemirror.net/examples/styling
|
|
18
|
-
*/
|
|
19
|
-
export declare const markdownTheme: ThemeStyles;
|
|
20
|
-
export declare const markdownHighlightStyle: HighlightStyle;
|
|
21
|
-
//# sourceMappingURL=theme.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/TextEditor/extensions/markdown/theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAKtD,OAAO,EAAsD,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAG1G,eAAO,MAAM,MAAM,YAAY,CAAC;AAChC,eAAO,MAAM,KAAK,YAAY,CAAC;AAC/B,eAAO,MAAM,IAAI,YAAY,CAAC;AAC9B,eAAO,MAAM,OAAO,YAAY,CAAC;AACjC,eAAO,MAAM,KAAK,YAAY,CAAC;AAC/B,eAAO,MAAM,KAAK,YAAY,CAAC;AAC/B,eAAO,MAAM,MAAM,YAAY,CAAC;AAChC,eAAO,MAAM,IAAI,YAAY,CAAC;AAC9B,eAAO,MAAM,OAAO,YAAY,CAAC;AACjC,eAAO,MAAM,MAAM,YAAY,CAAC;AAEhC,eAAO,MAAM,mBAAmB,YAAY,CAAC;AAE7C,eAAO,MAAM,iBAAiB,YAAY,CAAC;AAK3C;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,WAsJ3B,CAAC;AAEF,eAAO,MAAM,sBAAsB,gBA6ElC,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { Extension } from '@codemirror/state';
|
|
2
|
-
import type { ThemeMode } from '@dxos/react-ui';
|
|
3
|
-
import type { EditorModel } from './useTextModel';
|
|
4
|
-
/**
|
|
5
|
-
* Replication and awareness (incl. remote selection).
|
|
6
|
-
* https://codemirror.net/docs/ref/#collab
|
|
7
|
-
*/
|
|
8
|
-
export declare const useCollaboration: (model: EditorModel, themeMode: ThemeMode) => Extension | undefined;
|
|
9
|
-
//# sourceMappingURL=useCollaboration.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useCollaboration.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useCollaboration.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAMnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAIhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD;;;GAGG;AACH,eAAO,MAAM,gBAAgB,UAAW,WAAW,aAAa,SAAS,KAAG,SAAS,GAAG,SAuBvF,CAAC"}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright 2023 DXOS.org
|
|
3
|
-
//
|
|
4
|
-
|
|
5
|
-
import get from 'lodash.get';
|
|
6
|
-
import { type StyleSpec } from 'style-mod';
|
|
7
|
-
|
|
8
|
-
import { tokens } from '../../../../styles';
|
|
9
|
-
|
|
10
|
-
/**
|
|
11
|
-
* Minimal styles.
|
|
12
|
-
* NOTE: The '&' prefix denotes the CM editor root.
|
|
13
|
-
* https://codemirror.net/examples/styling
|
|
14
|
-
*/
|
|
15
|
-
// TODO(burdon): Remove?
|
|
16
|
-
export const basicTheme: {
|
|
17
|
-
[selector: string]: StyleSpec;
|
|
18
|
-
} = {
|
|
19
|
-
'&.cm-focused': {
|
|
20
|
-
outline: 'none',
|
|
21
|
-
},
|
|
22
|
-
'& .cm-line': {
|
|
23
|
-
paddingInline: 0,
|
|
24
|
-
lineHeight: 1.6,
|
|
25
|
-
minBlockSize: '1.6em',
|
|
26
|
-
},
|
|
27
|
-
'& .cm-line *': {
|
|
28
|
-
lineHeight: 1.6,
|
|
29
|
-
},
|
|
30
|
-
'& .cm-scroller': {
|
|
31
|
-
fontFamily: get(tokens, 'fontFamily.body', []).join(','),
|
|
32
|
-
overflow: 'visible',
|
|
33
|
-
},
|
|
34
|
-
'& .cm-content': {
|
|
35
|
-
padding: 0,
|
|
36
|
-
caretColor: 'black',
|
|
37
|
-
},
|
|
38
|
-
'.dark & .cm-content': {
|
|
39
|
-
caretColor: 'white',
|
|
40
|
-
},
|
|
41
|
-
'& .cm-tooltip': {
|
|
42
|
-
backgroundColor: 'transparent',
|
|
43
|
-
border: 'none',
|
|
44
|
-
},
|
|
45
|
-
'& .cm-link': {
|
|
46
|
-
color: get(tokens, 'extend.colors.primary.500'),
|
|
47
|
-
textDecoration: 'underline',
|
|
48
|
-
},
|
|
49
|
-
};
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright 2023 DXOS.org
|
|
3
|
-
//
|
|
4
|
-
|
|
5
|
-
import { styleTags, Tag } from '@lezer/highlight';
|
|
6
|
-
import { type MarkdownConfig } from '@lezer/markdown';
|
|
7
|
-
|
|
8
|
-
export const markdownTags = {
|
|
9
|
-
headingMark: Tag.define(),
|
|
10
|
-
quoteMark: Tag.define(),
|
|
11
|
-
listMark: Tag.define(),
|
|
12
|
-
linkMark: Tag.define(),
|
|
13
|
-
emphasisMark: Tag.define(),
|
|
14
|
-
codeMark: Tag.define(),
|
|
15
|
-
codeText: Tag.define(),
|
|
16
|
-
inlineCode: Tag.define(),
|
|
17
|
-
url: Tag.define(),
|
|
18
|
-
linkReference: Tag.define(),
|
|
19
|
-
linkLabel: Tag.define(),
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
export const markdownTagsExtension: MarkdownConfig = {
|
|
23
|
-
props: [
|
|
24
|
-
styleTags({
|
|
25
|
-
HeaderMark: markdownTags.headingMark,
|
|
26
|
-
QuoteMark: markdownTags.quoteMark,
|
|
27
|
-
ListMark: markdownTags.listMark,
|
|
28
|
-
LinkMark: markdownTags.linkMark,
|
|
29
|
-
EmphasisMark: markdownTags.emphasisMark,
|
|
30
|
-
CodeMark: markdownTags.codeMark,
|
|
31
|
-
CodeText: markdownTags.codeText,
|
|
32
|
-
InlineCode: markdownTags.inlineCode,
|
|
33
|
-
URL: markdownTags.url,
|
|
34
|
-
LinkReference: markdownTags.linkReference,
|
|
35
|
-
LinkLabel: markdownTags.linkLabel,
|
|
36
|
-
}),
|
|
37
|
-
],
|
|
38
|
-
};
|
|
@@ -1,265 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright 2023 DXOS.org
|
|
3
|
-
//
|
|
4
|
-
|
|
5
|
-
import { markdownLanguage } from '@codemirror/lang-markdown';
|
|
6
|
-
import { HighlightStyle } from '@codemirror/language';
|
|
7
|
-
import { tags } from '@lezer/highlight';
|
|
8
|
-
import get from 'lodash.get';
|
|
9
|
-
|
|
10
|
-
import { markdownTags } from './tags';
|
|
11
|
-
import { bold, heading, italic, mark, strikethrough, tokens, type ThemeStyles } from '../../../../styles';
|
|
12
|
-
|
|
13
|
-
// TODO(burdon): Rationalize theme/colors. Hoist onto single property object.
|
|
14
|
-
export const chalky = '#e5c07b';
|
|
15
|
-
export const coral = '#e06c75';
|
|
16
|
-
export const cyan = '#56b6c2';
|
|
17
|
-
export const invalid = '#ffffff';
|
|
18
|
-
export const ivory = '#abb2bf';
|
|
19
|
-
export const stone = '#7d8799';
|
|
20
|
-
export const malibu = '#61afef';
|
|
21
|
-
export const sage = '#98c379';
|
|
22
|
-
export const whiskey = '#d19a66';
|
|
23
|
-
export const violet = '#c678dd';
|
|
24
|
-
const _darkBackground = '#21252b';
|
|
25
|
-
export const highlightBackground = '#2c313a';
|
|
26
|
-
const _background = '#282c34';
|
|
27
|
-
export const tooltipBackground = '#353a42';
|
|
28
|
-
const _selection = '#3E4451';
|
|
29
|
-
|
|
30
|
-
const monospace = get(tokens, 'fontFamily.mono', ['monospace']).join(',');
|
|
31
|
-
|
|
32
|
-
/**
|
|
33
|
-
* NOTE: The '&' prefix denotes the CM editor root.
|
|
34
|
-
* https://codemirror.net/examples/styling
|
|
35
|
-
*/
|
|
36
|
-
export const markdownTheme: ThemeStyles = {
|
|
37
|
-
// TODO(thure): Consider whether these commented-out rules from one-dark-theme should be integrated.
|
|
38
|
-
// '&': {
|
|
39
|
-
// color: ivory,
|
|
40
|
-
// backgroundColor: background
|
|
41
|
-
// },
|
|
42
|
-
// '.cm-cursor, .cm-dropCursor': { borderLeftColor: cursor },
|
|
43
|
-
// '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': {
|
|
44
|
-
// backgroundColor: selection
|
|
45
|
-
// },
|
|
46
|
-
// '.cm-panels': { backgroundColor: darkBackground, color: ivory },
|
|
47
|
-
// '.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },
|
|
48
|
-
// '.cm-panels.cm-panels-bottom': { borderTop: '2px solid black' },
|
|
49
|
-
// '.cm-searchMatch': {
|
|
50
|
-
// backgroundColor: '#72a1ff59',
|
|
51
|
-
// outline: '1px solid #457dff'
|
|
52
|
-
// },
|
|
53
|
-
// '.cm-searchMatch.cm-searchMatch-selected': {
|
|
54
|
-
// backgroundColor: '#6199ff2f'
|
|
55
|
-
// },
|
|
56
|
-
// '.cm-activeLine': { backgroundColor: '#6699ff0b' },
|
|
57
|
-
// '.cm-selectionMatch': { backgroundColor: '#aafe661a' },
|
|
58
|
-
// '&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket': {
|
|
59
|
-
// backgroundColor: '#bad0f847'
|
|
60
|
-
// },
|
|
61
|
-
// '.cm-gutters': {
|
|
62
|
-
// backgroundColor: background,
|
|
63
|
-
// color: stone,
|
|
64
|
-
// border: 'none'
|
|
65
|
-
// },
|
|
66
|
-
// '.cm-activeLineGutter': {
|
|
67
|
-
// backgroundColor: highlightBackground
|
|
68
|
-
// },
|
|
69
|
-
// '.cm-foldPlaceholder': {
|
|
70
|
-
// backgroundColor: 'transparent',
|
|
71
|
-
// border: 'none',
|
|
72
|
-
// color: '#ddd'
|
|
73
|
-
// },
|
|
74
|
-
|
|
75
|
-
'& .cm-tooltip': {
|
|
76
|
-
backgroundColor: 'transparent',
|
|
77
|
-
border: 'none',
|
|
78
|
-
},
|
|
79
|
-
// '.dark & .cm-tooltip': {
|
|
80
|
-
// border: 'none',
|
|
81
|
-
// backgroundColor: tooltipBackground,
|
|
82
|
-
// },
|
|
83
|
-
// '.dark & .cm-tooltip .cm-tooltip-arrow:before': {
|
|
84
|
-
// borderTopColor: 'transparent',
|
|
85
|
-
// borderBottomColor: 'transparent',
|
|
86
|
-
// },
|
|
87
|
-
// '.dark & .cm-tooltip .cm-tooltip-arrow:after': {
|
|
88
|
-
// borderTopColor: tooltipBackground,
|
|
89
|
-
// borderBottomColor: tooltipBackground,
|
|
90
|
-
// },
|
|
91
|
-
// '.dark & .cm-tooltip-autocomplete': {
|
|
92
|
-
// '& > ul > li[aria-selected]': {
|
|
93
|
-
// backgroundColor: highlightBackground,
|
|
94
|
-
// color: ivory,
|
|
95
|
-
// },
|
|
96
|
-
// },
|
|
97
|
-
'&.cm-focused': {
|
|
98
|
-
outline: 'none',
|
|
99
|
-
},
|
|
100
|
-
'& .cm-line': {
|
|
101
|
-
paddingInline: 0,
|
|
102
|
-
lineHeight: 1.6,
|
|
103
|
-
minBlockSize: '1.6em',
|
|
104
|
-
},
|
|
105
|
-
'& .cm-line *': {
|
|
106
|
-
lineHeight: 1.6,
|
|
107
|
-
},
|
|
108
|
-
'&.cm-focused .cm-selectionBackground, & .cm-selectionBackground': {
|
|
109
|
-
background: get(tokens, 'extend.colors.primary.150', '#00ffff'),
|
|
110
|
-
},
|
|
111
|
-
'.dark & .cm-selectionBackground, .dark &.cm-focused .cm-selectionBackground': {
|
|
112
|
-
background: get(tokens, 'extend.colors.primary.850', '#00ffff'),
|
|
113
|
-
},
|
|
114
|
-
'& .cm-selectionMatch': {
|
|
115
|
-
background: get(tokens, 'extend.colors.primary.250', '#00ffff') + '44',
|
|
116
|
-
},
|
|
117
|
-
'.dark & .cm-selectionMatch': {
|
|
118
|
-
background: get(tokens, 'extend.colors.primary.600', '#00ffff') + '44',
|
|
119
|
-
},
|
|
120
|
-
'& .cm-content': {
|
|
121
|
-
padding: 0,
|
|
122
|
-
caretColor: 'black',
|
|
123
|
-
},
|
|
124
|
-
'.dark & .cm-content': {
|
|
125
|
-
caretColor: 'white',
|
|
126
|
-
},
|
|
127
|
-
'& .cm-cursor': {
|
|
128
|
-
borderLeftColor: 'black',
|
|
129
|
-
},
|
|
130
|
-
'.dark & .cm-cursor': {
|
|
131
|
-
borderLeftColor: 'white',
|
|
132
|
-
},
|
|
133
|
-
'.cm-placeholder': {
|
|
134
|
-
fontFamily: get(tokens, 'fontFamily.body', []).join(','),
|
|
135
|
-
},
|
|
136
|
-
'& .cm-scroller': {
|
|
137
|
-
fontFamily: get(tokens, 'fontFamily.mono', []).join(','),
|
|
138
|
-
overflow: 'visible',
|
|
139
|
-
},
|
|
140
|
-
'& .cm-activeLine': {
|
|
141
|
-
backgroundColor: 'transparent',
|
|
142
|
-
},
|
|
143
|
-
'.dark & .cm-activeLine': {
|
|
144
|
-
backgroundColor: 'transparent',
|
|
145
|
-
},
|
|
146
|
-
'& .cm-ySelectionInfo': {
|
|
147
|
-
fontFamily: get(tokens, 'fontFamily.body', []).join(','),
|
|
148
|
-
padding: '2px 4px',
|
|
149
|
-
marginBlockStart: '-4px',
|
|
150
|
-
},
|
|
151
|
-
'& .cm-ySelection, & .cm-selectionMatch': {
|
|
152
|
-
paddingBlockStart: '.15em',
|
|
153
|
-
paddingBlockEnd: '.15em',
|
|
154
|
-
},
|
|
155
|
-
'& .cm-ySelection, & .cm-yLineSelection': {
|
|
156
|
-
mixBlendMode: 'multiply',
|
|
157
|
-
},
|
|
158
|
-
'.dark & .cm-ySelection, .dark & .cm-yLineSelection': {
|
|
159
|
-
mixBlendMode: 'screen',
|
|
160
|
-
},
|
|
161
|
-
'& .cm-ySelectionCaret': {
|
|
162
|
-
display: 'inline-block',
|
|
163
|
-
insetBlockStart: '.1em',
|
|
164
|
-
blockSize: '1.4em',
|
|
165
|
-
verticalAlign: 'top',
|
|
166
|
-
},
|
|
167
|
-
'& .cm-yLineSelection': {
|
|
168
|
-
margin: '0',
|
|
169
|
-
},
|
|
170
|
-
'.cm-link': {
|
|
171
|
-
color: 'rgb(20 89 208)', // TODO(burdon): Rationalize.
|
|
172
|
-
textDecorationLine: 'underline',
|
|
173
|
-
textDecorationThickness: '1px',
|
|
174
|
-
textUnderlineOffset: '2px',
|
|
175
|
-
borderRadius: '.125rem',
|
|
176
|
-
},
|
|
177
|
-
// TODO(burdon): Document.
|
|
178
|
-
...Object.keys(get(tokens, 'extend.fontSize', {})).reduce((acc: Record<string, any>, fontSize) => {
|
|
179
|
-
const height = get(tokens, ['extend', 'fontSize', fontSize, 1, 'lineHeight']);
|
|
180
|
-
// TODO(thure): This appears to be the best or only way to set selection caret heights, but it's far more verbose than it needs to be.
|
|
181
|
-
acc[`& .text-${fontSize} + .cm-ySelectionCaret`] = { height };
|
|
182
|
-
acc[`& .text-${fontSize} + .cm-ySelection + .cm-ySelectionCaret`] = { height };
|
|
183
|
-
acc[`& .text-${fontSize} + .cm-widgetBuffer + .cm-ySelectionCaret`] = { height };
|
|
184
|
-
return acc;
|
|
185
|
-
}, {}),
|
|
186
|
-
};
|
|
187
|
-
|
|
188
|
-
export const markdownHighlightStyle = HighlightStyle.define(
|
|
189
|
-
[
|
|
190
|
-
{
|
|
191
|
-
tag: [
|
|
192
|
-
tags.keyword,
|
|
193
|
-
tags.name,
|
|
194
|
-
tags.deleted,
|
|
195
|
-
tags.character,
|
|
196
|
-
tags.propertyName,
|
|
197
|
-
tags.macroName,
|
|
198
|
-
tags.color,
|
|
199
|
-
tags.constant(tags.name),
|
|
200
|
-
tags.standard(tags.name),
|
|
201
|
-
tags.definition(tags.name),
|
|
202
|
-
tags.separator,
|
|
203
|
-
tags.typeName,
|
|
204
|
-
tags.className,
|
|
205
|
-
tags.number,
|
|
206
|
-
tags.changed,
|
|
207
|
-
tags.annotation,
|
|
208
|
-
tags.modifier,
|
|
209
|
-
tags.self,
|
|
210
|
-
tags.namespace,
|
|
211
|
-
tags.operator,
|
|
212
|
-
tags.operatorKeyword,
|
|
213
|
-
tags.escape,
|
|
214
|
-
tags.regexp,
|
|
215
|
-
tags.special(tags.string),
|
|
216
|
-
tags.meta,
|
|
217
|
-
tags.comment,
|
|
218
|
-
tags.atom,
|
|
219
|
-
tags.bool,
|
|
220
|
-
tags.special(tags.variableName),
|
|
221
|
-
tags.processingInstruction,
|
|
222
|
-
tags.string,
|
|
223
|
-
tags.inserted,
|
|
224
|
-
tags.invalid,
|
|
225
|
-
],
|
|
226
|
-
color: 'inherit !important',
|
|
227
|
-
},
|
|
228
|
-
{
|
|
229
|
-
tag: [tags.link, tags.url],
|
|
230
|
-
color: 'inherit !important',
|
|
231
|
-
textDecoration: 'none !important',
|
|
232
|
-
},
|
|
233
|
-
{
|
|
234
|
-
tag: [tags.function(tags.variableName), tags.labelName],
|
|
235
|
-
color: malibu,
|
|
236
|
-
fontFamily: monospace,
|
|
237
|
-
},
|
|
238
|
-
{
|
|
239
|
-
tag: [
|
|
240
|
-
markdownTags.codeMark,
|
|
241
|
-
markdownTags.emphasisMark,
|
|
242
|
-
markdownTags.headingMark,
|
|
243
|
-
markdownTags.linkLabel,
|
|
244
|
-
markdownTags.linkReference,
|
|
245
|
-
markdownTags.listMark,
|
|
246
|
-
markdownTags.quoteMark,
|
|
247
|
-
markdownTags.url,
|
|
248
|
-
tags.meta,
|
|
249
|
-
tags.processingInstruction,
|
|
250
|
-
],
|
|
251
|
-
class: mark,
|
|
252
|
-
},
|
|
253
|
-
{ tag: [markdownTags.codeText, markdownTags.inlineCode], class: 'font-mono' },
|
|
254
|
-
{ tag: tags.emphasis, class: italic },
|
|
255
|
-
{ tag: tags.heading1, class: heading[1] },
|
|
256
|
-
{ tag: tags.heading2, class: heading[2] },
|
|
257
|
-
{ tag: tags.heading3, class: heading[3] },
|
|
258
|
-
{ tag: tags.heading4, class: heading[4] },
|
|
259
|
-
{ tag: tags.heading5, class: heading[5] },
|
|
260
|
-
{ tag: tags.heading6, class: heading[6] },
|
|
261
|
-
{ tag: tags.strikethrough, class: strikethrough },
|
|
262
|
-
{ tag: tags.strong, class: bold },
|
|
263
|
-
],
|
|
264
|
-
{ scope: markdownLanguage, all: { fontFamily: get(tokens, 'fontFamily.body', []).join(',') } },
|
|
265
|
-
);
|