@morphika/andami 0.5.1 → 0.5.3

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 (147) hide show
  1. package/README.md +27 -2
  2. package/app/admin/assets/page.tsx +6 -6
  3. package/app/admin/database/page.tsx +302 -302
  4. package/app/admin/error.tsx +53 -53
  5. package/app/admin/layout.tsx +332 -320
  6. package/app/admin/navigation/page.tsx +255 -255
  7. package/app/admin/pages/[slug]/page.tsx +44 -27
  8. package/app/admin/pages/page.tsx +24 -19
  9. package/app/admin/projects/page.tsx +30 -21
  10. package/app/admin/setup/page.tsx +1 -1
  11. package/app/admin/styles/page.tsx +1 -1
  12. package/app/api/admin/assets/register/route.ts +51 -14
  13. package/app/api/admin/assets/registry/route.ts +4 -1
  14. package/app/api/admin/assets/relink/confirm/route.ts +4 -1
  15. package/app/api/admin/assets/relink/route.ts +4 -1
  16. package/app/api/admin/assets/scan/route.ts +4 -1
  17. package/app/api/admin/backups/restore-data/route.ts +4 -1
  18. package/app/api/admin/r2/connect/route.ts +4 -1
  19. package/app/api/admin/r2/delete/route.ts +4 -1
  20. package/app/api/admin/r2/rename/route.ts +4 -1
  21. package/app/api/admin/r2/upload-url/route.ts +4 -1
  22. package/app/api/admin/revalidate/route.ts +4 -1
  23. package/app/api/admin/storage/switch/route.ts +4 -1
  24. package/app/api/custom-sections/[id]/route.ts +5 -6
  25. package/components/admin/MetadataEditor.tsx +6 -6
  26. package/components/admin/PublishToggle.tsx +2 -2
  27. package/components/admin/nav-builder/NavBuilder.tsx +1 -1
  28. package/components/admin/nav-builder/NavBuilderGrid.tsx +3 -3
  29. package/components/admin/nav-builder/NavGridCell.tsx +48 -48
  30. package/components/admin/nav-builder/NavGridItem.tsx +8 -6
  31. package/components/admin/nav-builder/NavItemSettings.tsx +331 -331
  32. package/components/admin/nav-builder/NavItemTypePicker.tsx +102 -102
  33. package/components/admin/nav-builder/NavLivePreview.tsx +1 -1
  34. package/components/admin/nav-builder/NavMobileLivePreview.tsx +226 -226
  35. package/components/admin/nav-builder/NavMobileSettings.tsx +242 -242
  36. package/components/admin/nav-builder/NavSettingsFields.tsx +518 -514
  37. package/components/admin/setup-wizard/BrandingStep.tsx +3 -3
  38. package/components/admin/setup-wizard/DatabaseStep.tsx +2 -2
  39. package/components/admin/setup-wizard/DoneStep.tsx +1 -1
  40. package/components/admin/setup-wizard/SetupWizard.tsx +4 -4
  41. package/components/admin/setup-wizard/StorageStep.tsx +2 -2
  42. package/components/admin/setup-wizard/WelcomeStep.tsx +2 -2
  43. package/components/admin/styles/ColorsEditor.tsx +9 -8
  44. package/components/admin/styles/FontsEditor.tsx +9 -7
  45. package/components/admin/styles/GridLayoutEditor.tsx +9 -9
  46. package/components/admin/styles/LinksButtonsEditor.tsx +5 -5
  47. package/components/admin/styles/TypographyEditor.tsx +6 -6
  48. package/components/admin/styles/shared.tsx +68 -68
  49. package/components/blocks/AudioBlockRenderer.tsx +286 -286
  50. package/components/blocks/CoverSectionRenderer.tsx +7 -1
  51. package/components/blocks/MarqueeBlockRenderer.tsx +316 -0
  52. package/components/blocks/ProjectCarouselBlockRenderer.tsx +1 -1
  53. package/components/blocks/SectionV2Renderer.tsx +8 -1
  54. package/components/builder/BlockCardIcons.tsx +316 -316
  55. package/components/builder/BlockTypePicker.tsx +1 -1
  56. package/components/builder/BubbleIcons.tsx +104 -0
  57. package/components/builder/BuilderCanvas.tsx +2 -0
  58. package/components/builder/CanvasMinimap.tsx +66 -49
  59. package/components/builder/CanvasToolbar.tsx +31 -41
  60. package/components/builder/CoverSectionCanvas.tsx +363 -363
  61. package/components/builder/DeviceFrame.tsx +1 -1
  62. package/components/builder/DndWrapper.tsx +3 -3
  63. package/components/builder/InsertionLines.tsx +1 -1
  64. package/components/builder/SectionCardIcons.tsx +421 -320
  65. package/components/builder/SectionEditorBar.tsx +5 -3
  66. package/components/builder/SectionTypePicker.tsx +7 -5
  67. package/components/builder/SectionV2Canvas.tsx +1 -1
  68. package/components/builder/SectionV2Column.tsx +82 -68
  69. package/components/builder/SettingsPanel.tsx +21 -17
  70. package/components/builder/SortableBlock.tsx +93 -73
  71. package/components/builder/SortableRow.tsx +33 -35
  72. package/components/builder/VirtualAssetGrid.tsx +10 -4
  73. package/components/builder/asset-browser/R2BrowserContent.tsx +18 -14
  74. package/components/builder/blockStyles.tsx +192 -185
  75. package/components/builder/color-picker/AlphaSlider.tsx +141 -141
  76. package/components/builder/color-picker/ColorInputs.tsx +105 -105
  77. package/components/builder/color-picker/EyedropperButton.tsx +75 -74
  78. package/components/builder/color-picker/HueSlider.tsx +124 -124
  79. package/components/builder/color-picker/SaturationCanvas.tsx +142 -142
  80. package/components/builder/color-picker/SwatchBar.tsx +98 -93
  81. package/components/builder/color-picker/UnifiedColorPicker.tsx +11 -6
  82. package/components/builder/editors/AudioBlockEditor.tsx +242 -242
  83. package/components/builder/editors/BeforeAfterBlockEditor.tsx +360 -360
  84. package/components/builder/editors/ButtonBlockEditor.tsx +4 -4
  85. package/components/builder/editors/EnterAnimationPicker.tsx +2 -2
  86. package/components/builder/editors/HoverEffectPicker.tsx +2 -2
  87. package/components/builder/editors/ImageBlockEditor.tsx +2 -2
  88. package/components/builder/editors/ImageGridBlockEditor.tsx +8 -6
  89. package/components/builder/editors/MarqueeBlockEditor.tsx +622 -0
  90. package/components/builder/editors/ProjectCarouselBlockEditor.tsx +443 -443
  91. package/components/builder/editors/ProjectGridEditor.tsx +21 -16
  92. package/components/builder/editors/SpacerBlockEditor.tsx +29 -27
  93. package/components/builder/editors/StaggerSettings.tsx +109 -109
  94. package/components/builder/editors/TextBlockEditor.tsx +22 -17
  95. package/components/builder/editors/TextStylePicker.tsx +1 -1
  96. package/components/builder/editors/VideoBlockEditor.tsx +2 -2
  97. package/components/builder/editors/index.ts +11 -10
  98. package/components/builder/editors/shared.tsx +10 -8
  99. package/components/builder/live-preview/LiveAudioPreview.tsx +120 -120
  100. package/components/builder/live-preview/LiveBeforeAfterPreview.tsx +1 -1
  101. package/components/builder/live-preview/LiveImageGridPreview.tsx +10 -2
  102. package/components/builder/live-preview/LiveImagePreview.tsx +4 -2
  103. package/components/builder/live-preview/LiveMarqueePreview.tsx +39 -0
  104. package/components/builder/live-preview/LiveProjectCarouselPreview.tsx +1 -1
  105. package/components/builder/live-preview/LiveVideoPreview.tsx +1 -1
  106. package/components/builder/live-preview/ProjectCardWrapper.tsx +293 -291
  107. package/components/builder/live-preview/RichTextBubbleMenu.tsx +10 -6
  108. package/components/builder/live-preview/shared.tsx +5 -2
  109. package/components/builder/settings-panel/AnimationTab.tsx +138 -138
  110. package/components/builder/settings-panel/BlockLayoutTab.tsx +11 -9
  111. package/components/builder/settings-panel/CardEntranceSection.tsx +114 -114
  112. package/components/builder/settings-panel/ColumnV2LayoutTab.tsx +242 -0
  113. package/components/builder/settings-panel/ColumnV2Settings.tsx +5 -5
  114. package/components/builder/settings-panel/CoverSectionLayoutTab.tsx +71 -71
  115. package/components/builder/settings-panel/CoverSectionSettings.tsx +337 -335
  116. package/components/builder/settings-panel/PageSettings.tsx +3 -3
  117. package/components/builder/settings-panel/ParallaxSlideSettings.tsx +2 -2
  118. package/components/builder/settings-panel/SectionV2AnimationTab.tsx +4 -4
  119. package/components/builder/settings-panel/SectionV2LayoutTab.tsx +356 -356
  120. package/components/builder/settings-panel/SectionV2Settings.tsx +25 -20
  121. package/components/builder/settings-panel/TRBLInputs.tsx +1 -1
  122. package/components/builder/settings-panel/index.ts +1 -0
  123. package/lib/animation/enter-types.ts +1 -0
  124. package/lib/animation/hover-effect-presets.ts +210 -210
  125. package/lib/animation/hover-effect-types.ts +1 -0
  126. package/lib/builder/block-registrations.ts +468 -417
  127. package/lib/builder/constants.ts +111 -111
  128. package/lib/builder/serializer/normalizers.ts +14 -0
  129. package/lib/builder/serializer/serializers.ts +27 -0
  130. package/lib/builder/store-sections.ts +23 -2
  131. package/lib/builder/types-slices.ts +428 -414
  132. package/lib/builder/types.ts +4 -1
  133. package/lib/config/index.ts +27 -27
  134. package/lib/sanity/queries.ts +48 -0
  135. package/lib/sanity/types.ts +112 -1
  136. package/lib/version.ts +1 -1
  137. package/package.json +7 -5
  138. package/sanity/schemas/blocks/audioBlock.ts +69 -69
  139. package/sanity/schemas/blocks/index.ts +12 -11
  140. package/sanity/schemas/blocks/marqueeBlock.ts +292 -0
  141. package/sanity/schemas/index.ts +120 -117
  142. package/sanity/schemas/objects/coverSection.ts +32 -0
  143. package/sanity/schemas/objects/parallaxSlide.ts +32 -0
  144. package/sanity/schemas/pageSectionV2.ts +32 -0
  145. package/styles/admin.css +85 -85
  146. package/styles/animations.css +237 -237
  147. package/styles/base.css +114 -114
package/components/builder/editors/ButtonBlockEditor.tsx CHANGED
@@ -99,7 +99,7 @@ export default function ButtonBlockEditor({ block }: Props) {
99
99
  onClick={() => update({ style: s })}
100
100
  className={`flex-1 rounded border py-1 text-xs transition-colors ${
101
101
  (block.style || "primary") === s
102
- ? "border-[#076bff] bg-[#076bff]/20 text-neutral-900"
102
+ ? "border-[#3580f9] bg-[#3580f9]/20 text-neutral-900"
103
103
  : "border-neutral-200 bg-white text-neutral-500 hover:border-neutral-600"
104
104
  }`}
105
105
  >
@@ -123,7 +123,7 @@ export default function ButtonBlockEditor({ block }: Props) {
123
123
  onClick={() => updateResponsive("size", s)}
124
124
  className={`flex-1 rounded border py-1 text-xs transition-colors ${
125
125
  effectiveSize === s
126
- ? "border-[#076bff] bg-[#076bff]/20 text-neutral-900"
126
+ ? "border-[#3580f9] bg-[#3580f9]/20 text-neutral-900"
127
127
  : "border-neutral-200 bg-white text-neutral-500 hover:border-neutral-600"
128
128
  }`}
129
129
  >
@@ -146,7 +146,7 @@ export default function ButtonBlockEditor({ block }: Props) {
146
146
  onClick={() => updateResponsive("alignment", a)}
147
147
  className={`flex-1 rounded border py-1 text-xs transition-colors ${
148
148
  effectiveAlignment === a
149
- ? "border-[#076bff] bg-[#076bff]/20 text-neutral-900"
149
+ ? "border-[#3580f9] bg-[#3580f9]/20 text-neutral-900"
150
150
  : "border-neutral-200 bg-white text-neutral-500 hover:border-neutral-600"
151
151
  }`}
152
152
  >
@@ -173,7 +173,7 @@ export default function ButtonBlockEditor({ block }: Props) {
173
173
  type="button"
174
174
  onClick={() => updateResponsive("full_width", !effectiveFullWidth)}
175
175
  className={`relative w-8 h-[18px] rounded-full transition-colors ${
176
- effectiveFullWidth ? "bg-[#076bff]" : "bg-neutral-200 hover:bg-neutral-300"
176
+ effectiveFullWidth ? "bg-[#3580f9]" : "bg-neutral-200 hover:bg-neutral-300"
177
177
  }`}
178
178
  >
179
179
  <span
package/components/builder/editors/EnterAnimationPicker.tsx CHANGED
@@ -27,10 +27,10 @@ import type { ContentBlock } from "../../../lib/sanity/types";
27
27
  // ── CSS constants ─────────────────────────────────────────────────
28
28
 
29
29
  const SELECT_CLASS =
30
- "w-full rounded-lg border border-transparent bg-[#f5f5f5] px-2.5 py-[7px] text-xs text-neutral-900 font-normal outline-none transition-all hover:bg-[#efefef] focus:bg-white focus:border-[#076bff] focus:shadow-[0_0_0_3px_rgba(7,107,255,0.06)]";
30
+ "w-full rounded-lg border border-transparent bg-[#f5f5f5] px-2.5 py-[7px] text-xs text-neutral-900 font-normal outline-none transition-all hover:bg-[#efefef] focus:bg-white focus:border-[#3580f9] focus:shadow-[0_0_0_3px_rgba(53, 128, 249,0.06)]";
31
31
 
32
32
  const SLIDER_CLASS =
33
- "w-full h-1.5 rounded-full bg-[#e5e5e5] appearance-none cursor-pointer accent-[#076bff] [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:w-3.5 [&::-webkit-slider-thumb]:h-3.5 [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-[#076bff] [&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-white [&::-webkit-slider-thumb]:shadow-sm";
33
+ "w-full h-1.5 rounded-full bg-[#e5e5e5] appearance-none cursor-pointer accent-[#3580f9] [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:w-3.5 [&::-webkit-slider-thumb]:h-3.5 [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-[#3580f9] [&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-white [&::-webkit-slider-thumb]:shadow-sm";
34
34
 
35
35
  // ── Types ─────────────────────────────────────────────────────────
36
36
 
package/components/builder/editors/HoverEffectPicker.tsx CHANGED
@@ -35,10 +35,10 @@ import type { ContentBlock } from "../../../lib/sanity/types";
35
35
  // ── CSS constants ─────────────────────────────────────────────────
36
36
 
37
37
  const SELECT_CLASS =
38
- "w-full rounded-lg border border-transparent bg-[#f5f5f5] px-2.5 py-[7px] text-xs text-neutral-900 font-normal outline-none transition-all hover:bg-[#efefef] focus:bg-white focus:border-[#076bff] focus:shadow-[0_0_0_3px_rgba(7,107,255,0.06)]";
38
+ "w-full rounded-lg border border-transparent bg-[#f5f5f5] px-2.5 py-[7px] text-xs text-neutral-900 font-normal outline-none transition-all hover:bg-[#efefef] focus:bg-white focus:border-[#3580f9] focus:shadow-[0_0_0_3px_rgba(53, 128, 249,0.06)]";
39
39
 
40
40
  const SLIDER_CLASS =
41
- "w-full h-1.5 rounded-full bg-[#e5e5e5] appearance-none cursor-pointer accent-[#076bff] [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:w-3.5 [&::-webkit-slider-thumb]:h-3.5 [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-[#076bff] [&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-white [&::-webkit-slider-thumb]:shadow-sm";
41
+ "w-full h-1.5 rounded-full bg-[#e5e5e5] appearance-none cursor-pointer accent-[#3580f9] [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:w-3.5 [&::-webkit-slider-thumb]:h-3.5 [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-[#3580f9] [&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-white [&::-webkit-slider-thumb]:shadow-sm";
42
42
 
43
43
  // ── Types ─────────────────────────────────────────────────────────
44
44
 
package/components/builder/editors/ImageBlockEditor.tsx CHANGED
@@ -121,7 +121,7 @@ export default function ImageBlockEditor({ block }: Props) {
121
121
  onClick={() => updateResponsive("width", opt.value)}
122
122
  className={`flex-1 rounded border py-1 text-xs transition-colors ${
123
123
  effectiveWidth === opt.value
124
- ? "border-[#076bff] bg-[#076bff]/20 text-neutral-900"
124
+ ? "border-[#3580f9] bg-[#3580f9]/20 text-neutral-900"
125
125
  : "border-neutral-200 bg-white text-neutral-500 hover:border-neutral-600"
126
126
  }`}
127
127
  >
@@ -190,7 +190,7 @@ export default function ImageBlockEditor({ block }: Props) {
190
190
  updateResponsive("shadow", !effectiveShadow);
191
191
  }}
192
192
  className={`relative w-8 h-[18px] rounded-full transition-colors ${
193
- getEffectiveValue<boolean>(block, viewport, "shadow", block.shadow || false) ? "bg-[#076bff]" : "bg-neutral-200 hover:bg-neutral-300"
193
+ getEffectiveValue<boolean>(block, viewport, "shadow", block.shadow || false) ? "bg-[#3580f9]" : "bg-neutral-200 hover:bg-neutral-300"
194
194
  }`}
195
195
  >
196
196
  <span
package/components/builder/editors/ImageGridBlockEditor.tsx CHANGED
@@ -19,6 +19,7 @@ import {
19
19
  useActiveViewport,
20
20
  SELECT_CLASS,
21
21
  } from "./shared";
22
+ import { BubbleTooltip } from "../BubbleIcons";
22
23
 
23
24
  interface Props {
24
25
  block: ImageGridBlock;
@@ -74,13 +75,14 @@ function ImageThumb({
74
75
  e.stopPropagation();
75
76
  onRemove();
76
77
  }}
77
- className="w-7 h-7 rounded-full bg-white/90 hover:bg-[var(--admin-error)] hover:text-white flex items-center justify-center transition-colors text-neutral-600"
78
- title="Remove image"
78
+ className="group/bb relative w-7 h-7 rounded-full bg-white/90 hover:bg-[var(--admin-error)] hover:text-white flex items-center justify-center transition-colors text-neutral-600"
79
+ aria-label="Remove image"
79
80
  >
80
81
  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
81
82
  <polyline points="3 6 5 6 21 6" />
82
83
  <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" />
83
84
  </svg>
85
+ <BubbleTooltip>Remove image</BubbleTooltip>
84
86
  </button>
85
87
  </div>
86
88
  )}
@@ -187,7 +189,7 @@ export default function ImageGridBlockEditor({ block }: Props) {
187
189
  {/* Add Images button — opens browser in multi-select mode */}
188
190
  <button
189
191
  onClick={() => setBrowserOpen(true)}
190
- className="w-full rounded-lg border border-dashed border-neutral-300 py-3 text-xs text-neutral-500 hover:border-[#076bff] hover:text-neutral-900 transition-colors flex items-center justify-center gap-2"
192
+ className="w-full rounded-lg border border-dashed border-neutral-300 py-3 text-xs text-neutral-500 hover:border-[#3580f9] hover:text-neutral-900 transition-colors flex items-center justify-center gap-2"
191
193
  >
192
194
  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" className="text-neutral-400">
193
195
  <rect x="3" y="3" width="18" height="18" rx="2" />
@@ -317,7 +319,7 @@ export default function ImageGridBlockEditor({ block }: Props) {
317
319
  }}
318
320
  className={`flex-1 py-1.5 text-xs font-medium transition-colors ${
319
321
  effectiveLightbox
320
- ? "bg-[#076bff] text-white"
322
+ ? "bg-[#3580f9] text-white"
321
323
  : "bg-white text-neutral-500 hover:bg-neutral-50"
322
324
  }`}
323
325
  >
@@ -330,7 +332,7 @@ export default function ImageGridBlockEditor({ block }: Props) {
330
332
  }}
331
333
  className={`flex-1 py-1.5 text-xs font-medium transition-colors ${
332
334
  !effectiveLightbox
333
- ? "bg-[#076bff] text-white"
335
+ ? "bg-[#3580f9] text-white"
334
336
  : "bg-white text-neutral-500 hover:bg-neutral-50"
335
337
  }`}
336
338
  >
@@ -355,7 +357,7 @@ export default function ImageGridBlockEditor({ block }: Props) {
355
357
  onClick={() => updateResponsive("object_fit", f)}
356
358
  className={`flex-1 rounded border py-1 text-xs transition-colors ${
357
359
  effectiveObjectFit === f
358
- ? "border-[#076bff] bg-[#076bff]/20 text-neutral-900"
360
+ ? "border-[#3580f9] bg-[#3580f9]/20 text-neutral-900"
359
361
  : "border-neutral-200 bg-white text-neutral-500 hover:border-neutral-600"
360
362
  }`}
361
363
  >