@haklex/rich-compose 0.51.1 → 0.53.1

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 (38) hide show
  1. package/dist/cli/litexml-html-preview-client.d.ts.map +1 -1
  2. package/dist/editor.d.ts +2 -1
  3. package/dist/editor.d.ts.map +1 -1
  4. package/dist/editor.mjs +3 -1
  5. package/dist/litexml-html-preview-client.css +78 -55
  6. package/dist/litexml-html-preview-client.js +4757 -2104
  7. package/dist/module-B3H8Wyu0.js +10 -0
  8. package/dist/{module-D1w72FNW.js → module-BdSMK_5W.js} +1 -1
  9. package/dist/modules/code-block/edit.mjs +1 -1
  10. package/dist/modules/code-block/index.mjs +1 -1
  11. package/dist/modules/code-block/ssr-fallback.d.ts +1 -1
  12. package/dist/modules/steps/edit.d.ts +3 -0
  13. package/dist/modules/steps/edit.d.ts.map +1 -0
  14. package/dist/modules/steps/edit.mjs +9 -0
  15. package/dist/modules/steps/index.d.ts +5 -0
  16. package/dist/modules/steps/index.d.ts.map +1 -0
  17. package/dist/modules/steps/index.mjs +4 -0
  18. package/dist/modules/steps/module.d.ts +4 -0
  19. package/dist/modules/steps/module.d.ts.map +1 -0
  20. package/dist/modules/steps/node.d.ts +3 -0
  21. package/dist/modules/steps/node.d.ts.map +1 -0
  22. package/dist/modules/steps/node.mjs +1 -0
  23. package/dist/modules/steps/renderer.d.ts +3 -0
  24. package/dist/modules/steps/renderer.d.ts.map +1 -0
  25. package/dist/modules/steps/renderer.mjs +1 -0
  26. package/dist/renderer.d.ts +2 -1
  27. package/dist/renderer.d.ts.map +1 -1
  28. package/dist/renderer.mjs +4 -2
  29. package/dist/style/code-block.css +1 -1
  30. package/dist/style/code-snippet.css +1 -1
  31. package/dist/style/embed.css +1 -1
  32. package/dist/style/steps.css +2 -0
  33. package/dist/style.css +7 -3
  34. package/package.json +44 -27
  35. package/dist/cli/shiki-cdn.d.ts +0 -16
  36. package/dist/cli/shiki-cdn.d.ts.map +0 -1
  37. package/dist/cli/shiki-engine-cdn.d.ts +0 -2
  38. package/dist/cli/shiki-engine-cdn.d.ts.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"litexml-html-preview-client.d.ts","sourceRoot":"","sources":["../../src/cli/litexml-html-preview-client.tsx"],"names":[],"mappings":"AAuCA,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,gCAAgC,CAAC,EAAE,MAAM,CAAC;QAC1C,gCAAgC,CAAC,EAAE,OAAO,CAAC;KAC5C;CACF"}
1
+ {"version":3,"file":"litexml-html-preview-client.d.ts","sourceRoot":"","sources":["../../src/cli/litexml-html-preview-client.tsx"],"names":[],"mappings":"AAwCA,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,gCAAgC,CAAC,EAAE,MAAM,CAAC;QAC1C,gCAAgC,CAAC,EAAE,OAAO,CAAC;KAC5C;CACF"}
package/dist/editor.d.ts CHANGED
@@ -17,7 +17,8 @@ import { nestedDocEditModule } from './modules/nested-doc/edit';
17
17
  import { pollEditModule } from './modules/poll/edit';
18
18
  import { rubyEditModule } from './modules/ruby/edit';
19
19
  import { slashMenuEditModule } from './modules/slash-menu/edit';
20
+ import { stepsEditModule } from './modules/steps/edit';
20
21
  import { videoEditModule } from './modules/video/edit';
21
- export { alertEditModule, bannerEditModule, chartEditModule, chatEditModule, codeBlockEditModule, codeSnippetEditModule, embedEditModule, excalidrawEditModule, fileEditModule, galleryEditModule, imageEditModule, katexEditModule, linkCardEditModule, mentionEditModule, mermaidEditModule, nestedDocEditModule, pollEditModule, rubyEditModule, slashMenuEditModule, videoEditModule, };
22
+ export { alertEditModule, bannerEditModule, chartEditModule, chatEditModule, codeBlockEditModule, codeSnippetEditModule, embedEditModule, excalidrawEditModule, fileEditModule, galleryEditModule, imageEditModule, katexEditModule, linkCardEditModule, mentionEditModule, mermaidEditModule, nestedDocEditModule, pollEditModule, rubyEditModule, slashMenuEditModule, stepsEditModule, videoEditModule, };
22
23
  export declare const allEditorModules: import('./core').RichEditorModule[];
23
24
  //# sourceMappingURL=editor.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../src/editor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,EACL,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,qBAAqB,EACrB,eAAe,EACf,oBAAoB,EACpB,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,eAAe,GAChB,CAAC;AAEF,eAAO,MAAM,gBAAgB,qCAqB5B,CAAC"}
1
+ {"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../src/editor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,EACL,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,qBAAqB,EACrB,eAAe,EACf,oBAAoB,EACpB,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,eAAe,EACf,eAAe,GAChB,CAAC;AAEF,eAAO,MAAM,gBAAgB,qCAsB5B,CAAC"}
package/dist/editor.mjs CHANGED
@@ -17,6 +17,7 @@ import { nestedDocEditModule } from "./modules/nested-doc/edit.mjs";
17
17
  import { pollEditModule } from "./modules/poll/edit.mjs";
18
18
  import { rubyEditModule } from "./modules/ruby/edit.mjs";
19
19
  import { slashMenuEditModule } from "./modules/slash-menu/edit.mjs";
20
+ import { stepsEditModule } from "./modules/steps/edit.mjs";
20
21
  import { videoEditModule } from "./modules/video/edit.mjs";
21
22
  //#region src/editor.ts
22
23
  var allEditorModules = [
@@ -39,7 +40,8 @@ var allEditorModules = [
39
40
  pollEditModule,
40
41
  rubyEditModule,
41
42
  slashMenuEditModule,
43
+ stepsEditModule,
42
44
  videoEditModule
43
45
  ];
44
46
  //#endregion
45
- export { alertEditModule, allEditorModules, bannerEditModule, chartEditModule, chatEditModule, codeBlockEditModule, codeSnippetEditModule, embedEditModule, excalidrawEditModule, fileEditModule, galleryEditModule, imageEditModule, katexEditModule, linkCardEditModule, mentionEditModule, mermaidEditModule, nestedDocEditModule, pollEditModule, rubyEditModule, slashMenuEditModule, videoEditModule };
47
+ export { alertEditModule, allEditorModules, bannerEditModule, chartEditModule, chatEditModule, codeBlockEditModule, codeSnippetEditModule, embedEditModule, excalidrawEditModule, fileEditModule, galleryEditModule, imageEditModule, katexEditModule, linkCardEditModule, mentionEditModule, mermaidEditModule, nestedDocEditModule, pollEditModule, rubyEditModule, slashMenuEditModule, stepsEditModule, videoEditModule };
@@ -1554,13 +1554,13 @@
1554
1554
  color: var(--rc-text);
1555
1555
  }
1556
1556
  .qy3solb {
1557
- counter-reset: shiki-line 0;
1557
+ counter-reset: code-line 0;
1558
1558
  }
1559
1559
  .qy3solb .line {
1560
- counter-increment: shiki-line 1;
1560
+ counter-increment: code-line 1;
1561
1561
  }
1562
1562
  .qy3solb .line::before {
1563
- content: counter(shiki-line);
1563
+ content: counter(code-line);
1564
1564
  color: transparent;
1565
1565
  text-align: right;
1566
1566
  box-sizing: content-box;
@@ -1596,15 +1596,12 @@
1596
1596
  font-family: var(--rc-font-mono) !important;
1597
1597
  line-height: inherit;
1598
1598
  }
1599
- .qy3sol0 .shiki, .qy3sol0 code, .qy3sol0 pre {
1599
+ .qy3sol0 .highlights, .qy3sol0 code, .qy3sol0 pre {
1600
1600
  background: transparent !important;
1601
1601
  line-height: inherit;
1602
1602
  }
1603
- [data-theme='dark'] .qy3sol0 .shiki-themes, [data-theme='dark'] .qy3sol0 .shiki-themes span {
1604
- color: var(--shiki-dark) !important;
1605
- font-style: var(--shiki-dark-font-style) !important;
1606
- font-weight: var(--shiki-dark-font-weight) !important;
1607
- text-decoration: var(--shiki-dark-text-decoration) !important;
1603
+ [data-theme='dark'] .qy3sol0 .highlights-themes, [data-theme='dark'] .qy3sol0 .highlights-themes span {
1604
+ color: var(--hls-dark) !important;
1608
1605
  }
1609
1606
  .qy3sol0 .line {
1610
1607
  display: block;
@@ -5889,11 +5886,8 @@ figure.rich-image[data-display="fixed-height"] img {
5889
5886
  ._1v9rg4be code {
5890
5887
  font-family: inherit;
5891
5888
  }
5892
- [data-theme='dark'] ._1v9rg4be .shiki-themes, [data-theme='dark'] ._1v9rg4be .shiki-themes span {
5893
- color: var(--shiki-dark) !important;
5894
- font-style: var(--shiki-dark-font-style) !important;
5895
- font-weight: var(--shiki-dark-font-weight) !important;
5896
- text-decoration: var(--shiki-dark-text-decoration) !important;
5889
+ [data-theme='dark'] ._1v9rg4be .highlights-themes, [data-theme='dark'] ._1v9rg4be .highlights-themes span {
5890
+ color: var(--hls-dark) !important;
5897
5891
  }
5898
5892
  ._1v9rg4bf {
5899
5893
  display: inline-flex;
@@ -6335,13 +6329,6 @@ figure.rich-image[data-display="fixed-height"] img {
6335
6329
  text-align: right;
6336
6330
  color: var(--rc-text-quaternary) !important;
6337
6331
  }
6338
- .pa8uv2b > .shikicode.output {
6339
- position: static !important;
6340
- inset: auto !important;
6341
- }
6342
- .pa8uv2c > textarea.shikicode {
6343
- display: none;
6344
- }
6345
6332
  .pa8uv2d {
6346
6333
  position: absolute;
6347
6334
  left: 0;
@@ -6370,13 +6357,6 @@ figure.rich-image[data-display="fixed-height"] img {
6370
6357
  .pa8uv2e:hover {
6371
6358
  color: var(--rc-text);
6372
6359
  }
6373
- .pa8uv20 .shikicode.input, .pa8uv20 .shikicode.output, .pa8uv20 .shikicode.output code, .pa8uv20 .shikicode.output .line, .pa8uv20 .shikicode.output .line span {
6374
- font-variant-ligatures: none;
6375
- font-kerning: none;
6376
- }
6377
- .pa8uv20 .shikicode.input, .pa8uv20 .shikicode.output {
6378
- font-family: var(--rc-font-mono) !important;
6379
- }
6380
6360
  .pa8uv2b pre, .pa8uv2b code, .pa8uv2b .line, .pa8uv2b .line span {
6381
6361
  font-family: var(--rc-font-mono) !important;
6382
6362
  }
@@ -6396,34 +6376,16 @@ figure.rich-image[data-display="fixed-height"] img {
6396
6376
  flex-direction: column;
6397
6377
  font-family: var(--rc-font-mono) !important;
6398
6378
  }
6399
- .pa8uv20 .shiki, .pa8uv20 code, .pa8uv20 pre {
6379
+ .pa8uv20 .highlights, .pa8uv20 code, .pa8uv20 pre {
6400
6380
  background: transparent !important;
6401
6381
  }
6402
- [data-theme='dark'] .pa8uv20 .shiki-themes, [data-theme='dark'] .pa8uv20 .shiki-themes span {
6403
- color: var(--shiki-dark) !important;
6404
- font-style: var(--shiki-dark-font-style) !important;
6405
- font-weight: var(--shiki-dark-font-weight) !important;
6406
- text-decoration: var(--shiki-dark-text-decoration) !important;
6407
- }
6408
- .pa8uv2b:has(.shikicode.input.line-numbers) .shikicode.output .line::before {
6409
- background-color: transparent !important;
6410
- color: var(--rc-text-quaternary) !important;
6411
- min-width: calc(var(--rc-ln-digits, 2) * 1ch);
6412
- padding-right: 16px;
6413
- }
6414
- .pa8uv2b:not(:has(.shikicode.input.line-numbers)) .shikicode.output .line::before {
6415
- display: none;
6382
+ [data-theme='dark'] .pa8uv20 .highlights-themes, [data-theme='dark'] .pa8uv20 .highlights-themes span {
6383
+ color: var(--hls-dark) !important;
6416
6384
  }
6417
6385
  .pa8uv20 .line {
6418
6386
  display: block;
6419
6387
  padding: 0 16px;
6420
6388
  }
6421
- .pa8uv20 .shikicode.input.line-numbers {
6422
- padding-left: calc(2ch + 32px);
6423
- }
6424
- .pa8uv20 .shikicode.input:not(.line-numbers) {
6425
- padding-left: 16px;
6426
- }
6427
6389
  .pa8uv20 .line > span:last-child {
6428
6390
  margin-right: 16px;
6429
6391
  }
@@ -6473,13 +6435,13 @@ figure.rich-image[data-display="fixed-height"] img {
6473
6435
  color: #ef4444;
6474
6436
  }
6475
6437
  .pa8uv2f {
6476
- counter-reset: shiki-line 0;
6438
+ counter-reset: code-line 0;
6477
6439
  }
6478
6440
  .pa8uv2f .line {
6479
- counter-increment: shiki-line 1;
6441
+ counter-increment: code-line 1;
6480
6442
  }
6481
6443
  .pa8uv2f .line::before {
6482
- content: counter(shiki-line);
6444
+ content: counter(code-line);
6483
6445
  color: transparent;
6484
6446
  text-align: right;
6485
6447
  box-sizing: content-box;
@@ -6923,7 +6885,7 @@ pre.rich-code-block, code.rich-code-block {
6923
6885
  user-select: none;
6924
6886
  }
6925
6887
  ._1kngc4rc {
6926
- counter-reset: shiki-line var(--start-line, 0);
6888
+ counter-reset: code-line var(--start-line, 0);
6927
6889
  }
6928
6890
  ._1kngc4rc pre {
6929
6891
  margin: 0;
@@ -6944,8 +6906,8 @@ pre.rich-code-block, code.rich-code-block {
6944
6906
  line-height: 1.5;
6945
6907
  }
6946
6908
  ._1kngc4rc .line::before {
6947
- content: counter(shiki-line);
6948
- counter-increment: shiki-line;
6909
+ content: counter(code-line);
6910
+ counter-increment: code-line;
6949
6911
  flex-shrink: 0;
6950
6912
  width: 4ch;
6951
6913
  text-align: right;
@@ -9115,6 +9077,67 @@ a._1448tdpb:hover {
9115
9077
  line-height: 1;
9116
9078
  color: var(--rc-text-secondary);
9117
9079
  user-select: none;
9080
+ }.zq4qa80 {
9081
+ position: relative;
9082
+ list-style: none;
9083
+ margin: var(--rc-flow-block) 0;
9084
+ padding: 0;
9085
+ padding-inline-start: calc(1.75em + 0.875em);
9086
+ display: flex;
9087
+ flex-direction: column;
9088
+ gap: 1.75em;
9089
+ color: var(--rc-text);
9090
+ line-height: var(--rc-line-height);
9091
+ }
9092
+ .zq4qa80::before {
9093
+ content: "";
9094
+ position: absolute;
9095
+ inset-inline-start: calc(1.75em / 2);
9096
+ top: 0.5em;
9097
+ bottom: 0.5em;
9098
+ width: 1px;
9099
+ background: var(--rc-border);
9100
+ }
9101
+ .zq4qa81 {
9102
+ position: relative;
9103
+ display: flex;
9104
+ flex-direction: column;
9105
+ gap: 0.5em;
9106
+ min-width: 0;
9107
+ }
9108
+ .zq4qa82 {
9109
+ position: absolute;
9110
+ inset-inline-start: calc(-1 * (1.75em + 0.875em));
9111
+ top: 0;
9112
+ width: 1.75em;
9113
+ height: 1.75em;
9114
+ border-radius: 50%;
9115
+ display: flex;
9116
+ align-items: center;
9117
+ justify-content: center;
9118
+ font-size: var(--rc-font-size-small);
9119
+ font-weight: 500;
9120
+ font-variant-numeric: tabular-nums;
9121
+ color: var(--rc-text-secondary);
9122
+ background: var(--rc-bg);
9123
+ box-shadow: 0 0 0 1px var(--rc-border);
9124
+ }
9125
+ .zq4qa83 {
9126
+ margin: 0;
9127
+ font-size: 1.0625em;
9128
+ font-weight: 600;
9129
+ line-height: 1.75em;
9130
+ color: var(--rc-text);
9131
+ overflow-wrap: anywhere;
9132
+ }
9133
+ .zq4qa84 {
9134
+ min-width: 0;
9135
+ }
9136
+ .zq4qa84 > :first-child {
9137
+ margin-top: 0;
9138
+ }
9139
+ .zq4qa84 > :last-child {
9140
+ margin-bottom: 0;
9118
9141
  }@keyframes _1fjmgdr3 {
9119
9142
  0% {
9120
9143
  opacity: 1;