@prismicio/simulator 0.1.4 → 0.2.0
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 +7 -18
- package/dist/SimulatorAPI.cjs +38 -46
- package/dist/SimulatorAPI.cjs.map +1 -1
- package/dist/SimulatorAPI.d.cts +18 -0
- package/dist/SimulatorAPI.d.ts +16 -10
- package/dist/SimulatorAPI.js +37 -46
- package/dist/SimulatorAPI.js.map +1 -1
- package/dist/SimulatorClient.cjs +41 -51
- package/dist/SimulatorClient.cjs.map +1 -1
- package/dist/SimulatorClient.d.cts +16 -0
- package/dist/SimulatorClient.d.ts +15 -9
- package/dist/SimulatorClient.js +40 -51
- package/dist/SimulatorClient.js.map +1 -1
- package/dist/channel/ChannelEmitter.cjs +112 -143
- package/dist/channel/ChannelEmitter.cjs.map +1 -1
- package/dist/channel/ChannelEmitter.d.cts +38 -0
- package/dist/channel/ChannelEmitter.d.ts +36 -36
- package/dist/channel/ChannelEmitter.js +110 -141
- package/dist/channel/ChannelEmitter.js.map +1 -1
- package/dist/channel/ChannelNetwork.cjs +81 -109
- package/dist/channel/ChannelNetwork.cjs.map +1 -1
- package/dist/channel/ChannelNetwork.d.cts +28 -0
- package/dist/channel/ChannelNetwork.d.ts +25 -21
- package/dist/channel/ChannelNetwork.js +81 -109
- package/dist/channel/ChannelNetwork.js.map +1 -1
- package/dist/channel/ChannelReceiver.cjs +69 -92
- package/dist/channel/ChannelReceiver.cjs.map +1 -1
- package/dist/channel/ChannelReceiver.d.cts +20 -0
- package/dist/channel/ChannelReceiver.d.ts +18 -18
- package/dist/channel/ChannelReceiver.js +67 -90
- package/dist/channel/ChannelReceiver.js.map +1 -1
- package/dist/channel/errors.cjs +41 -46
- package/dist/channel/errors.cjs.map +1 -1
- package/dist/channel/errors.d.cts +28 -0
- package/dist/channel/errors.d.ts +22 -19
- package/dist/channel/errors.js +40 -52
- package/dist/channel/errors.js.map +1 -1
- package/dist/channel/messages.cjs +48 -43
- package/dist/channel/messages.cjs.map +1 -1
- package/dist/channel/messages.d.cts +12 -0
- package/dist/channel/messages.d.ts +12 -10
- package/dist/channel/messages.js +50 -53
- package/dist/channel/messages.js.map +1 -1
- package/dist/channel/types.cjs +15 -11
- package/dist/channel/types.cjs.map +1 -1
- package/dist/channel/types.d.cts +53 -0
- package/dist/channel/types.d.ts +42 -50
- package/dist/channel/types.js +13 -13
- package/dist/channel/types.js.map +1 -1
- package/dist/globalExtensions.d.cts +15 -0
- package/dist/globalExtensions.d.ts +13 -10
- package/dist/index.cjs +24 -33
- package/dist/index.d.cts +10 -0
- package/dist/index.d.ts +10 -8
- package/dist/index.js +5 -25
- package/dist/kit/SimulatorManager.cjs +106 -137
- package/dist/kit/SimulatorManager.cjs.map +1 -1
- package/dist/kit/SimulatorManager.d.cts +19 -0
- package/dist/kit/SimulatorManager.d.ts +16 -12
- package/dist/kit/SimulatorManager.js +103 -134
- package/dist/kit/SimulatorManager.js.map +1 -1
- package/dist/kit/State.cjs +82 -80
- package/dist/kit/State.cjs.map +1 -1
- package/dist/kit/State.d.cts +29 -0
- package/dist/kit/State.d.ts +26 -22
- package/dist/kit/State.js +80 -78
- package/dist/kit/State.js.map +1 -1
- package/dist/kit/domHelpers.cjs +25 -37
- package/dist/kit/domHelpers.cjs.map +1 -1
- package/dist/kit/domHelpers.d.cts +11 -0
- package/dist/kit/domHelpers.d.ts +10 -8
- package/dist/kit/domHelpers.js +25 -43
- package/dist/kit/domHelpers.js.map +1 -1
- package/dist/kit/eventHandlers.cjs +11 -9
- package/dist/kit/eventHandlers.cjs.map +1 -1
- package/dist/kit/eventHandlers.d.cts +8 -0
- package/dist/kit/eventHandlers.d.ts +7 -3
- package/dist/kit/eventHandlers.js +11 -11
- package/dist/kit/eventHandlers.js.map +1 -1
- package/dist/kit/getDefault.cjs +9 -7
- package/dist/kit/getDefault.cjs.map +1 -1
- package/dist/kit/getDefault.d.cts +10 -0
- package/dist/kit/getDefault.d.ts +10 -8
- package/dist/kit/getDefault.js +9 -10
- package/dist/kit/getDefault.js.map +1 -1
- package/dist/kit/messages.cjs +8 -22
- package/dist/kit/messages.cjs.map +1 -1
- package/dist/kit/messages.d.cts +5 -0
- package/dist/kit/messages.d.ts +5 -1
- package/dist/kit/messages.js +8 -23
- package/dist/kit/messages.js.map +1 -1
- package/dist/kit/types.cjs +12 -9
- package/dist/kit/types.cjs.map +1 -1
- package/dist/kit/types.d.cts +28 -0
- package/dist/kit/types.d.ts +24 -19
- package/dist/kit/types.js +11 -10
- package/dist/kit/types.js.map +1 -1
- package/dist/kit.cjs +21 -26
- package/dist/kit.d.cts +8 -0
- package/dist/kit.d.ts +8 -0
- package/dist/kit.js +7 -21
- package/dist/lib/EventEmitter.cjs +16 -25
- package/dist/lib/EventEmitter.cjs.map +1 -1
- package/dist/lib/EventEmitter.d.cts +12 -0
- package/dist/lib/EventEmitter.d.ts +11 -9
- package/dist/lib/EventEmitter.js +16 -26
- package/dist/lib/EventEmitter.js.map +1 -1
- package/dist/lib/throttle.cjs +21 -21
- package/dist/lib/throttle.cjs.map +1 -1
- package/dist/lib/throttle.js +21 -22
- package/dist/lib/throttle.js.map +1 -1
- package/dist/types.cjs +18 -14
- package/dist/types.cjs.map +1 -1
- package/dist/types.d.cts +39 -0
- package/dist/types.d.ts +32 -27
- package/dist/types.js +16 -16
- package/dist/types.js.map +1 -1
- package/package.json +27 -68
- package/src/SimulatorAPI.ts +24 -22
- package/src/SimulatorClient.ts +24 -25
- package/src/channel/ChannelEmitter.ts +71 -74
- package/src/channel/ChannelNetwork.ts +53 -55
- package/src/channel/ChannelReceiver.ts +46 -48
- package/src/channel/errors.ts +14 -14
- package/src/channel/index.ts +10 -10
- package/src/channel/messages.ts +39 -31
- package/src/channel/types.ts +40 -40
- package/src/globalExtensions.ts +6 -6
- package/src/index.ts +8 -8
- package/src/kit/SimulatorManager.ts +64 -63
- package/src/kit/State.ts +45 -44
- package/src/kit/domHelpers.ts +24 -24
- package/src/kit/eventHandlers.ts +6 -6
- package/src/kit/getDefault.ts +8 -8
- package/src/kit/index.ts +8 -8
- package/src/kit/messages.ts +5 -5
- package/src/kit/types.ts +13 -13
- package/src/lib/EventEmitter.ts +8 -8
- package/src/lib/__PRODUCTION__.ts +2 -2
- package/src/lib/throttle.ts +12 -12
- package/src/types.ts +20 -20
- package/dist/channel/index.d.ts +0 -10
- package/dist/index.cjs.map +0 -1
- package/dist/index.js.map +0 -1
- package/dist/kit/index.d.ts +0 -8
- package/dist/kit.cjs.map +0 -1
- package/dist/kit.js.map +0 -1
- package/dist/lib/__PRODUCTION__.d.ts +0 -7
- package/dist/lib/throttle.d.ts +0 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
import { ErrorResponseMessage, RequestMessage, ResponseMessage, SuccessResponseMessage } from "./channel/types.js";
|
|
2
|
+
import { AllChannelReceiverOptions } from "./channel/ChannelReceiver.js";
|
|
3
|
+
import { AllChannelEmitterOptions } from "./channel/ChannelEmitter.js";
|
|
4
|
+
import { isErrorResponseMessage, isRequestMessage, isResponseMessage, isSuccessResponseMessage, validateMessage } from "./channel/messages.js";
|
|
5
|
+
import { ChannelNotSetError, ConnectionTimeoutError, NotReadyError, PortNotSetError, RequestTimeoutError, ResponseError, TooManyConcurrentRequestsError } from "./channel/errors.js";
|
|
6
|
+
import { APIRequestType, APITransactions, ActiveSlice, ClientRequestType, ClientTransactions, SliceZoneSize } from "./types.js";
|
|
7
|
+
import { SimulatorAPI, SimulatorAPIOptions, simulatorAPIDefaultOptions } from "./SimulatorAPI.js";
|
|
8
|
+
import { SimulatorClient, simulatorClientDefaultOptions } from "./SimulatorClient.js";
|
|
9
|
+
import "./globalExtensions.js";
|
|
10
|
+
export { APIRequestType, type APITransactions, type ActiveSlice, type AllChannelEmitterOptions, type AllChannelReceiverOptions, ChannelNotSetError, ClientRequestType, type ClientTransactions, ConnectionTimeoutError, type ErrorResponseMessage, NotReadyError, PortNotSetError, type RequestMessage, RequestTimeoutError, ResponseError, type ResponseMessage, SimulatorAPI, type SimulatorAPIOptions, SimulatorClient, type SliceZoneSize, type SuccessResponseMessage, TooManyConcurrentRequestsError, isErrorResponseMessage, isRequestMessage, isResponseMessage, isSuccessResponseMessage, simulatorAPIDefaultOptions, simulatorClientDefaultOptions, validateMessage };
|
package/dist/index.js
CHANGED
|
@@ -1,27 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { SimulatorAPI, simulatorAPIDefaultOptions } from "./SimulatorAPI.js";
|
|
1
|
+
import { APIRequestType, ClientRequestType } from "./types.js";
|
|
3
2
|
import { ChannelNotSetError, ConnectionTimeoutError, NotReadyError, PortNotSetError, RequestTimeoutError, ResponseError, TooManyConcurrentRequestsError } from "./channel/errors.js";
|
|
4
3
|
import { isErrorResponseMessage, isRequestMessage, isResponseMessage, isSuccessResponseMessage, validateMessage } from "./channel/messages.js";
|
|
5
|
-
import "./
|
|
6
|
-
import {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
ChannelNotSetError,
|
|
10
|
-
ClientRequestType,
|
|
11
|
-
ConnectionTimeoutError,
|
|
12
|
-
NotReadyError,
|
|
13
|
-
PortNotSetError,
|
|
14
|
-
RequestTimeoutError,
|
|
15
|
-
ResponseError,
|
|
16
|
-
SimulatorAPI,
|
|
17
|
-
SimulatorClient,
|
|
18
|
-
TooManyConcurrentRequestsError,
|
|
19
|
-
isErrorResponseMessage,
|
|
20
|
-
isRequestMessage,
|
|
21
|
-
isResponseMessage,
|
|
22
|
-
isSuccessResponseMessage,
|
|
23
|
-
simulatorAPIDefaultOptions,
|
|
24
|
-
simulatorClientDefaultOptions,
|
|
25
|
-
validateMessage
|
|
26
|
-
};
|
|
27
|
-
//# sourceMappingURL=index.js.map
|
|
4
|
+
import { SimulatorClient, simulatorClientDefaultOptions } from "./SimulatorClient.js";
|
|
5
|
+
import { SimulatorAPI, simulatorAPIDefaultOptions } from "./SimulatorAPI.js";
|
|
6
|
+
|
|
7
|
+
export { APIRequestType, ChannelNotSetError, ClientRequestType, ConnectionTimeoutError, NotReadyError, PortNotSetError, RequestTimeoutError, ResponseError, SimulatorAPI, SimulatorClient, TooManyConcurrentRequestsError, isErrorResponseMessage, isRequestMessage, isResponseMessage, isSuccessResponseMessage, simulatorAPIDefaultOptions, simulatorClientDefaultOptions, validateMessage };
|
|
@@ -1,139 +1,108 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
const require_types = require('../types.cjs');
|
|
2
|
+
const require_errors = require('../channel/errors.cjs');
|
|
3
|
+
const require_SimulatorAPI = require('../SimulatorAPI.cjs');
|
|
4
|
+
const require_throttle = require('../lib/throttle.cjs');
|
|
5
|
+
const require_types$1 = require('./types.cjs');
|
|
6
|
+
const require_domHelpers = require('./domHelpers.cjs');
|
|
7
|
+
const require_State = require('./State.cjs');
|
|
8
|
+
const require_messages = require('./messages.cjs');
|
|
9
|
+
|
|
10
|
+
//#region src/kit/SimulatorManager.ts
|
|
11
|
+
var SimulatorManager = class {
|
|
12
|
+
state;
|
|
13
|
+
_api;
|
|
14
|
+
_initialized;
|
|
15
|
+
constructor(args) {
|
|
16
|
+
this.state = new require_State.State(args);
|
|
17
|
+
this._api = null;
|
|
18
|
+
this._initialized = false;
|
|
19
|
+
}
|
|
20
|
+
async init() {
|
|
21
|
+
if (this._initialized) return;
|
|
22
|
+
else this._initialized = true;
|
|
23
|
+
await this.state.init();
|
|
24
|
+
try {
|
|
25
|
+
await this._initAPI();
|
|
26
|
+
} catch (error) {
|
|
27
|
+
if (error instanceof Error && error.message === "Receiver is currently not embedded as an iframe" && !this.state.slices.length) this.state.message = require_messages.sliceSimulatorAccessedDirectly;
|
|
28
|
+
console.error(error);
|
|
29
|
+
return;
|
|
30
|
+
}
|
|
31
|
+
this._initListeners();
|
|
32
|
+
}
|
|
33
|
+
async _initAPI() {
|
|
34
|
+
this._api = new require_SimulatorAPI.SimulatorAPI({
|
|
35
|
+
[require_types.ClientRequestType.SetSliceZone]: (req, res) => {
|
|
36
|
+
this.state.setSliceZone(req.data);
|
|
37
|
+
return res.success();
|
|
38
|
+
},
|
|
39
|
+
[require_types.ClientRequestType.ScrollToSlice]: (req, res) => {
|
|
40
|
+
var _this$_api;
|
|
41
|
+
if (req.data.sliceIndex < 0) return res.error("`sliceIndex` must be > 0", 400);
|
|
42
|
+
else if (req.data.sliceIndex >= this.state.slices.length) return res.error(`\`sliceIndex\` must be < ${this.state.slices.length} (\`<SliceZone />\` current length)`, 400);
|
|
43
|
+
const $sliceZone = require_domHelpers.getSliceZoneDOM(this.state.slices.length);
|
|
44
|
+
if (!$sliceZone) return res.error("Failed to find `<SliceZone />`", 500);
|
|
45
|
+
this.state.activeSlice = null;
|
|
46
|
+
const $slice = $sliceZone.children[req.data.sliceIndex];
|
|
47
|
+
if (!$slice) return res.error(`Failed fo find slice at index $\`{req.data.sliceIndex}\` in \`<SliceZone />\``, 500);
|
|
48
|
+
$slice.scrollIntoView({
|
|
49
|
+
behavior: req.data.behavior,
|
|
50
|
+
block: req.data.block,
|
|
51
|
+
inline: req.data.inline
|
|
52
|
+
});
|
|
53
|
+
if ((_this$_api = this._api) === null || _this$_api === void 0 ? void 0 : _this$_api.options.activeSliceAPI) setTimeout(this.state.setActiveSlice, 750);
|
|
54
|
+
return res.success();
|
|
55
|
+
}
|
|
56
|
+
});
|
|
57
|
+
await this._api.ready();
|
|
58
|
+
}
|
|
59
|
+
_initListeners() {
|
|
60
|
+
var _this$_api2, _this$_api3;
|
|
61
|
+
if ((_this$_api2 = this._api) === null || _this$_api2 === void 0 ? void 0 : _this$_api2.options.activeSliceAPI) {
|
|
62
|
+
window.addEventListener("mousemove", () => {
|
|
63
|
+
this.state.setActiveSlice();
|
|
64
|
+
});
|
|
65
|
+
window.addEventListener("resize", () => {
|
|
66
|
+
this.state.setActiveSlice();
|
|
67
|
+
});
|
|
68
|
+
window.addEventListener("mousewheel", () => {
|
|
69
|
+
setTimeout(this.state.setActiveSlice, 200);
|
|
70
|
+
});
|
|
71
|
+
this.state.on(require_types$1.StateEventType.Slices, () => {
|
|
72
|
+
this.state.setActiveSlice();
|
|
73
|
+
});
|
|
74
|
+
this.state.on(require_types$1.StateEventType.ActiveSlice, async (activeSlice) => {
|
|
75
|
+
if (this._api) try {
|
|
76
|
+
await this._api.setActiveSlice(activeSlice);
|
|
77
|
+
} catch (error) {
|
|
78
|
+
if (error instanceof require_errors.ResponseError && error.response.status === 400) console.error(error.response);
|
|
79
|
+
else throw error;
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
}
|
|
83
|
+
if ((_this$_api3 = this._api) === null || _this$_api3 === void 0 ? void 0 : _this$_api3.options.sliceZoneSizeAPI) {
|
|
84
|
+
const resizeObserver = new ResizeObserver(require_throttle.throttle(async (entries) => {
|
|
85
|
+
const [entry] = entries;
|
|
86
|
+
if (this._api && entry) try {
|
|
87
|
+
await this._api.setSliceZoneSize({ rect: entry.contentRect });
|
|
88
|
+
} catch (error) {
|
|
89
|
+
if (error instanceof require_errors.ResponseError && error.response.status === 400) console.error(error.response);
|
|
90
|
+
else throw error;
|
|
91
|
+
}
|
|
92
|
+
}, 16));
|
|
93
|
+
const observeSimulatorRoot = () => {
|
|
94
|
+
const simulatorRootDOM = require_domHelpers.getSimulatorRootDOM();
|
|
95
|
+
resizeObserver.disconnect();
|
|
96
|
+
if (simulatorRootDOM) resizeObserver.observe(simulatorRootDOM);
|
|
97
|
+
};
|
|
98
|
+
new MutationObserver(observeSimulatorRoot).observe(require_domHelpers.getSimulatorDOM(), {
|
|
99
|
+
subtree: false,
|
|
100
|
+
childList: true
|
|
101
|
+
});
|
|
102
|
+
}
|
|
103
|
+
}
|
|
7
104
|
};
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
const types = require("../types.cjs");
|
|
11
|
-
const types$1 = require("./types.cjs");
|
|
12
|
-
const SimulatorAPI = require("../SimulatorAPI.cjs");
|
|
13
|
-
const errors = require("../channel/errors.cjs");
|
|
14
|
-
require("statuses");
|
|
15
|
-
require("../channel/types.cjs");
|
|
16
|
-
const State = require("./State.cjs");
|
|
17
|
-
const domHelpers = require("./domHelpers.cjs");
|
|
18
|
-
const messages = require("./messages.cjs");
|
|
19
|
-
class SimulatorManager {
|
|
20
|
-
constructor(args) {
|
|
21
|
-
__publicField(this, "state");
|
|
22
|
-
__publicField(this, "_api");
|
|
23
|
-
__publicField(this, "_initialized");
|
|
24
|
-
this.state = new State.State(args);
|
|
25
|
-
this._api = null;
|
|
26
|
-
this._initialized = false;
|
|
27
|
-
}
|
|
28
|
-
async init() {
|
|
29
|
-
if (this._initialized) {
|
|
30
|
-
return;
|
|
31
|
-
} else {
|
|
32
|
-
this._initialized = true;
|
|
33
|
-
}
|
|
34
|
-
await this.state.init();
|
|
35
|
-
try {
|
|
36
|
-
await this._initAPI();
|
|
37
|
-
} catch (error) {
|
|
38
|
-
if (error instanceof Error && error.message === "Receiver is currently not embedded as an iframe" && !this.state.slices.length) {
|
|
39
|
-
this.state.message = messages.sliceSimulatorAccessedDirectly;
|
|
40
|
-
}
|
|
41
|
-
console.error(error);
|
|
42
|
-
return;
|
|
43
|
-
}
|
|
44
|
-
this._initListeners();
|
|
45
|
-
}
|
|
46
|
-
async _initAPI() {
|
|
47
|
-
this._api = new SimulatorAPI.SimulatorAPI({
|
|
48
|
-
[types.ClientRequestType.SetSliceZone]: (req, res) => {
|
|
49
|
-
this.state.setSliceZone(req.data);
|
|
50
|
-
return res.success();
|
|
51
|
-
},
|
|
52
|
-
[types.ClientRequestType.ScrollToSlice]: (req, res) => {
|
|
53
|
-
var _a;
|
|
54
|
-
if (req.data.sliceIndex < 0) {
|
|
55
|
-
return res.error("`sliceIndex` must be > 0", 400);
|
|
56
|
-
} else if (req.data.sliceIndex >= this.state.slices.length) {
|
|
57
|
-
return res.error(`\`sliceIndex\` must be < ${this.state.slices.length} (\`<SliceZone />\` current length)`, 400);
|
|
58
|
-
}
|
|
59
|
-
const $sliceZone = domHelpers.getSliceZoneDOM(this.state.slices.length);
|
|
60
|
-
if (!$sliceZone) {
|
|
61
|
-
return res.error("Failed to find `<SliceZone />`", 500);
|
|
62
|
-
}
|
|
63
|
-
this.state.activeSlice = null;
|
|
64
|
-
const $slice = $sliceZone.children[req.data.sliceIndex];
|
|
65
|
-
if (!$slice) {
|
|
66
|
-
return res.error(`Failed fo find slice at index $\`{req.data.sliceIndex}\` in \`<SliceZone />\``, 500);
|
|
67
|
-
}
|
|
68
|
-
$slice.scrollIntoView({
|
|
69
|
-
behavior: req.data.behavior,
|
|
70
|
-
block: req.data.block,
|
|
71
|
-
inline: req.data.inline
|
|
72
|
-
});
|
|
73
|
-
((_a = this._api) == null ? void 0 : _a.options.activeSliceAPI) && setTimeout(this.state.setActiveSlice, 750);
|
|
74
|
-
return res.success();
|
|
75
|
-
}
|
|
76
|
-
});
|
|
77
|
-
await this._api.ready();
|
|
78
|
-
}
|
|
79
|
-
_initListeners() {
|
|
80
|
-
var _a, _b;
|
|
81
|
-
if ((_a = this._api) == null ? void 0 : _a.options.activeSliceAPI) {
|
|
82
|
-
window.addEventListener("mousemove", () => {
|
|
83
|
-
this.state.setActiveSlice();
|
|
84
|
-
});
|
|
85
|
-
window.addEventListener("resize", () => {
|
|
86
|
-
this.state.setActiveSlice();
|
|
87
|
-
});
|
|
88
|
-
window.addEventListener("mousewheel", () => {
|
|
89
|
-
setTimeout(this.state.setActiveSlice, 200);
|
|
90
|
-
});
|
|
91
|
-
this.state.on(types$1.StateEventType.Slices, () => {
|
|
92
|
-
this.state.setActiveSlice();
|
|
93
|
-
});
|
|
94
|
-
this.state.on(types$1.StateEventType.ActiveSlice, async (activeSlice) => {
|
|
95
|
-
if (this._api) {
|
|
96
|
-
try {
|
|
97
|
-
await this._api.setActiveSlice(activeSlice);
|
|
98
|
-
} catch (error) {
|
|
99
|
-
if (error instanceof errors.ResponseError && error.response.status === 400) {
|
|
100
|
-
console.error(error.response);
|
|
101
|
-
} else {
|
|
102
|
-
throw error;
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
});
|
|
107
|
-
}
|
|
108
|
-
if ((_b = this._api) == null ? void 0 : _b.options.sliceZoneSizeAPI) {
|
|
109
|
-
const resizeObserver = new ResizeObserver(throttle.throttle(async (entries) => {
|
|
110
|
-
const [entry] = entries;
|
|
111
|
-
if (this._api && entry) {
|
|
112
|
-
try {
|
|
113
|
-
await this._api.setSliceZoneSize({ rect: entry.contentRect });
|
|
114
|
-
} catch (error) {
|
|
115
|
-
if (error instanceof errors.ResponseError && error.response.status === 400) {
|
|
116
|
-
console.error(error.response);
|
|
117
|
-
} else {
|
|
118
|
-
throw error;
|
|
119
|
-
}
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
}, 16));
|
|
123
|
-
const observeSimulatorRoot = () => {
|
|
124
|
-
const simulatorRootDOM = domHelpers.getSimulatorRootDOM();
|
|
125
|
-
resizeObserver.disconnect();
|
|
126
|
-
if (simulatorRootDOM) {
|
|
127
|
-
resizeObserver.observe(simulatorRootDOM);
|
|
128
|
-
}
|
|
129
|
-
};
|
|
130
|
-
const mutationObserver = new MutationObserver(observeSimulatorRoot);
|
|
131
|
-
mutationObserver.observe(domHelpers.getSimulatorDOM(), {
|
|
132
|
-
subtree: false,
|
|
133
|
-
childList: true
|
|
134
|
-
});
|
|
135
|
-
}
|
|
136
|
-
}
|
|
137
|
-
}
|
|
105
|
+
|
|
106
|
+
//#endregion
|
|
138
107
|
exports.SimulatorManager = SimulatorManager;
|
|
139
|
-
//# sourceMappingURL=SimulatorManager.cjs.map
|
|
108
|
+
//# sourceMappingURL=SimulatorManager.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SimulatorManager.cjs","sources":["
|
|
1
|
+
{"version":3,"file":"SimulatorManager.cjs","names":["State","sliceSimulatorAccessedDirectly","SimulatorAPI","ClientRequestType","getSliceZoneDOM","StateEventType","ResponseError","throttle","getSimulatorRootDOM","getSimulatorDOM"],"sources":["../../src/kit/SimulatorManager.ts"],"sourcesContent":["import type { SliceZone } from \"@prismicio/client\"\n\nimport { throttle } from \"../lib/throttle\"\n\nimport { ClientRequestType } from \"../types\"\nimport { StateEventType } from \"./types\"\n\nimport { SimulatorAPI } from \"../SimulatorAPI\"\nimport { ResponseError } from \"../channel\"\n\nimport { State } from \"./State\"\nimport {\n\tgetSimulatorDOM,\n\tgetSimulatorRootDOM,\n\tgetSliceZoneDOM,\n} from \"./domHelpers\"\nimport { sliceSimulatorAccessedDirectly } from \"./messages\"\n\ntype ManagerConstructorArgs = {\n\tslices?: SliceZone\n}\n\nexport class SimulatorManager {\n\tpublic state: State\n\tprivate _api: SimulatorAPI | null\n\tprivate _initialized: boolean\n\n\tconstructor(args?: ManagerConstructorArgs) {\n\t\tthis.state = new State(args)\n\t\tthis._api = null\n\t\tthis._initialized = false\n\t}\n\n\tasync init(): Promise<void> {\n\t\tif (this._initialized) {\n\t\t\treturn\n\t\t} else {\n\t\t\tthis._initialized = true\n\t\t}\n\n\t\t// Init state manager\n\t\tawait this.state.init()\n\n\t\t// Init API\n\t\ttry {\n\t\t\tawait this._initAPI()\n\t\t} catch (error) {\n\t\t\tif (\n\t\t\t\terror instanceof Error &&\n\t\t\t\terror.message === \"Receiver is currently not embedded as an iframe\" &&\n\t\t\t\t!this.state.slices.length\n\t\t\t) {\n\t\t\t\t// Catch not embedded error and display message\n\t\t\t\tthis.state.message = sliceSimulatorAccessedDirectly\n\t\t\t}\n\t\t\tconsole.error(error)\n\n\t\t\treturn\n\t\t}\n\n\t\t// Init listeners\n\t\tthis._initListeners()\n\t}\n\n\tprivate async _initAPI(): Promise<void> {\n\t\t// Register SimulatorAPI request handlers\n\t\tthis._api = new SimulatorAPI({\n\t\t\t[ClientRequestType.SetSliceZone]: (req, res) => {\n\t\t\t\tthis.state.setSliceZone(req.data)\n\n\t\t\t\treturn res.success()\n\t\t\t},\n\t\t\t[ClientRequestType.ScrollToSlice]: (req, res) => {\n\t\t\t\t// Error if `sliceIndex` is invalid\n\t\t\t\tif (req.data.sliceIndex < 0) {\n\t\t\t\t\treturn res.error(\"`sliceIndex` must be > 0\", 400)\n\t\t\t\t} else if (req.data.sliceIndex >= this.state.slices.length) {\n\t\t\t\t\treturn res.error(\n\t\t\t\t\t\t`\\`sliceIndex\\` must be < ${this.state.slices.length} (\\`<SliceZone />\\` current length)`,\n\t\t\t\t\t\t400,\n\t\t\t\t\t)\n\t\t\t\t}\n\n\t\t\t\tconst $sliceZone = getSliceZoneDOM(this.state.slices.length)\n\t\t\t\tif (!$sliceZone) {\n\t\t\t\t\treturn res.error(\"Failed to find `<SliceZone />`\", 500)\n\t\t\t\t}\n\n\t\t\t\t// Destroy existing active slice as we're about to scroll\n\t\t\t\tthis.state.activeSlice = null\n\n\t\t\t\tconst $slice = $sliceZone.children[req.data.sliceIndex]\n\t\t\t\tif (!$slice) {\n\t\t\t\t\treturn res.error(\n\t\t\t\t\t\t`Failed fo find slice at index $\\`{req.data.sliceIndex}\\` in \\`<SliceZone />\\``,\n\t\t\t\t\t\t500,\n\t\t\t\t\t)\n\t\t\t\t}\n\n\t\t\t\t// Scroll to Slice\n\t\t\t\t$slice.scrollIntoView({\n\t\t\t\t\tbehavior: req.data.behavior,\n\t\t\t\t\tblock: req.data.block,\n\t\t\t\t\tinline: req.data.inline,\n\t\t\t\t})\n\n\t\t\t\t// Update active slice after scrolling\n\t\t\t\tif (this._api?.options.activeSliceAPI) {\n\t\t\t\t\tsetTimeout(this.state.setActiveSlice, 750)\n\t\t\t\t}\n\n\t\t\t\treturn res.success()\n\t\t\t},\n\t\t})\n\n\t\t// Mark API as ready\n\t\tawait this._api.ready()\n\t}\n\n\tprivate _initListeners(): void {\n\t\tif (this._api?.options.activeSliceAPI) {\n\t\t\t// Update active slice on mouse move\n\t\t\twindow.addEventListener(\"mousemove\", () => {\n\t\t\t\tthis.state.setActiveSlice()\n\t\t\t})\n\t\t\t// Update active slice on events impacting slices rendering\n\t\t\twindow.addEventListener(\"resize\", () => {\n\t\t\t\tthis.state.setActiveSlice()\n\t\t\t})\n\t\t\twindow.addEventListener(\"mousewheel\", () => {\n\t\t\t\tsetTimeout(this.state.setActiveSlice, 200)\n\t\t\t})\n\n\t\t\t// Update active slice when slices are set\n\t\t\tthis.state.on(StateEventType.Slices, () => {\n\t\t\t\tthis.state.setActiveSlice()\n\t\t\t})\n\t\t\t// Send active slices to renderer\n\t\t\tthis.state.on(StateEventType.ActiveSlice, async (activeSlice) => {\n\t\t\t\tif (this._api) {\n\t\t\t\t\ttry {\n\t\t\t\t\t\tawait this._api.setActiveSlice(activeSlice)\n\t\t\t\t\t} catch (error) {\n\t\t\t\t\t\t// Just log bad requests, throw everything else\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\terror instanceof ResponseError &&\n\t\t\t\t\t\t\terror.response.status === 400\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tconsole.error(error.response)\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tthrow error\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t})\n\t\t}\n\n\t\tif (this._api?.options.sliceZoneSizeAPI) {\n\t\t\t// Monitor Simulator root node size\n\t\t\tconst resizeObserver = new ResizeObserver(\n\t\t\t\tthrottle(async (entries) => {\n\t\t\t\t\tconst [entry] = entries\n\n\t\t\t\t\tif (this._api && entry) {\n\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\tawait this._api.setSliceZoneSize({ rect: entry.contentRect })\n\t\t\t\t\t\t} catch (error) {\n\t\t\t\t\t\t\t// Just log bad requests, throw everything else\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\terror instanceof ResponseError &&\n\t\t\t\t\t\t\t\terror.response.status === 400\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tconsole.error(error.response)\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tthrow error\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}, 16),\n\t\t\t)\n\t\t\tconst observeSimulatorRoot = () => {\n\t\t\t\tconst simulatorRootDOM = getSimulatorRootDOM()\n\t\t\t\tresizeObserver.disconnect()\n\t\t\t\tif (simulatorRootDOM) {\n\t\t\t\t\tresizeObserver.observe(simulatorRootDOM)\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Monitor Simulator root node in DOM\n\t\t\tconst mutationObserver = new MutationObserver(observeSimulatorRoot)\n\t\t\t// We want it to fail if not found\n\t\t\t// eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n\t\t\tmutationObserver.observe(getSimulatorDOM()!, {\n\t\t\t\tsubtree: false,\n\t\t\t\tchildList: true,\n\t\t\t})\n\t\t}\n\t}\n}\n"],"mappings":"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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { State } from "./State.cjs";
|
|
2
|
+
import { SliceZone } from "@prismicio/client";
|
|
3
|
+
|
|
4
|
+
//#region src/kit/SimulatorManager.d.ts
|
|
5
|
+
type ManagerConstructorArgs = {
|
|
6
|
+
slices?: SliceZone;
|
|
7
|
+
};
|
|
8
|
+
declare class SimulatorManager {
|
|
9
|
+
state: State;
|
|
10
|
+
private _api;
|
|
11
|
+
private _initialized;
|
|
12
|
+
constructor(args?: ManagerConstructorArgs);
|
|
13
|
+
init(): Promise<void>;
|
|
14
|
+
private _initAPI;
|
|
15
|
+
private _initListeners;
|
|
16
|
+
}
|
|
17
|
+
//#endregion
|
|
18
|
+
export { SimulatorManager };
|
|
19
|
+
//# sourceMappingURL=SimulatorManager.d.cts.map
|
|
@@ -1,15 +1,19 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
1
|
+
import { State } from "./State.js";
|
|
2
|
+
import { SliceZone } from "@prismicio/client";
|
|
3
|
+
|
|
4
|
+
//#region src/kit/SimulatorManager.d.ts
|
|
3
5
|
type ManagerConstructorArgs = {
|
|
4
|
-
|
|
6
|
+
slices?: SliceZone;
|
|
5
7
|
};
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
8
|
+
declare class SimulatorManager {
|
|
9
|
+
state: State;
|
|
10
|
+
private _api;
|
|
11
|
+
private _initialized;
|
|
12
|
+
constructor(args?: ManagerConstructorArgs);
|
|
13
|
+
init(): Promise<void>;
|
|
14
|
+
private _initAPI;
|
|
15
|
+
private _initListeners;
|
|
14
16
|
}
|
|
15
|
-
|
|
17
|
+
//#endregion
|
|
18
|
+
export { SimulatorManager };
|
|
19
|
+
//# sourceMappingURL=SimulatorManager.d.ts.map
|