@pantheon-systems/puck-css 0.11.1 → 0.13.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.
- package/README.md +1 -1
- package/dist/agent/components/AgentActionButton.js +0 -13
- package/dist/agent/components/AgentActionButton.js.map +1 -1
- package/dist/agent/components/AgentActionModal.js +0 -13
- package/dist/agent/components/AgentActionModal.js.map +1 -1
- package/dist/agent/components/AgentStatusPanel.js +0 -10
- package/dist/agent/components/AgentStatusPanel.js.map +1 -1
- package/dist/agent/components/index.js +0 -5
- package/dist/agent/components/index.js.map +1 -1
- package/dist/agent/useAgentEdit.js +0 -12
- package/dist/agent/useAgentEdit.js.map +1 -1
- package/dist/agent/useAgentTrigger.js +0 -29
- package/dist/agent/useAgentTrigger.js.map +1 -1
- package/dist/auth/P1AuthProvider.d.ts +9 -2
- package/dist/auth/P1AuthProvider.d.ts.map +1 -1
- package/dist/auth/P1AuthProvider.js +21 -44
- package/dist/auth/P1AuthProvider.js.map +1 -1
- package/dist/auth/P1LoginPage.js +0 -18
- package/dist/auth/P1LoginPage.js.map +1 -1
- package/dist/auth/index.d.ts +2 -0
- package/dist/auth/index.d.ts.map +1 -1
- package/dist/auth/index.js +1 -9
- package/dist/auth/index.js.map +1 -1
- package/dist/auth/logout.d.ts +23 -0
- package/dist/auth/logout.d.ts.map +1 -0
- package/dist/auth/logout.js +14 -0
- package/dist/auth/logout.js.map +1 -0
- package/dist/auth/storage-keys.d.ts +5 -0
- package/dist/auth/storage-keys.d.ts.map +1 -0
- package/dist/auth/storage-keys.js +3 -0
- package/dist/auth/storage-keys.js.map +1 -0
- package/dist/collaboration/components/AgentActivityBanner.js +0 -15
- package/dist/collaboration/components/AgentActivityBanner.js.map +1 -1
- package/dist/collaboration/components/CollaboratorAvatars.js +0 -17
- package/dist/collaboration/components/CollaboratorAvatars.js.map +1 -1
- package/dist/collaboration/components/FocusRegionHighlight.js +0 -9
- package/dist/collaboration/components/FocusRegionHighlight.js.map +1 -1
- package/dist/collaboration/components/PresenceIndicator.js +0 -9
- package/dist/collaboration/components/PresenceIndicator.js.map +1 -1
- package/dist/collaboration/useBranchPresence.js +0 -36
- package/dist/collaboration/useBranchPresence.js.map +1 -1
- package/dist/collaboration/useFocusRegionReporting.js +0 -75
- package/dist/collaboration/useFocusRegionReporting.js.map +1 -1
- package/dist/collaboration/usePresence.js +0 -37
- package/dist/collaboration/usePresence.js.map +1 -1
- package/dist/collaboration/useSitePresence.js +0 -36
- package/dist/collaboration/useSitePresence.js.map +1 -1
- package/dist/collaboration/utils/avatarColor.js +0 -3
- package/dist/collaboration/utils/avatarColor.js.map +1 -1
- package/dist/collaboration/utils/focusHighlightConfig.js +0 -61
- package/dist/collaboration/utils/focusHighlightConfig.js.map +1 -1
- package/dist/collaboration/utils/focusRegionMap.js +1 -80
- package/dist/collaboration/utils/focusRegionMap.js.map +1 -1
- package/dist/collaboration/utils/initials.js +0 -14
- package/dist/collaboration/utils/initials.js.map +1 -1
- package/dist/collaboration/utils/presenceIdentity.js +0 -26
- package/dist/collaboration/utils/presenceIdentity.js.map +1 -1
- package/dist/core/FocusHighlightContext.js +0 -31
- package/dist/core/FocusHighlightContext.js.map +1 -1
- package/dist/core/NotificationContext.js +2 -67
- package/dist/core/NotificationContext.js.map +1 -1
- package/dist/core/P1PuckContext.js +0 -31
- package/dist/core/P1PuckContext.js.map +1 -1
- package/dist/core/PresenceContext.js +0 -18
- package/dist/core/PresenceContext.js.map +1 -1
- package/dist/core/config.d.ts +9 -0
- package/dist/core/config.d.ts.map +1 -1
- package/dist/core/config.js +6 -2
- package/dist/core/config.js.map +1 -1
- package/dist/core/featureConfig.js +0 -32
- package/dist/core/featureConfig.js.map +1 -1
- package/dist/core/types.d.ts +18 -5
- package/dist/core/types.d.ts.map +1 -1
- package/dist/core/types.js +0 -3
- package/dist/core/types.js.map +1 -1
- package/dist/core/utils/debounce.js +0 -18
- package/dist/core/utils/debounce.js.map +1 -1
- package/dist/core/utils/requestError.d.ts +7 -0
- package/dist/core/utils/requestError.d.ts.map +1 -0
- package/dist/core/utils/requestError.js +7 -0
- package/dist/core/utils/requestError.js.map +1 -0
- package/dist/core/utils/retry.js +0 -31
- package/dist/core/utils/retry.js.map +1 -1
- package/dist/core/utils/throttle.js +0 -24
- package/dist/core/utils/throttle.js.map +1 -1
- package/dist/data/cross-reference-resolve.js +0 -6
- package/dist/data/cross-reference-resolve.js.map +1 -1
- package/dist/data/cross-reference.js +0 -15
- package/dist/data/cross-reference.js.map +1 -1
- package/dist/data/css-queries/css-query-registry.d.ts +2 -2
- package/dist/data/css-queries/css-query-registry.js +1 -1
- package/dist/data/css-queries/css-query-registry.js.map +1 -1
- package/dist/data/dal/index.js +0 -21
- package/dist/data/dal/index.js.map +1 -1
- package/dist/data/dal/init.d.ts.map +1 -1
- package/dist/data/dal/init.js +4 -39
- package/dist/data/dal/init.js.map +1 -1
- package/dist/data/dal/p1-store.d.ts +1 -1
- package/dist/data/dal/p1-store.d.ts.map +1 -1
- package/dist/data/dal/p1-store.js +50 -38
- package/dist/data/dal/p1-store.js.map +1 -1
- package/dist/data/data-list-block/create-data-list-block.js +0 -7
- package/dist/data/data-list-block/create-data-list-block.js.map +1 -1
- package/dist/data/data-list-block/utils.js +0 -1
- package/dist/data/data-list-block/utils.js.map +1 -1
- package/dist/data/fields/pds-field-helpers.js +1 -4
- package/dist/data/fields/pds-field-helpers.js.map +1 -1
- package/dist/data/fields/visible-when.js +0 -5
- package/dist/data/fields/visible-when.js.map +1 -1
- package/dist/data/fields.d.ts.map +1 -1
- package/dist/data/fields.js +1 -3
- package/dist/data/fields.js.map +1 -1
- package/dist/data/get-page.js +0 -1
- package/dist/data/get-page.js.map +1 -1
- package/dist/data/page-editor-meta.js +0 -7
- package/dist/data/page-editor-meta.js.map +1 -1
- package/dist/data/page-store.js +0 -32
- package/dist/data/page-store.js.map +1 -1
- package/dist/data/page-structure.js +0 -3
- package/dist/data/page-structure.js.map +1 -1
- package/dist/data/paths.js +0 -16
- package/dist/data/paths.js.map +1 -1
- package/dist/data/remote-datasources/fetch-http-json.js +0 -5
- package/dist/data/remote-datasources/fetch-http-json.js.map +1 -1
- package/dist/data/remote-datasources/loader.js +0 -21
- package/dist/data/remote-datasources/loader.js.map +1 -1
- package/dist/data/remote-datasources/remote-datasource-registry.js +0 -4
- package/dist/data/remote-datasources/remote-datasource-registry.js.map +1 -1
- package/dist/data/resolve-data-templates.js +0 -24
- package/dist/data/resolve-data-templates.js.map +1 -1
- package/dist/data/route-templates.js +0 -29
- package/dist/data/route-templates.js.map +1 -1
- package/dist/data/semantic-ops.js +0 -11
- package/dist/data/semantic-ops.js.map +1 -1
- package/dist/data/styles.js +0 -2
- package/dist/data/styles.js.map +1 -1
- package/dist/data/template-autocomplete.js +0 -8
- package/dist/data/template-autocomplete.js.map +1 -1
- package/dist/data/utils.d.ts +2 -0
- package/dist/data/utils.d.ts.map +1 -1
- package/dist/data/utils.js +3 -1
- package/dist/data/utils.js.map +1 -1
- package/dist/editor/P1App.d.ts.map +1 -1
- package/dist/editor/P1App.js +6 -45
- package/dist/editor/P1App.js.map +1 -1
- package/dist/editor/P1PuckProvider.d.ts +1 -1
- package/dist/editor/P1PuckProvider.d.ts.map +1 -1
- package/dist/editor/P1PuckProvider.js +63 -548
- package/dist/editor/P1PuckProvider.js.map +1 -1
- package/dist/editor/aiPanelStore.js +0 -7
- package/dist/editor/aiPanelStore.js.map +1 -1
- package/dist/editor/components/BranchSelector.js +0 -21
- package/dist/editor/components/BranchSelector.js.map +1 -1
- package/dist/editor/components/CollapsibleSectionHeader.js +1 -4
- package/dist/editor/components/CollapsibleSectionHeader.js.map +1 -1
- package/dist/editor/components/DraggableRow.js +0 -1
- package/dist/editor/components/DraggableRow.js.map +1 -1
- package/dist/editor/components/EditorReloadOverlay.d.ts +16 -0
- package/dist/editor/components/EditorReloadOverlay.d.ts.map +1 -0
- package/dist/editor/components/EditorReloadOverlay.js +13 -0
- package/dist/editor/components/EditorReloadOverlay.js.map +1 -0
- package/dist/editor/components/NotificationContainer.js +0 -20
- package/dist/editor/components/NotificationContainer.js.map +1 -1
- package/dist/editor/components/OutlinePanel.js +1 -12
- package/dist/editor/components/OutlinePanel.js.map +1 -1
- package/dist/editor/components/P1InspectorFields.d.ts.map +1 -1
- package/dist/editor/components/P1InspectorFields.js +12 -14
- package/dist/editor/components/P1InspectorFields.js.map +1 -1
- package/dist/editor/components/P1TemplateFields.js +6 -12
- package/dist/editor/components/P1TemplateFields.js.map +1 -1
- package/dist/editor/components/PanelHeader.d.ts.map +1 -1
- package/dist/editor/components/PanelHeader.js +3 -2
- package/dist/editor/components/PanelHeader.js.map +1 -1
- package/dist/editor/components/PublishButton.js +0 -21
- package/dist/editor/components/PublishButton.js.map +1 -1
- package/dist/editor/components/PuckDataCapture.js +0 -14
- package/dist/editor/components/PuckDataCapture.js.map +1 -1
- package/dist/editor/components/PuckDataSynchronizer.js +0 -67
- package/dist/editor/components/PuckDataSynchronizer.js.map +1 -1
- package/dist/editor/components/PuckSelectionTracker.js +0 -62
- package/dist/editor/components/PuckSelectionTracker.js.map +1 -1
- package/dist/editor/components/SaveIndicator.js +0 -41
- package/dist/editor/components/SaveIndicator.js.map +1 -1
- package/dist/editor/components/Toast.js +1 -32
- package/dist/editor/components/Toast.js.map +1 -1
- package/dist/editor/components/VersionBannerOverride.js +2 -14
- package/dist/editor/components/VersionBannerOverride.js.map +1 -1
- package/dist/editor/components/collapsibleSectionContext.js +0 -10
- package/dist/editor/components/collapsibleSectionContext.js.map +1 -1
- package/dist/editor/components/componentIconName.js +0 -23
- package/dist/editor/components/componentIconName.js.map +1 -1
- package/dist/editor/components/connectable.js +0 -5
- package/dist/editor/components/connectable.js.map +1 -1
- package/dist/editor/components/merge-preview/MergePreviewRenderer.js +2 -74
- package/dist/editor/components/merge-preview/MergePreviewRenderer.js.map +1 -1
- package/dist/editor/components/merge-preview/ScaledContent.js +0 -6
- package/dist/editor/components/merge-preview/ScaledContent.js.map +1 -1
- package/dist/editor/components/merge-preview/index.js +0 -5
- package/dist/editor/components/merge-preview/index.js.map +1 -1
- package/dist/editor/components/outlineTree.js +0 -31
- package/dist/editor/components/outlineTree.js.map +1 -1
- package/dist/editor/components/useDragReorder.js +0 -1
- package/dist/editor/components/useDragReorder.js.map +1 -1
- package/dist/editor/defaultPlugins.d.ts +1 -1
- package/dist/editor/defaultPlugins.js +1 -1
- package/dist/editor/logout-store.d.ts +13 -0
- package/dist/editor/logout-store.d.ts.map +1 -0
- package/dist/editor/logout-store.js +23 -0
- package/dist/editor/logout-store.js.map +1 -0
- package/dist/editor/plugin/P1Plugin.d.ts +6 -3
- package/dist/editor/plugin/P1Plugin.d.ts.map +1 -1
- package/dist/editor/plugin/P1Plugin.js +20 -170
- package/dist/editor/plugin/P1Plugin.js.map +1 -1
- package/dist/editor/plugin/context-sync-key.js +0 -19
- package/dist/editor/plugin/context-sync-key.js.map +1 -1
- package/dist/editor/plugin/createP1Overrides.js +1 -49
- package/dist/editor/plugin/createP1Overrides.js.map +1 -1
- package/dist/editor/plugin/document-sync-plugin.js +0 -50
- package/dist/editor/plugin/document-sync-plugin.js.map +1 -1
- package/dist/editor/plugin/fieldGuidance.js +0 -5
- package/dist/editor/plugin/fieldGuidance.js.map +1 -1
- package/dist/editor/plugin/index.js +0 -6
- package/dist/editor/plugin/index.js.map +1 -1
- package/dist/editor/plugin/selectHeaderCollaborators.js +0 -8
- package/dist/editor/plugin/selectHeaderCollaborators.js.map +1 -1
- package/dist/editor/presets.js +2 -2
- package/dist/editor/thumbnails/LiveThumbnail.js +1 -49
- package/dist/editor/thumbnails/LiveThumbnail.js.map +1 -1
- package/dist/editor/thumbnails/ThumbnailCard.js +0 -25
- package/dist/editor/thumbnails/ThumbnailCard.js.map +1 -1
- package/dist/editor/thumbnails/buildLiveThumbnailDrawer.js +0 -21
- package/dist/editor/thumbnails/buildLiveThumbnailDrawer.js.map +1 -1
- package/dist/editor/thumbnails/humanizeComponentName.js +0 -17
- package/dist/editor/thumbnails/humanizeComponentName.js.map +1 -1
- package/dist/editor/thumbnails/resolveLiveThumbnailDrawer.js +0 -11
- package/dist/editor/thumbnails/resolveLiveThumbnailDrawer.js.map +1 -1
- package/dist/editor/thumbnails/thumbnailCache.js +0 -38
- package/dist/editor/thumbnails/thumbnailCache.js.map +1 -1
- package/dist/editor/useAutoSave.js +0 -32
- package/dist/editor/useAutoSave.js.map +1 -1
- package/dist/editor/useBranches.js +0 -30
- package/dist/editor/useBranches.js.map +1 -1
- package/dist/editor/useComponentRegistry.d.ts +1 -1
- package/dist/editor/useComponentRegistry.js +0 -28
- package/dist/editor/useComponentRegistry.js.map +1 -1
- package/dist/editor/useDocuments.js +0 -51
- package/dist/editor/useDocuments.js.map +1 -1
- package/dist/editor/useMergePreview.js +8 -12
- package/dist/editor/useMergePreview.js.map +1 -1
- package/dist/editor/useP1Editor.d.ts +27 -7
- package/dist/editor/useP1Editor.d.ts.map +1 -1
- package/dist/editor/useP1Editor.js +107 -233
- package/dist/editor/useP1Editor.js.map +1 -1
- package/dist/editor/useP1Overrides.js +15 -50
- package/dist/editor/useP1Overrides.js.map +1 -1
- package/dist/editor/useP1Plugin.d.ts +7 -3
- package/dist/editor/useP1Plugin.d.ts.map +1 -1
- package/dist/editor/useP1Plugin.js +28 -56
- package/dist/editor/useP1Plugin.js.map +1 -1
- package/dist/editor/useRealtime.d.ts +15 -3
- package/dist/editor/useRealtime.d.ts.map +1 -1
- package/dist/editor/useRealtime.js +12 -91
- package/dist/editor/useRealtime.js.map +1 -1
- package/dist/editor/useResponsivePanels.js +2 -35
- package/dist/editor/useResponsivePanels.js.map +1 -1
- package/dist/editor/useSidebarScrollPreservation.js +0 -14
- package/dist/editor/useSidebarScrollPreservation.js.map +1 -1
- package/dist/editor/utils/buildThumbnailOverride.js +0 -9
- package/dist/editor/utils/buildThumbnailOverride.js.map +1 -1
- package/dist/editor/utils/componentRegistry.d.ts +6 -11
- package/dist/editor/utils/componentRegistry.d.ts.map +1 -1
- package/dist/editor/utils/componentRegistry.js +1 -71
- package/dist/editor/utils/componentRegistry.js.map +1 -1
- package/dist/editor/utils/createStablePluginArray.js +0 -27
- package/dist/editor/utils/createStablePluginArray.js.map +1 -1
- package/dist/editor/utils/path.js +0 -6
- package/dist/editor/utils/path.js.map +1 -1
- package/dist/editor/utils/puckYjsBinding.d.ts +1 -1
- package/dist/editor/utils/puckYjsBinding.js +0 -99
- package/dist/editor/utils/puckYjsBinding.js.map +1 -1
- package/dist/editor/utils/restoreDocumentVersion.js +0 -12
- package/dist/editor/utils/restoreDocumentVersion.js.map +1 -1
- package/dist/editor/utils/sanitizeRichtextDefaults.js +0 -26
- package/dist/editor/utils/sanitizeRichtextDefaults.js.map +1 -1
- package/dist/editor/utils/snapshotToPuckData.js +0 -8
- package/dist/editor/utils/snapshotToPuckData.js.map +1 -1
- package/dist/editor/utils/syncComponentRegistry.d.ts +2 -2
- package/dist/editor/utils/syncComponentRegistry.js +1 -76
- package/dist/editor/utils/syncComponentRegistry.js.map +1 -1
- package/dist/editor/utils/syncComponentRegistryWriteOnly.d.ts +7 -7
- package/dist/editor/utils/syncComponentRegistryWriteOnly.js +0 -22
- package/dist/editor/utils/syncComponentRegistryWriteOnly.js.map +1 -1
- package/dist/editor/utils/templatePath.js +0 -5
- package/dist/editor/utils/templatePath.js.map +1 -1
- package/dist/features/content-type-templates/editor/useTemplatePermissions.js +0 -3
- package/dist/features/content-type-templates/editor/useTemplatePermissions.js.map +1 -1
- package/dist/features/content-type-templates/hooks/useTemplateList.d.ts.map +1 -1
- package/dist/features/content-type-templates/hooks/useTemplateList.js +1 -29
- package/dist/features/content-type-templates/hooks/useTemplateList.js.map +1 -1
- package/dist/features/content-type-templates/index.js +0 -8
- package/dist/features/content-type-templates/index.js.map +1 -1
- package/dist/features/content-type-templates/permissions/createPuckPermissions.js +1 -43
- package/dist/features/content-type-templates/permissions/createPuckPermissions.js.map +1 -1
- package/dist/features/content-type-templates/permissions/role-permissions.d.ts +1 -0
- package/dist/features/content-type-templates/permissions/role-permissions.d.ts.map +1 -1
- package/dist/features/content-type-templates/permissions/role-permissions.js +1 -28
- package/dist/features/content-type-templates/permissions/role-permissions.js.map +1 -1
- package/dist/features/content-type-templates/permissions/useContentRole.js +0 -24
- package/dist/features/content-type-templates/permissions/useContentRole.js.map +1 -1
- package/dist/features/content-type-templates/permissions/useResolveContentRole.d.ts +5 -5
- package/dist/features/content-type-templates/permissions/useResolveContentRole.js +2 -22
- package/dist/features/content-type-templates/permissions/useResolveContentRole.js.map +1 -1
- package/dist/features/content-type-templates/stores/index.js +0 -5
- package/dist/features/content-type-templates/stores/index.js.map +1 -1
- package/dist/features/content-type-templates/stores/template-store-api.js +0 -14
- package/dist/features/content-type-templates/stores/template-store-api.js.map +1 -1
- package/dist/features/content-type-templates/stores/template-store.d.ts +1 -1
- package/dist/features/content-type-templates/stores/template-store.js +0 -12
- package/dist/features/content-type-templates/stores/template-store.js.map +1 -1
- package/dist/features/content-type-templates/types.d.ts +2 -1
- package/dist/features/content-type-templates/types.d.ts.map +1 -1
- package/dist/features/content-type-templates/types.js +0 -5
- package/dist/features/content-type-templates/types.js.map +1 -1
- package/dist/features/content-type-templates/ui/ActionBarPinButton.js +12 -21
- package/dist/features/content-type-templates/ui/ActionBarPinButton.js.map +1 -1
- package/dist/features/content-type-templates/ui/TemplateDetailsPanel.js +0 -23
- package/dist/features/content-type-templates/ui/TemplateDetailsPanel.js.map +1 -1
- package/dist/features/content-type-templates/ui/TemplateSelector.js +0 -19
- package/dist/features/content-type-templates/ui/TemplateSelector.js.map +1 -1
- package/dist/features/content-type-templates/validation/structural-validation.js +0 -40
- package/dist/features/content-type-templates/validation/structural-validation.js.map +1 -1
- package/dist/index.d.ts +6 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -43
- package/dist/index.js.map +1 -1
- package/dist/merge/components/conflict-notifications/ConflictNotificationToast.js +0 -19
- package/dist/merge/components/conflict-notifications/ConflictNotificationToast.js.map +1 -1
- package/dist/merge/components/conflict-notifications/index.js +0 -5
- package/dist/merge/components/conflict-notifications/index.js.map +1 -1
- package/dist/merge/components/conflict-notifications/useConflictNotifications.js +0 -48
- package/dist/merge/components/conflict-notifications/useConflictNotifications.js.map +1 -1
- package/dist/merge/components/conflict-resolution/ComponentConflictGroup.js +0 -36
- package/dist/merge/components/conflict-resolution/ComponentConflictGroup.js.map +1 -1
- package/dist/merge/components/conflict-resolution/PuckFieldResolutionPanel.js +0 -40
- package/dist/merge/components/conflict-resolution/PuckFieldResolutionPanel.js.map +1 -1
- package/dist/merge/components/conflict-resolution/RenderedResolutionPreview.js +0 -21
- package/dist/merge/components/conflict-resolution/RenderedResolutionPreview.js.map +1 -1
- package/dist/merge/components/conflict-resolution/index.js +0 -5
- package/dist/merge/components/conflict-resolution/index.js.map +1 -1
- package/dist/merge/components/merge-resolution/CherryPickVisualPanel.js +0 -44
- package/dist/merge/components/merge-resolution/CherryPickVisualPanel.js.map +1 -1
- package/dist/merge/components/merge-resolution/ComponentClickOverlay.js +0 -24
- package/dist/merge/components/merge-resolution/ComponentClickOverlay.js.map +1 -1
- package/dist/merge/components/merge-resolution/DocumentResolutionDetail.d.ts.map +1 -1
- package/dist/merge/components/merge-resolution/DocumentResolutionDetail.js +6 -31
- package/dist/merge/components/merge-resolution/DocumentResolutionDetail.js.map +1 -1
- package/dist/merge/components/merge-resolution/index.js +0 -3
- package/dist/merge/components/merge-resolution/index.js.map +1 -1
- package/dist/merge/useMergeResolution.d.ts +1 -1
- package/dist/merge/useMergeResolution.d.ts.map +1 -1
- package/dist/merge/useMergeResolution.js +6 -75
- package/dist/merge/useMergeResolution.js.map +1 -1
- package/dist/merge/utils/namespacePuckData.d.ts.map +1 -1
- package/dist/merge/utils/namespacePuckData.js +8 -8
- package/dist/merge/utils/namespacePuckData.js.map +1 -1
- package/dist/merge/utils/puckFieldClassifier.js +0 -183
- package/dist/merge/utils/puckFieldClassifier.js.map +1 -1
- package/dist/p1/editor/connect/connect-preview-config.js +0 -5
- package/dist/p1/editor/connect/connect-preview-config.js.map +1 -1
- package/dist/p1/editor/connect/field-connect-plugin.d.ts +8 -2
- package/dist/p1/editor/connect/field-connect-plugin.d.ts.map +1 -1
- package/dist/p1/editor/connect/field-connect-plugin.js +6 -2
- package/dist/p1/editor/connect/field-connect-plugin.js.map +1 -1
- package/dist/p1/editor/editor-preview-resolve.js +0 -13
- package/dist/p1/editor/editor-preview-resolve.js.map +1 -1
- package/dist/p1/editor/hooks/api-hooks.js +0 -7
- package/dist/p1/editor/hooks/api-hooks.js.map +1 -1
- package/dist/p1/editor/hooks/index.d.ts +1 -0
- package/dist/p1/editor/hooks/index.d.ts.map +1 -1
- package/dist/p1/editor/hooks/index.js +1 -0
- package/dist/p1/editor/hooks/index.js.map +1 -1
- package/dist/p1/editor/hooks/useLiveEditorContext.d.ts +24 -0
- package/dist/p1/editor/hooks/useLiveEditorContext.d.ts.map +1 -0
- package/dist/p1/editor/hooks/useLiveEditorContext.js +24 -0
- package/dist/p1/editor/hooks/useLiveEditorContext.js.map +1 -0
- package/dist/p1/editor/hooks/useLiveRemoteDatasources.d.ts +11 -7
- package/dist/p1/editor/hooks/useLiveRemoteDatasources.d.ts.map +1 -1
- package/dist/p1/editor/hooks/useLiveRemoteDatasources.js +4 -35
- package/dist/p1/editor/hooks/useLiveRemoteDatasources.js.map +1 -1
- package/dist/p1/editor/hooks/useP1Plugins.d.ts +5 -0
- package/dist/p1/editor/hooks/useP1Plugins.d.ts.map +1 -1
- package/dist/p1/editor/hooks/useP1Plugins.js +5 -18
- package/dist/p1/editor/hooks/useP1Plugins.js.map +1 -1
- package/dist/p1/editor/remote-datasources/remote-datasource-explorer-plugin.js +0 -7
- package/dist/p1/editor/remote-datasources/remote-datasource-explorer-plugin.js.map +1 -1
- package/dist/p1/editor/template-autocomplete-layer.js +0 -4
- package/dist/p1/editor/template-autocomplete-layer.js.map +1 -1
- package/dist/pds/components/AgentChip.js +0 -3
- package/dist/pds/components/AgentChip.js.map +1 -1
- package/dist/pds/components/CreatePageModal.js +1 -97
- package/dist/pds/components/CreatePageModal.js.map +1 -1
- package/dist/pds/components/LoadingMessage.d.ts.map +1 -1
- package/dist/pds/components/LoadingMessage.js +2 -1
- package/dist/pds/components/LoadingMessage.js.map +1 -1
- package/dist/pds/components/LoadingMessage.module.css +2 -21
- package/dist/pds/components/LoadingOverlay.d.ts +17 -0
- package/dist/pds/components/LoadingOverlay.d.ts.map +1 -0
- package/dist/pds/components/LoadingOverlay.js +7 -0
- package/dist/pds/components/LoadingOverlay.js.map +1 -0
- package/dist/pds/components/LoadingOverlay.module.css +28 -0
- package/dist/pds/components/P1EditorHeader.d.ts +9 -2
- package/dist/pds/components/P1EditorHeader.d.ts.map +1 -1
- package/dist/pds/components/P1EditorHeader.js +6 -26
- package/dist/pds/components/P1EditorHeader.js.map +1 -1
- package/dist/pds/components/P1EditorHeader.module.css +26 -0
- package/dist/pds/components/PageNavigator.js +0 -16
- package/dist/pds/components/PageNavigator.js.map +1 -1
- package/dist/pds/components/PresenceStack.js +0 -9
- package/dist/pds/components/PresenceStack.js.map +1 -1
- package/dist/pds/components/PublishControl.js +0 -6
- package/dist/pds/components/PublishControl.js.map +1 -1
- package/dist/pds/components/WorkstreamSwitcher.js +1 -25
- package/dist/pds/components/WorkstreamSwitcher.js.map +1 -1
- package/dist/pds/index.d.ts +2 -0
- package/dist/pds/index.d.ts.map +1 -1
- package/dist/pds/index.js +1 -29
- package/dist/pds/index.js.map +1 -1
- package/dist/pds/theme/pds-core-content.js +0 -5
- package/dist/pds/theme/pds-core-content.js.map +1 -1
- package/dist/pds/utils/deriveDocState.js +0 -1
- package/dist/pds/utils/deriveDocState.js.map +1 -1
- package/dist/pds/utils/deriveLiveDocState.js +0 -13
- package/dist/pds/utils/deriveLiveDocState.js.map +1 -1
- package/dist/registry-sync.js +0 -4
- package/dist/registry-sync.js.map +1 -1
- package/dist/server.js +0 -7
- package/dist/server.js.map +1 -1
- package/dist/versioning/components/ReadOnlyFieldsGuard.js +0 -3
- package/dist/versioning/components/ReadOnlyFieldsGuard.js.map +1 -1
- package/dist/versioning/components/VersionBannerActions.js +0 -1
- package/dist/versioning/components/VersionBannerActions.js.map +1 -1
- package/dist/versioning/components/version-compare/BranchDiffHeader.js +0 -7
- package/dist/versioning/components/version-compare/BranchDiffHeader.js.map +1 -1
- package/dist/versioning/components/version-compare/BranchMergeCompare.js +0 -19
- package/dist/versioning/components/version-compare/BranchMergeCompare.js.map +1 -1
- package/dist/versioning/components/version-compare/ComponentNode.js +0 -8
- package/dist/versioning/components/version-compare/ComponentNode.js.map +1 -1
- package/dist/versioning/components/version-compare/ComponentTree.js +0 -10
- package/dist/versioning/components/version-compare/ComponentTree.js.map +1 -1
- package/dist/versioning/components/version-compare/DiffHeader.js +0 -3
- package/dist/versioning/components/version-compare/DiffHeader.js.map +1 -1
- package/dist/versioning/components/version-compare/DocumentDiffList.js +0 -14
- package/dist/versioning/components/version-compare/DocumentDiffList.js.map +1 -1
- package/dist/versioning/components/version-compare/PropDiffPanel.js +0 -7
- package/dist/versioning/components/version-compare/PropDiffPanel.js.map +1 -1
- package/dist/versioning/components/version-compare/PropDiffRow.js +0 -3
- package/dist/versioning/components/version-compare/PropDiffRow.js.map +1 -1
- package/dist/versioning/components/version-compare/PropValueDisplay.js +0 -22
- package/dist/versioning/components/version-compare/PropValueDisplay.js.map +1 -1
- package/dist/versioning/components/version-compare/VersionComparePage.js +0 -13
- package/dist/versioning/components/version-compare/VersionComparePage.js.map +1 -1
- package/dist/versioning/components/version-compare/VisualBranchCompare.js +0 -17
- package/dist/versioning/components/version-compare/VisualBranchCompare.js.map +1 -1
- package/dist/versioning/components/version-compare/VisualVersionCompare.js +0 -23
- package/dist/versioning/components/version-compare/VisualVersionCompare.js.map +1 -1
- package/dist/versioning/components/version-compare/index.js +0 -5
- package/dist/versioning/components/version-compare/index.js.map +1 -1
- package/dist/versioning/components/version-history/AgentCheckpointBadge.js +0 -14
- package/dist/versioning/components/version-history/AgentCheckpointBadge.js.map +1 -1
- package/dist/versioning/components/version-history/VersionItem.js +0 -7
- package/dist/versioning/components/version-history/VersionItem.js.map +1 -1
- package/dist/versioning/components/version-history/index.js +0 -5
- package/dist/versioning/components/version-history/index.js.map +1 -1
- package/dist/versioning/useCheckpoints.js +0 -28
- package/dist/versioning/useCheckpoints.js.map +1 -1
- package/dist/versioning/useVersions.js +0 -31
- package/dist/versioning/useVersions.js.map +1 -1
- package/dist/versioning/utils/branchDiff.js +0 -93
- package/dist/versioning/utils/branchDiff.js.map +1 -1
- package/dist/versioning/utils/diff.js +0 -79
- package/dist/versioning/utils/diff.js.map +1 -1
- package/dist/versioning/utils/formatVersionDate.js +0 -12
- package/dist/versioning/utils/formatVersionDate.js.map +1 -1
- package/dist/versioning/utils/highlightConfig.js +0 -42
- package/dist/versioning/utils/highlightConfig.js.map +1 -1
- package/dist/versioning/utils/versionKind.js +0 -10
- package/dist/versioning/utils/versionKind.js.map +1 -1
- package/package.json +7 -7
- package/src/pds/theme/PuckEditorTheme.css +23 -5
- package/src/styles.css +1 -1
- package/src/pds/theme/PuckEditorTheme.test.ts +0 -186
- package/src/pds/theme/pds-core-content.ts +0 -8
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReadOnlyFieldsGuard.js","sourceRoot":"","sources":["../../../src/versioning/components/ReadOnlyFieldsGuard.tsx"],"names":[],"mappings":";AAeA,MAAM,UAAU,mBAAmB,CAAC,EAClC,QAAQ,EACR,UAAU,GACe;
|
|
1
|
+
{"version":3,"file":"ReadOnlyFieldsGuard.js","sourceRoot":"","sources":["../../../src/versioning/components/ReadOnlyFieldsGuard.tsx"],"names":[],"mappings":";AAeA,MAAM,UAAU,mBAAmB,CAAC,EAClC,QAAQ,EACR,UAAU,GACe;IAIzB,OAAO,CACL,cACE,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,SAAS,KAC1D,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YAEtC,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -24,7 +24,6 @@ export function VersionBannerActions({ version, onReturnToLatest, onRestoreVersi
|
|
|
24
24
|
await onRestoreVersion(version);
|
|
25
25
|
}
|
|
26
26
|
catch (err) {
|
|
27
|
-
// Cap server error messages to avoid leaking internal details or long stack traces.
|
|
28
27
|
setRevertError(err instanceof Error && err.message.length < 80
|
|
29
28
|
? err.message
|
|
30
29
|
: REVERT_ERROR_FALLBACK);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VersionBannerActions.js","sourceRoot":"","sources":["../../../src/versioning/components/VersionBannerActions.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAC;AACpE,OAAO,MAAM,MAAM,sCAAsC,CAAC;AAE1D,MAAM,qBAAqB,GAAG,kCAAkC,CAAC;AAEjE,SAAS,cAAc,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,QAAQ,GAKT;IACC,IAAI,QAAQ;QAAE,OAAO,QAAQ,CAAC;IAC9B,OAAO,KAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,kBAAkB,EAAC,KAAK,EAAC,aAAa,EAAE,QAAQ,GAAI,CAAC;AACzF,CAAC;AAcD,MAAM,UAAU,oBAAoB,CAAC,EACnC,OAAO,EACP,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,GAAG,KAAK,EACjB,WAAW,GAAG,KAAK,EACnB,UAAU,EACV,MAAM,EACN,WAAW,GAAG,KAAK,EACnB,OAAO,GAAG,KAAK,GACW;IAC1B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAEpE,MAAM,IAAI,GAAG,WAAW,IAAI,WAAW,CAAC;IACxC,MAAM,YAAY,GAAG,CAAC,WAAW,IAAI,IAAI,CAAC;IAC1C,MAAM,YAAY,GAAG,CAAC,OAAO,IAAI,IAAI,CAAC;IAEtC,SAAS,CAAC,GAAG,EAAE,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC;IAE1D,MAAM,YAAY,GAAG,KAAK,IAAI,EAAE;QAC9B,IAAI,CAAC,gBAAgB,IAAI,CAAC,OAAO;YAAE,OAAO;QAC1C,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,IAAI,CAAC;YACH,MAAM,gBAAgB,CAAC,OAAO,CAAC,CAAC;QAClC,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"VersionBannerActions.js","sourceRoot":"","sources":["../../../src/versioning/components/VersionBannerActions.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,4 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
/**
|
|
3
|
-
* Renders a header bar for branch merge comparison with branch names
|
|
4
|
-
* and change count summary.
|
|
5
|
-
*
|
|
6
|
-
* @param props - {@link BranchDiffHeaderProps}
|
|
7
|
-
* @returns A React element containing branch labels, change badges, and a close button.
|
|
8
|
-
*/
|
|
9
2
|
export function BranchDiffHeader({ sourceBranchName, targetBranchName, added = 0, removed = 0, modified = 0, reordered = 0, onClose, className = '', }) {
|
|
10
3
|
const baseClass = 'branch-diff-header';
|
|
11
4
|
const classes = [baseClass, className].filter(Boolean).join(' ');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BranchDiffHeader.js","sourceRoot":"","sources":["../../../../src/versioning/components/version-compare/BranchDiffHeader.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"BranchDiffHeader.js","sourceRoot":"","sources":["../../../../src/versioning/components/version-compare/BranchDiffHeader.tsx"],"names":[],"mappings":";AA6DA,MAAM,UAAU,gBAAgB,CAAC,EAC/B,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,GAAG,CAAC,EACT,OAAO,GAAG,CAAC,EACX,QAAQ,GAAG,CAAC,EACZ,SAAS,GAAG,CAAC,EACb,OAAO,EACP,SAAS,GAAG,EAAE,GACQ;IACtB,MAAM,SAAS,GAAG,oBAAoB,CAAC;IACvC,MAAM,OAAO,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEjE,MAAM,UAAU,GAAG,KAAK,GAAG,CAAC,IAAI,OAAO,GAAG,CAAC,IAAI,QAAQ,GAAG,CAAC,IAAI,SAAS,GAAG,CAAC,CAAC;IAE7E,OAAO,CACL,kBAAQ,SAAS,EAAE,OAAO,aACxB,eAAK,SAAS,EAAE,GAAG,SAAS,YAAY,aACtC,eAAM,SAAS,EAAE,GAAG,SAAS,YAAY,SAAS,kBAAkB,YACjE,gBAAgB,GACZ,EACP,eAAM,SAAS,EAAE,GAAG,SAAS,SAAS,uBAAU,EAChD,eAAM,SAAS,EAAE,GAAG,SAAS,YAAY,SAAS,kBAAkB,YACjE,gBAAgB,GACZ,IACH,EAEL,UAAU,IAAI,CACb,eAAK,SAAS,EAAE,GAAG,SAAS,WAAW,aACpC,KAAK,GAAG,CAAC,IAAI,CACZ,gBAAM,SAAS,EAAE,GAAG,SAAS,UAAU,SAAS,eAAe,kBAC3D,KAAK,IACF,CACR,EACA,OAAO,GAAG,CAAC,IAAI,CACd,gBAAM,SAAS,EAAE,GAAG,SAAS,UAAU,SAAS,iBAAiB,kBAC7D,OAAO,IACJ,CACR,EACA,QAAQ,GAAG,CAAC,IAAI,CACf,gBAAM,SAAS,EAAE,GAAG,SAAS,UAAU,SAAS,kBAAkB,kBAC9D,QAAQ,IACL,CACR,EACA,SAAS,GAAG,CAAC,IAAI,CAChB,gBAAM,SAAS,EAAE,GAAG,SAAS,UAAU,SAAS,mBAAmB,uBAC/D,SAAS,IACN,CACR,IACG,CACP,EAED,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,gDAAgD,SAAS,SAAS,EAC7E,OAAO,EAAE,OAAO,gBACL,kBAAkB,uBAGtB,IACF,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -1,19 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
/**
|
|
3
|
-
* BranchMergeCompare Component
|
|
4
|
-
*
|
|
5
|
-
* Full-page view for comparing two branches of Puck data,
|
|
6
|
-
* wrapping the VersionComparePage pattern for branch merge context.
|
|
7
|
-
*/
|
|
8
2
|
import { useState, useMemo } from 'react';
|
|
9
3
|
import { flushSync } from 'react-dom';
|
|
10
4
|
import { diffProps } from '../../utils/diff.js';
|
|
11
5
|
import { BranchDiffHeader } from './BranchDiffHeader.js';
|
|
12
6
|
import { ComponentTree } from './ComponentTree.js';
|
|
13
7
|
import { PropDiffPanel } from './PropDiffPanel.js';
|
|
14
|
-
/**
|
|
15
|
-
* Counts diffs by type.
|
|
16
|
-
*/
|
|
17
8
|
function countDiffs(diffs) {
|
|
18
9
|
const counts = { added: 0, removed: 0, modified: 0, reordered: 0 };
|
|
19
10
|
for (const diff of diffs) {
|
|
@@ -28,27 +19,17 @@ function countDiffs(diffs) {
|
|
|
28
19
|
}
|
|
29
20
|
return counts;
|
|
30
21
|
}
|
|
31
|
-
/**
|
|
32
|
-
* Renders a full-page branch merge comparison view with branch names,
|
|
33
|
-
* component trees for both sides, and a prop diff panel for selected
|
|
34
|
-
* components.
|
|
35
|
-
*
|
|
36
|
-
* @param props - {@link BranchMergeCompareProps}
|
|
37
|
-
* @returns A React element with header, side-by-side component trees, and detail panel.
|
|
38
|
-
*/
|
|
39
22
|
export function BranchMergeCompare({ sourceBranchName, targetBranchName, diffs, onClose, className = '', }) {
|
|
40
23
|
const baseClass = 'branch-merge-compare';
|
|
41
24
|
const classes = [baseClass, className].filter(Boolean).join(' ');
|
|
42
25
|
const [selectedComponentId, setSelectedComponentId] = useState(null);
|
|
43
26
|
const counts = useMemo(() => countDiffs(diffs), [diffs]);
|
|
44
27
|
const isEmpty = diffs.length === 0;
|
|
45
|
-
// Find the selected diff
|
|
46
28
|
const selectedDiff = useMemo(() => {
|
|
47
29
|
if (!selectedComponentId)
|
|
48
30
|
return null;
|
|
49
31
|
return diffs.find((d) => d.componentId === selectedComponentId) ?? null;
|
|
50
32
|
}, [diffs, selectedComponentId]);
|
|
51
|
-
// Get prop diffs for the selected component
|
|
52
33
|
const propDiffs = useMemo(() => {
|
|
53
34
|
if (!selectedDiff)
|
|
54
35
|
return [];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BranchMergeCompare.js","sourceRoot":"","sources":["../../../../src/versioning/components/version-compare/BranchMergeCompare.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"BranchMergeCompare.js","sourceRoot":"","sources":["../../../../src/versioning/components/version-compare/BranchMergeCompare.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,4 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
/**
|
|
3
|
-
* Renders a single component node with diff styling.
|
|
4
|
-
*/
|
|
5
2
|
export function ComponentNode({ diff, showPosition = false, isSelected = false, onClick, className = '', }) {
|
|
6
3
|
const baseClass = 'component-node';
|
|
7
4
|
const typeClass = `${baseClass}--${diff.type}`;
|
|
@@ -10,18 +7,13 @@ export function ComponentNode({ diff, showPosition = false, isSelected = false,
|
|
|
10
7
|
const handleClick = () => {
|
|
11
8
|
onClick?.(diff);
|
|
12
9
|
};
|
|
13
|
-
// Determine position to show (prefer afterIndex, fall back to beforeIndex)
|
|
14
10
|
const position = diff.afterIndex !== undefined ? diff.afterIndex + 1 : (diff.beforeIndex !== undefined ? diff.beforeIndex + 1 : null);
|
|
15
|
-
// Check if this is a move (reordered or modified+reordered)
|
|
16
11
|
const isMoved = diff.type === 'reordered' || diff.reordered === true;
|
|
17
12
|
const moveInfo = isMoved && diff.beforeIndex !== undefined && diff.afterIndex !== undefined
|
|
18
13
|
? `moved from #${diff.beforeIndex + 1} to #${diff.afterIndex + 1}`
|
|
19
14
|
: null;
|
|
20
15
|
return (_jsxs("button", { type: "button", className: classes, onClick: handleClick, "aria-pressed": isSelected, children: [_jsx("span", { className: `${baseClass}__icon`, children: getTypeIcon(diff.type) }), _jsx("span", { className: `${baseClass}__type`, children: diff.componentType }), showPosition && position !== null && (_jsxs("span", { className: `${baseClass}__position`, children: ["#", position] })), showPosition && moveInfo && (_jsxs("span", { className: `${baseClass}__move-info`, children: ["(", moveInfo, ")"] }))] }));
|
|
21
16
|
}
|
|
22
|
-
/**
|
|
23
|
-
* Gets an icon for the diff type.
|
|
24
|
-
*/
|
|
25
17
|
function getTypeIcon(type) {
|
|
26
18
|
switch (type) {
|
|
27
19
|
case 'added':
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComponentNode.js","sourceRoot":"","sources":["../../../../src/versioning/components/version-compare/ComponentNode.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"ComponentNode.js","sourceRoot":"","sources":["../../../../src/versioning/components/version-compare/ComponentNode.tsx"],"names":[],"mappings":";AAuCA,MAAM,UAAU,aAAa,CAAC,EAC5B,IAAI,EACJ,YAAY,GAAG,KAAK,EACpB,UAAU,GAAG,KAAK,EAClB,OAAO,EACP,SAAS,GAAG,EAAE,GACK;IACnB,MAAM,SAAS,GAAG,gBAAgB,CAAC;IACnC,MAAM,SAAS,GAAG,GAAG,SAAS,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC;IAC/C,MAAM,aAAa,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IACjE,MAAM,OAAO,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE3F,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,OAAO,EAAE,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC,CAAC;IAGF,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAGtI,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,KAAK,WAAW,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC;IACrE,MAAM,QAAQ,GAAG,OAAO,IAAI,IAAI,CAAC,WAAW,KAAK,SAAS,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS;QACzF,CAAC,CAAC,eAAe,IAAI,CAAC,WAAW,GAAG,CAAC,QAAQ,IAAI,CAAC,UAAU,GAAG,CAAC,EAAE;QAClE,CAAC,CAAC,IAAI,CAAC;IAET,OAAO,CACL,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,WAAW,kBACN,UAAU,aAExB,eAAM,SAAS,EAAE,GAAG,SAAS,QAAQ,YAClC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAClB,EACP,eAAM,SAAS,EAAE,GAAG,SAAS,QAAQ,YAClC,IAAI,CAAC,aAAa,GACd,EACN,YAAY,IAAI,QAAQ,KAAK,IAAI,IAAI,CACpC,gBAAM,SAAS,EAAE,GAAG,SAAS,YAAY,kBACrC,QAAQ,IACL,CACR,EACA,YAAY,IAAI,QAAQ,IAAI,CAC3B,gBAAM,SAAS,EAAE,GAAG,SAAS,aAAa,kBACtC,QAAQ,SACL,CACR,IACM,CACV,CAAC;AACJ,CAAC;AAKD,SAAS,WAAW,CAAC,IAAuC;IAC1D,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,OAAO;YACV,OAAO,GAAG,CAAC;QACb,KAAK,SAAS;YACZ,OAAO,GAAG,CAAC;QACb,KAAK,UAAU;YACb,OAAO,GAAG,CAAC;QACb,KAAK,WAAW;YACd,OAAO,GAAG,CAAC;QACb,KAAK,WAAW,CAAC;QACjB;YACE,OAAO,GAAG,CAAC;IACf,CAAC;AACH,CAAC"}
|
|
@@ -1,30 +1,20 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { ComponentNode } from './ComponentNode.js';
|
|
3
|
-
/**
|
|
4
|
-
* Filters and sorts diffs for the given side.
|
|
5
|
-
*/
|
|
6
3
|
function getComponentsForSide(diffs, side) {
|
|
7
|
-
// Filter out components that don't exist on this side
|
|
8
4
|
const filtered = diffs.filter((diff) => {
|
|
9
5
|
if (side === 'before') {
|
|
10
|
-
// Don't show added components on the before side
|
|
11
6
|
return diff.type !== 'added';
|
|
12
7
|
}
|
|
13
8
|
else {
|
|
14
|
-
// Don't show removed components on the after side
|
|
15
9
|
return diff.type !== 'removed';
|
|
16
10
|
}
|
|
17
11
|
});
|
|
18
|
-
// Sort by position
|
|
19
12
|
return filtered.sort((a, b) => {
|
|
20
13
|
const indexA = side === 'before' ? a.beforeIndex : a.afterIndex;
|
|
21
14
|
const indexB = side === 'before' ? b.beforeIndex : b.afterIndex;
|
|
22
15
|
return (indexA ?? 0) - (indexB ?? 0);
|
|
23
16
|
});
|
|
24
17
|
}
|
|
25
|
-
/**
|
|
26
|
-
* Renders a tree of components for one side of the comparison.
|
|
27
|
-
*/
|
|
28
18
|
export function ComponentTree({ diffs, side, selectedComponentId, onSelectComponent, className = '', }) {
|
|
29
19
|
const baseClass = 'component-tree';
|
|
30
20
|
const classes = [baseClass, className].filter(Boolean).join(' ');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComponentTree.js","sourceRoot":"","sources":["../../../../src/versioning/components/version-compare/ComponentTree.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"ComponentTree.js","sourceRoot":"","sources":["../../../../src/versioning/components/version-compare/ComponentTree.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAgCnD,SAAS,oBAAoB,CAC3B,KAAkC,EAClC,IAAwB;IAGxB,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE;QACrC,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;YAEtB,OAAO,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC;QAC/B,CAAC;aAAM,CAAC;YAEN,OAAO,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC;QACjC,CAAC;IACH,CAAC,CAAC,CAAC;IAGH,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QAC5B,MAAM,MAAM,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;QAChE,MAAM,MAAM,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;QAChE,OAAO,CAAC,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC;IACvC,CAAC,CAAC,CAAC;AACL,CAAC;AAKD,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,IAAI,EACJ,mBAAmB,EACnB,iBAAiB,EACjB,SAAS,GAAG,EAAE,GACK;IACnB,MAAM,SAAS,GAAG,gBAAgB,CAAC;IACnC,MAAM,OAAO,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEjE,MAAM,UAAU,GAAG,oBAAoB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IACrD,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,KAAK,CAAC,CAAC;IAExC,OAAO,CACL,eAAK,SAAS,EAAE,OAAO,aACrB,eAAK,SAAS,EAAE,GAAG,SAAS,UAAU,aACpC,eAAM,SAAS,EAAE,GAAG,SAAS,SAAS,YACnC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,GAClC,EACP,gBAAM,SAAS,EAAE,GAAG,SAAS,SAAS,aACnC,UAAU,CAAC,MAAM,mBACb,IACH,EAEN,cAAK,SAAS,EAAE,GAAG,SAAS,WAAW,YACpC,OAAO,CAAC,CAAC,CAAC,CACT,cAAK,SAAS,EAAE,GAAG,SAAS,SAAS,8BAE/B,CACP,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAE,GAAG,SAAS,SAAS,YAClC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACxB,KAAC,aAAa,IAEZ,IAAI,EAAE,IAAI,EACV,YAAY,QACZ,UAAU,EAAE,IAAI,CAAC,WAAW,KAAK,mBAAmB,EACpD,OAAO,EAAE,iBAAiB,IAJrB,IAAI,CAAC,WAAW,CAKrB,CACH,CAAC,GACE,CACP,GACG,IACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,7 +1,4 @@
|
|
|
1
1
|
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
/**
|
|
3
|
-
* Renders a header bar for the version comparison view.
|
|
4
|
-
*/
|
|
5
2
|
export function DiffHeader({ beforeVersion, afterVersion, added = 0, removed = 0, modified = 0, reordered = 0, onClose, className = '', }) {
|
|
6
3
|
const baseClass = 'diff-header';
|
|
7
4
|
const classes = [baseClass, className].filter(Boolean).join(' ');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DiffHeader.js","sourceRoot":"","sources":["../../../../src/versioning/components/version-compare/DiffHeader.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"DiffHeader.js","sourceRoot":"","sources":["../../../../src/versioning/components/version-compare/DiffHeader.tsx"],"names":[],"mappings":";AAqDA,MAAM,UAAU,UAAU,CAAC,EACzB,aAAa,EACb,YAAY,EACZ,KAAK,GAAG,CAAC,EACT,OAAO,GAAG,CAAC,EACX,QAAQ,GAAG,CAAC,EACZ,SAAS,GAAG,CAAC,EACb,OAAO,EACP,SAAS,GAAG,EAAE,GACE;IAChB,MAAM,SAAS,GAAG,aAAa,CAAC;IAChC,MAAM,OAAO,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEjE,MAAM,UAAU,GAAG,KAAK,GAAG,CAAC,IAAI,OAAO,GAAG,CAAC,IAAI,QAAQ,GAAG,CAAC,IAAI,SAAS,GAAG,CAAC,CAAC;IAE7E,OAAO,CACL,kBAAQ,SAAS,EAAE,OAAO,aACxB,eAAK,SAAS,EAAE,GAAG,SAAS,YAAY,aACtC,gBAAM,SAAS,EAAE,GAAG,SAAS,aAAa,SAAS,mBAAmB,kBAClE,aAAa,IACV,EACP,eAAM,SAAS,EAAE,GAAG,SAAS,SAAS,uBAAU,EAChD,gBAAM,SAAS,EAAE,GAAG,SAAS,aAAa,SAAS,kBAAkB,kBACjE,YAAY,IACT,IACH,EAEL,UAAU,IAAI,CACb,eAAK,SAAS,EAAE,GAAG,SAAS,WAAW,aACpC,KAAK,GAAG,CAAC,IAAI,CACZ,gBAAM,SAAS,EAAE,GAAG,SAAS,UAAU,SAAS,eAAe,kBAC3D,KAAK,IACF,CACR,EACA,OAAO,GAAG,CAAC,IAAI,CACd,gBAAM,SAAS,EAAE,GAAG,SAAS,UAAU,SAAS,iBAAiB,kBAC7D,OAAO,IACJ,CACR,EACA,QAAQ,GAAG,CAAC,IAAI,CACf,gBAAM,SAAS,EAAE,GAAG,SAAS,UAAU,SAAS,kBAAkB,kBAC9D,QAAQ,IACL,CACR,EACA,SAAS,GAAG,CAAC,IAAI,CAChB,gBAAM,SAAS,EAAE,GAAG,SAAS,UAAU,SAAS,mBAAmB,uBAC/D,SAAS,IACN,CACR,IACG,CACP,EAED,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,gDAAgD,SAAS,SAAS,EAC7E,OAAO,EAAE,OAAO,gBACL,kBAAkB,uBAGtB,IACF,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -1,20 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
/**
|
|
3
|
-
* DocumentDiffList Component
|
|
4
|
-
*
|
|
5
|
-
* Multi-document wrapper that displays a list of documents with
|
|
6
|
-
* change summaries and expandable rows showing per-document
|
|
7
|
-
* component diffs.
|
|
8
|
-
*/
|
|
9
2
|
import { useState } from 'react';
|
|
10
3
|
import { ComponentTree } from './ComponentTree.js';
|
|
11
|
-
/**
|
|
12
|
-
* Renders a list of documents with change count badges and expandable
|
|
13
|
-
* rows for viewing component-level diffs per document.
|
|
14
|
-
*
|
|
15
|
-
* @param props - {@link DocumentDiffListProps}
|
|
16
|
-
* @returns A React element with expandable document rows and change count badges.
|
|
17
|
-
*/
|
|
18
4
|
export function DocumentDiffList({ documents, sourceBranchName, targetBranchName, className = '', }) {
|
|
19
5
|
const baseClass = 'document-diff-list';
|
|
20
6
|
const classes = [baseClass, className].filter(Boolean).join(' ');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DocumentDiffList.js","sourceRoot":"","sources":["../../../../src/versioning/components/version-compare/DocumentDiffList.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"DocumentDiffList.js","sourceRoot":"","sources":["../../../../src/versioning/components/version-compare/DocumentDiffList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { PropDiffRow } from './PropDiffRow.js';
|
|
3
|
-
/**
|
|
4
|
-
* Counts prop diffs by type.
|
|
5
|
-
*/
|
|
6
3
|
function countPropDiffs(diffs) {
|
|
7
4
|
const counts = { added: 0, removed: 0, modified: 0 };
|
|
8
5
|
for (const diff of diffs) {
|
|
@@ -10,15 +7,11 @@ function countPropDiffs(diffs) {
|
|
|
10
7
|
}
|
|
11
8
|
return counts;
|
|
12
9
|
}
|
|
13
|
-
/**
|
|
14
|
-
* Renders a panel showing all prop changes for a component.
|
|
15
|
-
*/
|
|
16
10
|
export function PropDiffPanel({ componentType, componentId, diffs, className = '', }) {
|
|
17
11
|
const baseClass = 'prop-diff-panel';
|
|
18
12
|
const classes = [baseClass, className].filter(Boolean).join(' ');
|
|
19
13
|
const counts = countPropDiffs(diffs);
|
|
20
14
|
const hasDiffs = diffs.length > 0;
|
|
21
|
-
// Build summary parts
|
|
22
15
|
const summaryParts = [];
|
|
23
16
|
if (counts.added > 0) {
|
|
24
17
|
summaryParts.push(`${counts.added} added`);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PropDiffPanel.js","sourceRoot":"","sources":["../../../../src/versioning/components/version-compare/PropDiffPanel.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"PropDiffPanel.js","sourceRoot":"","sources":["../../../../src/versioning/components/version-compare/PropDiffPanel.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AA2B/C,SAAS,cAAc,CAAC,KAAiB;IAKvC,MAAM,MAAM,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC;IACrD,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACzB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;IACtB,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAKD,MAAM,UAAU,aAAa,CAAC,EAC5B,aAAa,EACb,WAAW,EACX,KAAK,EACL,SAAS,GAAG,EAAE,GACK;IACnB,MAAM,SAAS,GAAG,iBAAiB,CAAC;IACpC,MAAM,OAAO,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEjE,MAAM,MAAM,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IACrC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IAGlC,MAAM,YAAY,GAAa,EAAE,CAAC;IAClC,IAAI,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC;QACrB,YAAY,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,KAAK,QAAQ,CAAC,CAAC;IAC7C,CAAC;IACD,IAAI,MAAM,CAAC,OAAO,GAAG,CAAC,EAAE,CAAC;QACvB,YAAY,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,OAAO,UAAU,CAAC,CAAC;IACjD,CAAC;IACD,IAAI,MAAM,CAAC,QAAQ,GAAG,CAAC,EAAE,CAAC;QACxB,YAAY,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,QAAQ,WAAW,CAAC,CAAC;IACnD,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAE,OAAO,aACrB,eAAK,SAAS,EAAE,GAAG,SAAS,UAAU,aACpC,eAAM,SAAS,EAAE,GAAG,SAAS,QAAQ,YAAG,aAAa,GAAQ,EAC7D,eAAM,SAAS,EAAE,GAAG,SAAS,MAAM,YAAG,WAAW,GAAQ,IACrD,EAEL,QAAQ,IAAI,CACX,cAAK,SAAS,EAAE,GAAG,SAAS,WAAW,YACpC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,GACpB,CACP,EAED,cAAK,SAAS,EAAE,GAAG,SAAS,WAAW,YACpC,QAAQ,CAAC,CAAC,CAAC,CACV,cAAK,SAAS,EAAE,GAAG,SAAS,QAAQ,YACjC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,KAAC,WAAW,IAAqB,IAAI,EAAE,IAAI,IAAzB,IAAI,CAAC,QAAQ,CAAgB,CAChD,CAAC,GACE,CACP,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAE,GAAG,SAAS,SAAS,gCAE/B,CACP,GACG,IACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { PropValueDisplay } from './PropValueDisplay.js';
|
|
3
|
-
/**
|
|
4
|
-
* Renders a single row showing a prop change.
|
|
5
|
-
*/
|
|
6
3
|
export function PropDiffRow({ diff, className = '', }) {
|
|
7
4
|
const baseClass = 'prop-diff-row';
|
|
8
5
|
const typeClass = `${baseClass}--${diff.type}`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PropDiffRow.js","sourceRoot":"","sources":["../../../../src/versioning/components/version-compare/PropDiffRow.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"PropDiffRow.js","sourceRoot":"","sources":["../../../../src/versioning/components/version-compare/PropDiffRow.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAiBzD,MAAM,UAAU,WAAW,CAAC,EAC1B,IAAI,EACJ,SAAS,GAAG,EAAE,GACG;IACjB,MAAM,SAAS,GAAG,eAAe,CAAC;IAClC,MAAM,SAAS,GAAG,GAAG,SAAS,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC;IAC/C,MAAM,OAAO,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5E,OAAO,CACL,eAAK,SAAS,EAAE,OAAO,aACrB,cAAK,SAAS,EAAE,GAAG,SAAS,QAAQ,YACjC,IAAI,CAAC,QAAQ,GACV,EACN,eAAK,SAAS,EAAE,GAAG,SAAS,UAAU,aACpC,cAAK,SAAS,EAAE,GAAG,SAAS,UAAU,YACnC,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CACvB,eAAM,SAAS,EAAE,GAAG,SAAS,SAAS,uBAAU,CACjD,CAAC,CAAC,CAAC,CACF,KAAC,gBAAgB,IAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,QAAQ,EAAC,SAAS,GAAG,CAC5D,GACG,EACN,cAAK,SAAS,EAAE,GAAG,SAAS,SAAS,uBAAS,EAC9C,cAAK,SAAS,EAAE,GAAG,SAAS,SAAS,YAClC,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CACzB,eAAM,SAAS,EAAE,GAAG,SAAS,SAAS,uBAAU,CACjD,CAAC,CAAC,CAAC,CACF,KAAC,gBAAgB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAC,OAAO,GAAG,CACzD,GACG,IACF,IACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,31 +1,19 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
/**
|
|
3
|
-
* Checks if a string value represents a color.
|
|
4
|
-
*/
|
|
5
2
|
function isColorValue(value) {
|
|
6
|
-
// Hex colors
|
|
7
3
|
if (/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/.test(value)) {
|
|
8
4
|
return true;
|
|
9
5
|
}
|
|
10
|
-
// RGB/RGBA colors
|
|
11
6
|
if (/^rgba?\s*\([\d\s,%.]+\)$/i.test(value)) {
|
|
12
7
|
return true;
|
|
13
8
|
}
|
|
14
|
-
// HSL/HSLA colors
|
|
15
9
|
if (/^hsla?\s*\([\d\s,%deg.]+\)$/i.test(value)) {
|
|
16
10
|
return true;
|
|
17
11
|
}
|
|
18
12
|
return false;
|
|
19
13
|
}
|
|
20
|
-
/**
|
|
21
|
-
* Renders a color value with swatch.
|
|
22
|
-
*/
|
|
23
14
|
function ColorValue({ value }) {
|
|
24
15
|
return (_jsxs("span", { className: "prop-value-color", children: [_jsx("span", { className: "prop-value-color-swatch", style: { backgroundColor: value }, "aria-hidden": "true" }), _jsx("span", { className: "prop-value-color-text", children: value })] }));
|
|
25
16
|
}
|
|
26
|
-
/**
|
|
27
|
-
* Renders a string value with optional truncation.
|
|
28
|
-
*/
|
|
29
17
|
function StringValue({ value, maxLength, }) {
|
|
30
18
|
if (value === '') {
|
|
31
19
|
return _jsx("span", { className: "prop-value-empty", children: "(empty)" });
|
|
@@ -35,45 +23,35 @@ function StringValue({ value, maxLength, }) {
|
|
|
35
23
|
}
|
|
36
24
|
return _jsx("span", { className: "prop-value-string", children: value });
|
|
37
25
|
}
|
|
38
|
-
/**
|
|
39
|
-
* Smart prop value display component.
|
|
40
|
-
*/
|
|
41
26
|
export function PropValueDisplay({ value, maxLength = 80, diffType, className = '', }) {
|
|
42
27
|
const baseClass = 'prop-value';
|
|
43
28
|
const diffClass = diffType ? `${baseClass}--${diffType}` : '';
|
|
44
29
|
const classes = [baseClass, diffClass, className].filter(Boolean).join(' ');
|
|
45
|
-
// Null/undefined
|
|
46
30
|
if (value === null) {
|
|
47
31
|
return _jsx("span", { className: classes, children: "null" });
|
|
48
32
|
}
|
|
49
33
|
if (value === undefined) {
|
|
50
34
|
return _jsx("span", { className: classes, children: "undefined" });
|
|
51
35
|
}
|
|
52
|
-
// Boolean
|
|
53
36
|
if (typeof value === 'boolean') {
|
|
54
37
|
return (_jsx("span", { className: `${classes} prop-value-boolean`, children: value ? '✓' : '✗' }));
|
|
55
38
|
}
|
|
56
|
-
// Number
|
|
57
39
|
if (typeof value === 'number') {
|
|
58
40
|
return (_jsx("span", { className: `${classes} prop-value-number`, children: String(value) }));
|
|
59
41
|
}
|
|
60
|
-
// String (check for color first)
|
|
61
42
|
if (typeof value === 'string') {
|
|
62
43
|
if (isColorValue(value)) {
|
|
63
44
|
return (_jsx("span", { className: classes, children: _jsx(ColorValue, { value: value }) }));
|
|
64
45
|
}
|
|
65
46
|
return (_jsx("span", { className: classes, children: _jsx(StringValue, { value: value, maxLength: maxLength }) }));
|
|
66
47
|
}
|
|
67
|
-
// Array
|
|
68
48
|
if (Array.isArray(value)) {
|
|
69
49
|
return (_jsxs("span", { className: `${classes} prop-value-array`, children: ["[", value.length, " items]"] }));
|
|
70
50
|
}
|
|
71
|
-
// Object
|
|
72
51
|
if (typeof value === 'object') {
|
|
73
52
|
const keyCount = Object.keys(value).length;
|
|
74
53
|
return (_jsx("span", { className: `${classes} prop-value-object`, children: '{' + keyCount + ' keys}' }));
|
|
75
54
|
}
|
|
76
|
-
// Fallback for any other type
|
|
77
55
|
return _jsx("span", { className: classes, children: String(value) });
|
|
78
56
|
}
|
|
79
57
|
//# sourceMappingURL=PropValueDisplay.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PropValueDisplay.js","sourceRoot":"","sources":["../../../../src/versioning/components/version-compare/PropValueDisplay.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"PropValueDisplay.js","sourceRoot":"","sources":["../../../../src/versioning/components/version-compare/PropValueDisplay.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,17 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
/**
|
|
3
|
-
* VersionComparePage Component
|
|
4
|
-
*
|
|
5
|
-
* Full-page view for comparing two versions of Puck data.
|
|
6
|
-
*/
|
|
7
2
|
import { useState, useMemo } from 'react';
|
|
8
3
|
import { diffProps } from '../../utils/diff.js';
|
|
9
4
|
import { DiffHeader } from './DiffHeader.js';
|
|
10
5
|
import { ComponentTree } from './ComponentTree.js';
|
|
11
6
|
import { PropDiffPanel } from './PropDiffPanel.js';
|
|
12
|
-
/**
|
|
13
|
-
* Counts diffs by type.
|
|
14
|
-
*/
|
|
15
7
|
function countDiffs(diffs) {
|
|
16
8
|
const counts = { added: 0, removed: 0, modified: 0, reordered: 0 };
|
|
17
9
|
for (const diff of diffs) {
|
|
@@ -26,22 +18,17 @@ function countDiffs(diffs) {
|
|
|
26
18
|
}
|
|
27
19
|
return counts;
|
|
28
20
|
}
|
|
29
|
-
/**
|
|
30
|
-
* Renders a full-page version comparison view.
|
|
31
|
-
*/
|
|
32
21
|
export function VersionComparePage({ beforeVersion, afterVersion, diffs, onClose, className = '', }) {
|
|
33
22
|
const baseClass = 'version-compare-page';
|
|
34
23
|
const classes = [baseClass, className].filter(Boolean).join(' ');
|
|
35
24
|
const [selectedComponentId, setSelectedComponentId] = useState(null);
|
|
36
25
|
const counts = useMemo(() => countDiffs(diffs), [diffs]);
|
|
37
26
|
const isEmpty = diffs.length === 0;
|
|
38
|
-
// Find the selected diff
|
|
39
27
|
const selectedDiff = useMemo(() => {
|
|
40
28
|
if (!selectedComponentId)
|
|
41
29
|
return null;
|
|
42
30
|
return diffs.find((d) => d.componentId === selectedComponentId) ?? null;
|
|
43
31
|
}, [diffs, selectedComponentId]);
|
|
44
|
-
// Get prop diffs for the selected component
|
|
45
32
|
const propDiffs = useMemo(() => {
|
|
46
33
|
if (!selectedDiff)
|
|
47
34
|
return [];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VersionComparePage.js","sourceRoot":"","sources":["../../../../src/versioning/components/version-compare/VersionComparePage.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"VersionComparePage.js","sourceRoot":"","sources":["../../../../src/versioning/components/version-compare/VersionComparePage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,27 +1,15 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
/**
|
|
3
|
-
* VisualBranchCompare Component
|
|
4
|
-
*
|
|
5
|
-
* Side-by-side visual comparison of two branch snapshots with diff highlighting.
|
|
6
|
-
* Supports multiple documents with a dropdown selector.
|
|
7
|
-
* Uses Puck's Render component to display actual rendered content.
|
|
8
|
-
*/
|
|
9
2
|
import { useState, useMemo } from 'react';
|
|
10
3
|
import { Render } from '@puckeditor/core';
|
|
11
4
|
import { createBranchDocumentComparison } from '../../utils/branchDiff.js';
|
|
12
5
|
import { createDiffMap, createHighlightedConfig } from '../../utils/highlightConfig.js';
|
|
13
6
|
import { BranchDiffHeader } from './BranchDiffHeader.js';
|
|
14
|
-
/**
|
|
15
|
-
* Renders a side-by-side visual comparison of two branches across multiple documents.
|
|
16
|
-
*/
|
|
17
7
|
export function VisualBranchCompare({ sourceBranchName, targetBranchName, documents, config, onClose, className = '', }) {
|
|
18
8
|
const baseClass = 'visual-version-compare';
|
|
19
9
|
const classes = [baseClass, className].filter(Boolean).join(' ');
|
|
20
|
-
// Compute comparisons for all documents
|
|
21
10
|
const allComparisons = useMemo(() => {
|
|
22
11
|
return documents.map((doc) => createBranchDocumentComparison(doc.documentId, doc.documentPath, doc.sourceSnapshot, doc.targetSnapshot));
|
|
23
12
|
}, [documents]);
|
|
24
|
-
// Filter to only documents with actual changes (new, deleted, or modified)
|
|
25
13
|
const changedEntries = useMemo(() => {
|
|
26
14
|
const entries = [];
|
|
27
15
|
for (let i = 0; i < documents.length; i++) {
|
|
@@ -42,19 +30,14 @@ export function VisualBranchCompare({ sourceBranchName, targetBranchName, docume
|
|
|
42
30
|
const selected = changedEntries[selectedIndex];
|
|
43
31
|
const selectedComparison = selected?.comparison ?? null;
|
|
44
32
|
const selectedDocument = selected?.doc ?? null;
|
|
45
|
-
// Create diff map and highlighted configs for the selected document
|
|
46
33
|
const diffMap = useMemo(() => (selectedComparison ? createDiffMap(selectedComparison.diffs) : new Map()), [selectedComparison]);
|
|
47
|
-
// Source is the "after" (new/changed state), target is the "before" (baseline)
|
|
48
34
|
const sourceConfig = useMemo(() => createHighlightedConfig(config, diffMap, 'after'), [config, diffMap]);
|
|
49
35
|
const targetConfig = useMemo(() => createHighlightedConfig(config, diffMap, 'before'), [config, diffMap]);
|
|
50
|
-
// Get source and target data for rendering
|
|
51
36
|
const sourceData = selectedDocument?.sourceSnapshot;
|
|
52
37
|
const targetData = selectedDocument?.targetSnapshot;
|
|
53
38
|
const emptyData = { content: [], root: { props: {} } };
|
|
54
|
-
// Determine document status for the selected entry
|
|
55
39
|
const isNewDocument = sourceData != null && targetData == null;
|
|
56
40
|
const isDeletedDocument = sourceData == null && targetData != null;
|
|
57
|
-
// Aggregate change counts across all changed documents for the header
|
|
58
41
|
const totalCounts = useMemo(() => {
|
|
59
42
|
const totals = { added: 0, removed: 0, modified: 0 };
|
|
60
43
|
for (const entry of changedEntries) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VisualBranchCompare.js","sourceRoot":"","sources":["../../../../src/versioning/components/version-compare/VisualBranchCompare.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"VisualBranchCompare.js","sourceRoot":"","sources":["../../../../src/versioning/components/version-compare/VisualBranchCompare.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,16 +1,7 @@
|
|
|
1
1
|
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
/**
|
|
3
|
-
* VisualVersionCompare Component
|
|
4
|
-
*
|
|
5
|
-
* Side-by-side visual comparison of two Puck page versions with diff highlighting.
|
|
6
|
-
* Uses Puck's Render component to display actual rendered content.
|
|
7
|
-
*/
|
|
8
2
|
import { useMemo } from 'react';
|
|
9
3
|
import { Render } from '@puckeditor/core';
|
|
10
4
|
import { DiffHeader } from './DiffHeader.js';
|
|
11
|
-
/**
|
|
12
|
-
* Counts diffs by type.
|
|
13
|
-
*/
|
|
14
5
|
function countDiffs(diffs) {
|
|
15
6
|
const counts = { added: 0, removed: 0, modified: 0, reordered: 0 };
|
|
16
7
|
for (const diff of diffs) {
|
|
@@ -25,9 +16,6 @@ function countDiffs(diffs) {
|
|
|
25
16
|
}
|
|
26
17
|
return counts;
|
|
27
18
|
}
|
|
28
|
-
/**
|
|
29
|
-
* Creates a map of component IDs to their diff types.
|
|
30
|
-
*/
|
|
31
19
|
function createDiffMap(diffs) {
|
|
32
20
|
const map = new Map();
|
|
33
21
|
for (const diff of diffs) {
|
|
@@ -37,23 +25,16 @@ function createDiffMap(diffs) {
|
|
|
37
25
|
}
|
|
38
26
|
return map;
|
|
39
27
|
}
|
|
40
|
-
/**
|
|
41
|
-
* Wraps a Puck config to add diff highlighting to rendered components.
|
|
42
|
-
*/
|
|
43
28
|
function createHighlightedConfig(config, diffMap, side) {
|
|
44
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
45
29
|
const wrappedComponents = {};
|
|
46
30
|
const components = config.components;
|
|
47
31
|
for (const [componentName, componentConfig] of Object.entries(components)) {
|
|
48
|
-
// Cast render to the function type we need
|
|
49
32
|
const originalRender = componentConfig.render;
|
|
50
33
|
wrappedComponents[componentName] = {
|
|
51
34
|
...componentConfig,
|
|
52
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
53
35
|
render: (props) => {
|
|
54
36
|
const id = props.id;
|
|
55
37
|
const diffType = diffMap.get(id);
|
|
56
|
-
// Only show diff styling for relevant changes on each side
|
|
57
38
|
const shouldHighlight = diffType &&
|
|
58
39
|
((side === 'before' && (diffType === 'removed' || diffType === 'modified')) ||
|
|
59
40
|
(side === 'after' && (diffType === 'added' || diffType === 'modified')));
|
|
@@ -67,16 +48,12 @@ function createHighlightedConfig(config, diffMap, side) {
|
|
|
67
48
|
}
|
|
68
49
|
return { ...config, components: wrappedComponents };
|
|
69
50
|
}
|
|
70
|
-
/**
|
|
71
|
-
* Renders a side-by-side visual comparison of two Puck page versions.
|
|
72
|
-
*/
|
|
73
51
|
export function VisualVersionCompare({ beforeVersion, afterVersion, beforeData, afterData, config, diffs, onClose, className = '', }) {
|
|
74
52
|
const baseClass = 'visual-version-compare';
|
|
75
53
|
const classes = [baseClass, className].filter(Boolean).join(' ');
|
|
76
54
|
const counts = useMemo(() => countDiffs(diffs), [diffs]);
|
|
77
55
|
const isEmpty = diffs.length === 0;
|
|
78
56
|
const diffMap = useMemo(() => createDiffMap(diffs), [diffs]);
|
|
79
|
-
// Create highlighted configs for each side
|
|
80
57
|
const beforeConfig = useMemo(() => createHighlightedConfig(config, diffMap, 'before'), [config, diffMap]);
|
|
81
58
|
const afterConfig = useMemo(() => createHighlightedConfig(config, diffMap, 'after'), [config, diffMap]);
|
|
82
59
|
return (_jsxs("div", { className: classes, children: [_jsx(DiffHeader, { beforeVersion: beforeVersion, afterVersion: afterVersion, added: counts.added, removed: counts.removed, modified: counts.modified, reordered: counts.reordered, onClose: onClose }), _jsxs("div", { className: `${baseClass}__legend`, children: [_jsxs("span", { className: `${baseClass}__legend-item ${baseClass}__legend-item--added`, children: [_jsx("span", { className: `${baseClass}__legend-color` }), " Added"] }), _jsxs("span", { className: `${baseClass}__legend-item ${baseClass}__legend-item--removed`, children: [_jsx("span", { className: `${baseClass}__legend-color` }), " Removed"] }), _jsxs("span", { className: `${baseClass}__legend-item ${baseClass}__legend-item--modified`, children: [_jsx("span", { className: `${baseClass}__legend-color` }), " Modified"] })] }), _jsx("div", { className: `${baseClass}__content`, children: isEmpty ? (_jsx("div", { className: `${baseClass}__empty`, children: "No changes between versions" })) : (_jsxs("div", { className: `${baseClass}__panels`, children: [_jsxs("div", { className: `${baseClass}__panel ${baseClass}__panel--before`, children: [_jsxs("div", { className: `${baseClass}__panel-header`, children: [_jsx("span", { className: `${baseClass}__panel-label`, children: "Before" }), _jsxs("span", { className: `${baseClass}__panel-version`, children: ["v", beforeVersion] })] }), _jsx("div", { className: `${baseClass}__panel-content`, children: _jsx(Render, { config: beforeConfig, data: beforeData }) })] }), _jsxs("div", { className: `${baseClass}__panel ${baseClass}__panel--after`, children: [_jsxs("div", { className: `${baseClass}__panel-header`, children: [_jsx("span", { className: `${baseClass}__panel-label`, children: "After" }), _jsxs("span", { className: `${baseClass}__panel-version`, children: ["v", afterVersion] })] }), _jsx("div", { className: `${baseClass}__panel-content`, children: _jsx(Render, { config: afterConfig, data: afterData }) })] })] })) })] }));
|