npm - @embedpdf/plugin-redaction - Versions diffs - 2.0.0 → 2.0.2 - Mend

@embedpdf/plugin-redaction 2.0.0 → 2.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/svelte/index.cjs.map +1 -1
package/dist/svelte/index.js.map +1 -1
package/dist/vue/components/pending-redactions.vue.d.ts +40 -13
package/dist/vue/components/redaction-layer.vue.d.ts +21 -2
package/package.json +9 -9

package/dist/svelte/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sources":["../../src/svelte/hooks/use-redaction.svelte.ts","../../src/svelte/components/highlight.svelte","../../src/svelte/components/marquee-redact.svelte","../../src/svelte/components/pending-redactions.svelte","../../src/svelte/components/selection-redact.svelte","../../src/svelte/components/redaction-layer.svelte"],"sourcesContent":["import {\n RedactionPlugin,\n initialDocumentState,\n RedactionDocumentState,\n RedactionScope,\n} from '@embedpdf/plugin-redaction';\nimport { useCapability, usePlugin } from '@embedpdf/core/svelte';\n\nexport const useRedactionPlugin = () => usePlugin<RedactionPlugin>(RedactionPlugin.id);\nexport const useRedactionCapability = () => useCapability<RedactionPlugin>(RedactionPlugin.id);\n\n// Define the return type explicitly to maintain type safety\ninterface UseRedactionReturn {\n provides: RedactionScope \| null;\n state: RedactionDocumentState;\n}\n\n/*\n Hook for redaction state for a specific document\n * @param getDocumentId Document ID getter function\n /\nexport const useRedaction = (getDocumentId: () => string \| null): UseRedactionReturn => {\n const capability = useRedactionCapability();\n\n let state = $state<RedactionDocumentState>(initialDocumentState);\n\n // Reactive documentId\n const documentId = $derived(getDocumentId());\n\n // Scoped capability for current docId\n const scopedProvides = $derived(\n capability.provides && documentId ? capability.provides.forDocument(documentId) : null,\n );\n\n $effect(() => {\n const provides = capability.provides;\n const docId = documentId;\n\n if (!provides \|\| !docId) {\n state = initialDocumentState;\n return;\n }\n\n const scope = provides.forDocument(docId);\n\n // Get initial state\n try {\n state = scope.getState();\n } catch (e) {\n // Handle case where state might not be ready\n state = initialDocumentState;\n }\n\n // Subscribe to state changes for THIS docId\n return scope.onStateChange((newState) => {\n state = newState;\n });\n });\n\n return {\n get provides() {\n return scopedProvides;\n },\n get state() {\n return state;\n },\n };\n};\n","<script lang=\"ts\">\n import type { Rect } from '@embedpdf/models';\n\n interface HighlightProps {\n color?: string;\n opacity?: number;\n border?: string;\n rects: Rect[];\n rect?: Rect;\n scale: number;\n onClick?: (e: MouseEvent \| TouchEvent) => void;\n style?: string;\n }\n\n let {\n color = '#FFFF00',\n opacity = 1,\n border = '1px solid red',\n rects,\n rect,\n scale,\n onClick,\n style = '',\n }: HighlightProps = $props();\n\n // Rename rect to boundingRect for clarity\n const boundingRect = rect;\n</script>\n\n{#each rects as b, i (i)}\n <div\n onpointerdown={onClick}\n ontouchstart={onClick}\n style:position=\"absolute\"\n style:border\n style:left={`${(boundingRect ? b.origin.x - boundingRect.origin.x : b.origin.x) scale}px`}\n style:top={`${(boundingRect ? b.origin.y - boundingRect.origin.y : b.origin.y) * scale}px`}\n style:width={`${b.size.width * scale}px`}\n style:height={`${b.size.height * scale}px`}\n style:background={color}\n style:opacity\n style:pointer-events={onClick ? 'auto' : 'none'}\n style:cursor={onClick ? 'pointer' : 'default'}\n style:z-index={onClick ? '1' : undefined}\n {style}\n ></div>\n{/each}\n","<script lang=\"ts\">\n import { useDocumentState } from '@embedpdf/core/svelte';\n import type { Rect } from '@embedpdf/models';\n import { useRedactionPlugin } from '../hooks/use-redaction.svelte';\n\n interface MarqueeRedactProps {\n /** The ID of the document /\n documentId: string;\n /* Index of the page this layer lives on /\n pageIndex: number;\n /* Scale of the page /\n scale?: number;\n /* Optional CSS class applied to the marquee rectangle /\n className?: string;\n /* Stroke / fill colours (defaults below) /\n stroke?: string;\n fill?: string;\n }\n\n let {\n documentId,\n pageIndex,\n scale: scaleOverride,\n className = '',\n stroke = 'red',\n fill = 'transparent',\n }: MarqueeRedactProps = $props();\n\n const redactionPlugin = useRedactionPlugin();\n const documentState = useDocumentState(() => documentId);\n let rect = $state<Rect \| null>(null);\n\n const actualScale = $derived(\n scaleOverride !== undefined ? scaleOverride : (documentState.current?.scale ?? 1),\n );\n\n $effect(() => {\n if (!redactionPlugin.plugin \|\| !documentId) {\n rect = null;\n return;\n }\n\n return redactionPlugin.plugin.registerMarqueeOnPage({\n documentId,\n pageIndex,\n scale: actualScale,\n callback: {\n onPreview: (newRect) => {\n rect = newRect;\n },\n },\n });\n });\n</script>\n\n{#if rect}\n <div\n class={className}\n style:position=\"absolute\"\n style:pointer-events=\"none\"\n style:left={`${rect.origin.x actualScale}px`}\n style:top={`${rect.origin.y * actualScale}px`}\n style:width={`${rect.size.width * actualScale}px`}\n style:height={`${rect.size.height * actualScale}px`}\n style:border={`1px solid ${stroke}`}\n style:background={fill}\n style:box-sizing=\"border-box\"\n ></div>\n{/if}\n","<script lang=\"ts\">\n import type { Snippet } from 'svelte';\n import type { Rect } from '@embedpdf/models';\n import { Rotation } from '@embedpdf/models';\n import { CounterRotate } from '@embedpdf/utils/svelte';\n import type { MenuWrapperProps, SelectionMenuPlacement } from '@embedpdf/utils/svelte';\n import type { RedactionItem } from '@embedpdf/plugin-redaction';\n import { useRedactionCapability } from '../hooks/use-redaction.svelte';\n import Highlight from './highlight.svelte';\n import type {\n RedactionSelectionContext,\n RedactionSelectionMenuRenderFn,\n RedactionSelectionMenuProps,\n } from '../types';\n\n interface Props {\n documentId: string;\n pageIndex: number;\n scale: number;\n rotation?: Rotation;\n bboxStroke?: string;\n selectionMenu?: RedactionSelectionMenuRenderFn;\n selectionMenuSnippet?: Snippet<[RedactionSelectionMenuProps]>;\n }\n\n let {\n documentId,\n pageIndex,\n scale,\n rotation = Rotation.Degree0,\n bboxStroke = 'rgba(0,0,0,0.8)',\n selectionMenu,\n selectionMenuSnippet,\n }: Props = $props();\n\n const redactionCapability = useRedactionCapability();\n\n let items = $state<RedactionItem[]>([]);\n let selectedId = $state<string \| null>(null);\n\n $effect(() => {\n const redactionValue = redactionCapability.provides;\n if (!redactionValue) {\n items = [];\n selectedId = null;\n return;\n }\n\n const scoped = redactionValue.forDocument(documentId);\n const currentState = scoped.getState();\n items = currentState.pending[pageIndex] ?? [];\n selectedId = currentState.selected?.page === pageIndex ? currentState.selected.id : null;\n\n const off1 = scoped.onPendingChange((map) => {\n items = map[pageIndex] ?? [];\n });\n\n const off2 = scoped.onSelectedChange((sel) => {\n selectedId = sel?.page === pageIndex ? sel.id : null;\n });\n\n return () => {\n off1?.();\n off2?.();\n };\n });\n\n function select(e: MouseEvent \| TouchEvent, id: string) {\n e.stopPropagation();\n if (!redactionCapability.provides) return;\n redactionCapability.provides.forDocument(documentId).selectPending(pageIndex, id);\n }\n\n function shouldShowMenu(itemId: string): boolean {\n const isSelected = selectedId === itemId;\n return isSelected && (!!selectionMenu \|\| !!selectionMenuSnippet);\n }\n\n function buildContext(item: RedactionItem): RedactionSelectionContext {\n return { type: 'redaction', item, pageIndex };\n }\n\n const menuPlacement: SelectionMenuPlacement = {\n suggestTop: false,\n spaceAbove: 0,\n spaceBelow: 0,\n };\n\n function buildMenuProps(\n item: RedactionItem,\n rect: Rect,\n menuWrapperProps: MenuWrapperProps,\n ): RedactionSelectionMenuProps {\n return {\n context: buildContext(item),\n selected: selectedId === item.id,\n rect,\n placement: menuPlacement,\n menuWrapperProps,\n };\n }\n</script>\n\n{#if items.length}\n <div style=\"position: absolute; inset: 0; pointer-events: none;\">\n {#each items as item (item.id)}\n {#if item.kind === 'area'}\n <div\n style=\"\n position: absolute;\n left: {item.rect.origin.x * scale}px;\n top: {item.rect.origin.y * scale}px;\n width: {item.rect.size.width * scale}px;\n height: {item.rect.size.height * scale}px;\n background: transparent;\n outline: {selectedId === item.id ? `1px solid ${bboxStroke}` : 'none'};\n outline-offset: 2px;\n border: 1px solid red;\n pointer-events: auto;\n cursor: pointer;\n \"\n onpointerdown={(e) => select(e, item.id)}\n ontouchstart={(e) => select(e, item.id)}\n ></div>\n\n {#if shouldShowMenu(item.id)}\n <CounterRotate\n rect={{\n origin: { x: item.rect.origin.x * scale, y: item.rect.origin.y * scale },\n size: { width: item.rect.size.width * scale, height: item.rect.size.height * scale },\n }}\n {rotation}\n >\n {#snippet children({ rect, menuWrapperProps })}\n {@const menuProps = buildMenuProps(item, rect, menuWrapperProps)}\n {#if selectionMenu}\n {@const result = selectionMenu(menuProps)}\n {#if result}\n <result.component {...result.props} />\n {/if}\n {:else if selectionMenuSnippet}\n {@render selectionMenuSnippet(menuProps)}\n {/if}\n {/snippet}\n </CounterRotate>\n {/if}\n {:else}\n <div\n style=\"\n position: absolute;\n left: {item.rect.origin.x * scale}px;\n top: {item.rect.origin.y * scale}px;\n width: {item.rect.size.width * scale}px;\n height: {item.rect.size.height * scale}px;\n background: transparent;\n outline: {selectedId === item.id ? `1px solid ${bboxStroke}` : 'none'};\n outline-offset: 2px;\n pointer-events: auto;\n cursor: {selectedId === item.id ? 'pointer' : 'default'};\n \"\n >\n <Highlight\n rect={item.rect}\n rects={item.rects}\n color=\"transparent\"\n border=\"1px solid red\"\n {scale}\n onClick={(e) => select(e, item.id)}\n />\n </div>\n\n {#if shouldShowMenu(item.id)}\n <CounterRotate\n rect={{\n origin: { x: item.rect.origin.x * scale, y: item.rect.origin.y * scale },\n size: { width: item.rect.size.width * scale, height: item.rect.size.height * scale },\n }}\n {rotation}\n >\n {#snippet children({ rect, menuWrapperProps })}\n {@const menuProps = buildMenuProps(item, rect, menuWrapperProps)}\n {#if selectionMenu}\n {@const result = selectionMenu(menuProps)}\n {#if result}\n <result.component {...result.props} />\n {/if}\n {:else if selectionMenuSnippet}\n {@render selectionMenuSnippet(menuProps)}\n {/if}\n {/snippet}\n </CounterRotate>\n {/if}\n {/if}\n {/each}\n </div>\n{/if}\n","<script lang=\"ts\">\n import type { Rect } from '@embedpdf/models';\n import { useRedactionPlugin } from '../hooks/use-redaction.svelte';\n import Highlight from './highlight.svelte';\n\n interface SelectionRedactProps {\n documentId: string;\n pageIndex: number;\n scale: number;\n }\n\n let { documentId, pageIndex, scale }: SelectionRedactProps = $props();\n\n const redactionPlugin = useRedactionPlugin();\n let rects = $state<Rect[]>([]);\n let boundingRect = $state<Rect \| null>(null);\n\n $effect(() => {\n if (!redactionPlugin.plugin) {\n rects = [];\n boundingRect = null;\n return;\n }\n\n return redactionPlugin.plugin.onRedactionSelectionChange(documentId, (formattedSelection) => {\n const selection = formattedSelection.find((s) => s.pageIndex === pageIndex);\n rects = selection?.segmentRects ?? [];\n boundingRect = selection?.rect ?? null;\n });\n });\n</script>\n\n{#if boundingRect}\n <div\n style:mix-blend-mode=\"normal\"\n style:pointer-events=\"none\"\n style:position=\"absolute\"\n style:inset=\"0\"\n >\n <Highlight color=\"transparent\" opacity={1} {rects} {scale} border=\"1px solid red\" />\n </div>\n{/if}\n","<script lang=\"ts\">\n import type { Snippet } from 'svelte';\n import { useDocumentState } from '@embedpdf/core/svelte';\n import { Rotation } from '@embedpdf/models';\n import PendingRedactions from './pending-redactions.svelte';\n import MarqueeRedact from './marquee-redact.svelte';\n import SelectionRedact from './selection-redact.svelte';\n import type { RedactionSelectionMenuRenderFn, RedactionSelectionMenuProps } from '../types';\n\n interface RedactionLayerProps {\n /** The ID of the document this layer belongs to /\n documentId: string;\n /* Index of the page this layer lives on /\n pageIndex: number;\n /* Current render scale for this page /\n scale?: number;\n /* Page rotation (for counter-rotating menus, etc.) /\n rotation?: Rotation;\n /* Render function for selection menu (schema-driven approach) /\n selectionMenu?: RedactionSelectionMenuRenderFn;\n /* Snippet for custom selection menu (slot-based approach) */\n selectionMenuSnippet?: Snippet<[RedactionSelectionMenuProps]>;\n }\n\n let {\n documentId,\n pageIndex,\n scale,\n rotation,\n selectionMenu,\n selectionMenuSnippet,\n }: RedactionLayerProps = $props();\n\n const documentState = useDocumentState(() => documentId);\n\n const actualScale = $derived(scale !== undefined ? scale : (documentState.current?.scale ?? 1));\n\n const actualRotation = $derived(\n rotation !== undefined ? rotation : (documentState.current?.rotation ?? Rotation.Degree0),\n );\n</script>\n\n<PendingRedactions\n {documentId}\n {pageIndex}\n scale={actualScale}\n rotation={actualRotation}\n {selectionMenu}\n {selectionMenuSnippet}\n/>\n<MarqueeRedact {documentId} {pageIndex} scale={actualScale} />\n<SelectionRedact {documentId} {pageIndex} scale={actualScale} />\n"],"names":["useRedactionPlugin","usePlugin","RedactionPlugin","id","useRedactionCapability","useCapability","color","opacity","border","style","boundingRect","$$props","rect","b","origin","x","scale","y","size","width","height","onClick","cursor","className","stroke","fill","redactionPlugin","documentState","useDocumentState","documentId","actualScale","$","derived","_a","current","user_effect","plugin","registerMarqueeOnPage","pageIndex","callback","onPreview","newRect","set","left","get","top","consequent","rotation","prop","Rotation","Degree0","bboxStroke","redactionCapability","items","state","proxy","selectedId","select","e","stopPropagation","provides","forDocument","selectPending","shouldShowMenu","itemId","selectionMenu","selectionMenuSnippet","buildContext","item","type","redactionValue","scoped","currentState","getState","pending","selected","page","off1","onPendingChange","map","off2","onSelectedChange","sel","menuPlacement","suggestTop","spaceAbove","spaceBelow","buildMenuProps","menuWrapperProps","context","placement","each","div","div_1","__pointerdown","__touchstart","menuProps","result","result_component","$$anchor","spread_props","props","consequent_3","rects","result_component_1","consequent_5","consequent_8","kind","consequent_4","$$render","alternate_2","length","consequent_9","onRedactionSelectionChange","formattedSelection","selection","find","s","segmentRects","actualRotation","getDocumentId","capability","initialDocumentState","scopedProvides","docId","scope","onStateChange","newState"],"mappings":"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"}
1	+ {"version":3,"file":"index.cjs","sources":["../../src/svelte/hooks/use-redaction.svelte.ts","../../src/svelte/components/highlight.svelte","../../src/svelte/components/marquee-redact.svelte","../../src/svelte/components/pending-redactions.svelte","../../src/svelte/components/selection-redact.svelte","../../src/svelte/components/redaction-layer.svelte"],"sourcesContent":["import {\n RedactionPlugin,\n initialDocumentState,\n RedactionDocumentState,\n RedactionScope,\n} from '@embedpdf/plugin-redaction';\nimport { useCapability, usePlugin } from '@embedpdf/core/svelte';\n\nexport const useRedactionPlugin = () => usePlugin<RedactionPlugin>(RedactionPlugin.id);\nexport const useRedactionCapability = () => useCapability<RedactionPlugin>(RedactionPlugin.id);\n\n// Define the return type explicitly to maintain type safety\ninterface UseRedactionReturn {\n provides: RedactionScope \| null;\n state: RedactionDocumentState;\n}\n\n/*\n Hook for redaction state for a specific document\n * @param getDocumentId Document ID getter function\n /\nexport const useRedaction = (getDocumentId: () => string \| null): UseRedactionReturn => {\n const capability = useRedactionCapability();\n\n let state = $state<RedactionDocumentState>(initialDocumentState);\n\n // Reactive documentId\n const documentId = $derived(getDocumentId());\n\n // Scoped capability for current docId\n const scopedProvides = $derived(\n capability.provides && documentId ? capability.provides.forDocument(documentId) : null,\n );\n\n $effect(() => {\n const provides = capability.provides;\n const docId = documentId;\n\n if (!provides \|\| !docId) {\n state = initialDocumentState;\n return;\n }\n\n const scope = provides.forDocument(docId);\n\n // Get initial state\n try {\n state = scope.getState();\n } catch (e) {\n // Handle case where state might not be ready\n state = initialDocumentState;\n }\n\n // Subscribe to state changes for THIS docId\n return scope.onStateChange((newState) => {\n state = newState;\n });\n });\n\n return {\n get provides() {\n return scopedProvides;\n },\n get state() {\n return state;\n },\n };\n};\n","<script lang=\"ts\">\n import type { Rect } from '@embedpdf/models';\n\n interface HighlightProps {\n color?: string;\n opacity?: number;\n border?: string;\n rects: Rect[];\n rect?: Rect;\n scale: number;\n onClick?: (e: MouseEvent \| TouchEvent) => void;\n style?: string;\n }\n\n let {\n color = '#FFFF00',\n opacity = 1,\n border = '1px solid red',\n rects,\n rect,\n scale,\n onClick,\n style = '',\n }: HighlightProps = $props();\n\n // Rename rect to boundingRect for clarity\n const boundingRect = rect;\n</script>\n\n{#each rects as b, i (i)}\n <div\n onpointerdown={onClick}\n ontouchstart={onClick}\n style:position=\"absolute\"\n style:border\n style:left={`${(boundingRect ? b.origin.x - boundingRect.origin.x : b.origin.x) scale}px`}\n style:top={`${(boundingRect ? b.origin.y - boundingRect.origin.y : b.origin.y) * scale}px`}\n style:width={`${b.size.width * scale}px`}\n style:height={`${b.size.height * scale}px`}\n style:background={color}\n style:opacity\n style:pointer-events={onClick ? 'auto' : 'none'}\n style:cursor={onClick ? 'pointer' : 'default'}\n style:z-index={onClick ? '1' : undefined}\n {style}\n ></div>\n{/each}\n","<script lang=\"ts\">\n import { useDocumentState } from '@embedpdf/core/svelte';\n import type { Rect } from '@embedpdf/models';\n import { useRedactionPlugin } from '../hooks/use-redaction.svelte';\n\n interface MarqueeRedactProps {\n /** The ID of the document /\n documentId: string;\n /* Index of the page this layer lives on /\n pageIndex: number;\n /* Scale of the page /\n scale?: number;\n /* Optional CSS class applied to the marquee rectangle /\n className?: string;\n /* Stroke / fill colours (defaults below) /\n stroke?: string;\n fill?: string;\n }\n\n let {\n documentId,\n pageIndex,\n scale: scaleOverride,\n className = '',\n stroke = 'red',\n fill = 'transparent',\n }: MarqueeRedactProps = $props();\n\n const redactionPlugin = useRedactionPlugin();\n const documentState = useDocumentState(() => documentId);\n let rect = $state<Rect \| null>(null);\n\n const actualScale = $derived(\n scaleOverride !== undefined ? scaleOverride : (documentState.current?.scale ?? 1),\n );\n\n $effect(() => {\n if (!redactionPlugin.plugin \|\| !documentId) {\n rect = null;\n return;\n }\n\n return redactionPlugin.plugin.registerMarqueeOnPage({\n documentId,\n pageIndex,\n scale: actualScale,\n callback: {\n onPreview: (newRect) => {\n rect = newRect;\n },\n },\n });\n });\n</script>\n\n{#if rect}\n <div\n class={className}\n style:position=\"absolute\"\n style:pointer-events=\"none\"\n style:left={`${rect.origin.x actualScale}px`}\n style:top={`${rect.origin.y * actualScale}px`}\n style:width={`${rect.size.width * actualScale}px`}\n style:height={`${rect.size.height * actualScale}px`}\n style:border={`1px solid ${stroke}`}\n style:background={fill}\n style:box-sizing=\"border-box\"\n ></div>\n{/if}\n","<script lang=\"ts\">\n import type { Snippet } from 'svelte';\n import type { Rect } from '@embedpdf/models';\n import { Rotation } from '@embedpdf/models';\n import { CounterRotate } from '@embedpdf/utils/svelte';\n import type { MenuWrapperProps, SelectionMenuPlacement } from '@embedpdf/utils/svelte';\n import type { RedactionItem } from '@embedpdf/plugin-redaction';\n import { useRedactionCapability } from '../hooks/use-redaction.svelte';\n import Highlight from './highlight.svelte';\n import type {\n RedactionSelectionContext,\n RedactionSelectionMenuRenderFn,\n RedactionSelectionMenuProps,\n } from '../types';\n\n interface Props {\n documentId: string;\n pageIndex: number;\n scale: number;\n rotation?: Rotation;\n bboxStroke?: string;\n selectionMenu?: RedactionSelectionMenuRenderFn;\n selectionMenuSnippet?: Snippet<[RedactionSelectionMenuProps]>;\n }\n\n let {\n documentId,\n pageIndex,\n scale,\n rotation = Rotation.Degree0,\n bboxStroke = 'rgba(0,0,0,0.8)',\n selectionMenu,\n selectionMenuSnippet,\n }: Props = $props();\n\n const redactionCapability = useRedactionCapability();\n\n let items = $state<RedactionItem[]>([]);\n let selectedId = $state<string \| null>(null);\n\n $effect(() => {\n const redactionValue = redactionCapability.provides;\n if (!redactionValue) {\n items = [];\n selectedId = null;\n return;\n }\n\n const scoped = redactionValue.forDocument(documentId);\n const currentState = scoped.getState();\n items = currentState.pending[pageIndex] ?? [];\n selectedId = currentState.selected?.page === pageIndex ? currentState.selected.id : null;\n\n const off1 = scoped.onPendingChange((map) => {\n items = map[pageIndex] ?? [];\n });\n\n const off2 = scoped.onSelectedChange((sel) => {\n selectedId = sel?.page === pageIndex ? sel.id : null;\n });\n\n return () => {\n off1?.();\n off2?.();\n };\n });\n\n function select(e: MouseEvent \| TouchEvent, id: string) {\n e.stopPropagation();\n if (!redactionCapability.provides) return;\n redactionCapability.provides.forDocument(documentId).selectPending(pageIndex, id);\n }\n\n function shouldShowMenu(itemId: string): boolean {\n const isSelected = selectedId === itemId;\n return isSelected && (!!selectionMenu \|\| !!selectionMenuSnippet);\n }\n\n function buildContext(item: RedactionItem): RedactionSelectionContext {\n return { type: 'redaction', item, pageIndex };\n }\n\n const menuPlacement: SelectionMenuPlacement = {\n suggestTop: false,\n spaceAbove: 0,\n spaceBelow: 0,\n };\n\n function buildMenuProps(\n item: RedactionItem,\n rect: Rect,\n menuWrapperProps: MenuWrapperProps,\n ): RedactionSelectionMenuProps {\n return {\n context: buildContext(item),\n selected: selectedId === item.id,\n rect,\n placement: menuPlacement,\n menuWrapperProps,\n };\n }\n</script>\n\n{#if items.length}\n <div style=\"position: absolute; inset: 0; pointer-events: none;\">\n {#each items as item (item.id)}\n {#if item.kind === 'area'}\n <div\n style=\"\n position: absolute;\n left: {item.rect.origin.x * scale}px;\n top: {item.rect.origin.y * scale}px;\n width: {item.rect.size.width * scale}px;\n height: {item.rect.size.height * scale}px;\n background: transparent;\n outline: {selectedId === item.id ? `1px solid ${bboxStroke}` : 'none'};\n outline-offset: 2px;\n border: 1px solid red;\n pointer-events: auto;\n cursor: pointer;\n \"\n onpointerdown={(e) => select(e, item.id)}\n ontouchstart={(e) => select(e, item.id)}\n ></div>\n\n {#if shouldShowMenu(item.id)}\n <CounterRotate\n rect={{\n origin: { x: item.rect.origin.x * scale, y: item.rect.origin.y * scale },\n size: { width: item.rect.size.width * scale, height: item.rect.size.height * scale },\n }}\n {rotation}\n >\n {#snippet children({ rect, menuWrapperProps })}\n {@const menuProps = buildMenuProps(item, rect, menuWrapperProps)}\n {#if selectionMenu}\n {@const result = selectionMenu(menuProps)}\n {#if result}\n <result.component {...result.props} />\n {/if}\n {:else if selectionMenuSnippet}\n {@render selectionMenuSnippet(menuProps)}\n {/if}\n {/snippet}\n </CounterRotate>\n {/if}\n {:else}\n <div\n style=\"\n position: absolute;\n left: {item.rect.origin.x * scale}px;\n top: {item.rect.origin.y * scale}px;\n width: {item.rect.size.width * scale}px;\n height: {item.rect.size.height * scale}px;\n background: transparent;\n outline: {selectedId === item.id ? `1px solid ${bboxStroke}` : 'none'};\n outline-offset: 2px;\n pointer-events: auto;\n cursor: {selectedId === item.id ? 'pointer' : 'default'};\n \"\n >\n <Highlight\n rect={item.rect}\n rects={item.rects}\n color=\"transparent\"\n border=\"1px solid red\"\n {scale}\n onClick={(e) => select(e, item.id)}\n />\n </div>\n\n {#if shouldShowMenu(item.id)}\n <CounterRotate\n rect={{\n origin: { x: item.rect.origin.x * scale, y: item.rect.origin.y * scale },\n size: { width: item.rect.size.width * scale, height: item.rect.size.height * scale },\n }}\n {rotation}\n >\n {#snippet children({ rect, menuWrapperProps })}\n {@const menuProps = buildMenuProps(item, rect, menuWrapperProps)}\n {#if selectionMenu}\n {@const result = selectionMenu(menuProps)}\n {#if result}\n <result.component {...result.props} />\n {/if}\n {:else if selectionMenuSnippet}\n {@render selectionMenuSnippet(menuProps)}\n {/if}\n {/snippet}\n </CounterRotate>\n {/if}\n {/if}\n {/each}\n </div>\n{/if}\n","<script lang=\"ts\">\n import type { Rect } from '@embedpdf/models';\n import { useRedactionPlugin } from '../hooks/use-redaction.svelte';\n import Highlight from './highlight.svelte';\n\n interface SelectionRedactProps {\n documentId: string;\n pageIndex: number;\n scale: number;\n }\n\n let { documentId, pageIndex, scale }: SelectionRedactProps = $props();\n\n const redactionPlugin = useRedactionPlugin();\n let rects = $state<Rect[]>([]);\n let boundingRect = $state<Rect \| null>(null);\n\n $effect(() => {\n if (!redactionPlugin.plugin) {\n rects = [];\n boundingRect = null;\n return;\n }\n\n return redactionPlugin.plugin.onRedactionSelectionChange(documentId, (formattedSelection) => {\n const selection = formattedSelection.find((s) => s.pageIndex === pageIndex);\n rects = selection?.segmentRects ?? [];\n boundingRect = selection?.rect ?? null;\n });\n });\n</script>\n\n{#if boundingRect}\n <div\n style:mix-blend-mode=\"normal\"\n style:pointer-events=\"none\"\n style:position=\"absolute\"\n style:inset=\"0\"\n >\n <Highlight color=\"transparent\" opacity={1} {rects} {scale} border=\"1px solid red\" />\n </div>\n{/if}\n","<script lang=\"ts\">\n import type { Snippet } from 'svelte';\n import { useDocumentState } from '@embedpdf/core/svelte';\n import { Rotation } from '@embedpdf/models';\n import PendingRedactions from './pending-redactions.svelte';\n import MarqueeRedact from './marquee-redact.svelte';\n import SelectionRedact from './selection-redact.svelte';\n import type { RedactionSelectionMenuRenderFn, RedactionSelectionMenuProps } from '../types';\n\n interface RedactionLayerProps {\n /** The ID of the document this layer belongs to /\n documentId: string;\n /* Index of the page this layer lives on /\n pageIndex: number;\n /* Current render scale for this page /\n scale?: number;\n /* Page rotation (for counter-rotating menus, etc.) /\n rotation?: Rotation;\n /* Render function for selection menu (schema-driven approach) /\n selectionMenu?: RedactionSelectionMenuRenderFn;\n /* Snippet for custom selection menu (slot-based approach) */\n selectionMenuSnippet?: Snippet<[RedactionSelectionMenuProps]>;\n }\n\n let {\n documentId,\n pageIndex,\n scale,\n rotation,\n selectionMenu,\n selectionMenuSnippet,\n }: RedactionLayerProps = $props();\n\n const documentState = useDocumentState(() => documentId);\n\n const actualScale = $derived(scale !== undefined ? scale : (documentState.current?.scale ?? 1));\n\n const actualRotation = $derived(\n rotation !== undefined ? rotation : (documentState.current?.rotation ?? Rotation.Degree0),\n );\n</script>\n\n<PendingRedactions\n {documentId}\n {pageIndex}\n scale={actualScale}\n rotation={actualRotation}\n {selectionMenu}\n {selectionMenuSnippet}\n/>\n<MarqueeRedact {documentId} {pageIndex} scale={actualScale} />\n<SelectionRedact {documentId} {pageIndex} scale={actualScale} />\n"],"names":["useRedactionPlugin","usePlugin","RedactionPlugin","id","useRedactionCapability","useCapability","color","opacity","border","style","boundingRect","$$props","rect","b","div","root_1","__pointerdown","$$args","__touchstart","$","template_effect","styles","set_style","origin","x","scale","y","size","width","height","onClick","cursor","className","stroke","fill","redactionPlugin","documentState","useDocumentState","documentId","state","actualScale","derived","_a","current","user_effect","plugin","registerMarqueeOnPage","pageIndex","callback","onPreview","newRect","set","set_class","left","get","top","consequent","rotation","prop","Rotation","Degree0","bboxStroke","redactionCapability","items","proxy","selectedId","select","e","stopPropagation","provides","forDocument","selectPending","shouldShowMenu","itemId","selectionMenu","selectionMenuSnippet","buildContext","item","type","redactionValue","scoped","currentState","getState","pending","selected","page","off1","onPendingChange","map","off2","onSelectedChange","sel","menuPlacement","suggestTop","spaceAbove","spaceBelow","buildMenuProps","menuWrapperProps","context","placement","$$anchor","div_1","first_child","fragment_2","children","$$arg0","menuProps","result","result_component","spread_props","props","CounterRotate","consequent_3","div_2","fragment_9","Highlight","rects","result_component_1","consequent_5","consequent_8","kind","consequent_4","$$render","alternate_2","length","consequent_9","onRedactionSelectionChange","formattedSelection","selection","find","s","segmentRects","actualRotation","PendingRedactions","node","MarqueeRedact","node_1","SelectionRedact","getDocumentId","capability","initialDocumentState","scopedProvides","docId","scope","onStateChange","newState"],"mappings":"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"}

package/dist/svelte/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../src/svelte/hooks/use-redaction.svelte.ts","../../src/svelte/components/highlight.svelte","../../src/svelte/components/marquee-redact.svelte","../../src/svelte/components/pending-redactions.svelte","../../src/svelte/components/selection-redact.svelte","../../src/svelte/components/redaction-layer.svelte"],"sourcesContent":["import {\n RedactionPlugin,\n initialDocumentState,\n RedactionDocumentState,\n RedactionScope,\n} from '@embedpdf/plugin-redaction';\nimport { useCapability, usePlugin } from '@embedpdf/core/svelte';\n\nexport const useRedactionPlugin = () => usePlugin<RedactionPlugin>(RedactionPlugin.id);\nexport const useRedactionCapability = () => useCapability<RedactionPlugin>(RedactionPlugin.id);\n\n// Define the return type explicitly to maintain type safety\ninterface UseRedactionReturn {\n provides: RedactionScope \| null;\n state: RedactionDocumentState;\n}\n\n/*\n Hook for redaction state for a specific document\n * @param getDocumentId Document ID getter function\n /\nexport const useRedaction = (getDocumentId: () => string \| null): UseRedactionReturn => {\n const capability = useRedactionCapability();\n\n let state = $state<RedactionDocumentState>(initialDocumentState);\n\n // Reactive documentId\n const documentId = $derived(getDocumentId());\n\n // Scoped capability for current docId\n const scopedProvides = $derived(\n capability.provides && documentId ? capability.provides.forDocument(documentId) : null,\n );\n\n $effect(() => {\n const provides = capability.provides;\n const docId = documentId;\n\n if (!provides \|\| !docId) {\n state = initialDocumentState;\n return;\n }\n\n const scope = provides.forDocument(docId);\n\n // Get initial state\n try {\n state = scope.getState();\n } catch (e) {\n // Handle case where state might not be ready\n state = initialDocumentState;\n }\n\n // Subscribe to state changes for THIS docId\n return scope.onStateChange((newState) => {\n state = newState;\n });\n });\n\n return {\n get provides() {\n return scopedProvides;\n },\n get state() {\n return state;\n },\n };\n};\n","<script lang=\"ts\">\n import type { Rect } from '@embedpdf/models';\n\n interface HighlightProps {\n color?: string;\n opacity?: number;\n border?: string;\n rects: Rect[];\n rect?: Rect;\n scale: number;\n onClick?: (e: MouseEvent \| TouchEvent) => void;\n style?: string;\n }\n\n let {\n color = '#FFFF00',\n opacity = 1,\n border = '1px solid red',\n rects,\n rect,\n scale,\n onClick,\n style = '',\n }: HighlightProps = $props();\n\n // Rename rect to boundingRect for clarity\n const boundingRect = rect;\n</script>\n\n{#each rects as b, i (i)}\n <div\n onpointerdown={onClick}\n ontouchstart={onClick}\n style:position=\"absolute\"\n style:border\n style:left={`${(boundingRect ? b.origin.x - boundingRect.origin.x : b.origin.x) scale}px`}\n style:top={`${(boundingRect ? b.origin.y - boundingRect.origin.y : b.origin.y) * scale}px`}\n style:width={`${b.size.width * scale}px`}\n style:height={`${b.size.height * scale}px`}\n style:background={color}\n style:opacity\n style:pointer-events={onClick ? 'auto' : 'none'}\n style:cursor={onClick ? 'pointer' : 'default'}\n style:z-index={onClick ? '1' : undefined}\n {style}\n ></div>\n{/each}\n","<script lang=\"ts\">\n import { useDocumentState } from '@embedpdf/core/svelte';\n import type { Rect } from '@embedpdf/models';\n import { useRedactionPlugin } from '../hooks/use-redaction.svelte';\n\n interface MarqueeRedactProps {\n /** The ID of the document /\n documentId: string;\n /* Index of the page this layer lives on /\n pageIndex: number;\n /* Scale of the page /\n scale?: number;\n /* Optional CSS class applied to the marquee rectangle /\n className?: string;\n /* Stroke / fill colours (defaults below) /\n stroke?: string;\n fill?: string;\n }\n\n let {\n documentId,\n pageIndex,\n scale: scaleOverride,\n className = '',\n stroke = 'red',\n fill = 'transparent',\n }: MarqueeRedactProps = $props();\n\n const redactionPlugin = useRedactionPlugin();\n const documentState = useDocumentState(() => documentId);\n let rect = $state<Rect \| null>(null);\n\n const actualScale = $derived(\n scaleOverride !== undefined ? scaleOverride : (documentState.current?.scale ?? 1),\n );\n\n $effect(() => {\n if (!redactionPlugin.plugin \|\| !documentId) {\n rect = null;\n return;\n }\n\n return redactionPlugin.plugin.registerMarqueeOnPage({\n documentId,\n pageIndex,\n scale: actualScale,\n callback: {\n onPreview: (newRect) => {\n rect = newRect;\n },\n },\n });\n });\n</script>\n\n{#if rect}\n <div\n class={className}\n style:position=\"absolute\"\n style:pointer-events=\"none\"\n style:left={`${rect.origin.x actualScale}px`}\n style:top={`${rect.origin.y * actualScale}px`}\n style:width={`${rect.size.width * actualScale}px`}\n style:height={`${rect.size.height * actualScale}px`}\n style:border={`1px solid ${stroke}`}\n style:background={fill}\n style:box-sizing=\"border-box\"\n ></div>\n{/if}\n","<script lang=\"ts\">\n import type { Snippet } from 'svelte';\n import type { Rect } from '@embedpdf/models';\n import { Rotation } from '@embedpdf/models';\n import { CounterRotate } from '@embedpdf/utils/svelte';\n import type { MenuWrapperProps, SelectionMenuPlacement } from '@embedpdf/utils/svelte';\n import type { RedactionItem } from '@embedpdf/plugin-redaction';\n import { useRedactionCapability } from '../hooks/use-redaction.svelte';\n import Highlight from './highlight.svelte';\n import type {\n RedactionSelectionContext,\n RedactionSelectionMenuRenderFn,\n RedactionSelectionMenuProps,\n } from '../types';\n\n interface Props {\n documentId: string;\n pageIndex: number;\n scale: number;\n rotation?: Rotation;\n bboxStroke?: string;\n selectionMenu?: RedactionSelectionMenuRenderFn;\n selectionMenuSnippet?: Snippet<[RedactionSelectionMenuProps]>;\n }\n\n let {\n documentId,\n pageIndex,\n scale,\n rotation = Rotation.Degree0,\n bboxStroke = 'rgba(0,0,0,0.8)',\n selectionMenu,\n selectionMenuSnippet,\n }: Props = $props();\n\n const redactionCapability = useRedactionCapability();\n\n let items = $state<RedactionItem[]>([]);\n let selectedId = $state<string \| null>(null);\n\n $effect(() => {\n const redactionValue = redactionCapability.provides;\n if (!redactionValue) {\n items = [];\n selectedId = null;\n return;\n }\n\n const scoped = redactionValue.forDocument(documentId);\n const currentState = scoped.getState();\n items = currentState.pending[pageIndex] ?? [];\n selectedId = currentState.selected?.page === pageIndex ? currentState.selected.id : null;\n\n const off1 = scoped.onPendingChange((map) => {\n items = map[pageIndex] ?? [];\n });\n\n const off2 = scoped.onSelectedChange((sel) => {\n selectedId = sel?.page === pageIndex ? sel.id : null;\n });\n\n return () => {\n off1?.();\n off2?.();\n };\n });\n\n function select(e: MouseEvent \| TouchEvent, id: string) {\n e.stopPropagation();\n if (!redactionCapability.provides) return;\n redactionCapability.provides.forDocument(documentId).selectPending(pageIndex, id);\n }\n\n function shouldShowMenu(itemId: string): boolean {\n const isSelected = selectedId === itemId;\n return isSelected && (!!selectionMenu \|\| !!selectionMenuSnippet);\n }\n\n function buildContext(item: RedactionItem): RedactionSelectionContext {\n return { type: 'redaction', item, pageIndex };\n }\n\n const menuPlacement: SelectionMenuPlacement = {\n suggestTop: false,\n spaceAbove: 0,\n spaceBelow: 0,\n };\n\n function buildMenuProps(\n item: RedactionItem,\n rect: Rect,\n menuWrapperProps: MenuWrapperProps,\n ): RedactionSelectionMenuProps {\n return {\n context: buildContext(item),\n selected: selectedId === item.id,\n rect,\n placement: menuPlacement,\n menuWrapperProps,\n };\n }\n</script>\n\n{#if items.length}\n <div style=\"position: absolute; inset: 0; pointer-events: none;\">\n {#each items as item (item.id)}\n {#if item.kind === 'area'}\n <div\n style=\"\n position: absolute;\n left: {item.rect.origin.x * scale}px;\n top: {item.rect.origin.y * scale}px;\n width: {item.rect.size.width * scale}px;\n height: {item.rect.size.height * scale}px;\n background: transparent;\n outline: {selectedId === item.id ? `1px solid ${bboxStroke}` : 'none'};\n outline-offset: 2px;\n border: 1px solid red;\n pointer-events: auto;\n cursor: pointer;\n \"\n onpointerdown={(e) => select(e, item.id)}\n ontouchstart={(e) => select(e, item.id)}\n ></div>\n\n {#if shouldShowMenu(item.id)}\n <CounterRotate\n rect={{\n origin: { x: item.rect.origin.x * scale, y: item.rect.origin.y * scale },\n size: { width: item.rect.size.width * scale, height: item.rect.size.height * scale },\n }}\n {rotation}\n >\n {#snippet children({ rect, menuWrapperProps })}\n {@const menuProps = buildMenuProps(item, rect, menuWrapperProps)}\n {#if selectionMenu}\n {@const result = selectionMenu(menuProps)}\n {#if result}\n <result.component {...result.props} />\n {/if}\n {:else if selectionMenuSnippet}\n {@render selectionMenuSnippet(menuProps)}\n {/if}\n {/snippet}\n </CounterRotate>\n {/if}\n {:else}\n <div\n style=\"\n position: absolute;\n left: {item.rect.origin.x * scale}px;\n top: {item.rect.origin.y * scale}px;\n width: {item.rect.size.width * scale}px;\n height: {item.rect.size.height * scale}px;\n background: transparent;\n outline: {selectedId === item.id ? `1px solid ${bboxStroke}` : 'none'};\n outline-offset: 2px;\n pointer-events: auto;\n cursor: {selectedId === item.id ? 'pointer' : 'default'};\n \"\n >\n <Highlight\n rect={item.rect}\n rects={item.rects}\n color=\"transparent\"\n border=\"1px solid red\"\n {scale}\n onClick={(e) => select(e, item.id)}\n />\n </div>\n\n {#if shouldShowMenu(item.id)}\n <CounterRotate\n rect={{\n origin: { x: item.rect.origin.x * scale, y: item.rect.origin.y * scale },\n size: { width: item.rect.size.width * scale, height: item.rect.size.height * scale },\n }}\n {rotation}\n >\n {#snippet children({ rect, menuWrapperProps })}\n {@const menuProps = buildMenuProps(item, rect, menuWrapperProps)}\n {#if selectionMenu}\n {@const result = selectionMenu(menuProps)}\n {#if result}\n <result.component {...result.props} />\n {/if}\n {:else if selectionMenuSnippet}\n {@render selectionMenuSnippet(menuProps)}\n {/if}\n {/snippet}\n </CounterRotate>\n {/if}\n {/if}\n {/each}\n </div>\n{/if}\n","<script lang=\"ts\">\n import type { Rect } from '@embedpdf/models';\n import { useRedactionPlugin } from '../hooks/use-redaction.svelte';\n import Highlight from './highlight.svelte';\n\n interface SelectionRedactProps {\n documentId: string;\n pageIndex: number;\n scale: number;\n }\n\n let { documentId, pageIndex, scale }: SelectionRedactProps = $props();\n\n const redactionPlugin = useRedactionPlugin();\n let rects = $state<Rect[]>([]);\n let boundingRect = $state<Rect \| null>(null);\n\n $effect(() => {\n if (!redactionPlugin.plugin) {\n rects = [];\n boundingRect = null;\n return;\n }\n\n return redactionPlugin.plugin.onRedactionSelectionChange(documentId, (formattedSelection) => {\n const selection = formattedSelection.find((s) => s.pageIndex === pageIndex);\n rects = selection?.segmentRects ?? [];\n boundingRect = selection?.rect ?? null;\n });\n });\n</script>\n\n{#if boundingRect}\n <div\n style:mix-blend-mode=\"normal\"\n style:pointer-events=\"none\"\n style:position=\"absolute\"\n style:inset=\"0\"\n >\n <Highlight color=\"transparent\" opacity={1} {rects} {scale} border=\"1px solid red\" />\n </div>\n{/if}\n","<script lang=\"ts\">\n import type { Snippet } from 'svelte';\n import { useDocumentState } from '@embedpdf/core/svelte';\n import { Rotation } from '@embedpdf/models';\n import PendingRedactions from './pending-redactions.svelte';\n import MarqueeRedact from './marquee-redact.svelte';\n import SelectionRedact from './selection-redact.svelte';\n import type { RedactionSelectionMenuRenderFn, RedactionSelectionMenuProps } from '../types';\n\n interface RedactionLayerProps {\n /** The ID of the document this layer belongs to /\n documentId: string;\n /* Index of the page this layer lives on /\n pageIndex: number;\n /* Current render scale for this page /\n scale?: number;\n /* Page rotation (for counter-rotating menus, etc.) /\n rotation?: Rotation;\n /* Render function for selection menu (schema-driven approach) /\n selectionMenu?: RedactionSelectionMenuRenderFn;\n /* Snippet for custom selection menu (slot-based approach) */\n selectionMenuSnippet?: Snippet<[RedactionSelectionMenuProps]>;\n }\n\n let {\n documentId,\n pageIndex,\n scale,\n rotation,\n selectionMenu,\n selectionMenuSnippet,\n }: RedactionLayerProps = $props();\n\n const documentState = useDocumentState(() => documentId);\n\n const actualScale = $derived(scale !== undefined ? scale : (documentState.current?.scale ?? 1));\n\n const actualRotation = $derived(\n rotation !== undefined ? rotation : (documentState.current?.rotation ?? Rotation.Degree0),\n );\n</script>\n\n<PendingRedactions\n {documentId}\n {pageIndex}\n scale={actualScale}\n rotation={actualRotation}\n {selectionMenu}\n {selectionMenuSnippet}\n/>\n<MarqueeRedact {documentId} {pageIndex} scale={actualScale} />\n<SelectionRedact {documentId} {pageIndex} scale={actualScale} />\n"],"names":["$$anchor"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../src/svelte/hooks/use-redaction.svelte.ts","../../src/svelte/components/highlight.svelte","../../src/svelte/components/marquee-redact.svelte","../../src/svelte/components/pending-redactions.svelte","../../src/svelte/components/selection-redact.svelte","../../src/svelte/components/redaction-layer.svelte"],"sourcesContent":["import {\n RedactionPlugin,\n initialDocumentState,\n RedactionDocumentState,\n RedactionScope,\n} from '@embedpdf/plugin-redaction';\nimport { useCapability, usePlugin } from '@embedpdf/core/svelte';\n\nexport const useRedactionPlugin = () => usePlugin<RedactionPlugin>(RedactionPlugin.id);\nexport const useRedactionCapability = () => useCapability<RedactionPlugin>(RedactionPlugin.id);\n\n// Define the return type explicitly to maintain type safety\ninterface UseRedactionReturn {\n provides: RedactionScope \| null;\n state: RedactionDocumentState;\n}\n\n/*\n Hook for redaction state for a specific document\n * @param getDocumentId Document ID getter function\n /\nexport const useRedaction = (getDocumentId: () => string \| null): UseRedactionReturn => {\n const capability = useRedactionCapability();\n\n let state = $state<RedactionDocumentState>(initialDocumentState);\n\n // Reactive documentId\n const documentId = $derived(getDocumentId());\n\n // Scoped capability for current docId\n const scopedProvides = $derived(\n capability.provides && documentId ? capability.provides.forDocument(documentId) : null,\n );\n\n $effect(() => {\n const provides = capability.provides;\n const docId = documentId;\n\n if (!provides \|\| !docId) {\n state = initialDocumentState;\n return;\n }\n\n const scope = provides.forDocument(docId);\n\n // Get initial state\n try {\n state = scope.getState();\n } catch (e) {\n // Handle case where state might not be ready\n state = initialDocumentState;\n }\n\n // Subscribe to state changes for THIS docId\n return scope.onStateChange((newState) => {\n state = newState;\n });\n });\n\n return {\n get provides() {\n return scopedProvides;\n },\n get state() {\n return state;\n },\n };\n};\n","<script lang=\"ts\">\n import type { Rect } from '@embedpdf/models';\n\n interface HighlightProps {\n color?: string;\n opacity?: number;\n border?: string;\n rects: Rect[];\n rect?: Rect;\n scale: number;\n onClick?: (e: MouseEvent \| TouchEvent) => void;\n style?: string;\n }\n\n let {\n color = '#FFFF00',\n opacity = 1,\n border = '1px solid red',\n rects,\n rect,\n scale,\n onClick,\n style = '',\n }: HighlightProps = $props();\n\n // Rename rect to boundingRect for clarity\n const boundingRect = rect;\n</script>\n\n{#each rects as b, i (i)}\n <div\n onpointerdown={onClick}\n ontouchstart={onClick}\n style:position=\"absolute\"\n style:border\n style:left={`${(boundingRect ? b.origin.x - boundingRect.origin.x : b.origin.x) scale}px`}\n style:top={`${(boundingRect ? b.origin.y - boundingRect.origin.y : b.origin.y) * scale}px`}\n style:width={`${b.size.width * scale}px`}\n style:height={`${b.size.height * scale}px`}\n style:background={color}\n style:opacity\n style:pointer-events={onClick ? 'auto' : 'none'}\n style:cursor={onClick ? 'pointer' : 'default'}\n style:z-index={onClick ? '1' : undefined}\n {style}\n ></div>\n{/each}\n","<script lang=\"ts\">\n import { useDocumentState } from '@embedpdf/core/svelte';\n import type { Rect } from '@embedpdf/models';\n import { useRedactionPlugin } from '../hooks/use-redaction.svelte';\n\n interface MarqueeRedactProps {\n /** The ID of the document /\n documentId: string;\n /* Index of the page this layer lives on /\n pageIndex: number;\n /* Scale of the page /\n scale?: number;\n /* Optional CSS class applied to the marquee rectangle /\n className?: string;\n /* Stroke / fill colours (defaults below) /\n stroke?: string;\n fill?: string;\n }\n\n let {\n documentId,\n pageIndex,\n scale: scaleOverride,\n className = '',\n stroke = 'red',\n fill = 'transparent',\n }: MarqueeRedactProps = $props();\n\n const redactionPlugin = useRedactionPlugin();\n const documentState = useDocumentState(() => documentId);\n let rect = $state<Rect \| null>(null);\n\n const actualScale = $derived(\n scaleOverride !== undefined ? scaleOverride : (documentState.current?.scale ?? 1),\n );\n\n $effect(() => {\n if (!redactionPlugin.plugin \|\| !documentId) {\n rect = null;\n return;\n }\n\n return redactionPlugin.plugin.registerMarqueeOnPage({\n documentId,\n pageIndex,\n scale: actualScale,\n callback: {\n onPreview: (newRect) => {\n rect = newRect;\n },\n },\n });\n });\n</script>\n\n{#if rect}\n <div\n class={className}\n style:position=\"absolute\"\n style:pointer-events=\"none\"\n style:left={`${rect.origin.x actualScale}px`}\n style:top={`${rect.origin.y * actualScale}px`}\n style:width={`${rect.size.width * actualScale}px`}\n style:height={`${rect.size.height * actualScale}px`}\n style:border={`1px solid ${stroke}`}\n style:background={fill}\n style:box-sizing=\"border-box\"\n ></div>\n{/if}\n","<script lang=\"ts\">\n import type { Snippet } from 'svelte';\n import type { Rect } from '@embedpdf/models';\n import { Rotation } from '@embedpdf/models';\n import { CounterRotate } from '@embedpdf/utils/svelte';\n import type { MenuWrapperProps, SelectionMenuPlacement } from '@embedpdf/utils/svelte';\n import type { RedactionItem } from '@embedpdf/plugin-redaction';\n import { useRedactionCapability } from '../hooks/use-redaction.svelte';\n import Highlight from './highlight.svelte';\n import type {\n RedactionSelectionContext,\n RedactionSelectionMenuRenderFn,\n RedactionSelectionMenuProps,\n } from '../types';\n\n interface Props {\n documentId: string;\n pageIndex: number;\n scale: number;\n rotation?: Rotation;\n bboxStroke?: string;\n selectionMenu?: RedactionSelectionMenuRenderFn;\n selectionMenuSnippet?: Snippet<[RedactionSelectionMenuProps]>;\n }\n\n let {\n documentId,\n pageIndex,\n scale,\n rotation = Rotation.Degree0,\n bboxStroke = 'rgba(0,0,0,0.8)',\n selectionMenu,\n selectionMenuSnippet,\n }: Props = $props();\n\n const redactionCapability = useRedactionCapability();\n\n let items = $state<RedactionItem[]>([]);\n let selectedId = $state<string \| null>(null);\n\n $effect(() => {\n const redactionValue = redactionCapability.provides;\n if (!redactionValue) {\n items = [];\n selectedId = null;\n return;\n }\n\n const scoped = redactionValue.forDocument(documentId);\n const currentState = scoped.getState();\n items = currentState.pending[pageIndex] ?? [];\n selectedId = currentState.selected?.page === pageIndex ? currentState.selected.id : null;\n\n const off1 = scoped.onPendingChange((map) => {\n items = map[pageIndex] ?? [];\n });\n\n const off2 = scoped.onSelectedChange((sel) => {\n selectedId = sel?.page === pageIndex ? sel.id : null;\n });\n\n return () => {\n off1?.();\n off2?.();\n };\n });\n\n function select(e: MouseEvent \| TouchEvent, id: string) {\n e.stopPropagation();\n if (!redactionCapability.provides) return;\n redactionCapability.provides.forDocument(documentId).selectPending(pageIndex, id);\n }\n\n function shouldShowMenu(itemId: string): boolean {\n const isSelected = selectedId === itemId;\n return isSelected && (!!selectionMenu \|\| !!selectionMenuSnippet);\n }\n\n function buildContext(item: RedactionItem): RedactionSelectionContext {\n return { type: 'redaction', item, pageIndex };\n }\n\n const menuPlacement: SelectionMenuPlacement = {\n suggestTop: false,\n spaceAbove: 0,\n spaceBelow: 0,\n };\n\n function buildMenuProps(\n item: RedactionItem,\n rect: Rect,\n menuWrapperProps: MenuWrapperProps,\n ): RedactionSelectionMenuProps {\n return {\n context: buildContext(item),\n selected: selectedId === item.id,\n rect,\n placement: menuPlacement,\n menuWrapperProps,\n };\n }\n</script>\n\n{#if items.length}\n <div style=\"position: absolute; inset: 0; pointer-events: none;\">\n {#each items as item (item.id)}\n {#if item.kind === 'area'}\n <div\n style=\"\n position: absolute;\n left: {item.rect.origin.x * scale}px;\n top: {item.rect.origin.y * scale}px;\n width: {item.rect.size.width * scale}px;\n height: {item.rect.size.height * scale}px;\n background: transparent;\n outline: {selectedId === item.id ? `1px solid ${bboxStroke}` : 'none'};\n outline-offset: 2px;\n border: 1px solid red;\n pointer-events: auto;\n cursor: pointer;\n \"\n onpointerdown={(e) => select(e, item.id)}\n ontouchstart={(e) => select(e, item.id)}\n ></div>\n\n {#if shouldShowMenu(item.id)}\n <CounterRotate\n rect={{\n origin: { x: item.rect.origin.x * scale, y: item.rect.origin.y * scale },\n size: { width: item.rect.size.width * scale, height: item.rect.size.height * scale },\n }}\n {rotation}\n >\n {#snippet children({ rect, menuWrapperProps })}\n {@const menuProps = buildMenuProps(item, rect, menuWrapperProps)}\n {#if selectionMenu}\n {@const result = selectionMenu(menuProps)}\n {#if result}\n <result.component {...result.props} />\n {/if}\n {:else if selectionMenuSnippet}\n {@render selectionMenuSnippet(menuProps)}\n {/if}\n {/snippet}\n </CounterRotate>\n {/if}\n {:else}\n <div\n style=\"\n position: absolute;\n left: {item.rect.origin.x * scale}px;\n top: {item.rect.origin.y * scale}px;\n width: {item.rect.size.width * scale}px;\n height: {item.rect.size.height * scale}px;\n background: transparent;\n outline: {selectedId === item.id ? `1px solid ${bboxStroke}` : 'none'};\n outline-offset: 2px;\n pointer-events: auto;\n cursor: {selectedId === item.id ? 'pointer' : 'default'};\n \"\n >\n <Highlight\n rect={item.rect}\n rects={item.rects}\n color=\"transparent\"\n border=\"1px solid red\"\n {scale}\n onClick={(e) => select(e, item.id)}\n />\n </div>\n\n {#if shouldShowMenu(item.id)}\n <CounterRotate\n rect={{\n origin: { x: item.rect.origin.x * scale, y: item.rect.origin.y * scale },\n size: { width: item.rect.size.width * scale, height: item.rect.size.height * scale },\n }}\n {rotation}\n >\n {#snippet children({ rect, menuWrapperProps })}\n {@const menuProps = buildMenuProps(item, rect, menuWrapperProps)}\n {#if selectionMenu}\n {@const result = selectionMenu(menuProps)}\n {#if result}\n <result.component {...result.props} />\n {/if}\n {:else if selectionMenuSnippet}\n {@render selectionMenuSnippet(menuProps)}\n {/if}\n {/snippet}\n </CounterRotate>\n {/if}\n {/if}\n {/each}\n </div>\n{/if}\n","<script lang=\"ts\">\n import type { Rect } from '@embedpdf/models';\n import { useRedactionPlugin } from '../hooks/use-redaction.svelte';\n import Highlight from './highlight.svelte';\n\n interface SelectionRedactProps {\n documentId: string;\n pageIndex: number;\n scale: number;\n }\n\n let { documentId, pageIndex, scale }: SelectionRedactProps = $props();\n\n const redactionPlugin = useRedactionPlugin();\n let rects = $state<Rect[]>([]);\n let boundingRect = $state<Rect \| null>(null);\n\n $effect(() => {\n if (!redactionPlugin.plugin) {\n rects = [];\n boundingRect = null;\n return;\n }\n\n return redactionPlugin.plugin.onRedactionSelectionChange(documentId, (formattedSelection) => {\n const selection = formattedSelection.find((s) => s.pageIndex === pageIndex);\n rects = selection?.segmentRects ?? [];\n boundingRect = selection?.rect ?? null;\n });\n });\n</script>\n\n{#if boundingRect}\n <div\n style:mix-blend-mode=\"normal\"\n style:pointer-events=\"none\"\n style:position=\"absolute\"\n style:inset=\"0\"\n >\n <Highlight color=\"transparent\" opacity={1} {rects} {scale} border=\"1px solid red\" />\n </div>\n{/if}\n","<script lang=\"ts\">\n import type { Snippet } from 'svelte';\n import { useDocumentState } from '@embedpdf/core/svelte';\n import { Rotation } from '@embedpdf/models';\n import PendingRedactions from './pending-redactions.svelte';\n import MarqueeRedact from './marquee-redact.svelte';\n import SelectionRedact from './selection-redact.svelte';\n import type { RedactionSelectionMenuRenderFn, RedactionSelectionMenuProps } from '../types';\n\n interface RedactionLayerProps {\n /** The ID of the document this layer belongs to /\n documentId: string;\n /* Index of the page this layer lives on /\n pageIndex: number;\n /* Current render scale for this page /\n scale?: number;\n /* Page rotation (for counter-rotating menus, etc.) /\n rotation?: Rotation;\n /* Render function for selection menu (schema-driven approach) /\n selectionMenu?: RedactionSelectionMenuRenderFn;\n /* Snippet for custom selection menu (slot-based approach) */\n selectionMenuSnippet?: Snippet<[RedactionSelectionMenuProps]>;\n }\n\n let {\n documentId,\n pageIndex,\n scale,\n rotation,\n selectionMenu,\n selectionMenuSnippet,\n }: RedactionLayerProps = $props();\n\n const documentState = useDocumentState(() => documentId);\n\n const actualScale = $derived(scale !== undefined ? scale : (documentState.current?.scale ?? 1));\n\n const actualRotation = $derived(\n rotation !== undefined ? rotation : (documentState.current?.rotation ?? Rotation.Degree0),\n );\n</script>\n\n<PendingRedactions\n {documentId}\n {pageIndex}\n scale={actualScale}\n rotation={actualRotation}\n {selectionMenu}\n {selectionMenuSnippet}\n/>\n<MarqueeRedact {documentId} {pageIndex} scale={actualScale} />\n<SelectionRedact {documentId} {pageIndex} scale={actualScale} />\n"],"names":["root_1","$$anchor","PendingRedactions","MarqueeRedact","SelectionRedact"],"mappings":"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"}

package/dist/vue/components/pending-redactions.vue.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 import { Rotation } from '@embedpdf/models';
-import { RedactionSelectionMenuRenderFn } from './types';
+import { SelectionMenuPlacement } from '@embedpdf/utils/vue';
+import { RedactionSelectionContext, RedactionSelectionMenuRenderFn } from './types';
 interface PendingRedactionsProps {
     documentId: string;
     pageIndex: number;
@@ -9,23 +10,49 @@ interface PendingRedactionsProps {
     /** Render function for selection menu (schema-driven approach) */
     selectionMenu?: RedactionSelectionMenuRenderFn;
 }
-declare var __VLS_12: {
-    context: any;
+declare var __VLS_13: {
+    context: RedactionSelectionContext;
     selected: boolean;
-    rect: any;
-    placement: any;
-    menuWrapperProps: any;
-}, __VLS_29: {
-    context: any;
+    rect: {
+        origin: {
+            x: number;
+            y: number;
+        };
+        size: {
+            width: number;
+            height: number;
+        };
+    };
+    placement: SelectionMenuPlacement;
+    menuWrapperProps: {
+        style: import('vue').CSSProperties;
+        onPointerdown: (e: PointerEvent) => void;
+        onTouchstart: (e: TouchEvent) => void;
+    };
+}, __VLS_32: {
+    context: RedactionSelectionContext;
     selected: boolean;
-    rect: any;
-    placement: any;
-    menuWrapperProps: any;
+    rect: {
+        origin: {
+            x: number;
+            y: number;
+        };
+        size: {
+            width: number;
+            height: number;
+        };
+    };
+    placement: SelectionMenuPlacement;
+    menuWrapperProps: {
+        style: import('vue').CSSProperties;
+        onPointerdown: (e: PointerEvent) => void;
+        onTouchstart: (e: TouchEvent) => void;
+    };
 };
 type __VLS_Slots = {} & {
-    'selection-menu'?: (props: typeof __VLS_12) => any;
+    'selection-menu'?: (props: typeof __VLS_13) => any;
 } & {
-    'selection-menu'?: (props: typeof __VLS_29) => any;
+    'selection-menu'?: (props: typeof __VLS_32) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<PendingRedactionsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PendingRedactionsProps> & Readonly<{}>, {
     rotation: Rotation;

package/dist/vue/components/redaction-layer.vue.d.ts CHANGED Viewed

@@ -14,9 +14,28 @@ interface RedactionLayerProps {
     /** Optional menu renderer for a selected redaction */
     selectionMenu?: RedactionSelectionMenuRenderFn;
 }
-declare var __VLS_6: any;
+declare var __VLS_8: {
+    context: import('./types').RedactionSelectionContext;
+    selected: boolean;
+    rect: {
+        origin: {
+            x: number;
+            y: number;
+        };
+        size: {
+            width: number;
+            height: number;
+        };
+    };
+    placement: import('@embedpdf/utils/vue').SelectionMenuPlacement;
+    menuWrapperProps: {
+        style: import('vue').CSSProperties;
+        onPointerdown: (e: PointerEvent) => void;
+        onTouchstart: (e: TouchEvent) => void;
+    };
+};
 type __VLS_Slots = {} & {
-    'selection-menu'?: (props: typeof __VLS_6) => any;
+    'selection-menu'?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<RedactionLayerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<RedactionLayerProps> & Readonly<{}>, {
     bboxStroke: string;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@embedpdf/plugin-redaction",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "type": "module",
   "license": "MIT",
   "main": "./dist/index.cjs",
@@ -35,16 +35,16 @@
     }
   },
   "dependencies": {
-    "@embedpdf/models": "2.0.0",
-    "@embedpdf/utils": "2.0.0"
+    "@embedpdf/models": "2.0.2",
+    "@embedpdf/utils": "2.0.2"
   },
   "devDependencies": {
     "@types/react": "^18.2.0",
     "typescript": "^5.0.0",
     "@embedpdf/build": "1.1.0",
-    "@embedpdf/core": "2.0.0",
-    "@embedpdf/plugin-interaction-manager": "2.0.0",
-    "@embedpdf/plugin-selection": "2.0.0"
+    "@embedpdf/core": "2.0.2",
+    "@embedpdf/plugin-selection": "2.0.2",
+    "@embedpdf/plugin-interaction-manager": "2.0.2"
   },
   "peerDependencies": {
     "preact": "^10.26.4",
@@ -52,9 +52,9 @@
     "react-dom": ">=16.8.0",
     "vue": ">=3.2.0",
     "svelte": ">=5 <6",
-    "@embedpdf/core": "2.0.0",
-    "@embedpdf/plugin-interaction-manager": "2.0.0",
-    "@embedpdf/plugin-selection": "2.0.0"
+    "@embedpdf/core": "2.0.2",
+    "@embedpdf/plugin-selection": "2.0.2",
+    "@embedpdf/plugin-interaction-manager": "2.0.2"
   },
   "files": [
     "dist",