@embedpdf/plugin-capture 1.4.0 → 1.4.1

package/dist/svelte/components/MarqueeCapture.svelte.d.ts

@@ -0,0 +1,14 @@
+interface MarqueeCaptureProps {
+    /** Index of the page this layer lives on */
+    pageIndex: number;
+    /** Scale of the page */
+    scale: number;
+    /** Optional CSS class applied to the marquee rectangle */
+    class?: string;
+    /** Stroke / fill colours (defaults below) */
+    stroke?: string;
+    fill?: string;
+}
+declare const MarqueeCapture: import('svelte', { with: { "resolution-mode": "import" } }).Component<MarqueeCaptureProps, {}, "">;
+type MarqueeCapture = ReturnType<typeof MarqueeCapture>;
+export default MarqueeCapture;

package/dist/svelte/components/index.d.ts

@@ -0,0 +1 @@
+export { default as MarqueeCapture } from './MarqueeCapture.svelte';

package/dist/svelte/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './use-capture.svelte';

package/dist/svelte/hooks/use-capture.svelte.d.ts

@@ -0,0 +1,15 @@
+import { CapturePlugin } from '../../lib/index.ts';
+export declare const useCaptureCapability: () => {
+    provides: Readonly<import('../../lib/index.ts').CaptureCapability> | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+export declare const useCapturePlugin: () => {
+    plugin: CapturePlugin | null;
+    isLoading: boolean;
+    ready: Promise<void>;
+};
+export declare const useCapture: () => {
+    readonly provides: Readonly<import('../../lib/index.ts').CaptureCapability> | null;
+    isMarqueeCaptureActive: boolean;
+};

package/dist/svelte/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("svelte/internal/client"),t=require("@embedpdf/plugin-capture"),r=require("@embedpdf/core/svelte");function i(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}require("svelte/internal/disclose-version");const s=i(e),o=()=>r.useCapability(t.CapturePlugin.id);var a=s.from_html("<div></div>");exports.MarqueeCapture=function(e,t){s.push(t,!0);let r=s.prop(t,"stroke",3,"rgba(33,150,243,0.8)"),i=s.prop(t,"fill",3,"rgba(33,150,243,0.15)");const n=o();let p=s.state(null);s.user_effect((()=>{if(n.provides)return n.provides.registerMarqueeOnPage({pageIndex:t.pageIndex,scale:t.scale,callback:{onPreview:e=>s.set(p,e,!0)}})}));var l=s.comment(),u=s.first_child(l),c=e=>{var o=a();let n;s.template_effect((e=>{s.set_class(o,1,s.clsx(t.class)),n=s.set_style(o,"",n,e)}),[()=>({position:"absolute","pointer-events":"none",left:s.get(p).origin.x*t.scale+"px",top:s.get(p).origin.y*t.scale+"px",width:s.get(p).size.width*t.scale+"px",height:s.get(p).size.height*t.scale+"px",border:`1px solid ${r()}`,background:i(),"box-sizing":"border-box"})]),s.append(e,o)};s.if(u,(e=>{s.get(p)&&e(c)})),s.append(e,l),s.pop()},exports.useCapture=()=>{const e=o(),t=s.proxy({get provides(){return e.provides},isMarqueeCaptureActive:!1});return s.user_effect((()=>{var r;return null==(r=e.provides)?void 0:r.onMarqueeCaptureActiveChange((e=>{t.isMarqueeCaptureActive=e}))})),t},exports.useCaptureCapability=o,exports.useCapturePlugin=()=>r.usePlugin(t.CapturePlugin.id),Object.keys(t).forEach((e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})}));
+//# sourceMappingURL=index.cjs.map

package/dist/svelte/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../src/svelte/hooks/use-capture.svelte.ts","../../src/svelte/components/MarqueeCapture.svelte"],"sourcesContent":["import { CapturePlugin } from '@embedpdf/plugin-capture';\nimport { useCapability, usePlugin } from '@embedpdf/core/svelte';\n\nexport const useCaptureCapability = () => useCapability<CapturePlugin>(CapturePlugin.id);\nexport const useCapturePlugin = () => usePlugin<CapturePlugin>(CapturePlugin.id);\n\nexport const useCapture = () => {\n  const capability = useCaptureCapability();\n\n  const state = $state({\n    get provides() {\n      return capability.provides;\n    },\n    isMarqueeCaptureActive: false,\n  });\n\n  $effect(() => {\n    return capability.provides?.onMarqueeCaptureActiveChange((active) => {\n      state.isMarqueeCaptureActive = active;\n    });\n  });\n\n  return state;\n};\n","<script lang=\"ts\">\n  import type { Rect } from '@embedpdf/models';\n  import { useCaptureCapability } from '../hooks/use-capture.svelte';\n\n  interface MarqueeCaptureProps {\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    class?: string;\n    /** Stroke / fill colours (defaults below) */\n    stroke?: string;\n    fill?: string;\n  }\n\n  let {\n    pageIndex,\n    scale,\n    class: propsClass,\n    stroke = 'rgba(33,150,243,0.8)',\n    fill = 'rgba(33,150,243,0.15)',\n  }: MarqueeCaptureProps = $props();\n\n  const captureCapability = useCaptureCapability();\n  let rect = $state<Rect | null>(null);\n\n  $effect(() => {\n    if (!captureCapability.provides) return;\n    return captureCapability.provides.registerMarqueeOnPage({\n      pageIndex,\n      scale,\n      callback: { onPreview: (val) => (rect = val) },\n    });\n  });\n</script>\n\n{#if rect}\n  <div\n    style:position=\"absolute\"\n    style:pointer-events=\"none\"\n    style:left={`${rect.origin.x * scale}px`}\n    style:top={`${rect.origin.y * scale}px`}\n    style:width={`${rect.size.width * scale}px`}\n    style:height={`${rect.size.height * scale}px`}\n    style:border={`1px solid ${stroke}`}\n    style:background={fill}\n    style:box-sizing=\"border-box\"\n    class={propsClass}\n  ></div>\n{/if}\n"],"names":["useCaptureCapability","useCapability","CapturePlugin","id","stroke","fill","captureCapability","rect","$","user_effect","provides","registerMarqueeOnPage","pageIndex","$$props","scale","callback","onPreview","val","set","origin","x","y","size","width","height","consequent","capability","state","isMarqueeCaptureActive","_a","onMarqueeCaptureActiveChange","active","usePlugin"],"mappings":"ugBAGaA,EAA6B,IAAAC,gBAA6BC,EAAAA,cAAcC,uFCiBjF,IAAAC,sBAAS,wBACTC,oBAAO,yBAGH,MAAAC,EAAoBN,IACtB,IAAAO,UAA2B,MAE/BC,EAAAC,aAAc,KACP,GAAAH,EAAkBI,SAChB,OAAAJ,EAAkBI,SAASC,sBAAqB,CACrDC,UAASC,EAAAD,UACTE,MAAKD,EAAAC,MACLC,UAAYC,UAAYC,GAAST,EAAAU,IAAAX,EAAOU,GAAG,oNAS9BV,GAAKY,OAAOC,EAACP,EAAAC,qBACdP,GAAKY,OAAOE,EAACR,EAAAC,uBACXP,GAAKe,KAAKC,MAAKV,EAAAC,wBACdP,GAAKe,KAAKE,OAAMX,EAAAC,+BACNV,iBACTC,mEATjBE,MAAIkB,EAAA,yBAFT,0BD5BQ,MAAAC,EAAa1B,IAEb2B,WACA,YAAAjB,GACK,OAAAgB,EAAWhB,QACpB,EACAkB,wBAAwB,IASnB,OANPpB,EAAAC,wBACS,OAAA,OAAAoB,EAAWH,EAAAhB,eAAU,EAAAmB,EAAAC,8BAA8BC,IACxDJ,EAAMC,uBAAyBG,CAAA,OAI5BJ,CAAA,0DAlB6B,IAAAK,YAAyB9B,EAAAA,cAAcC"}

package/dist/svelte/index.d.ts

@@ -0,0 +1,3 @@
+export * from './hooks';
+export * from './components';
+export * from '../lib/index.ts';

package/dist/svelte/index.js

@@ -0,0 +1,78 @@
+import * as $ from "svelte/internal/client";
+import { CapturePlugin } from "@embedpdf/plugin-capture";
+export * from "@embedpdf/plugin-capture";
+import { useCapability, usePlugin } from "@embedpdf/core/svelte";
+import "svelte/internal/disclose-version";
+const useCaptureCapability = () => useCapability(CapturePlugin.id);
+const useCapturePlugin = () => usePlugin(CapturePlugin.id);
+const useCapture = () => {
+  const capability = useCaptureCapability();
+  const state = $.proxy({
+    get provides() {
+      return capability.provides;
+    },
+    isMarqueeCaptureActive: false
+  });
+  $.user_effect(() => {
+    var _a;
+    return (_a = capability.provides) == null ? void 0 : _a.onMarqueeCaptureActiveChange((active) => {
+      state.isMarqueeCaptureActive = active;
+    });
+  });
+  return state;
+};
+var root_1 = $.from_html(`<div></div>`);
+function MarqueeCapture($$anchor, $$props) {
+  $.push($$props, true);
+  let stroke = $.prop($$props, "stroke", 3, "rgba(33,150,243,0.8)"), fill = $.prop($$props, "fill", 3, "rgba(33,150,243,0.15)");
+  const captureCapability = useCaptureCapability();
+  let rect = $.state(null);
+  $.user_effect(() => {
+    if (!captureCapability.provides) return;
+    return captureCapability.provides.registerMarqueeOnPage({
+      pageIndex: $$props.pageIndex,
+      scale: $$props.scale,
+      callback: { onPreview: (val) => $.set(rect, val, true) }
+    });
+  });
+  var fragment = $.comment();
+  var node = $.first_child(fragment);
+  {
+    var consequent = ($$anchor2) => {
+      var div = root_1();
+      let styles;
+      $.template_effect(
+        ($0) => {
+          $.set_class(div, 1, $.clsx($$props.class));
+          styles = $.set_style(div, "", styles, $0);
+        },
+        [
+          () => ({
+            position: "absolute",
+            "pointer-events": "none",
+            left: `${$.get(rect).origin.x * $$props.scale}px`,
+            top: `${$.get(rect).origin.y * $$props.scale}px`,
+            width: `${$.get(rect).size.width * $$props.scale}px`,
+            height: `${$.get(rect).size.height * $$props.scale}px`,
+            border: `1px solid ${stroke()}`,
+            background: fill(),
+            "box-sizing": "border-box"
+          })
+        ]
+      );
+      $.append($$anchor2, div);
+    };
+    $.if(node, ($$render) => {
+      if ($.get(rect)) $$render(consequent);
+    });
+  }
+  $.append($$anchor, fragment);
+  $.pop();
+}
+export {
+  MarqueeCapture,
+  useCapture,
+  useCaptureCapability,
+  useCapturePlugin
+};
+//# sourceMappingURL=index.js.map

package/dist/svelte/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/svelte/hooks/use-capture.svelte.ts","../../src/svelte/components/MarqueeCapture.svelte"],"sourcesContent":["import { CapturePlugin } from '@embedpdf/plugin-capture';\nimport { useCapability, usePlugin } from '@embedpdf/core/svelte';\n\nexport const useCaptureCapability = () => useCapability<CapturePlugin>(CapturePlugin.id);\nexport const useCapturePlugin = () => usePlugin<CapturePlugin>(CapturePlugin.id);\n\nexport const useCapture = () => {\n  const capability = useCaptureCapability();\n\n  const state = $state({\n    get provides() {\n      return capability.provides;\n    },\n    isMarqueeCaptureActive: false,\n  });\n\n  $effect(() => {\n    return capability.provides?.onMarqueeCaptureActiveChange((active) => {\n      state.isMarqueeCaptureActive = active;\n    });\n  });\n\n  return state;\n};\n","<script lang=\"ts\">\n  import type { Rect } from '@embedpdf/models';\n  import { useCaptureCapability } from '../hooks/use-capture.svelte';\n\n  interface MarqueeCaptureProps {\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    class?: string;\n    /** Stroke / fill colours (defaults below) */\n    stroke?: string;\n    fill?: string;\n  }\n\n  let {\n    pageIndex,\n    scale,\n    class: propsClass,\n    stroke = 'rgba(33,150,243,0.8)',\n    fill = 'rgba(33,150,243,0.15)',\n  }: MarqueeCaptureProps = $props();\n\n  const captureCapability = useCaptureCapability();\n  let rect = $state<Rect | null>(null);\n\n  $effect(() => {\n    if (!captureCapability.provides) return;\n    return captureCapability.provides.registerMarqueeOnPage({\n      pageIndex,\n      scale,\n      callback: { onPreview: (val) => (rect = val) },\n    });\n  });\n</script>\n\n{#if rect}\n  <div\n    style:position=\"absolute\"\n    style:pointer-events=\"none\"\n    style:left={`${rect.origin.x * scale}px`}\n    style:top={`${rect.origin.y * scale}px`}\n    style:width={`${rect.size.width * scale}px`}\n    style:height={`${rect.size.height * scale}px`}\n    style:border={`1px solid ${stroke}`}\n    style:background={fill}\n    style:box-sizing=\"border-box\"\n    class={propsClass}\n  ></div>\n{/if}\n"],"names":[],"mappings":";;;;;AAGa,MAAA,uBAA6B,MAAA,cAA6B,cAAc,EAAE;AAC1E,MAAA,mBAAyB,MAAA,UAAyB,cAAc,EAAE;AAElE,MAAA,mBAAmB;AACxB,QAAA,aAAa,qBAAqB;QAElC;IACA,IAAA,WAAW;AACN,aAAA,WAAW;AAAA,IACpB;AAAA,IACA,wBAAwB;AAAA;AAG1B,IAAA,kBAAc;;AACL,YAAA,gBAAW,aAAX,mBAAqB,6BAA8B,CAAA,WAAW;AACnE,YAAM,yBAAyB;AAAA;GAElC;SAEM;AACT;;2CCvBA;;AAoBI,MAAA,sCAAS,sBAAsB,GAC/B,kCAAO,uBAAuB;AAG1B,QAAA,oBAAoB,qBAAoB;AAC1C,MAAA,eAA2B,IAAI;AAEnC,IAAA,YAAc,MAAA;AACP,QAAA,CAAA,kBAAkB,SAAQ;WACxB,kBAAkB,SAAS,sBAAqB;AAAA,MACrD,WAAS,QAAA;AAAA,MACT,OAAK,QAAA;AAAA,MACL,YAAY,WAAS,CAAG,QAAS,EAAA,IAAA,MAAO,KAAG,IAAA,EAAA;AAAA;GAE9C;;;;;;;;;;;;;;;;2BAOgB,IAAI,EAAC,OAAO,IAAC,QAAA,KAAA;AAAA,0BACd,IAAI,EAAC,OAAO,IAAC,QAAA,KAAA;AAAA,4BACX,IAAI,EAAC,KAAK,QAAK,QAAA,KAAA;AAAA,6BACd,IAAI,EAAC,KAAK,SAAM,QAAA,KAAA;AAAA,iCACN,OAAM,CAAA;AAAA,wBACf,KAAI;AAAA;;;;;;;gBATrB,IAAI,EAAA,UAAA,UAAA;AAAA;;;;AAFT;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embedpdf/plugin-capture",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "type": "module",
   "license": "MIT",
   "main": "./dist/index.cjs",
@@ -26,27 +26,33 @@
       "types": "./dist/vue/index.d.ts",
       "import": "./dist/vue/index.js",
       "require": "./dist/vue/index.cjs"
+    },
+    "./svelte": {
+      "types": "./dist/svelte/index.d.ts",
+      "import": "./dist/svelte/index.js",
+      "require": "./dist/svelte/index.cjs"
     }
   },
   "dependencies": {
-    "@embedpdf/models": "1.4.0"
+    "@embedpdf/models": "1.4.1"
   },
   "devDependencies": {
     "@types/react": "^18.2.0",
     "typescript": "^5.0.0",
     "@embedpdf/build": "1.1.0",
-    "@embedpdf/core": "1.4.0",
-    "@embedpdf/plugin-render": "1.4.0",
-    "@embedpdf/plugin-interaction-manager": "1.4.0"
+    "@embedpdf/plugin-render": "1.4.1",
+    "@embedpdf/plugin-interaction-manager": "1.4.1",
+    "@embedpdf/core": "1.4.1"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
     "preact": "^10.26.4",
     "vue": ">=3.2.0",
-    "@embedpdf/core": "1.4.0",
-    "@embedpdf/plugin-render": "1.4.0",
-    "@embedpdf/plugin-interaction-manager": "1.4.0"
+    "svelte": ">=5 <6",
+    "@embedpdf/core": "1.4.1",
+    "@embedpdf/plugin-interaction-manager": "1.4.1",
+    "@embedpdf/plugin-render": "1.4.1"
   },
   "files": [
     "dist",
@@ -69,7 +75,8 @@
     "build:react": "vite build --mode react",
     "build:preact": "vite build --mode preact",
     "build:vue": "vite build --mode vue",
-    "build": "pnpm run clean && concurrently -c auto -n base,react,preact,vue \"vite build --mode base\" \"vite build --mode react\" \"vite build --mode preact\" \"vite build --mode vue\"",
+    "build:svelte": "vite build --mode svelte",
+    "build": "pnpm run clean && concurrently -c auto -n base,react,preact,vue,svelte \"vite build --mode base\" \"vite build --mode react\" \"vite build --mode preact\" \"vite build --mode vue\" \"vite build --mode svelte\"",
     "clean": "rimraf dist",
     "lint": "eslint src --color",
     "lint:fix": "eslint src --color --fix"