canvu-react 0.4.68 → 0.4.69
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/dist/{asset-hydration-Dw99FGJB.d.cts → asset-hydration-D2xaUoAT.d.cts} +1 -1
- package/dist/{asset-hydration-aNXfeayg.d.ts → asset-hydration-D9eThWse.d.ts} +1 -1
- package/dist/chatbot.d.cts +2 -2
- package/dist/chatbot.d.ts +2 -2
- package/dist/index.cjs +36 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +36 -1
- package/dist/index.js.map +1 -1
- package/dist/{raster-image-canvas-BZh73aoc.d.ts → raster-image-canvas-CCOmB4NY.d.ts} +39 -1
- package/dist/{raster-image-canvas-zerVYllB.d.cts → raster-image-canvas-nK9kM9UJ.d.cts} +39 -1
- package/dist/react.cjs +36 -1
- package/dist/react.cjs.map +1 -1
- package/dist/react.d.cts +6 -6
- package/dist/react.d.ts +6 -6
- package/dist/react.js +36 -1
- package/dist/react.js.map +1 -1
- package/dist/realtime.cjs.map +1 -1
- package/dist/realtime.d.cts +2 -2
- package/dist/realtime.d.ts +2 -2
- package/dist/realtime.js.map +1 -1
- package/dist/{types-94XpQMy7.d.ts → types-CMuEaiM7.d.ts} +1 -1
- package/dist/{types-BZ9wK9Y3.d.cts → types-D402X18k.d.cts} +1 -1
- package/package.json +1 -1
|
@@ -110,6 +110,39 @@ type VectorViewportAssetStore = {
|
|
|
110
110
|
getHydrationRequest?: (item: VectorSceneItem) => VectorViewportAssetHydrationRequest | null;
|
|
111
111
|
};
|
|
112
112
|
|
|
113
|
+
/**
|
|
114
|
+
* Input passed to `imageCanvasRendering.resolveSourceSize`.
|
|
115
|
+
*
|
|
116
|
+
* Use it when the item's current `imageIntrinsicSize` is only a preview size,
|
|
117
|
+
* but your backing image service can provide a larger source for zoomed canvas
|
|
118
|
+
* rendering. Return the effective source size Canvu should cap against before
|
|
119
|
+
* computing the next bitmap target.
|
|
120
|
+
*/
|
|
121
|
+
type RasterImageCanvasSourceSizeRequest = {
|
|
122
|
+
item: VectorSceneItem;
|
|
123
|
+
href: string;
|
|
124
|
+
intrinsicSize: {
|
|
125
|
+
width: number;
|
|
126
|
+
height: number;
|
|
127
|
+
};
|
|
128
|
+
contentRect: Rect;
|
|
129
|
+
viewportSize: {
|
|
130
|
+
width: number;
|
|
131
|
+
height: number;
|
|
132
|
+
};
|
|
133
|
+
cameraZoom: number;
|
|
134
|
+
devicePixelRatio: number;
|
|
135
|
+
};
|
|
136
|
+
/**
|
|
137
|
+
* Maps an image item to the effective source size used for zoom-aware bitmap
|
|
138
|
+
* sizing.
|
|
139
|
+
*
|
|
140
|
+
* Return `null`/`undefined` to use the item's `imageIntrinsicSize`.
|
|
141
|
+
*/
|
|
142
|
+
type RasterImageCanvasSourceSizeResolver = (request: RasterImageCanvasSourceSizeRequest) => {
|
|
143
|
+
width: number;
|
|
144
|
+
height: number;
|
|
145
|
+
} | null | undefined;
|
|
113
146
|
/**
|
|
114
147
|
* Input passed to `imageCanvasRendering.resolveRenderTarget`.
|
|
115
148
|
*
|
|
@@ -130,6 +163,10 @@ type RasterImageCanvasRenderRequest = {
|
|
|
130
163
|
width: number;
|
|
131
164
|
height: number;
|
|
132
165
|
};
|
|
166
|
+
sourceSize: {
|
|
167
|
+
width: number;
|
|
168
|
+
height: number;
|
|
169
|
+
};
|
|
133
170
|
contentRect: Rect;
|
|
134
171
|
targetSize: {
|
|
135
172
|
width: number;
|
|
@@ -170,6 +207,7 @@ type RasterImageCanvasRenderTargetResolver = (request: RasterImageCanvasRenderRe
|
|
|
170
207
|
* already drawn instead of downgrading immediately.
|
|
171
208
|
*/
|
|
172
209
|
type RasterImageCanvasRenderingOptions = {
|
|
210
|
+
resolveSourceSize?: RasterImageCanvasSourceSizeResolver;
|
|
173
211
|
resolveRenderTarget?: RasterImageCanvasRenderTargetResolver;
|
|
174
212
|
devicePixelRatio?: number;
|
|
175
213
|
pixelHeadroom?: number;
|
|
@@ -178,4 +216,4 @@ type RasterImageCanvasRenderingOptions = {
|
|
|
178
216
|
upscaleRedrawRatio?: number;
|
|
179
217
|
};
|
|
180
218
|
|
|
181
|
-
export type { RasterImageCanvasRenderingOptions as R, VectorViewportAssetKind as V, VectorViewportAssetStore as a, RasterImageCanvasRenderRequest as b, RasterImageCanvasRenderTarget as c, RasterImageCanvasRenderTargetResolver as d,
|
|
219
|
+
export type { RasterImageCanvasRenderingOptions as R, VectorViewportAssetKind as V, VectorViewportAssetStore as a, RasterImageCanvasRenderRequest as b, RasterImageCanvasRenderTarget as c, RasterImageCanvasRenderTargetResolver as d, RasterImageCanvasSourceSizeRequest as e, RasterImageCanvasSourceSizeResolver as f, VectorViewportAssetHydrationRequest as g, VectorViewportAssetResolveRequest as h, VectorViewportAssetResolveResult as i, VectorViewportAssetUploadRequest as j, VectorViewportAssetUploadResult as k };
|
|
@@ -110,6 +110,39 @@ type VectorViewportAssetStore = {
|
|
|
110
110
|
getHydrationRequest?: (item: VectorSceneItem) => VectorViewportAssetHydrationRequest | null;
|
|
111
111
|
};
|
|
112
112
|
|
|
113
|
+
/**
|
|
114
|
+
* Input passed to `imageCanvasRendering.resolveSourceSize`.
|
|
115
|
+
*
|
|
116
|
+
* Use it when the item's current `imageIntrinsicSize` is only a preview size,
|
|
117
|
+
* but your backing image service can provide a larger source for zoomed canvas
|
|
118
|
+
* rendering. Return the effective source size Canvu should cap against before
|
|
119
|
+
* computing the next bitmap target.
|
|
120
|
+
*/
|
|
121
|
+
type RasterImageCanvasSourceSizeRequest = {
|
|
122
|
+
item: VectorSceneItem;
|
|
123
|
+
href: string;
|
|
124
|
+
intrinsicSize: {
|
|
125
|
+
width: number;
|
|
126
|
+
height: number;
|
|
127
|
+
};
|
|
128
|
+
contentRect: Rect;
|
|
129
|
+
viewportSize: {
|
|
130
|
+
width: number;
|
|
131
|
+
height: number;
|
|
132
|
+
};
|
|
133
|
+
cameraZoom: number;
|
|
134
|
+
devicePixelRatio: number;
|
|
135
|
+
};
|
|
136
|
+
/**
|
|
137
|
+
* Maps an image item to the effective source size used for zoom-aware bitmap
|
|
138
|
+
* sizing.
|
|
139
|
+
*
|
|
140
|
+
* Return `null`/`undefined` to use the item's `imageIntrinsicSize`.
|
|
141
|
+
*/
|
|
142
|
+
type RasterImageCanvasSourceSizeResolver = (request: RasterImageCanvasSourceSizeRequest) => {
|
|
143
|
+
width: number;
|
|
144
|
+
height: number;
|
|
145
|
+
} | null | undefined;
|
|
113
146
|
/**
|
|
114
147
|
* Input passed to `imageCanvasRendering.resolveRenderTarget`.
|
|
115
148
|
*
|
|
@@ -130,6 +163,10 @@ type RasterImageCanvasRenderRequest = {
|
|
|
130
163
|
width: number;
|
|
131
164
|
height: number;
|
|
132
165
|
};
|
|
166
|
+
sourceSize: {
|
|
167
|
+
width: number;
|
|
168
|
+
height: number;
|
|
169
|
+
};
|
|
133
170
|
contentRect: Rect;
|
|
134
171
|
targetSize: {
|
|
135
172
|
width: number;
|
|
@@ -170,6 +207,7 @@ type RasterImageCanvasRenderTargetResolver = (request: RasterImageCanvasRenderRe
|
|
|
170
207
|
* already drawn instead of downgrading immediately.
|
|
171
208
|
*/
|
|
172
209
|
type RasterImageCanvasRenderingOptions = {
|
|
210
|
+
resolveSourceSize?: RasterImageCanvasSourceSizeResolver;
|
|
173
211
|
resolveRenderTarget?: RasterImageCanvasRenderTargetResolver;
|
|
174
212
|
devicePixelRatio?: number;
|
|
175
213
|
pixelHeadroom?: number;
|
|
@@ -178,4 +216,4 @@ type RasterImageCanvasRenderingOptions = {
|
|
|
178
216
|
upscaleRedrawRatio?: number;
|
|
179
217
|
};
|
|
180
218
|
|
|
181
|
-
export type { RasterImageCanvasRenderingOptions as R, VectorViewportAssetKind as V, VectorViewportAssetStore as a, RasterImageCanvasRenderRequest as b, RasterImageCanvasRenderTarget as c, RasterImageCanvasRenderTargetResolver as d,
|
|
219
|
+
export type { RasterImageCanvasRenderingOptions as R, VectorViewportAssetKind as V, VectorViewportAssetStore as a, RasterImageCanvasRenderRequest as b, RasterImageCanvasRenderTarget as c, RasterImageCanvasRenderTargetResolver as d, RasterImageCanvasSourceSizeRequest as e, RasterImageCanvasSourceSizeResolver as f, VectorViewportAssetHydrationRequest as g, VectorViewportAssetResolveRequest as h, VectorViewportAssetResolveResult as i, VectorViewportAssetUploadRequest as j, VectorViewportAssetUploadResult as k };
|
package/dist/react.cjs
CHANGED
|
@@ -6894,6 +6894,7 @@ function resolveRasterImageCanvasRenderingOptions(options) {
|
|
|
6894
6894
|
if (!options) return null;
|
|
6895
6895
|
const fallbackDevicePixelRatio = typeof window === "undefined" ? 1 : window.devicePixelRatio;
|
|
6896
6896
|
return {
|
|
6897
|
+
resolveSourceSize: options.resolveSourceSize,
|
|
6897
6898
|
resolveRenderTarget: options.resolveRenderTarget,
|
|
6898
6899
|
devicePixelRatio: toPositiveFiniteNumber(
|
|
6899
6900
|
options.devicePixelRatio,
|
|
@@ -6936,6 +6937,28 @@ function getRasterImageContentRect(item) {
|
|
|
6936
6937
|
const height = width / imageAspectRatio;
|
|
6937
6938
|
return { x: 0, y: (bounds.height - height) / 2, width, height };
|
|
6938
6939
|
}
|
|
6940
|
+
function resolveRasterImageCanvasSourceSize({
|
|
6941
|
+
item,
|
|
6942
|
+
href,
|
|
6943
|
+
intrinsicSize,
|
|
6944
|
+
contentRect,
|
|
6945
|
+
viewportSize,
|
|
6946
|
+
cameraZoom,
|
|
6947
|
+
options
|
|
6948
|
+
}) {
|
|
6949
|
+
const resolved = options.resolveSourceSize?.({
|
|
6950
|
+
item,
|
|
6951
|
+
href,
|
|
6952
|
+
intrinsicSize,
|
|
6953
|
+
contentRect,
|
|
6954
|
+
viewportSize,
|
|
6955
|
+
cameraZoom,
|
|
6956
|
+
devicePixelRatio: options.devicePixelRatio
|
|
6957
|
+
});
|
|
6958
|
+
const width = toPositiveFiniteNumber(resolved?.width, intrinsicSize.width);
|
|
6959
|
+
const height = toPositiveFiniteNumber(resolved?.height, intrinsicSize.height);
|
|
6960
|
+
return { width, height };
|
|
6961
|
+
}
|
|
6939
6962
|
function getRasterImageCanvasTargetSize({
|
|
6940
6963
|
intrinsicSize,
|
|
6941
6964
|
contentRect,
|
|
@@ -6975,6 +6998,7 @@ function resolveRasterImageCanvasRenderTarget({
|
|
|
6975
6998
|
item,
|
|
6976
6999
|
href,
|
|
6977
7000
|
intrinsicSize,
|
|
7001
|
+
sourceSize,
|
|
6978
7002
|
contentRect,
|
|
6979
7003
|
targetSize,
|
|
6980
7004
|
viewportSize,
|
|
@@ -6985,6 +7009,7 @@ function resolveRasterImageCanvasRenderTarget({
|
|
|
6985
7009
|
item,
|
|
6986
7010
|
href,
|
|
6987
7011
|
intrinsicSize,
|
|
7012
|
+
sourceSize,
|
|
6988
7013
|
contentRect,
|
|
6989
7014
|
targetSize,
|
|
6990
7015
|
viewportSize,
|
|
@@ -7320,9 +7345,18 @@ var SvgVectorRenderer = class {
|
|
|
7320
7345
|
this.releaseRasterImageCanvas(cached);
|
|
7321
7346
|
return;
|
|
7322
7347
|
}
|
|
7323
|
-
const
|
|
7348
|
+
const sourceSize = resolveRasterImageCanvasSourceSize({
|
|
7349
|
+
item,
|
|
7350
|
+
href: item.imageRasterHref,
|
|
7324
7351
|
intrinsicSize: item.imageIntrinsicSize,
|
|
7325
7352
|
contentRect,
|
|
7353
|
+
viewportSize,
|
|
7354
|
+
cameraZoom: this.camera.zoom,
|
|
7355
|
+
options
|
|
7356
|
+
});
|
|
7357
|
+
const targetSize = getRasterImageCanvasTargetSize({
|
|
7358
|
+
intrinsicSize: sourceSize,
|
|
7359
|
+
contentRect,
|
|
7326
7360
|
cameraZoom: this.camera.zoom,
|
|
7327
7361
|
devicePixelRatio: options.devicePixelRatio,
|
|
7328
7362
|
pixelHeadroom: options.pixelHeadroom,
|
|
@@ -7333,6 +7367,7 @@ var SvgVectorRenderer = class {
|
|
|
7333
7367
|
item,
|
|
7334
7368
|
href: item.imageRasterHref,
|
|
7335
7369
|
intrinsicSize: item.imageIntrinsicSize,
|
|
7370
|
+
sourceSize,
|
|
7336
7371
|
contentRect,
|
|
7337
7372
|
targetSize,
|
|
7338
7373
|
viewportSize,
|