@buoy-gg/image-overlay 7.0.40 → 7.0.42
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 -72
- package/lib/commonjs/imageOverlay/components/ImageOverlayModal.js +1 -875
- package/lib/commonjs/imageOverlay/components/ImageOverlayStandalone.js +1 -456
- 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 -393
- 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 -102
- package/lib/commonjs/imageOverlay/utils/imageClipboard.js +1 -0
- package/lib/commonjs/imageOverlay/utils/imageClipboard.web.js +1 -0
- package/lib/commonjs/index.js +1 -59
- package/lib/commonjs/preset.js +1 -42
- package/lib/module/imageOverlay/components/ImageOverlayModal.js +1 -870
- package/lib/module/imageOverlay/components/ImageOverlayStandalone.js +1 -452
- 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 -389
- 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 -98
- package/lib/module/imageOverlay/utils/imageClipboard.js +1 -0
- package/lib/module/imageOverlay/utils/imageClipboard.web.js +1 -0
- package/lib/module/index.js +1 -35
- package/lib/module/preset.js +1 -38
- package/lib/typescript/imageOverlay/utils/imageClipboard.d.ts +3 -0
- package/lib/typescript/imageOverlay/utils/imageClipboard.web.d.ts +9 -0
- package/lib/web/index.mjs +4 -0
- package/package.json +32 -10
- 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/index.d.ts.map +0 -1
- package/lib/typescript/preset.d.ts.map +0 -1
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}));
|