@buoy-gg/image-overlay 7.0.41 → 7.0.43

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 (42) hide show
  1. package/README.md +12 -76
  2. package/lib/commonjs/imageOverlay/components/ImageOverlayModal.js +1 -880
  3. package/lib/commonjs/imageOverlay/components/ImageOverlayStandalone.js +1 -463
  4. package/lib/commonjs/imageOverlay/components/OverlayControls.js +1 -253
  5. package/lib/commonjs/imageOverlay/components/TargetList.js +1 -181
  6. package/lib/commonjs/imageOverlay/types/index.js +1 -1
  7. package/lib/commonjs/imageOverlay/utils/ImageOverlayController.js +1 -426
  8. package/lib/commonjs/imageOverlay/utils/componentMeasurement.js +1 -106
  9. package/lib/commonjs/imageOverlay/utils/devtoolsHook.js +1 -36
  10. package/lib/commonjs/imageOverlay/utils/fiberScanner.js +1 -104
  11. package/lib/commonjs/imageOverlay/utils/imageClipboard.js +1 -22
  12. package/lib/commonjs/imageOverlay/utils/imageClipboard.web.js +1 -44
  13. package/lib/commonjs/index.js +1 -59
  14. package/lib/commonjs/preset.js +1 -42
  15. package/lib/module/imageOverlay/components/ImageOverlayModal.js +1 -875
  16. package/lib/module/imageOverlay/components/ImageOverlayStandalone.js +1 -459
  17. package/lib/module/imageOverlay/components/OverlayControls.js +1 -249
  18. package/lib/module/imageOverlay/components/TargetList.js +1 -177
  19. package/lib/module/imageOverlay/types/index.js +1 -1
  20. package/lib/module/imageOverlay/utils/ImageOverlayController.js +1 -422
  21. package/lib/module/imageOverlay/utils/componentMeasurement.js +1 -102
  22. package/lib/module/imageOverlay/utils/devtoolsHook.js +1 -31
  23. package/lib/module/imageOverlay/utils/fiberScanner.js +1 -100
  24. package/lib/module/imageOverlay/utils/imageClipboard.js +1 -17
  25. package/lib/module/imageOverlay/utils/imageClipboard.web.js +1 -39
  26. package/lib/module/index.js +1 -35
  27. package/lib/module/preset.js +1 -38
  28. package/lib/web/index.mjs +4 -5
  29. package/package.json +3 -6
  30. package/lib/typescript/imageOverlay/components/ImageOverlayModal.d.ts.map +0 -1
  31. package/lib/typescript/imageOverlay/components/ImageOverlayStandalone.d.ts.map +0 -1
  32. package/lib/typescript/imageOverlay/components/OverlayControls.d.ts.map +0 -1
  33. package/lib/typescript/imageOverlay/components/TargetList.d.ts.map +0 -1
  34. package/lib/typescript/imageOverlay/types/index.d.ts.map +0 -1
  35. package/lib/typescript/imageOverlay/utils/ImageOverlayController.d.ts.map +0 -1
  36. package/lib/typescript/imageOverlay/utils/componentMeasurement.d.ts.map +0 -1
  37. package/lib/typescript/imageOverlay/utils/devtoolsHook.d.ts.map +0 -1
  38. package/lib/typescript/imageOverlay/utils/fiberScanner.d.ts.map +0 -1
  39. package/lib/typescript/imageOverlay/utils/imageClipboard.d.ts.map +0 -1
  40. package/lib/typescript/imageOverlay/utils/imageClipboard.web.d.ts.map +0 -1
  41. package/lib/typescript/index.d.ts.map +0 -1
  42. package/lib/typescript/preset.d.ts.map +0 -1
@@ -1,22 +1 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.loadImageClipboard = loadImageClipboard;
7
- exports.loadTextClipboard = loadTextClipboard;
8
- function loadImageClipboard() {
9
- try {
10
- return require('expo-clipboard');
11
- } catch {
12
- return null;
13
- }
14
- }
15
- function loadTextClipboard() {
16
- try {
17
- const mod = require('@react-native-clipboard/clipboard');
18
- return mod.default ?? mod;
19
- } catch {
20
- return null;
21
- }
22
- }
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.loadImageClipboard=loadImageClipboard;exports.loadTextClipboard=loadTextClipboard;function loadImageClipboard(){try{return require("expo-clipboard")}catch{return null}}function loadTextClipboard(){try{const r=require("@react-native-clipboard/clipboard");return r.default??r}catch{return null}}
@@ -1,44 +1 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.loadImageClipboard = loadImageClipboard;
7
- exports.loadTextClipboard = loadTextClipboard;
8
- let image;
9
- function loadImageClipboard() {
10
- if (typeof navigator === 'undefined' || !navigator.clipboard) return null;
11
- return {
12
- async hasImageAsync() {
13
- image = undefined;
14
- if (!navigator.clipboard.read) return false;
15
- const items = await navigator.clipboard.read();
16
- for (const item of items) {
17
- const type = item.types.find(value => value.startsWith('image/'));
18
- if (type) {
19
- image = await item.getType(type);
20
- return true;
21
- }
22
- }
23
- return false;
24
- },
25
- async getImageAsync() {
26
- if (!image) return null;
27
- const blob = image;
28
- image = undefined;
29
- const data = await new Promise((resolve, reject) => {
30
- const reader = new FileReader();
31
- reader.onload = () => resolve(String(reader.result));
32
- reader.onerror = reject;
33
- reader.readAsDataURL(blob);
34
- });
35
- return {
36
- data
37
- };
38
- },
39
- getStringAsync: () => navigator.clipboard.readText()
40
- };
41
- }
42
- function loadTextClipboard() {
43
- return null;
44
- }
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.loadImageClipboard=loadImageClipboard;exports.loadTextClipboard=loadTextClipboard;let image;function loadImageClipboard(){if(typeof navigator==="undefined"||!navigator.clipboard)return null;return{async hasImageAsync(){image=void 0;if(!navigator.clipboard.read)return false;const a=await navigator.clipboard.read();for(const e of a){const r=e.types.find(n=>n.startsWith("image/"));if(r){image=await e.getType(r);return true}}return false},async getImageAsync(){if(!image)return null;const a=image;image=void 0;const e=await new Promise((r,n)=>{const t=new FileReader;t.onload=()=>r(String(t.result));t.onerror=n;t.readAsDataURL(a)});return{data:e}},getStringAsync:()=>navigator.clipboard.readText()}}function loadTextClipboard(){return null}
@@ -1,59 +1 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "ImageOverlayController", {
7
- enumerable: true,
8
- get: function () {
9
- return _ImageOverlayController.ImageOverlayController;
10
- }
11
- });
12
- Object.defineProperty(exports, "ImageOverlayModal", {
13
- enumerable: true,
14
- get: function () {
15
- return _ImageOverlayModal.ImageOverlayModal;
16
- }
17
- });
18
- Object.defineProperty(exports, "ImageOverlayStandalone", {
19
- enumerable: true,
20
- get: function () {
21
- return _ImageOverlayStandalone.ImageOverlayStandalone;
22
- }
23
- });
24
- Object.defineProperty(exports, "ImageOverlayToolView", {
25
- enumerable: true,
26
- get: function () {
27
- return _ImageOverlayModal.ImageOverlayToolView;
28
- }
29
- });
30
- Object.defineProperty(exports, "createImageOverlayTool", {
31
- enumerable: true,
32
- get: function () {
33
- return _preset.createImageOverlayTool;
34
- }
35
- });
36
- Object.defineProperty(exports, "imageOverlayToolPreset", {
37
- enumerable: true,
38
- get: function () {
39
- return _preset.imageOverlayToolPreset;
40
- }
41
- });
42
- Object.defineProperty(exports, "scanForImageTargets", {
43
- enumerable: true,
44
- get: function () {
45
- return _fiberScanner.scanForImageTargets;
46
- }
47
- });
48
- Object.defineProperty(exports, "setDevToolsHookOverride", {
49
- enumerable: true,
50
- get: function () {
51
- return _devtoolsHook.setDevToolsHookOverride;
52
- }
53
- });
54
- var _preset = require("./preset");
55
- var _ImageOverlayModal = require("./imageOverlay/components/ImageOverlayModal");
56
- var _ImageOverlayStandalone = require("./imageOverlay/components/ImageOverlayStandalone");
57
- var _ImageOverlayController = require("./imageOverlay/utils/ImageOverlayController");
58
- var _fiberScanner = require("./imageOverlay/utils/fiberScanner");
59
- var _devtoolsHook = require("./imageOverlay/utils/devtoolsHook");
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"ImageOverlayController",{enumerable:true,get:function(){return _ImageOverlayController.ImageOverlayController}});Object.defineProperty(exports,"ImageOverlayModal",{enumerable:true,get:function(){return _ImageOverlayModal.ImageOverlayModal}});Object.defineProperty(exports,"ImageOverlayStandalone",{enumerable:true,get:function(){return _ImageOverlayStandalone.ImageOverlayStandalone}});Object.defineProperty(exports,"ImageOverlayToolView",{enumerable:true,get:function(){return _ImageOverlayModal.ImageOverlayToolView}});Object.defineProperty(exports,"createImageOverlayTool",{enumerable:true,get:function(){return _preset.createImageOverlayTool}});Object.defineProperty(exports,"imageOverlayToolPreset",{enumerable:true,get:function(){return _preset.imageOverlayToolPreset}});Object.defineProperty(exports,"scanForImageTargets",{enumerable:true,get:function(){return _fiberScanner.scanForImageTargets}});Object.defineProperty(exports,"setDevToolsHookOverride",{enumerable:true,get:function(){return _devtoolsHook.setDevToolsHookOverride}});var _preset=require("./preset");var _ImageOverlayModal=require("./imageOverlay/components/ImageOverlayModal");var _ImageOverlayStandalone=require("./imageOverlay/components/ImageOverlayStandalone");var _ImageOverlayController=require("./imageOverlay/utils/ImageOverlayController");var _fiberScanner=require("./imageOverlay/utils/fiberScanner");var _devtoolsHook=require("./imageOverlay/utils/devtoolsHook");
@@ -1,42 +1 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.imageOverlayToolPreset = exports.createImageOverlayTool = exports.IMAGE_OVERLAY_ICON_COLOR = void 0;
7
- var _sharedUi = require("@buoy-gg/shared-ui");
8
- var _ImageOverlayModal = require("./imageOverlay/components/ImageOverlayModal");
9
- var _jsxRuntime = require("react/jsx-runtime");
10
- /**
11
- * Pre-configured image overlay tool for FloatingDevTools
12
- *
13
- * @example
14
- * ```tsx
15
- * import { imageOverlayToolPreset } from '@buoy-gg/image-overlay';
16
- *
17
- * const installedApps = [
18
- * imageOverlayToolPreset,
19
- * ];
20
- * ```
21
- */
22
-
23
- const IMAGE_OVERLAY_ICON_COLOR = exports.IMAGE_OVERLAY_ICON_COLOR = "#A855F7";
24
- const imageOverlayToolPreset = exports.imageOverlayToolPreset = (0, _sharedUi.defineToolPreset)({
25
- id: "image-overlay",
26
- name: "IMG",
27
- description: "Design mockup overlay",
28
- slot: "both",
29
- icon: ({
30
- size
31
- }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ImageOverlayIcon, {
32
- size: size,
33
- color: IMAGE_OVERLAY_ICON_COLOR
34
- }),
35
- component: _ImageOverlayModal.ImageOverlayModal,
36
- props: {
37
- enableSharedModalDimensions: false
38
- }
39
- });
40
- const createImageOverlayTool = exports.createImageOverlayTool = (0, _sharedUi.createToolFactory)(imageOverlayToolPreset, options => ({
41
- enableSharedModalDimensions: options.enableSharedModalDimensions ?? false
42
- }));
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.imageOverlayToolPreset=exports.createImageOverlayTool=exports.IMAGE_OVERLAY_ICON_COLOR=void 0;var _sharedUi=require("@buoy-gg/shared-ui");var _ImageOverlayModal=require("./imageOverlay/components/ImageOverlayModal");var _jsxRuntime=require("react/jsx-runtime");const IMAGE_OVERLAY_ICON_COLOR=exports.IMAGE_OVERLAY_ICON_COLOR="#A855F7";const imageOverlayToolPreset=exports.imageOverlayToolPreset=(0,_sharedUi.defineToolPreset)({id:"image-overlay",name:"IMG",description:"Design mockup overlay",slot:"both",icon:({size:e})=>(0,_jsxRuntime.jsx)(_sharedUi.ImageOverlayIcon,{size:e,color:IMAGE_OVERLAY_ICON_COLOR}),component:_ImageOverlayModal.ImageOverlayModal,props:{enableSharedModalDimensions:false}});const createImageOverlayTool=exports.createImageOverlayTool=(0,_sharedUi.createToolFactory)(imageOverlayToolPreset,e=>({enableSharedModalDimensions:e.enableSharedModalDimensions??false}));