@bendyline/squisq-react 2.0.1 → 2.2.0

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 (87) hide show
  1. package/LICENSE +21 -0
  2. package/NOTICE.md +20 -0
  3. package/README.md +6 -0
  4. package/dist/index.d.ts +101 -96
  5. package/dist/index.js +1483 -782
  6. package/dist/squisq-player.full.global.js +4165 -0
  7. package/dist/squisq-player.global.js +561 -168
  8. package/dist/standalone-source.d.ts +1 -0
  9. package/dist/standalone-source.js +1 -1
  10. package/dist/styles/index.css +64 -0
  11. package/package.json +8 -4
  12. package/dist/index.js.map +0 -1
  13. package/dist/squisq-player.css +0 -2
  14. package/dist/squisq-player.css.map +0 -1
  15. package/dist/squisq-player.global.js.map +0 -1
  16. package/src/BlockRenderer.tsx +0 -194
  17. package/src/CaptionOverlay.tsx +0 -111
  18. package/src/DocControlsBottom.tsx +0 -109
  19. package/src/DocControlsOverlay.tsx +0 -190
  20. package/src/DocControlsSidebar.tsx +0 -113
  21. package/src/DocControlsSlideshow.tsx +0 -360
  22. package/src/DocPlayer.tsx +0 -1528
  23. package/src/DocPlayerWithSidebar.tsx +0 -155
  24. package/src/DocProgressBar.tsx +0 -257
  25. package/src/InlineAudioPlayer.tsx +0 -46
  26. package/src/InlineVideoPlayer.tsx +0 -70
  27. package/src/LinearDocView.tsx +0 -569
  28. package/src/MarkdownRenderer.tsx +0 -624
  29. package/src/MediaClipLayer.tsx +0 -145
  30. package/src/SocialCaptionOverlay.tsx +0 -255
  31. package/src/__tests__/BlockRenderer.test.tsx +0 -235
  32. package/src/__tests__/DocControlsSlideshow.test.tsx +0 -221
  33. package/src/__tests__/DocPlayer.test.tsx +0 -635
  34. package/src/__tests__/DocPlayerStylesSentinel.test.tsx +0 -41
  35. package/src/__tests__/DocProgressBar.test.tsx +0 -102
  36. package/src/__tests__/JsonView.test.tsx +0 -111
  37. package/src/__tests__/LinearDocView.test.tsx +0 -426
  38. package/src/__tests__/MapLayer.test.tsx +0 -63
  39. package/src/__tests__/MarkdownRenderer.test.tsx +0 -357
  40. package/src/__tests__/MediaClipLayer.test.tsx +0 -70
  41. package/src/__tests__/MediaContext.test.tsx +0 -51
  42. package/src/__tests__/PathLayer.test.tsx +0 -84
  43. package/src/__tests__/TableLayer.test.tsx +0 -142
  44. package/src/__tests__/VideoLayer.test.tsx +0 -94
  45. package/src/__tests__/exports.test.ts +0 -55
  46. package/src/__tests__/fillStyle.test.tsx +0 -160
  47. package/src/__tests__/standaloneEntry.test.tsx +0 -103
  48. package/src/__tests__/transitionStyles.test.ts +0 -125
  49. package/src/__tests__/useAudioSync.test.ts +0 -49
  50. package/src/__tests__/useDocPlayback.transition.test.ts +0 -113
  51. package/src/__tests__/useJsonViewTokens.test.ts +0 -41
  52. package/src/__tests__/useSlideSwipe.test.ts +0 -81
  53. package/src/__tests__/useViewportOrientation.test.ts +0 -22
  54. package/src/hooks/AudioController.ts +0 -114
  55. package/src/hooks/MediaContext.tsx +0 -97
  56. package/src/hooks/index.ts +0 -11
  57. package/src/hooks/useAudioSync.ts +0 -456
  58. package/src/hooks/useAutoSurface.ts +0 -33
  59. package/src/hooks/useDocPlayback.ts +0 -265
  60. package/src/hooks/useMediaSchedule.ts +0 -39
  61. package/src/hooks/useSlideSwipe.ts +0 -265
  62. package/src/hooks/useViewportOrientation.ts +0 -115
  63. package/src/index.ts +0 -70
  64. package/src/jsonView/JsonView.tsx +0 -51
  65. package/src/jsonView/RenderNode.tsx +0 -51
  66. package/src/jsonView/index.ts +0 -2
  67. package/src/jsonView/json-view.css +0 -206
  68. package/src/jsonView/useJsonViewTokens.ts +0 -32
  69. package/src/jsonView/viewers.tsx +0 -343
  70. package/src/layers/ImageLayer.tsx +0 -297
  71. package/src/layers/MapLayer.tsx +0 -185
  72. package/src/layers/PathLayer.tsx +0 -155
  73. package/src/layers/ShapeLayer.tsx +0 -158
  74. package/src/layers/TableLayer.tsx +0 -129
  75. package/src/layers/TextLayer.tsx +0 -571
  76. package/src/layers/TreeLayer.tsx +0 -167
  77. package/src/layers/VideoLayer.tsx +0 -171
  78. package/src/layers/index.ts +0 -6
  79. package/src/standalone-entry.tsx +0 -337
  80. package/src/standalone-source.d.ts +0 -10
  81. package/src/styles/doc-animations.css +0 -2431
  82. package/src/styles/index.css +0 -7
  83. package/src/types.ts +0 -183
  84. package/src/utils/animationUtils.ts +0 -13
  85. package/src/utils/fillStyle.tsx +0 -148
  86. package/src/utils/layerUtils.ts +0 -42
  87. package/src/utils/mapTileUtils.ts +0 -375
package/dist/styles/index.css CHANGED
@@ -2053,6 +2053,70 @@
2053
2053
  .block-layer--image {
2054
2054
  overflow: visible;
2055
2055
  }
2056
+ .squisq-mermaid-rendered {
2057
+ position: relative;
2058
+ display: flex;
2059
+ box-sizing: border-box;
2060
+ width: 100%;
2061
+ min-height: 260px;
2062
+ align-items: center;
2063
+ justify-content: center;
2064
+ color: inherit;
2065
+ overflow: hidden;
2066
+ }
2067
+ .squisq-mermaid-render-svg {
2068
+ display: flex;
2069
+ width: 100%;
2070
+ height: 100%;
2071
+ min-height: 0;
2072
+ align-items: center;
2073
+ justify-content: center;
2074
+ }
2075
+ .squisq-mermaid-render-svg > svg {
2076
+ display: block;
2077
+ width: 100% !important;
2078
+ height: 100% !important;
2079
+ max-width: 100% !important;
2080
+ max-height: 100%;
2081
+ }
2082
+ .squisq-mermaid-render-status,
2083
+ .squisq-mermaid-render-error {
2084
+ padding: 1rem;
2085
+ color: inherit;
2086
+ font: 500 0.9rem/1.4 system-ui, sans-serif;
2087
+ text-align: center;
2088
+ }
2089
+ .squisq-mermaid-render-error pre {
2090
+ max-height: 8em;
2091
+ margin: 0.5rem 0 0;
2092
+ overflow: auto;
2093
+ font: 400 0.75rem/1.35 ui-monospace, monospace;
2094
+ text-align: left;
2095
+ white-space: pre-wrap;
2096
+ }
2097
+ .squisq-md-mermaid {
2098
+ min-height: min(460px, 60vh);
2099
+ margin: 1.25rem 0;
2100
+ padding: 1rem;
2101
+ border: 1px solid color-mix(in srgb, currentcolor 18%, transparent);
2102
+ border-radius: 10px;
2103
+ background: color-mix(in srgb, currentcolor 4%, transparent);
2104
+ }
2105
+ .squisq-mermaid-layer-frame {
2106
+ width: 100%;
2107
+ height: 100%;
2108
+ }
2109
+ .squisq-mermaid-layer-frame .squisq-mermaid-rendered {
2110
+ height: 100%;
2111
+ min-height: 0;
2112
+ }
2113
+ .squisq-mermaid-rendered :is(path.flowchart-link, .edgePath .path, .relationshipLine, .messageLine0, .messageLine1):not([style*="stroke:"]) {
2114
+ stroke: currentcolor !important;
2115
+ }
2116
+ .squisq-mermaid-rendered marker :is(path, polygon):not([fill=none]) {
2117
+ fill: currentcolor !important;
2118
+ stroke: currentcolor !important;
2119
+ }
2056
2120
  .text-shadow {
2057
2121
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8), 0 4px 8px rgba(0, 0, 0, 0.4);
2058
2122
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bendyline/squisq-react",
3
- "version": "2.0.1",
3
+ "version": "2.2.0",
4
4
  "description": "React component library for doc playback, block rendering, and media layers",
5
5
  "license": "MIT",
6
6
  "author": "Bendyline",
@@ -27,7 +27,9 @@
27
27
  "types": "./dist/index.d.ts",
28
28
  "files": [
29
29
  "dist",
30
- "src"
30
+ "!dist/**/*.map",
31
+ "LICENSE",
32
+ "NOTICE.md"
31
33
  ],
32
34
  "exports": {
33
35
  ".": {
@@ -36,8 +38,9 @@
36
38
  },
37
39
  "./styles": "./dist/styles/index.css",
38
40
  "./standalone": "./dist/squisq-player.global.js",
41
+ "./standalone/full": "./dist/squisq-player.full.global.js",
39
42
  "./standalone-source": {
40
- "types": "./src/standalone-source.d.ts",
43
+ "types": "./dist/standalone-source.d.ts",
41
44
  "import": "./dist/standalone-source.js"
42
45
  }
43
46
  },
@@ -53,7 +56,8 @@
53
56
  "react-dom": "^18.0.0 || ^19.0.0"
54
57
  },
55
58
  "dependencies": {
56
- "@bendyline/squisq": "2.0.1"
59
+ "@bendyline/squisq": "2.2.0",
60
+ "mermaid": "11.16.0"
57
61
  },
58
62
  "devDependencies": {
59
63
  "@types/react": "18.3.28",