@backmatter/studio 0.0.7 → 0.0.9

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 (72) hide show
  1. package/dist/chunks/UiKitApp-b8qFsmA-.js +2401 -0
  2. package/dist/chunks/WorkspaceRoutes-BKKEkAq7.js +90126 -0
  3. package/dist/chunks/{dashboard-DCHRI0WD.js → dashboard-BNUcbYU0.js} +380 -382
  4. package/dist/chunks/{index-BS0-Bvbk.js → index-laWAz5_p.js} +111 -112
  5. package/dist/dashboard.js +2 -2
  6. package/dist/index.js +287 -146
  7. package/dist/site-widget.css +1615 -0
  8. package/dist/site-widget.js +30896 -630
  9. package/dist/studio.css +303 -98
  10. package/package.json +4 -4
  11. package/src/App.tsx +12 -29
  12. package/src/api.ts +55 -0
  13. package/src/chat/ChangeCard.tsx +2 -0
  14. package/src/chat/ChatMessage.tsx +73 -62
  15. package/src/chat/ChatPanel.tsx +110 -15
  16. package/src/chat/DocListCard.tsx +2 -0
  17. package/src/chat/LiveStatus.tsx +78 -8
  18. package/src/chat/Reveal.tsx +34 -0
  19. package/src/chat/Shimmer.tsx +65 -23
  20. package/src/chat/chat-helpers.ts +35 -0
  21. package/src/chat/motion.ts +73 -0
  22. package/src/chat/useStickToBottom.ts +129 -14
  23. package/src/chrome/AppShell.tsx +47 -10
  24. package/src/chrome/AppSidebar.tsx +9 -34
  25. package/src/chrome/ContentExplorerSidebar.tsx +149 -96
  26. package/src/chrome/UserMenu.tsx +3 -1
  27. package/src/chrome/content-tree-visibility.ts +55 -0
  28. package/src/chrome/explorer-icons.tsx +2 -4
  29. package/src/devbar-state.ts +125 -0
  30. package/src/index.css +3 -131
  31. package/src/pages/CliAuthorizePage.tsx +61 -28
  32. package/src/pages/MediaGalleryPage.tsx +144 -85
  33. package/src/pages/MediaLightbox.tsx +195 -96
  34. package/src/pages/SelectRepositoriesLink.tsx +28 -4
  35. package/src/pages/SettingsGeneralPage.tsx +25 -28
  36. package/src/pages/SettingsGithubPage.tsx +413 -124
  37. package/src/pages/SettingsUsagePage.tsx +23 -1
  38. package/src/pages/media-grid.ts +14 -1
  39. package/src/pages/ui-kit/UiKitApp.tsx +164 -0
  40. package/src/pages/ui-kit/buttons.tsx +30 -0
  41. package/src/pages/ui-kit/catalog.tsx +41 -0
  42. package/src/pages/ui-kit/colors.tsx +95 -0
  43. package/src/pages/ui-kit/devbar.tsx +160 -0
  44. package/src/pages/ui-kit/feedback.tsx +39 -0
  45. package/src/pages/ui-kit/fields.tsx +47 -0
  46. package/src/pages/ui-kit/lists.tsx +19 -0
  47. package/src/pages/ui-kit/overlays.tsx +39 -0
  48. package/src/pages/ui-kit/path.ts +9 -0
  49. package/src/pages/ui-kit/sections.tsx +32 -0
  50. package/src/pages/ui-kit/surfaces.tsx +121 -0
  51. package/src/pages/ui-kit/topic.tsx +112 -0
  52. package/src/pages/ui-kit/topics.ts +71 -0
  53. package/src/pages/ui-kit/type.tsx +55 -0
  54. package/src/preview-frame-radius.ts +51 -0
  55. package/src/preview-frame.tsx +93 -49
  56. package/src/shell-resets.css +155 -0
  57. package/src/site-bar.tsx +1791 -425
  58. package/src/site-dashboard-href.ts +21 -0
  59. package/src/site-devbar-overlay-inject.ts +15 -0
  60. package/src/site-devbar-overlay.css +217 -0
  61. package/src/site-pointer.ts +1 -1
  62. package/src/site-publish-menu.tsx +33 -0
  63. package/src/site-widget-styles.ts +7 -0
  64. package/src/site-widget.tsx +61 -21
  65. package/src/studio-prose-ui.css +39 -0
  66. package/src/theme/ThemeProvider.tsx +4 -1
  67. package/src/workspace-path.ts +18 -1
  68. package/dist/chunks/EmbedPublishPage-88VsmOhi.js +0 -149
  69. package/dist/chunks/UiKitPage-X4hkFL2d.js +0 -173
  70. package/dist/chunks/WorkspaceRoutes-DXzdWqN3.js +0 -59523
  71. package/dist/chunks/status-bar-action-wj1KZ51m.js +0 -30612
  72. package/src/pages/UiKitPage.tsx +0 -331
package/src/shell-resets.css ADDED
@@ -0,0 +1,155 @@
1
+ /* packages/studio/src/shell-resets.css
2
+ Scoped element resets for studio chrome on host pages and in the dashboard.
3
+ The on-site dev bar lives in a shadow root and uses BAR_CSS in site-bar.tsx. */
4
+
5
+ :is(
6
+ .backmatter-studio,
7
+ .backmatter-devbar-overlay,
8
+ [data-backmatter-panel],
9
+ [data-base-ui-portal],
10
+ [data-selection-bar]
11
+ ),
12
+ :is(
13
+ .backmatter-studio,
14
+ .backmatter-devbar-overlay,
15
+ [data-backmatter-panel],
16
+ [data-base-ui-portal],
17
+ [data-selection-bar]
18
+ )
19
+ :is(*, *::before, *::after) {
20
+ box-sizing: border-box;
21
+ }
22
+
23
+ html:has(.backmatter-studio),
24
+ html:has(.backmatter-studio) body {
25
+ margin: 0;
26
+ min-height: 100dvh;
27
+ }
28
+
29
+ html:has(.backmatter-studio) {
30
+ background: #f7f7f8;
31
+ color-scheme: light;
32
+ }
33
+
34
+ html[data-theme="dark"]:has(.backmatter-studio) {
35
+ background: #18181b;
36
+ color-scheme: dark;
37
+ }
38
+
39
+ html:has(.backmatter-studio) body {
40
+ -webkit-font-smoothing: antialiased;
41
+ font-family:
42
+ "Geist Sans",
43
+ Inter,
44
+ ui-sans-serif,
45
+ system-ui,
46
+ sans-serif;
47
+ }
48
+
49
+ :is(
50
+ .backmatter-studio,
51
+ .backmatter-devbar-overlay,
52
+ [data-backmatter-panel],
53
+ [data-base-ui-portal],
54
+ [data-selection-bar]
55
+ )
56
+ :is(button, input, textarea, select) {
57
+ /* Don't use `font: inherit` — it overrides StyleX sizes in @layer. */
58
+ font-family: inherit;
59
+ }
60
+
61
+ :is(
62
+ .backmatter-studio,
63
+ [data-backmatter-panel],
64
+ [data-base-ui-portal],
65
+ [data-selection-bar]
66
+ )
67
+ :is(button, [role="button"]) {
68
+ cursor: default;
69
+ }
70
+
71
+ :is(
72
+ .backmatter-studio,
73
+ [data-backmatter-panel],
74
+ [data-base-ui-portal],
75
+ [data-selection-bar]
76
+ )
77
+ :is(button:disabled, button[aria-disabled="true"]) {
78
+ cursor: not-allowed;
79
+ }
80
+
81
+ [data-drag-handle] {
82
+ cursor: grab;
83
+ }
84
+
85
+ [data-drag-handle][data-dragging] {
86
+ cursor: grabbing;
87
+ }
88
+
89
+ @layer reset {
90
+ :is(
91
+ .backmatter-studio,
92
+ [data-backmatter-panel],
93
+ [data-base-ui-portal],
94
+ [data-selection-bar]
95
+ )
96
+ a {
97
+ color: inherit;
98
+ }
99
+ }
100
+
101
+ :is(
102
+ .backmatter-studio,
103
+ [data-backmatter-panel],
104
+ [data-base-ui-portal],
105
+ [data-selection-bar]
106
+ )
107
+ a {
108
+ text-decoration: none;
109
+ cursor: default;
110
+ }
111
+
112
+ :is(
113
+ .backmatter-studio,
114
+ [data-backmatter-panel],
115
+ [data-base-ui-portal],
116
+ [data-selection-bar]
117
+ )
118
+ a[href^="http"],
119
+ :is(
120
+ .backmatter-studio,
121
+ [data-backmatter-panel],
122
+ [data-base-ui-portal],
123
+ [data-selection-bar]
124
+ )
125
+ a[href^="//"],
126
+ :is(
127
+ .backmatter-studio,
128
+ [data-backmatter-panel],
129
+ [data-base-ui-portal],
130
+ [data-selection-bar]
131
+ )
132
+ a[target="_blank"] {
133
+ cursor: pointer;
134
+ }
135
+
136
+ :is(
137
+ .backmatter-studio,
138
+ [data-backmatter-panel],
139
+ [data-base-ui-portal],
140
+ [data-selection-bar]
141
+ )
142
+ :focus-visible {
143
+ outline: 2px solid #18181b;
144
+ outline-offset: 2px;
145
+ }
146
+
147
+ html[data-theme="dark"]:has(.backmatter-studio)
148
+ :is(.backmatter-studio, [data-base-ui-portal], [data-selection-bar])
149
+ :focus-visible {
150
+ outline-color: #fafafa;
151
+ }
152
+
153
+ [data-no-ring]:focus-visible {
154
+ outline: none;
155
+ }