@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.
- package/README.md +12 -76
- package/lib/commonjs/imageOverlay/components/ImageOverlayModal.js +1 -880
- package/lib/commonjs/imageOverlay/components/ImageOverlayStandalone.js +1 -463
- package/lib/commonjs/imageOverlay/components/OverlayControls.js +1 -253
- package/lib/commonjs/imageOverlay/components/TargetList.js +1 -181
- package/lib/commonjs/imageOverlay/types/index.js +1 -1
- package/lib/commonjs/imageOverlay/utils/ImageOverlayController.js +1 -426
- package/lib/commonjs/imageOverlay/utils/componentMeasurement.js +1 -106
- package/lib/commonjs/imageOverlay/utils/devtoolsHook.js +1 -36
- package/lib/commonjs/imageOverlay/utils/fiberScanner.js +1 -104
- package/lib/commonjs/imageOverlay/utils/imageClipboard.js +1 -22
- package/lib/commonjs/imageOverlay/utils/imageClipboard.web.js +1 -44
- package/lib/commonjs/index.js +1 -59
- package/lib/commonjs/preset.js +1 -42
- package/lib/module/imageOverlay/components/ImageOverlayModal.js +1 -875
- package/lib/module/imageOverlay/components/ImageOverlayStandalone.js +1 -459
- package/lib/module/imageOverlay/components/OverlayControls.js +1 -249
- package/lib/module/imageOverlay/components/TargetList.js +1 -177
- package/lib/module/imageOverlay/types/index.js +1 -1
- package/lib/module/imageOverlay/utils/ImageOverlayController.js +1 -422
- package/lib/module/imageOverlay/utils/componentMeasurement.js +1 -102
- package/lib/module/imageOverlay/utils/devtoolsHook.js +1 -31
- package/lib/module/imageOverlay/utils/fiberScanner.js +1 -100
- package/lib/module/imageOverlay/utils/imageClipboard.js +1 -17
- package/lib/module/imageOverlay/utils/imageClipboard.web.js +1 -39
- package/lib/module/index.js +1 -35
- package/lib/module/preset.js +1 -38
- package/lib/web/index.mjs +4 -5
- package/package.json +3 -6
- package/lib/typescript/imageOverlay/components/ImageOverlayModal.d.ts.map +0 -1
- package/lib/typescript/imageOverlay/components/ImageOverlayStandalone.d.ts.map +0 -1
- package/lib/typescript/imageOverlay/components/OverlayControls.d.ts.map +0 -1
- package/lib/typescript/imageOverlay/components/TargetList.d.ts.map +0 -1
- package/lib/typescript/imageOverlay/types/index.d.ts.map +0 -1
- package/lib/typescript/imageOverlay/utils/ImageOverlayController.d.ts.map +0 -1
- package/lib/typescript/imageOverlay/utils/componentMeasurement.d.ts.map +0 -1
- package/lib/typescript/imageOverlay/utils/devtoolsHook.d.ts.map +0 -1
- package/lib/typescript/imageOverlay/utils/fiberScanner.d.ts.map +0 -1
- package/lib/typescript/imageOverlay/utils/imageClipboard.d.ts.map +0 -1
- package/lib/typescript/imageOverlay/utils/imageClipboard.web.d.ts.map +0 -1
- package/lib/typescript/index.d.ts.map +0 -1
- 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}
|
package/lib/commonjs/index.js
CHANGED
|
@@ -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");
|
package/lib/commonjs/preset.js
CHANGED
|
@@ -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}));
|