nudge-ui 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +66 -0
- package/bin/nudge-ui.mjs +7 -0
- package/dist/LICENSE +21 -0
- package/dist/client.mjs +261 -0
- package/dist/compiler/ast.d.ts +18 -0
- package/dist/compiler/ast.js +75 -0
- package/dist/compiler/componentContractTypes.d.ts +19 -0
- package/dist/compiler/componentContractTypes.js +1 -0
- package/dist/compiler/componentContracts.d.ts +2 -0
- package/dist/compiler/componentContracts.js +260 -0
- package/dist/compiler/componentInstrumentation.d.ts +32 -0
- package/dist/compiler/componentInstrumentation.js +140 -0
- package/dist/compiler/componentPolicyResolution.d.ts +71 -0
- package/dist/compiler/componentPolicyResolution.js +388 -0
- package/dist/compiler/index.d.ts +9 -0
- package/dist/compiler/index.js +9 -0
- package/dist/compiler/packageComponentContracts.d.ts +32 -0
- package/dist/compiler/packageComponentContracts.js +308 -0
- package/dist/compiler/reactComponentProtocols.d.ts +145 -0
- package/dist/compiler/reactComponentProtocols.js +47 -0
- package/dist/compiler/reactIdentity.d.ts +15 -0
- package/dist/compiler/reactIdentity.js +339 -0
- package/dist/compiler/sourcePaths.d.ts +12 -0
- package/dist/compiler/sourcePaths.js +27 -0
- package/dist/css/dialects/index.d.ts +62 -0
- package/dist/css/dialects/index.js +103 -0
- package/dist/css/dialects/tailwind.d.ts +46 -0
- package/dist/css/dialects/tailwind.js +119 -0
- package/dist/css/dialects/vanillaExtract.d.ts +20 -0
- package/dist/css/dialects/vanillaExtract.js +32 -0
- package/dist/css/index.d.ts +10 -0
- package/dist/css/index.js +10 -0
- package/dist/css/model/index.d.ts +190 -0
- package/dist/css/model/index.js +10 -0
- package/dist/css/token-inventory/index.d.ts +26 -0
- package/dist/css/token-inventory/index.js +24 -0
- package/dist/css/token-inventory/inventory.d.ts +8 -0
- package/dist/css/token-inventory/inventory.js +421 -0
- package/dist/css/token-inventory/parseStylesheet.d.ts +16 -0
- package/dist/css/token-inventory/parseStylesheet.js +155 -0
- package/dist/css/token-inventory/policy.d.ts +47 -0
- package/dist/css/token-inventory/policy.js +50 -0
- package/dist/css/token-inventory/types.d.ts +97 -0
- package/dist/css/token-inventory/types.js +1 -0
- package/dist/css/value-semantics/borderSemantics.d.ts +28 -0
- package/dist/css/value-semantics/borderSemantics.js +91 -0
- package/dist/css/value-semantics/boxSemantics.d.ts +37 -0
- package/dist/css/value-semantics/boxSemantics.js +71 -0
- package/dist/css/value-semantics/colorSemantics.d.ts +99 -0
- package/dist/css/value-semantics/colorSemantics.js +526 -0
- package/dist/css/value-semantics/cssSyntax.d.ts +19 -0
- package/dist/css/value-semantics/cssSyntax.js +111 -0
- package/dist/css/value-semantics/fontSemantics.d.ts +35 -0
- package/dist/css/value-semantics/fontSemantics.js +131 -0
- package/dist/css/value-semantics/index.d.ts +20 -0
- package/dist/css/value-semantics/index.js +15 -0
- package/dist/css/value-semantics/propertyPolicy.d.ts +118 -0
- package/dist/css/value-semantics/propertyPolicy.js +356 -0
- package/dist/css/value-semantics/stringMaps.d.ts +2 -0
- package/dist/css/value-semantics/stringMaps.js +1 -0
- package/dist/css/value-semantics/structuredValues.d.ts +64 -0
- package/dist/css/value-semantics/structuredValues.js +250 -0
- package/dist/css/value-semantics/tokenInterpretation.d.ts +90 -0
- package/dist/css/value-semantics/tokenInterpretation.js +193 -0
- package/dist/css/virtual-design-tokens.d.ts +17 -0
- package/dist/hosts/astro/astroRuntimeConfig.d.ts +12 -0
- package/dist/hosts/astro/astroRuntimeConfig.js +26 -0
- package/dist/hosts/astro/clientAsset.d.ts +12 -0
- package/dist/hosts/astro/clientAsset.js +51 -0
- package/dist/hosts/astro/clientTransport.d.ts +3 -0
- package/dist/hosts/astro/clientTransport.js +57 -0
- package/dist/hosts/astro/index.d.ts +3 -0
- package/dist/hosts/astro/index.js +2 -0
- package/dist/hosts/astro/integration.d.ts +35 -0
- package/dist/hosts/astro/integration.js +96 -0
- package/dist/hosts/astro/middleware.d.ts +13 -0
- package/dist/hosts/astro/middleware.js +22 -0
- package/dist/hosts/astro/projectContext.d.ts +11 -0
- package/dist/hosts/astro/projectContext.js +34 -0
- package/dist/hosts/astro/responseInstrumentation.d.ts +41 -0
- package/dist/hosts/astro/responseInstrumentation.js +80 -0
- package/dist/hosts/next/index.d.ts +4 -0
- package/dist/hosts/next/index.js +7 -0
- package/dist/hosts/next/loader.d.ts +66 -0
- package/dist/hosts/next/loader.js +346 -0
- package/dist/hosts/next/loaders/identity-loader.cjs +228257 -0
- package/dist/hosts/next/loaders/loader-plugin.cjs +228257 -0
- package/dist/hosts/next/manifest.d.ts +38 -0
- package/dist/hosts/next/manifest.js +30 -0
- package/dist/hosts/next/mount.d.ts +12 -0
- package/dist/hosts/next/mount.js +23 -0
- package/dist/hosts/next/repositoryScope.d.ts +20 -0
- package/dist/hosts/next/repositoryScope.js +33 -0
- package/dist/hosts/next/sidecar.d.ts +27 -0
- package/dist/hosts/next/sidecar.js +526 -0
- package/dist/hosts/next/wrapper.d.ts +67 -0
- package/dist/hosts/next/wrapper.js +310 -0
- package/dist/hosts/static/cli.d.ts +12 -0
- package/dist/hosts/static/cli.js +77 -0
- package/dist/hosts/static/html/bootstrap.d.ts +27 -0
- package/dist/hosts/static/html/bootstrap.js +93 -0
- package/dist/hosts/static/index.d.ts +4 -0
- package/dist/hosts/static/index.js +4 -0
- package/dist/hosts/static/manifest.d.ts +18 -0
- package/dist/hosts/static/manifest.js +51 -0
- package/dist/hosts/static/server.d.ts +72 -0
- package/dist/hosts/static/server.js +554 -0
- package/dist/hosts/vite/index.d.ts +20 -0
- package/dist/hosts/vite/index.js +48 -0
- package/dist/hosts/vite/react.d.ts +67 -0
- package/dist/hosts/vite/react.js +231 -0
- package/dist/hosts/vite/tokens/activeStylesheets.d.ts +28 -0
- package/dist/hosts/vite/tokens/activeStylesheets.js +70 -0
- package/dist/hosts/vite/tokens/fileMap.d.ts +2 -0
- package/dist/hosts/vite/tokens/fileMap.js +1 -0
- package/dist/hosts/vite/tokens/viteStylesheetArtifacts.d.ts +46 -0
- package/dist/hosts/vite/tokens/viteStylesheetArtifacts.js +104 -0
- package/dist/hosts/vite/virtual/design-tokens.d.ts +9 -0
- package/dist/hosts/vite/virtual/design-tokens.js +7 -0
- package/dist/hosts/vite/virtual-design-tokens.d.ts +1 -0
- package/dist/hosts/vite/vite.d.ts +62 -0
- package/dist/hosts/vite/vite.js +854 -0
- package/dist/html/dom.d.ts +13 -0
- package/dist/html/dom.js +46 -0
- package/dist/html/identity.d.ts +40 -0
- package/dist/html/identity.js +196 -0
- package/dist/html/insertions.d.ts +26 -0
- package/dist/html/insertions.js +59 -0
- package/dist/inspector/agent/McpConnectionDialog.d.ts +26 -0
- package/dist/inspector/agent/McpConnectionDialog.js +135 -0
- package/dist/inspector/agent/client.d.ts +98 -0
- package/dist/inspector/agent/client.js +728 -0
- package/dist/inspector/agent/connectionStatus.d.ts +13 -0
- package/dist/inspector/agent/connectionStatus.js +35 -0
- package/dist/inspector/agent/httpTransport.d.ts +21 -0
- package/dist/inspector/agent/httpTransport.js +347 -0
- package/dist/inspector/agent/protocol.d.ts +95 -0
- package/dist/inspector/agent/protocol.js +9 -0
- package/dist/inspector/agent/verification.d.ts +39 -0
- package/dist/inspector/agent/verification.js +207 -0
- package/dist/inspector/canvas/CanvasCard.d.ts +10 -0
- package/dist/inspector/canvas/CanvasCard.js +275 -0
- package/dist/inspector/canvas/CanvasElementOverlay.d.ts +2 -0
- package/dist/inspector/canvas/CanvasElementOverlay.js +301 -0
- package/dist/inspector/canvas/CanvasWorkspace.d.ts +2 -0
- package/dist/inspector/canvas/CanvasWorkspace.js +301 -0
- package/dist/inspector/canvas/LockedWorkspaceNotice.d.ts +6 -0
- package/dist/inspector/canvas/LockedWorkspaceNotice.js +17 -0
- package/dist/inspector/canvas/StaleChangeIndicator.d.ts +7 -0
- package/dist/inspector/canvas/StaleChangeIndicator.js +43 -0
- package/dist/inspector/canvas/agentPresentation.d.ts +87 -0
- package/dist/inspector/canvas/agentPresentation.js +421 -0
- package/dist/inspector/canvas/canvasGestures.d.ts +12 -0
- package/dist/inspector/canvas/canvasGestures.js +21 -0
- package/dist/inspector/canvas/canvasStore.d.ts +108 -0
- package/dist/inspector/canvas/canvasStore.js +448 -0
- package/dist/inspector/canvas/frameProtocol.d.ts +231 -0
- package/dist/inspector/canvas/frameProtocol.js +165 -0
- package/dist/inspector/canvas/linkEligibility.d.ts +8 -0
- package/dist/inspector/canvas/linkEligibility.js +68 -0
- package/dist/inspector/canvas/measurementProjection.d.ts +8 -0
- package/dist/inspector/canvas/measurementProjection.js +16 -0
- package/dist/inspector/canvas/normalizeUrl.d.ts +7 -0
- package/dist/inspector/canvas/normalizeUrl.js +27 -0
- package/dist/inspector/canvas/projection.d.ts +41 -0
- package/dist/inspector/canvas/projection.js +232 -0
- package/dist/inspector/canvas/rendererBootstrap.d.ts +4 -0
- package/dist/inspector/canvas/rendererBootstrap.js +410 -0
- package/dist/inspector/canvas/rendererCidIndex.d.ts +11 -0
- package/dist/inspector/canvas/rendererCidIndex.js +21 -0
- package/dist/inspector/canvas/rendererElementSelector.d.ts +2 -0
- package/dist/inspector/canvas/rendererElementSelector.js +378 -0
- package/dist/inspector/canvas/rendererSelectionProxy.d.ts +2 -0
- package/dist/inspector/canvas/rendererSelectionProxy.js +61 -0
- package/dist/inspector/canvas/rendererStylesheet.d.ts +16 -0
- package/dist/inspector/canvas/rendererStylesheet.js +221 -0
- package/dist/inspector/canvas/resizeHandleScale.d.ts +13 -0
- package/dist/inspector/canvas/resizeHandleScale.js +20 -0
- package/dist/inspector/canvas/roleDetection.d.ts +5 -0
- package/dist/inspector/canvas/roleDetection.js +21 -0
- package/dist/inspector/canvas/sessionStore.d.ts +71 -0
- package/dist/inspector/canvas/sessionStore.js +453 -0
- package/dist/inspector/canvas/staleChangeDetector.d.ts +11 -0
- package/dist/inspector/canvas/staleChangeDetector.js +217 -0
- package/dist/inspector/canvas/toolbarScale.d.ts +7 -0
- package/dist/inspector/canvas/toolbarScale.js +11 -0
- package/dist/inspector/canvas/workspaceLease.d.ts +26 -0
- package/dist/inspector/canvas/workspaceLease.js +214 -0
- package/dist/inspector/changes/changesLog.d.ts +46 -0
- package/dist/inspector/changes/changesLog.js +209 -0
- package/dist/inspector/changes/codecs.d.ts +98 -0
- package/dist/inspector/changes/codecs.js +389 -0
- package/dist/inspector/changes/editModel.d.ts +74 -0
- package/dist/inspector/changes/editModel.js +120 -0
- package/dist/inspector/changes/managedStyleProjection.d.ts +6 -0
- package/dist/inspector/changes/managedStyleProjection.js +109 -0
- package/dist/inspector/changes/model.d.ts +13 -0
- package/dist/inspector/changes/model.js +163 -0
- package/dist/inspector/changes/presentation.d.ts +14 -0
- package/dist/inspector/changes/presentation.js +81 -0
- package/dist/inspector/changes/previewDiagnostics.d.ts +39 -0
- package/dist/inspector/changes/previewDiagnostics.js +172 -0
- package/dist/inspector/changes/structuralTypes.d.ts +35 -0
- package/dist/inspector/changes/structuralTypes.js +1 -0
- package/dist/inspector/changes/types.d.ts +76 -0
- package/dist/inspector/changes/types.js +16 -0
- package/dist/inspector/changes/workspaceChanges.d.ts +43 -0
- package/dist/inspector/changes/workspaceChanges.js +239 -0
- package/dist/inspector/clientManifest.d.ts +24 -0
- package/dist/inspector/clientManifest.js +69 -0
- package/dist/inspector/componentSemantics/ComponentPropsSection.d.ts +5 -0
- package/dist/inspector/componentSemantics/ComponentPropsSection.js +44 -0
- package/dist/inspector/componentSemantics/adapterRegistry.d.ts +11 -0
- package/dist/inspector/componentSemantics/adapterRegistry.js +75 -0
- package/dist/inspector/componentSemantics/boundaries.d.ts +2 -0
- package/dist/inspector/componentSemantics/boundaries.js +10 -0
- package/dist/inspector/componentSemantics/changeAction.d.ts +3 -0
- package/dist/inspector/componentSemantics/changeAction.js +6 -0
- package/dist/inspector/componentSemantics/changeModel.d.ts +8 -0
- package/dist/inspector/componentSemantics/changeModel.js +60 -0
- package/dist/inspector/componentSemantics/index.d.ts +4 -0
- package/dist/inspector/componentSemantics/index.js +2 -0
- package/dist/inspector/componentSemantics/reactRuntime.d.ts +10 -0
- package/dist/inspector/componentSemantics/reactRuntime.js +186 -0
- package/dist/inspector/componentSemantics/runtimeBridge.d.ts +25 -0
- package/dist/inspector/componentSemantics/runtimeBridge.js +161 -0
- package/dist/inspector/componentSemantics/runtimeTypes.d.ts +2 -0
- package/dist/inspector/componentSemantics/runtimeTypes.js +1 -0
- package/dist/inspector/componentSemantics/textBinding.d.ts +69 -0
- package/dist/inspector/componentSemantics/textBinding.js +514 -0
- package/dist/inspector/componentSemantics/types.d.ts +96 -0
- package/dist/inspector/componentSemantics/types.js +5 -0
- package/dist/inspector/conformance/borderCases.d.ts +7 -0
- package/dist/inspector/conformance/borderCases.js +428 -0
- package/dist/inspector/conformance/colorCases.d.ts +8 -0
- package/dist/inspector/conformance/colorCases.js +470 -0
- package/dist/inspector/conformance/fixture.d.ts +68 -0
- package/dist/inspector/conformance/fixture.js +153 -0
- package/dist/inspector/conformance/projection.d.ts +2 -0
- package/dist/inspector/conformance/projection.js +3 -0
- package/dist/inspector/conformance/spacingCases.d.ts +6 -0
- package/dist/inspector/conformance/spacingCases.js +417 -0
- package/dist/inspector/conformance/typographyCases.d.ts +7 -0
- package/dist/inspector/conformance/typographyCases.js +174 -0
- package/dist/inspector/editScope.d.ts +4 -0
- package/dist/inspector/editScope.js +5 -0
- package/dist/inspector/index.d.ts +20 -0
- package/dist/inspector/index.js +236 -0
- package/dist/inspector/inline-text/inlineTextEditor.d.ts +74 -0
- package/dist/inspector/inline-text/inlineTextEditor.js +1207 -0
- package/dist/inspector/inline-text/inlineTextLifecycle.d.ts +2 -0
- package/dist/inspector/inline-text/inlineTextLifecycle.js +17 -0
- package/dist/inspector/inline-text/textChangeBoundary.d.ts +6 -0
- package/dist/inspector/inline-text/textChangeBoundary.js +1 -0
- package/dist/inspector/inspection/bridge.d.ts +72 -0
- package/dist/inspector/inspection/bridge.js +134 -0
- package/dist/inspector/inspection/browserCssInspection.d.ts +74 -0
- package/dist/inspector/inspection/browserCssInspection.js +317 -0
- package/dist/inspector/inspection/browserCssInspectionRegistry.d.ts +12 -0
- package/dist/inspector/inspection/browserCssInspectionRegistry.js +66 -0
- package/dist/inspector/inspection/selectionProperty.d.ts +32 -0
- package/dist/inspector/inspection/selectionProperty.js +33 -0
- package/dist/inspector/inspection/useBrowserCssInspection.d.ts +20 -0
- package/dist/inspector/inspection/useBrowserCssInspection.js +159 -0
- package/dist/inspector/overlay/DropGuideOverlay.d.ts +17 -0
- package/dist/inspector/overlay/DropGuideOverlay.js +17 -0
- package/dist/inspector/overlay/InspectorOverlay.d.ts +5 -0
- package/dist/inspector/overlay/InspectorOverlay.js +328 -0
- package/dist/inspector/overlay/MeasurementGuideOverlay.d.ts +19 -0
- package/dist/inspector/overlay/MeasurementGuideOverlay.js +40 -0
- package/dist/inspector/overlay/clickPolicy.d.ts +7 -0
- package/dist/inspector/overlay/clickPolicy.js +13 -0
- package/dist/inspector/overlay/dropGuide.d.ts +22 -0
- package/dist/inspector/overlay/dropGuide.js +48 -0
- package/dist/inspector/overlay/elementSelector.d.ts +1 -0
- package/dist/inspector/overlay/elementSelector.js +100 -0
- package/dist/inspector/overlay/frameThrottle.d.ts +10 -0
- package/dist/inspector/overlay/frameThrottle.js +38 -0
- package/dist/inspector/overlay/interactionStyles.d.ts +3 -0
- package/dist/inspector/overlay/interactionStyles.js +70 -0
- package/dist/inspector/overlay/measurementGeometry.d.ts +25 -0
- package/dist/inspector/overlay/measurementGeometry.js +104 -0
- package/dist/inspector/overlay/overlayGeometry.d.ts +40 -0
- package/dist/inspector/overlay/overlayGeometry.js +59 -0
- package/dist/inspector/overlay/selectedGeometry.d.ts +7 -0
- package/dist/inspector/overlay/selectedGeometry.js +51 -0
- package/dist/inspector/overlay/structuralGestures.d.ts +28 -0
- package/dist/inspector/overlay/structuralGestures.js +180 -0
- package/dist/inspector/projection/cssEscapes.d.ts +3 -0
- package/dist/inspector/projection/cssEscapes.js +20 -0
- package/dist/inspector/projection/managedStylesheet.d.ts +33 -0
- package/dist/inspector/projection/managedStylesheet.js +240 -0
- package/dist/inspector/projection/renderedInstance.d.ts +56 -0
- package/dist/inspector/projection/renderedInstance.js +306 -0
- package/dist/inspector/projection/structuralProjection.d.ts +93 -0
- package/dist/inspector/projection/structuralProjection.js +560 -0
- package/dist/inspector/projection/structuralProjectionBoundary.d.ts +5 -0
- package/dist/inspector/projection/structuralProjectionBoundary.js +65 -0
- package/dist/inspector/projection/textProjection.d.ts +53 -0
- package/dist/inspector/projection/textProjection.js +705 -0
- package/dist/inspector/projection/workspaceProjection.d.ts +43 -0
- package/dist/inspector/projection/workspaceProjection.js +58 -0
- package/dist/inspector/prompt/PromptSettingsDialog.d.ts +15 -0
- package/dist/inspector/prompt/PromptSettingsDialog.js +17 -0
- package/dist/inspector/prompt/clipboardHandoff.d.ts +34 -0
- package/dist/inspector/prompt/clipboardHandoff.js +212 -0
- package/dist/inspector/prompt/copyToClipboard.d.ts +1 -0
- package/dist/inspector/prompt/copyToClipboard.js +34 -0
- package/dist/inspector/prompt/detectFramework.d.ts +6 -0
- package/dist/inspector/prompt/detectFramework.js +4 -0
- package/dist/inspector/prompt/generatePrompt.d.ts +7 -0
- package/dist/inspector/prompt/generatePrompt.js +391 -0
- package/dist/inspector/prompt/promptSettings.d.ts +8 -0
- package/dist/inspector/prompt/promptSettings.js +28 -0
- package/dist/inspector/runtime/devFlag.d.ts +28 -0
- package/dist/inspector/runtime/devFlag.js +50 -0
- package/dist/inspector/runtime/documentStylesheetOrder.d.ts +19 -0
- package/dist/inspector/runtime/documentStylesheetOrder.js +89 -0
- package/dist/inspector/runtime/domRealm.d.ts +4 -0
- package/dist/inspector/runtime/domRealm.js +11 -0
- package/dist/inspector/runtime/runtimeConfig.d.ts +119 -0
- package/dist/inspector/runtime/runtimeConfig.js +276 -0
- package/dist/inspector/runtime/staticHtmlRuntimeIdentity.d.ts +32 -0
- package/dist/inspector/runtime/staticHtmlRuntimeIdentity.js +149 -0
- package/dist/inspector/runtime/useRuntimeConfig.d.ts +10 -0
- package/dist/inspector/runtime/useRuntimeConfig.js +13 -0
- package/dist/inspector/selection/editScope.d.ts +32 -0
- package/dist/inspector/selection/editScope.js +140 -0
- package/dist/inspector/selection/editTarget.d.ts +8 -0
- package/dist/inspector/selection/editTarget.js +11 -0
- package/dist/inspector/selection/hierarchy.d.ts +7 -0
- package/dist/inspector/selection/hierarchy.js +42 -0
- package/dist/inspector/selection/resolveSelection.d.ts +10 -0
- package/dist/inspector/selection/resolveSelection.js +60 -0
- package/dist/inspector/selection/selectionStore.d.ts +41 -0
- package/dist/inspector/selection/selectionStore.js +262 -0
- package/dist/inspector/selection/selectionTarget.d.ts +5 -0
- package/dist/inspector/selection/selectionTarget.js +50 -0
- package/dist/inspector/selection/sourceSite.d.ts +2 -0
- package/dist/inspector/selection/sourceSite.js +12 -0
- package/dist/inspector/selection/styleSelection.d.ts +22 -0
- package/dist/inspector/selection/styleSelection.js +104 -0
- package/dist/inspector/session/index.d.ts +3 -0
- package/dist/inspector/session/index.js +2 -0
- package/dist/inspector/session/lifecycle.d.ts +22 -0
- package/dist/inspector/session/lifecycle.js +63 -0
- package/dist/inspector/session/sessionContext.d.ts +21 -0
- package/dist/inspector/session/sessionContext.js +28 -0
- package/dist/inspector/session/sessionFactory.d.ts +29 -0
- package/dist/inspector/session/sessionFactory.js +73 -0
- package/dist/inspector/settings/SettingsDialog.d.ts +12 -0
- package/dist/inspector/settings/SettingsDialog.js +46 -0
- package/dist/inspector/shell/AppShell.d.ts +2 -0
- package/dist/inspector/shell/AppShell.js +9 -0
- package/dist/inspector/shell/ChangesLog.d.ts +6 -0
- package/dist/inspector/shell/ChangesLog.js +92 -0
- package/dist/inspector/shell/CopyPromptButton.d.ts +9 -0
- package/dist/inspector/shell/CopyPromptButton.js +159 -0
- package/dist/inspector/shell/DomNavigation.d.ts +8 -0
- package/dist/inspector/shell/DomNavigation.js +30 -0
- package/dist/inspector/shell/EmptyState.d.ts +2 -0
- package/dist/inspector/shell/EmptyState.js +15 -0
- package/dist/inspector/shell/InspectorShell.d.ts +11 -0
- package/dist/inspector/shell/InspectorShell.js +268 -0
- package/dist/inspector/shell/openStore.d.ts +6 -0
- package/dist/inspector/shell/openStore.js +29 -0
- package/dist/inspector/shell/panelLayout.d.ts +2 -0
- package/dist/inspector/shell/panelLayout.js +29 -0
- package/dist/inspector/shell/shortcuts.d.ts +3 -0
- package/dist/inspector/shell/shortcuts.js +25 -0
- package/dist/inspector/shell/stateValue.d.ts +3 -0
- package/dist/inspector/shell/stateValue.js +34 -0
- package/dist/inspector/shell/styleState.d.ts +7 -0
- package/dist/inspector/shell/styleState.js +13 -0
- package/dist/inspector/spacing/projection.d.ts +43 -0
- package/dist/inspector/spacing/projection.js +136 -0
- package/dist/inspector/styleEditors/AppearanceSection.d.ts +13 -0
- package/dist/inspector/styleEditors/AppearanceSection.js +6 -0
- package/dist/inspector/styleEditors/AspectRatioField.d.ts +17 -0
- package/dist/inspector/styleEditors/AspectRatioField.js +10 -0
- package/dist/inspector/styleEditors/BorderEditor.d.ts +13 -0
- package/dist/inspector/styleEditors/BorderEditor.js +295 -0
- package/dist/inspector/styleEditors/BorderRadiusEditor.d.ts +14 -0
- package/dist/inspector/styleEditors/BorderRadiusEditor.js +108 -0
- package/dist/inspector/styleEditors/BoxShadowEditor.d.ts +13 -0
- package/dist/inspector/styleEditors/BoxShadowEditor.js +13 -0
- package/dist/inspector/styleEditors/ColorPicker.d.ts +15 -0
- package/dist/inspector/styleEditors/ColorPicker.js +73 -0
- package/dist/inspector/styleEditors/GapField.d.ts +17 -0
- package/dist/inspector/styleEditors/GapField.js +12 -0
- package/dist/inspector/styleEditors/GridChildSection.d.ts +14 -0
- package/dist/inspector/styleEditors/GridChildSection.js +91 -0
- package/dist/inspector/styleEditors/GridPicker.d.ts +13 -0
- package/dist/inspector/styleEditors/GridPicker.js +179 -0
- package/dist/inspector/styleEditors/GridSection.d.ts +17 -0
- package/dist/inspector/styleEditors/GridSection.js +27 -0
- package/dist/inspector/styleEditors/GridValueField.d.ts +17 -0
- package/dist/inspector/styleEditors/GridValueField.js +70 -0
- package/dist/inspector/styleEditors/InsetSection.d.ts +15 -0
- package/dist/inspector/styleEditors/InsetSection.js +15 -0
- package/dist/inspector/styleEditors/LayoutBlockedIndicator.d.ts +6 -0
- package/dist/inspector/styleEditors/LayoutBlockedIndicator.js +6 -0
- package/dist/inspector/styleEditors/LayoutComboField.d.ts +18 -0
- package/dist/inspector/styleEditors/LayoutComboField.js +138 -0
- package/dist/inspector/styleEditors/LayoutDropdown.d.ts +14 -0
- package/dist/inspector/styleEditors/LayoutDropdown.js +34 -0
- package/dist/inspector/styleEditors/LayoutSection.d.ts +13 -0
- package/dist/inspector/styleEditors/LayoutSection.js +342 -0
- package/dist/inspector/styleEditors/OpacityEditor.d.ts +13 -0
- package/dist/inspector/styleEditors/OpacityEditor.js +34 -0
- package/dist/inspector/styleEditors/PositionInsets.d.ts +15 -0
- package/dist/inspector/styleEditors/PositionInsets.js +12 -0
- package/dist/inspector/styleEditors/SpacingBox.d.ts +29 -0
- package/dist/inspector/styleEditors/SpacingBox.js +189 -0
- package/dist/inspector/styleEditors/Typography.d.ts +13 -0
- package/dist/inspector/styleEditors/Typography.js +137 -0
- package/dist/inspector/styleEditors/completeCssValue.d.ts +8 -0
- package/dist/inspector/styleEditors/completeCssValue.js +34 -0
- package/dist/inspector/styleEditors/gridChildModel.d.ts +74 -0
- package/dist/inspector/styleEditors/gridChildModel.js +138 -0
- package/dist/inspector/styleEditors/layoutValue.d.ts +24 -0
- package/dist/inspector/styleEditors/layoutValue.js +103 -0
- package/dist/inspector/styleEditors/nudgeValue.d.ts +8 -0
- package/dist/inspector/styleEditors/nudgeValue.js +71 -0
- package/dist/inspector/styleEditors/rowLookup.d.ts +11 -0
- package/dist/inspector/styleEditors/rowLookup.js +13 -0
- package/dist/inspector/styleEditors/stringRecord.d.ts +4 -0
- package/dist/inspector/styleEditors/stringRecord.js +1 -0
- package/dist/inspector/styleEditors/valuePolicy.d.ts +20 -0
- package/dist/inspector/styleEditors/valuePolicy.js +82 -0
- package/dist/inspector/testing.d.ts +10 -0
- package/dist/inspector/testing.js +9 -0
- package/dist/inspector/tokens/TokenChip.d.ts +24 -0
- package/dist/inspector/tokens/TokenChip.js +23 -0
- package/dist/inspector/tokens/TokenDropdown.d.ts +13 -0
- package/dist/inspector/tokens/TokenDropdown.js +59 -0
- package/dist/inspector/tokens/TokenField.d.ts +68 -0
- package/dist/inspector/tokens/TokenField.js +485 -0
- package/dist/inspector/tokens/TokenLabel.d.ts +7 -0
- package/dist/inspector/tokens/TokenLabel.js +23 -0
- package/dist/inspector/tokens/TokensPanel.d.ts +5 -0
- package/dist/inspector/tokens/TokensPanel.js +47 -0
- package/dist/inspector/tokens/catalog.d.ts +51 -0
- package/dist/inspector/tokens/catalog.js +184 -0
- package/dist/inspector/tokens/editActions.d.ts +35 -0
- package/dist/inspector/tokens/editActions.js +164 -0
- package/dist/inspector/tokens/resolution/cascade.d.ts +14 -0
- package/dist/inspector/tokens/resolution/cascade.js +31 -0
- package/dist/inspector/tokens/resolution/cssomCollector.d.ts +43 -0
- package/dist/inspector/tokens/resolution/cssomCollector.js +528 -0
- package/dist/inspector/tokens/resolution/selectorSemantics.d.ts +12 -0
- package/dist/inspector/tokens/resolution/selectorSemantics.js +106 -0
- package/dist/inspector/tokens/resolution.d.ts +56 -0
- package/dist/inspector/tokens/resolution.js +1401 -0
- package/dist/inspector/tokens/tokenEdits.d.ts +3 -0
- package/dist/inspector/tokens/tokenEdits.js +22 -0
- package/dist/inspector/tokens/valueSemanticsAdapter.d.ts +6 -0
- package/dist/inspector/tokens/valueSemanticsAdapter.js +68 -0
- package/dist/inspector/ui/AtRuleContext.d.ts +18 -0
- package/dist/inspector/ui/AtRuleContext.js +54 -0
- package/dist/inspector/ui/Button.d.ts +9 -0
- package/dist/inspector/ui/Button.js +4 -0
- package/dist/inspector/ui/ColorSwatch.d.ts +7 -0
- package/dist/inspector/ui/ColorSwatch.js +6 -0
- package/dist/inspector/ui/ControlSurface.d.ts +14 -0
- package/dist/inspector/ui/ControlSurface.js +10 -0
- package/dist/inspector/ui/FieldRow.d.ts +14 -0
- package/dist/inspector/ui/FieldRow.js +15 -0
- package/dist/inspector/ui/IconButton.d.ts +14 -0
- package/dist/inspector/ui/IconButton.js +5 -0
- package/dist/inspector/ui/InspectorPopover.d.ts +17 -0
- package/dist/inspector/ui/InspectorPopover.js +13 -0
- package/dist/inspector/ui/PopoverListbox.d.ts +37 -0
- package/dist/inspector/ui/PopoverListbox.js +21 -0
- package/dist/inspector/ui/SegmentedControl.d.ts +24 -0
- package/dist/inspector/ui/SegmentedControl.js +16 -0
- package/dist/inspector/ui/Select.d.ts +25 -0
- package/dist/inspector/ui/Select.js +56 -0
- package/dist/inspector/ui/SideValuesField.d.ts +44 -0
- package/dist/inspector/ui/SideValuesField.js +76 -0
- package/dist/inspector/ui/StatusCallout.d.ts +9 -0
- package/dist/inspector/ui/StatusCallout.js +4 -0
- package/dist/inspector/ui/TextInput.d.ts +12 -0
- package/dist/inspector/ui/TextInput.js +5 -0
- package/dist/inspector/ui/ToggleButton.d.ts +11 -0
- package/dist/inspector/ui/ToggleButton.js +6 -0
- package/dist/inspector/ui/assets/grid.svg +14 -0
- package/dist/inspector/ui/css.d.ts +9 -0
- package/dist/inspector/ui/labels.d.ts +1 -0
- package/dist/inspector/ui/labels.js +7 -0
- package/dist/inspector/ui/styles.d.ts +1 -0
- package/dist/inspector/ui/styles.js +68 -0
- package/dist/inspector/virtual-modules.d.ts +7 -0
- package/dist/inspector/vite-env.d.ts +10 -0
- package/dist/internal/agent-protocol.d.ts +232 -0
- package/dist/internal/agent-protocol.js +237 -0
- package/dist/nudge-ui.mjs +15722 -0
- package/dist/project/files.d.ts +19 -0
- package/dist/project/files.js +226 -0
- package/dist/project/identity.d.ts +6 -0
- package/dist/project/identity.js +19 -0
- package/dist/project/pathPolicy.d.ts +8 -0
- package/dist/project/pathPolicy.js +12 -0
- package/dist/project/tokens.d.ts +36 -0
- package/dist/project/tokens.js +223 -0
- package/dist/transport/index.d.ts +8 -0
- package/dist/transport/index.js +8 -0
- package/dist/transport/routes.d.ts +13 -0
- package/dist/transport/routes.js +16 -0
- package/package.json +137 -0
|
@@ -0,0 +1,174 @@
|
|
|
1
|
+
function token(cssName, value, source) {
|
|
2
|
+
return {
|
|
3
|
+
cssName,
|
|
4
|
+
name: cssName,
|
|
5
|
+
declarations: [{ value, source, important: false, context: { selector: ":root" } }],
|
|
6
|
+
};
|
|
7
|
+
}
|
|
8
|
+
const TYPE_SIZE = token("--type-size-body", "1rem", "fixtures/typography.css:2");
|
|
9
|
+
const TYPE_WEIGHT = token("--type-weight-strong", "650", "fixtures/typography.css:3");
|
|
10
|
+
const TYPE_LEADING = token("--type-leading-body", "1.5", "fixtures/typography.css:4");
|
|
11
|
+
const TYPE_TRACKING = token("--type-tracking-tight", "-0.018em", "fixtures/typography.css:5");
|
|
12
|
+
const TYPE_FAMILY = token("--type-family-body", 'Inter, ui-sans-serif, system-ui, sans-serif', "fixtures/typography.css:6");
|
|
13
|
+
/**
|
|
14
|
+
* Framework-neutral typography corpus. The fixture runner asserts authored
|
|
15
|
+
* CSS and capability independently from browser-computed output; the gallery
|
|
16
|
+
* lets a human exercise the same cases through the real inspector.
|
|
17
|
+
*/
|
|
18
|
+
export const TYPOGRAPHY_CASES = [
|
|
19
|
+
{
|
|
20
|
+
id: "type-direct-literals",
|
|
21
|
+
css: `.subject {
|
|
22
|
+
font-family: "Aster Display", Georgia, serif;
|
|
23
|
+
font-size: .875rem;
|
|
24
|
+
font-weight: 650;
|
|
25
|
+
line-height: 1.45;
|
|
26
|
+
letter-spacing: -.0125em;
|
|
27
|
+
}`,
|
|
28
|
+
markup: '<p class="subject" data-cid="TypographyCase" data-src="fixtures/typography.tsx:1:1">Measured type makes a dense interface feel calm.</p>',
|
|
29
|
+
selected: ".subject",
|
|
30
|
+
catalog: [],
|
|
31
|
+
expected: {
|
|
32
|
+
catalog: [],
|
|
33
|
+
properties: {
|
|
34
|
+
"font-family": { authored: '"Aster Display", Georgia, serif', capability: "composite" },
|
|
35
|
+
"font-size": { authored: ".875rem", capability: "atomic" },
|
|
36
|
+
"font-weight": { authored: "650", capability: "atomic" },
|
|
37
|
+
"line-height": { authored: "1.45", capability: "atomic" },
|
|
38
|
+
"letter-spacing": { authored: "-.0125em", capability: "atomic" },
|
|
39
|
+
},
|
|
40
|
+
},
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
id: "type-tokenized-longhands",
|
|
44
|
+
css: `:root {
|
|
45
|
+
--type-size-body: 1rem;
|
|
46
|
+
--type-weight-strong: 650;
|
|
47
|
+
--type-leading-body: 1.5;
|
|
48
|
+
--type-tracking-tight: -0.018em;
|
|
49
|
+
--type-family-body: Inter, ui-sans-serif, system-ui, sans-serif;
|
|
50
|
+
}
|
|
51
|
+
.subject {
|
|
52
|
+
font-family: var(--type-family-body);
|
|
53
|
+
font-size: var(--type-size-body);
|
|
54
|
+
font-weight: var(--type-weight-strong);
|
|
55
|
+
line-height: var(--type-leading-body);
|
|
56
|
+
letter-spacing: var(--type-tracking-tight);
|
|
57
|
+
}`,
|
|
58
|
+
markup: '<p class="subject" data-cid="TypographyCase" data-src="fixtures/typography.tsx:2:1">A token-backed paragraph keeps its rhythm across surfaces.</p>',
|
|
59
|
+
selected: ".subject",
|
|
60
|
+
catalog: [TYPE_SIZE, TYPE_WEIGHT, TYPE_LEADING, TYPE_TRACKING, TYPE_FAMILY],
|
|
61
|
+
expected: {
|
|
62
|
+
catalog: [
|
|
63
|
+
{ name: "--type-size-body", value: "1rem" },
|
|
64
|
+
{ name: "--type-weight-strong", value: "650" },
|
|
65
|
+
{ name: "--type-leading-body", value: "1.5" },
|
|
66
|
+
{ name: "--type-tracking-tight", value: "-0.018em" },
|
|
67
|
+
{ name: "--type-family-body", value: "Inter, ui-sans-serif, system-ui, sans-serif" },
|
|
68
|
+
],
|
|
69
|
+
properties: {
|
|
70
|
+
"font-family": { authored: "var(--type-family-body)", tokens: ["--type-family-body"], capability: "atomic" },
|
|
71
|
+
"font-size": { authored: "var(--type-size-body)", tokens: ["--type-size-body"], capability: "atomic" },
|
|
72
|
+
"font-weight": { authored: "var(--type-weight-strong)", tokens: ["--type-weight-strong"], capability: "atomic" },
|
|
73
|
+
"line-height": { authored: "var(--type-leading-body)", tokens: ["--type-leading-body"], capability: "atomic" },
|
|
74
|
+
"letter-spacing": { authored: "var(--type-tracking-tight)", tokens: ["--type-tracking-tight"], capability: "atomic" },
|
|
75
|
+
},
|
|
76
|
+
},
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
id: "type-functional-raw",
|
|
80
|
+
css: `.subject {
|
|
81
|
+
font-size: clamp(1rem, 1vw + .78rem, 1.35rem);
|
|
82
|
+
font-weight: var(--type-weight-strong, 600);
|
|
83
|
+
line-height: calc(1em + .5rem);
|
|
84
|
+
letter-spacing: max(-.03em, calc(-.012em - .08vw));
|
|
85
|
+
}`,
|
|
86
|
+
markup: '<p class="subject" data-cid="TypographyCase" data-src="fixtures/typography.tsx:3:1">Functional values remain editable as declared CSS expressions.</p>',
|
|
87
|
+
selected: ".subject",
|
|
88
|
+
catalog: [TYPE_WEIGHT],
|
|
89
|
+
expected: {
|
|
90
|
+
catalog: [{ name: "--type-weight-strong", value: "650" }],
|
|
91
|
+
properties: {
|
|
92
|
+
"font-size": { authored: "clamp(1rem, 1vw + .78rem, 1.35rem)", capability: "raw" },
|
|
93
|
+
"font-weight": { authored: "var(--type-weight-strong, 600)", tokens: ["--type-weight-strong"], capability: "atomic" },
|
|
94
|
+
"line-height": { authored: "calc(1em + .5rem)", capability: "raw" },
|
|
95
|
+
"letter-spacing": { authored: "max(-.03em, calc(-.012em - .08vw))", capability: "raw" },
|
|
96
|
+
},
|
|
97
|
+
},
|
|
98
|
+
},
|
|
99
|
+
{
|
|
100
|
+
id: "type-font-shorthand",
|
|
101
|
+
css: '.subject { font: italic 700 1.25rem / 1.4 "Aster Display", Georgia, serif; }',
|
|
102
|
+
markup: '<p class="subject" data-cid="TypographyCase" data-src="fixtures/typography.tsx:4:1">A shorthand still yields safe longhand controls.</p>',
|
|
103
|
+
selected: ".subject",
|
|
104
|
+
catalog: [],
|
|
105
|
+
expected: {
|
|
106
|
+
catalog: [],
|
|
107
|
+
properties: {
|
|
108
|
+
"font-family": { authored: '"Aster Display", Georgia, serif', capability: "composite" },
|
|
109
|
+
"font-size": { authored: "1.25rem", capability: "atomic" },
|
|
110
|
+
"font-weight": { authored: "700", capability: "atomic" },
|
|
111
|
+
"line-height": { authored: "1.4", capability: "atomic" },
|
|
112
|
+
},
|
|
113
|
+
},
|
|
114
|
+
},
|
|
115
|
+
{
|
|
116
|
+
id: "type-font-shorthand-resets",
|
|
117
|
+
css: `.subject {
|
|
118
|
+
font-style: italic;
|
|
119
|
+
font-weight: 700;
|
|
120
|
+
line-height: 2;
|
|
121
|
+
font: 16px Arial, sans-serif;
|
|
122
|
+
}`,
|
|
123
|
+
markup: '<p class="subject" data-cid="TypographyCase" data-src="fixtures/typography.tsx:5:1">An omitted shorthand component still resets an earlier longhand.</p>',
|
|
124
|
+
selected: ".subject",
|
|
125
|
+
catalog: [],
|
|
126
|
+
expected: {
|
|
127
|
+
catalog: [],
|
|
128
|
+
properties: {
|
|
129
|
+
"font-family": { authored: "Arial, sans-serif", capability: "composite" },
|
|
130
|
+
"font-size": { authored: "16px", capability: "atomic" },
|
|
131
|
+
"font-style": { authored: "normal", capability: "raw" },
|
|
132
|
+
"font-weight": { authored: "normal", capability: "raw" },
|
|
133
|
+
"line-height": { authored: "normal", capability: "raw" },
|
|
134
|
+
},
|
|
135
|
+
},
|
|
136
|
+
},
|
|
137
|
+
{
|
|
138
|
+
id: "type-keywords-and-negative-tracking",
|
|
139
|
+
css: `.subject {
|
|
140
|
+
font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
|
|
141
|
+
font-size: larger;
|
|
142
|
+
font-weight: bold;
|
|
143
|
+
line-height: normal;
|
|
144
|
+
letter-spacing: -1px;
|
|
145
|
+
}`,
|
|
146
|
+
markup: '<p class="subject" data-cid="TypographyCase" data-src="fixtures/typography.tsx:6:1">Keywords should not be normalised into guessed values.</p>',
|
|
147
|
+
selected: ".subject",
|
|
148
|
+
catalog: [],
|
|
149
|
+
expected: {
|
|
150
|
+
catalog: [],
|
|
151
|
+
properties: {
|
|
152
|
+
"font-family": { authored: "ui-monospace, SFMono-Regular, Consolas, monospace", capability: "composite" },
|
|
153
|
+
"font-size": { authored: "larger", capability: "raw" },
|
|
154
|
+
"font-weight": { authored: "bold", capability: "raw" },
|
|
155
|
+
"line-height": { authored: "normal", capability: "raw" },
|
|
156
|
+
"letter-spacing": { authored: "-1px", capability: "atomic" },
|
|
157
|
+
},
|
|
158
|
+
},
|
|
159
|
+
},
|
|
160
|
+
{
|
|
161
|
+
id: "type-var-fallback-family",
|
|
162
|
+
css: '.subject { font-family: var(--type-family-body, Georgia, serif); font-size: 16px; }',
|
|
163
|
+
markup: '<p class="subject" data-cid="TypographyCase" data-src="fixtures/typography.tsx:7:1">A family fallback retains commas inside the raw authored value.</p>',
|
|
164
|
+
selected: ".subject",
|
|
165
|
+
catalog: [TYPE_FAMILY],
|
|
166
|
+
expected: {
|
|
167
|
+
catalog: [{ name: "--type-family-body", value: "Inter, ui-sans-serif, system-ui, sans-serif" }],
|
|
168
|
+
properties: {
|
|
169
|
+
"font-family": { authored: "var(--type-family-body, Georgia, serif)", tokens: ["--type-family-body"], capability: "atomic" },
|
|
170
|
+
"font-size": { authored: "16px", capability: "atomic" },
|
|
171
|
+
},
|
|
172
|
+
},
|
|
173
|
+
},
|
|
174
|
+
];
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export declare const EDIT_SCOPES: readonly ["source-site", "rendered-instance"];
|
|
2
|
+
export type EditScope = (typeof EDIT_SCOPES)[number];
|
|
3
|
+
/** Returns whether a host value names a supported edit scope. */
|
|
4
|
+
export declare function isEditScope(value: unknown): value is EditScope;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export declare function bootstrapNudgeUi(inspectorHost: HTMLElement): void;
|
|
2
|
+
export declare function mountInspector(host: HTMLElement): void;
|
|
3
|
+
export declare function unmountInspector(): void;
|
|
4
|
+
export { toggleInspector, setInspectorOpen } from "./shell/InspectorShell.js";
|
|
5
|
+
export { InspectorShell } from "./shell/InspectorShell.js";
|
|
6
|
+
export { detectFramework } from "./prompt/detectFramework.js";
|
|
7
|
+
export { installStaticHtmlRuntimeIdentity, isRuntimeGeneratedSource, RUNTIME_ELEMENT_CID_PREFIX, RUNTIME_UNKNOWN_SOURCE_PREFIX, } from "./runtime/staticHtmlRuntimeIdentity.js";
|
|
8
|
+
export { isCanvasRenderer } from "./canvas/roleDetection.js";
|
|
9
|
+
export { NUDGE_UI_INSPECTION_VERSION, inspectElement, installInspectionBridge } from "./inspection/bridge.js";
|
|
10
|
+
export type { NudgeUiInspectionBridge, ElementInspection, InspectElementOptions, InspectionCatalogEntry, InspectionControl } from "./inspection/bridge.js";
|
|
11
|
+
export { beginInlineTextEdit, cancelInlineTextEdit, disposeInlineTextEdit, getInlineTextDiagnostic, getInlineTextDiagnostics, getInlineTextSession, inlineTextEditor, isInlineTextEditingActive, subscribeInlineTextDiagnostics, resolveTextBinding, useInlineTextSession, } from "./inline-text/inlineTextEditor.js";
|
|
12
|
+
export type { InlineTextEditor, InlineTextDiagnostic, InlineTextSession, InlineTextInputRejectionReason, InlineTextSessionEndReason, TextBindingCandidate, TextEditBinding, TextEditRejection, } from "./inline-text/inlineTextEditor.js";
|
|
13
|
+
export { projectInspectorValues, projectionSides } from "./spacing/projection.js";
|
|
14
|
+
export type { InspectorAxisProjection, InspectorFieldProjection, InspectorProjection, InspectorSpacingProjection, ProjectionAxis, ProjectionGroup, ProjectionSide, ProjectionState } from "./spacing/projection.js";
|
|
15
|
+
export { createBrowserCssInspection } from "./inspection/browserCssInspection.js";
|
|
16
|
+
export { configureNudgeUiRuntime, getNudgeUiRuntimeConfig, normalizeNudgeUiRuntimeConfig, subscribeNudgeUiRuntime, } from "./runtime/runtimeConfig.js";
|
|
17
|
+
export { useNudgeUiRuntimeConfig } from "./runtime/useRuntimeConfig.js";
|
|
18
|
+
export { isNudgeUiDev, setNudgeUiHostDevFlag } from "./runtime/devFlag.js";
|
|
19
|
+
export type { NudgeUiRuntimeConfig, NudgeUiRuntimeCapabilities, NudgeUiRuntimeFramework, NudgeUiRuntimeHost, } from "./runtime/runtimeConfig.js";
|
|
20
|
+
export type { BrowserCssInspection, BrowserCssInspectionConfig, BrowserCssInspectionOptions, BrowserTokenKnowledge, DocumentTokenInspectionSnapshot, InspectionCascade, InspectionDiagnostic, InspectionDiagnosticCode, InspectionRevision, InspectionSnapshot, InspectionTargetStatus, } from "./inspection/browserCssInspection.js";
|
|
@@ -0,0 +1,236 @@
|
|
|
1
|
+
import { createElement } from "react";
|
|
2
|
+
import { createRoot } from "react-dom/client";
|
|
3
|
+
import { InspectorShell, toggleInspector, setInspectorOpen, setInspectorHost } from "./shell/InspectorShell.js";
|
|
4
|
+
import { setSelectedElement } from "./selection/selectionStore.js";
|
|
5
|
+
import { removeManagedSheet } from "./projection/managedStylesheet.js";
|
|
6
|
+
import { isInspectorToggleShortcut } from "./shell/shortcuts.js";
|
|
7
|
+
import { clearInspectorLayout } from "./shell/panelLayout.js";
|
|
8
|
+
import { isCanvasRenderer } from "./canvas/roleDetection.js";
|
|
9
|
+
import { bootstrapRenderer } from "./canvas/rendererBootstrap.js";
|
|
10
|
+
import { hydrateSession, enableAutoSave, scheduleAutoSave, scheduleCanvasSave, setRestoreCount, } from "./canvas/sessionStore.js";
|
|
11
|
+
import { subscribeChanges, getChangesList } from "./changes/changesLog.js";
|
|
12
|
+
import { subscribe as subscribeCanvas } from "./canvas/canvasStore.js";
|
|
13
|
+
import { acquireLease, enableWriteGuard, hasWriteLease, releaseLease, subscribeOwnership, } from "./canvas/workspaceLease.js";
|
|
14
|
+
import { cancelStaleDetection, startStaleDetection } from "./canvas/staleChangeDetector.js";
|
|
15
|
+
import { LockedWorkspaceNotice } from "./canvas/LockedWorkspaceNotice.js";
|
|
16
|
+
import { AppShell } from "./shell/AppShell.js";
|
|
17
|
+
import { installInspectionBridge } from "./inspection/bridge.js";
|
|
18
|
+
import { disposeBrowserCssInspection } from "./inspection/browserCssInspectionRegistry.js";
|
|
19
|
+
import { releaseDocumentProjection } from "./projection/structuralProjection.js";
|
|
20
|
+
import { cancelInlineTextEdit } from "./inline-text/inlineTextEditor.js";
|
|
21
|
+
import { configureNudgeUiRuntime, getNudgeUiRuntimeConfig, isDemoRuntime } from "./runtime/runtimeConfig.js";
|
|
22
|
+
import { setCanvasMode } from "./canvas/canvasStore.js";
|
|
23
|
+
import { isNudgeUiDev, setNudgeUiHostDevFlag } from "./runtime/devFlag.js";
|
|
24
|
+
import { clearClipboardHandoff, startClipboardHandoffController, subscribeClipboardHandoff, } from "./prompt/clipboardHandoff.js";
|
|
25
|
+
import { createWorkspace, InspectorSessionProvider, } from "./session/index.js";
|
|
26
|
+
let hostElement = null;
|
|
27
|
+
let reactRoot = null;
|
|
28
|
+
let lockedRoot = null;
|
|
29
|
+
const workspace = createWorkspace();
|
|
30
|
+
let inspectorSession = null;
|
|
31
|
+
let rendererBootstrapHandle = null;
|
|
32
|
+
let beforeUnloadAttached = false;
|
|
33
|
+
let persistenceSubscribed = false;
|
|
34
|
+
let unsubscribeOwnership = null;
|
|
35
|
+
let removeInspectionBridge = null;
|
|
36
|
+
let stopClipboardHandoffController = null;
|
|
37
|
+
function onKeydown(e) {
|
|
38
|
+
if (isInspectorToggleShortcut(e)) {
|
|
39
|
+
toggleInspector();
|
|
40
|
+
e.preventDefault();
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
function disposeInspectorSession() {
|
|
44
|
+
const session = inspectorSession;
|
|
45
|
+
inspectorSession = null;
|
|
46
|
+
session?.dispose();
|
|
47
|
+
}
|
|
48
|
+
export function bootstrapNudgeUi(inspectorHost) {
|
|
49
|
+
const runtimeConfig = getNudgeUiRuntimeConfig();
|
|
50
|
+
const explicitDemo = isDemoRuntime();
|
|
51
|
+
if (!isNudgeUiDev() && !explicitDemo)
|
|
52
|
+
return;
|
|
53
|
+
if (explicitDemo) {
|
|
54
|
+
rendererBootstrapHandle?.teardown();
|
|
55
|
+
rendererBootstrapHandle = null;
|
|
56
|
+
// ADR-0014: only the configured demo runtime opens the shared dev gate
|
|
57
|
+
// for its own document. The bundle mode name alone must never flip it,
|
|
58
|
+
// so every build without both opt-ins stays governed by ADR-0002.
|
|
59
|
+
setNudgeUiHostDevFlag(true);
|
|
60
|
+
// Public demo builds intentionally expose only the static inspector. The
|
|
61
|
+
// Canvas workspace, write lease, persistence, and agent bridge stay out
|
|
62
|
+
// of the embedded frame.
|
|
63
|
+
setCanvasMode("inspect");
|
|
64
|
+
mountInspector(inspectorHost);
|
|
65
|
+
return;
|
|
66
|
+
}
|
|
67
|
+
if (!runtimeConfig.capabilities.canvas) {
|
|
68
|
+
// A project can be reopened with a runtime that does not expose Canvas.
|
|
69
|
+
// Clear any stale in-memory mode before mounting the static inspector.
|
|
70
|
+
setCanvasMode("inspect");
|
|
71
|
+
}
|
|
72
|
+
rendererBootstrapHandle?.teardown();
|
|
73
|
+
rendererBootstrapHandle = null;
|
|
74
|
+
removeInspectionBridge?.();
|
|
75
|
+
removeInspectionBridge = installInspectionBridge();
|
|
76
|
+
if (getNudgeUiRuntimeConfig().capabilities.canvas && isCanvasRenderer()) {
|
|
77
|
+
rendererBootstrapHandle = bootstrapRenderer() ?? null;
|
|
78
|
+
return;
|
|
79
|
+
}
|
|
80
|
+
enableWriteGuard();
|
|
81
|
+
const leaseGranted = acquireLease();
|
|
82
|
+
if (!leaseGranted) {
|
|
83
|
+
mountLockedNotice(inspectorHost);
|
|
84
|
+
return;
|
|
85
|
+
}
|
|
86
|
+
startController(inspectorHost);
|
|
87
|
+
}
|
|
88
|
+
function startController(inspectorHost) {
|
|
89
|
+
if (!hasWriteLease()) {
|
|
90
|
+
mountLockedNotice(inspectorHost);
|
|
91
|
+
return;
|
|
92
|
+
}
|
|
93
|
+
if (lockedRoot) {
|
|
94
|
+
lockedRoot.unmount();
|
|
95
|
+
lockedRoot = null;
|
|
96
|
+
}
|
|
97
|
+
unsubscribeOwnership?.();
|
|
98
|
+
unsubscribeOwnership = subscribeOwnership((hasLease) => {
|
|
99
|
+
if (!hasLease)
|
|
100
|
+
mountLockedNotice(inspectorHost);
|
|
101
|
+
});
|
|
102
|
+
const result = hydrateSession();
|
|
103
|
+
if (result.restored) {
|
|
104
|
+
setRestoreCount(result.changeCount);
|
|
105
|
+
const restored = getChangesList();
|
|
106
|
+
if (restored.length > 0) {
|
|
107
|
+
startStaleDetection(restored);
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
mountInspector(inspectorHost);
|
|
111
|
+
stopClipboardHandoffController?.();
|
|
112
|
+
stopClipboardHandoffController = startClipboardHandoffController(document);
|
|
113
|
+
enableAutoSave();
|
|
114
|
+
if (!beforeUnloadAttached) {
|
|
115
|
+
// enableAutoSave registers its flush listener first. Release the lease only
|
|
116
|
+
// after the pending session write has had a chance to pass the ownership
|
|
117
|
+
// gate during beforeunload.
|
|
118
|
+
window.addEventListener("beforeunload", releaseLease);
|
|
119
|
+
beforeUnloadAttached = true;
|
|
120
|
+
}
|
|
121
|
+
if (!persistenceSubscribed) {
|
|
122
|
+
subscribeChanges(() => scheduleAutoSave());
|
|
123
|
+
subscribeClipboardHandoff(() => scheduleAutoSave());
|
|
124
|
+
subscribeCanvas(() => scheduleCanvasSave());
|
|
125
|
+
persistenceSubscribed = true;
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
function mountLockedNotice(host) {
|
|
129
|
+
stopClipboardHandoffController?.();
|
|
130
|
+
stopClipboardHandoffController = null;
|
|
131
|
+
if (reactRoot) {
|
|
132
|
+
reactRoot.unmount();
|
|
133
|
+
reactRoot = null;
|
|
134
|
+
}
|
|
135
|
+
try {
|
|
136
|
+
disposeInspectorSession();
|
|
137
|
+
}
|
|
138
|
+
finally {
|
|
139
|
+
cancelStaleDetection();
|
|
140
|
+
setInspectorOpen(false);
|
|
141
|
+
cancelInlineTextEdit();
|
|
142
|
+
setSelectedElement(null);
|
|
143
|
+
clearInspectorLayout();
|
|
144
|
+
removeManagedSheet();
|
|
145
|
+
releaseDocumentProjection(document);
|
|
146
|
+
hostElement = null;
|
|
147
|
+
unsubscribeOwnership?.();
|
|
148
|
+
unsubscribeOwnership = null;
|
|
149
|
+
}
|
|
150
|
+
const shadow = host.shadowRoot ?? host.attachShadow({ mode: "open" });
|
|
151
|
+
if (!lockedRoot) {
|
|
152
|
+
lockedRoot = createRoot(shadow);
|
|
153
|
+
}
|
|
154
|
+
lockedRoot.render(createElement(LockedWorkspaceNotice, {
|
|
155
|
+
onTakeover: () => startController(host),
|
|
156
|
+
}));
|
|
157
|
+
}
|
|
158
|
+
export function mountInspector(host) {
|
|
159
|
+
const demo = isDemoRuntime();
|
|
160
|
+
if (!demo && !hasWriteLease())
|
|
161
|
+
return;
|
|
162
|
+
if (host.dataset.nudgeUiDebug === "true") {
|
|
163
|
+
const runtimeConfig = getNudgeUiRuntimeConfig();
|
|
164
|
+
if (runtimeConfig.capabilities.domNavigation !== true) {
|
|
165
|
+
configureNudgeUiRuntime({
|
|
166
|
+
...runtimeConfig,
|
|
167
|
+
capabilities: { ...runtimeConfig.capabilities, domNavigation: true },
|
|
168
|
+
});
|
|
169
|
+
}
|
|
170
|
+
}
|
|
171
|
+
if (lockedRoot) {
|
|
172
|
+
lockedRoot.unmount();
|
|
173
|
+
lockedRoot = null;
|
|
174
|
+
}
|
|
175
|
+
if (!hostElement)
|
|
176
|
+
hostElement = host;
|
|
177
|
+
const shadow = host.shadowRoot ?? host.attachShadow({ mode: "open" });
|
|
178
|
+
if (!reactRoot) {
|
|
179
|
+
reactRoot = createRoot(shadow);
|
|
180
|
+
inspectorSession = workspace.createInspectorSession(host);
|
|
181
|
+
const documentSession = inspectorSession.createDocumentSession(document);
|
|
182
|
+
documentSession.registerCleanup(() => disposeBrowserCssInspection(document));
|
|
183
|
+
documentSession.registerCleanup(() => releaseDocumentProjection(document));
|
|
184
|
+
inspectorSession.registerCleanup(() => window.removeEventListener("keydown", onKeydown));
|
|
185
|
+
setInspectorHost(host);
|
|
186
|
+
reactRoot.render(createElement(InspectorSessionProvider, { inspector: inspectorSession, documentSession }, createElement(demo ? InspectorShell : AppShell)));
|
|
187
|
+
window.addEventListener("keydown", onKeydown);
|
|
188
|
+
}
|
|
189
|
+
setInspectorOpen(true);
|
|
190
|
+
}
|
|
191
|
+
export function unmountInspector() {
|
|
192
|
+
rendererBootstrapHandle?.teardown();
|
|
193
|
+
rendererBootstrapHandle = null;
|
|
194
|
+
stopClipboardHandoffController?.();
|
|
195
|
+
stopClipboardHandoffController = null;
|
|
196
|
+
unsubscribeOwnership?.();
|
|
197
|
+
unsubscribeOwnership = null;
|
|
198
|
+
if (lockedRoot) {
|
|
199
|
+
lockedRoot.unmount();
|
|
200
|
+
lockedRoot = null;
|
|
201
|
+
}
|
|
202
|
+
cancelStaleDetection();
|
|
203
|
+
cancelInlineTextEdit();
|
|
204
|
+
setSelectedElement(null);
|
|
205
|
+
if (reactRoot) {
|
|
206
|
+
reactRoot.unmount();
|
|
207
|
+
reactRoot = null;
|
|
208
|
+
}
|
|
209
|
+
try {
|
|
210
|
+
disposeInspectorSession();
|
|
211
|
+
}
|
|
212
|
+
finally {
|
|
213
|
+
// Document-session cleanup already releases host projection when a
|
|
214
|
+
// session exists; release directly as well so projection applied outside
|
|
215
|
+
// a session (gestures, workspace projection) cannot leak across unmount.
|
|
216
|
+
releaseDocumentProjection(document);
|
|
217
|
+
clearClipboardHandoff();
|
|
218
|
+
removeManagedSheet();
|
|
219
|
+
clearInspectorLayout();
|
|
220
|
+
removeInspectionBridge?.();
|
|
221
|
+
removeInspectionBridge = null;
|
|
222
|
+
hostElement = null;
|
|
223
|
+
}
|
|
224
|
+
}
|
|
225
|
+
export { toggleInspector, setInspectorOpen } from "./shell/InspectorShell.js";
|
|
226
|
+
export { InspectorShell } from "./shell/InspectorShell.js";
|
|
227
|
+
export { detectFramework } from "./prompt/detectFramework.js";
|
|
228
|
+
export { installStaticHtmlRuntimeIdentity, isRuntimeGeneratedSource, RUNTIME_ELEMENT_CID_PREFIX, RUNTIME_UNKNOWN_SOURCE_PREFIX, } from "./runtime/staticHtmlRuntimeIdentity.js";
|
|
229
|
+
export { isCanvasRenderer } from "./canvas/roleDetection.js";
|
|
230
|
+
export { NUDGE_UI_INSPECTION_VERSION, inspectElement, installInspectionBridge } from "./inspection/bridge.js";
|
|
231
|
+
export { beginInlineTextEdit, cancelInlineTextEdit, disposeInlineTextEdit, getInlineTextDiagnostic, getInlineTextDiagnostics, getInlineTextSession, inlineTextEditor, isInlineTextEditingActive, subscribeInlineTextDiagnostics, resolveTextBinding, useInlineTextSession, } from "./inline-text/inlineTextEditor.js";
|
|
232
|
+
export { projectInspectorValues, projectionSides } from "./spacing/projection.js";
|
|
233
|
+
export { createBrowserCssInspection } from "./inspection/browserCssInspection.js";
|
|
234
|
+
export { configureNudgeUiRuntime, getNudgeUiRuntimeConfig, normalizeNudgeUiRuntimeConfig, subscribeNudgeUiRuntime, } from "./runtime/runtimeConfig.js";
|
|
235
|
+
export { useNudgeUiRuntimeConfig } from "./runtime/useRuntimeConfig.js";
|
|
236
|
+
export { isNudgeUiDev, setNudgeUiHostDevFlag } from "./runtime/devFlag.js";
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { type TextBindingChoice, type TextEditBinding, type TextEditRejection } from "../componentSemantics/textBinding.js";
|
|
2
|
+
import type { ChangeRecord } from "../changes/types.js";
|
|
3
|
+
import type { TextProjectionScope } from "./textChangeBoundary.js";
|
|
4
|
+
export type { TextEditBinding, TextEditRejection } from "../componentSemantics/textBinding.js";
|
|
5
|
+
export type { TextBindingCandidate } from "../componentSemantics/textBinding.js";
|
|
6
|
+
export interface InlineTextSession {
|
|
7
|
+
readonly binding: TextEditBinding;
|
|
8
|
+
readonly bindingChoices: readonly TextBindingChoice[];
|
|
9
|
+
readonly selectedBindingIndex: number | null;
|
|
10
|
+
readonly scope: TextProjectionScope;
|
|
11
|
+
readonly scopeChoices: readonly TextProjectionScope[];
|
|
12
|
+
readonly host: HTMLElement;
|
|
13
|
+
readonly before: string;
|
|
14
|
+
chooseBinding(index: number): void;
|
|
15
|
+
chooseScope(scope: TextProjectionScope): void;
|
|
16
|
+
commit(reason?: InlineTextSessionEndReason): ChangeRecord | null;
|
|
17
|
+
cancel(reason?: InlineTextSessionEndReason): void;
|
|
18
|
+
}
|
|
19
|
+
export interface InlineTextEditor {
|
|
20
|
+
begin(element: HTMLElement, point?: {
|
|
21
|
+
x: number;
|
|
22
|
+
y: number;
|
|
23
|
+
}): InlineTextSession | TextEditRejection;
|
|
24
|
+
}
|
|
25
|
+
export type InlineTextInteractionDisposition = "pass-through" | "stop-propagation" | "suppress";
|
|
26
|
+
export type InlineTextSessionEndReason = "start" | "commit" | "cancel" | "blur" | "route-disposed" | "frame-disposed" | "app-reconciled" | "selection-removed" | "host-removed";
|
|
27
|
+
export type InlineTextInputRejectionReason = "cross-host-range" | "rich-input" | "paragraph-input" | "multiline-paste" | "invalid-input-type" | "clipboard-unavailable" | "invalid-selection";
|
|
28
|
+
export interface InlineTextDiagnostic {
|
|
29
|
+
kind: "inline-text";
|
|
30
|
+
status: "started" | "committed" | "cancelled" | "rejected";
|
|
31
|
+
reason: InlineTextSessionEndReason | InlineTextInputRejectionReason;
|
|
32
|
+
before: string;
|
|
33
|
+
after?: string;
|
|
34
|
+
}
|
|
35
|
+
export declare function getInlineTextDiagnostics(): readonly InlineTextDiagnostic[];
|
|
36
|
+
export declare function getInlineTextDiagnostic(): InlineTextDiagnostic | null;
|
|
37
|
+
export declare function subscribeInlineTextDiagnostics(listener: () => void): () => void;
|
|
38
|
+
export declare function getInlineTextSession(): InlineTextSession | null;
|
|
39
|
+
export declare function useInlineTextSession(): InlineTextSession | null;
|
|
40
|
+
export declare function isInlineTextEditingActive(): boolean;
|
|
41
|
+
export declare function cancelInlineTextEdit(): void;
|
|
42
|
+
/** End a session owned by a document/frame that is about to be disposed. */
|
|
43
|
+
export declare function disposeInlineTextEdit(reason?: "frame-disposed" | "route-disposed", ownerDocument?: Document): void;
|
|
44
|
+
export type InlineTextEditIntent = {
|
|
45
|
+
kind: "pointer-down";
|
|
46
|
+
target: Element;
|
|
47
|
+
point: {
|
|
48
|
+
x: number;
|
|
49
|
+
y: number;
|
|
50
|
+
};
|
|
51
|
+
clickCount: number;
|
|
52
|
+
} | {
|
|
53
|
+
kind: "double-click";
|
|
54
|
+
target: Element;
|
|
55
|
+
point: {
|
|
56
|
+
x: number;
|
|
57
|
+
y: number;
|
|
58
|
+
};
|
|
59
|
+
};
|
|
60
|
+
/**
|
|
61
|
+
* Handle one native interaction while keeping session-transition policy
|
|
62
|
+
* local. Pointer-down preserves double-click intent across the first click's
|
|
63
|
+
* blur commit, even when canonical projection replaces the target DOM.
|
|
64
|
+
*/
|
|
65
|
+
export declare function handleInlineTextEditIntent(intent: InlineTextEditIntent): InlineTextInteractionDisposition;
|
|
66
|
+
export declare const inlineTextEditor: InlineTextEditor;
|
|
67
|
+
/** Re-enter an existing canonical rendered-text projection through its empty
|
|
68
|
+
* inspector affordance. This never guesses a new DOM target or source node. */
|
|
69
|
+
export declare function beginInlineTextEditFromEmptyProjection(marker: HTMLElement): InlineTextSession | TextEditRejection;
|
|
70
|
+
export declare function beginInlineTextEdit(element: HTMLElement, point?: {
|
|
71
|
+
x: number;
|
|
72
|
+
y: number;
|
|
73
|
+
}): InlineTextSession | TextEditRejection;
|
|
74
|
+
export { resolveTextBinding } from "../componentSemantics/textBinding.js";
|