@prismicio/simulator 0.1.0

package/dist/lib/__PRODUCTION__.d.ts

@@ -0,0 +1,7 @@
+/**
+ * `true` if in the production environment, `false` otherwise.
+ *
+ * This boolean can be used to perform actions only in development environments,
+ * such as logging.
+ */
+export declare const __PRODUCTION__: boolean;

package/dist/lib/throttle.cjs

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const throttle = (fn, delay = 16) => {
+  let lastExec = 0;
+  let timer = null;
+  return function(...args) {
+    const now = Date.now();
+    const delta = now - lastExec;
+    if (delta >= delay) {
+      fn.apply(this, args);
+      lastExec = now;
+    } else {
+      if (timer) {
+        clearTimeout(timer);
+      }
+      timer = setTimeout(() => {
+        fn.apply(this, args);
+        lastExec = Date.now();
+      }, delay - delta);
+    }
+  };
+};
+exports.throttle = throttle;
+//# sourceMappingURL=throttle.cjs.map

package/dist/lib/throttle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"throttle.cjs","sources":["../../../src/lib/throttle.ts"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const throttle = <TFn extends (...args: any[]) => any>(\n\tfn: TFn,\n\tdelay = 16,\n): ((...args: Parameters<TFn>) => void) => {\n\tlet lastExec = 0;\n\tlet timer: NodeJS.Timeout | null = null;\n\n\treturn function (this: unknown, ...args: Parameters<TFn>) {\n\t\tconst now = Date.now();\n\t\tconst delta = now - lastExec;\n\n\t\tif (delta >= delay) {\n\t\t\tfn.apply(this, args);\n\t\t\tlastExec = now;\n\t\t} else {\n\t\t\tif (timer) {\n\t\t\t\tclearTimeout(timer);\n\t\t\t}\n\t\t\ttimer = setTimeout(() => {\n\t\t\t\tfn.apply(this, args);\n\t\t\t\tlastExec = Date.now();\n\t\t\t}, delay - delta);\n\t\t}\n\t};\n};\n"],"names":[],"mappings":";;AACO,MAAM,WAAW,CACvB,IACA,QAAQ,OACiC;AACzC,MAAI,WAAW;AACf,MAAI,QAA+B;AAEnC,SAAO,YAA4B,MAAqB;AACjD,UAAA,MAAM,KAAK;AACjB,UAAM,QAAQ,MAAM;AAEpB,QAAI,SAAS,OAAO;AAChB,SAAA,MAAM,MAAM,IAAI;AACR,iBAAA;AAAA,IAAA,OACL;AACN,UAAI,OAAO;AACV,qBAAa,KAAK;AAAA,MAClB;AACD,cAAQ,WAAW,MAAK;AACpB,WAAA,MAAM,MAAM,IAAI;AACnB,mBAAW,KAAK;SACd,QAAQ,KAAK;AAAA,IAChB;AAAA,EAAA;AAEH;;"}

package/dist/lib/throttle.d.ts

@@ -0,0 +1 @@
+export declare const throttle: <TFn extends (...args: any[]) => any>(fn: TFn, delay?: number) => (...args: Parameters<TFn>) => void;

package/dist/lib/throttle.js

@@ -0,0 +1,24 @@
+const throttle = (fn, delay = 16) => {
+  let lastExec = 0;
+  let timer = null;
+  return function(...args) {
+    const now = Date.now();
+    const delta = now - lastExec;
+    if (delta >= delay) {
+      fn.apply(this, args);
+      lastExec = now;
+    } else {
+      if (timer) {
+        clearTimeout(timer);
+      }
+      timer = setTimeout(() => {
+        fn.apply(this, args);
+        lastExec = Date.now();
+      }, delay - delta);
+    }
+  };
+};
+export {
+  throttle
+};
+//# sourceMappingURL=throttle.js.map

package/dist/lib/throttle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"throttle.js","sources":["../../../src/lib/throttle.ts"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const throttle = <TFn extends (...args: any[]) => any>(\n\tfn: TFn,\n\tdelay = 16,\n): ((...args: Parameters<TFn>) => void) => {\n\tlet lastExec = 0;\n\tlet timer: NodeJS.Timeout | null = null;\n\n\treturn function (this: unknown, ...args: Parameters<TFn>) {\n\t\tconst now = Date.now();\n\t\tconst delta = now - lastExec;\n\n\t\tif (delta >= delay) {\n\t\t\tfn.apply(this, args);\n\t\t\tlastExec = now;\n\t\t} else {\n\t\t\tif (timer) {\n\t\t\t\tclearTimeout(timer);\n\t\t\t}\n\t\t\ttimer = setTimeout(() => {\n\t\t\t\tfn.apply(this, args);\n\t\t\t\tlastExec = Date.now();\n\t\t\t}, delay - delta);\n\t\t}\n\t};\n};\n"],"names":[],"mappings":"AACO,MAAM,WAAW,CACvB,IACA,QAAQ,OACiC;AACzC,MAAI,WAAW;AACf,MAAI,QAA+B;AAEnC,SAAO,YAA4B,MAAqB;AACjD,UAAA,MAAM,KAAK;AACjB,UAAM,QAAQ,MAAM;AAEpB,QAAI,SAAS,OAAO;AAChB,SAAA,MAAM,MAAM,IAAI;AACR,iBAAA;AAAA,IAAA,OACL;AACN,UAAI,OAAO;AACV,qBAAa,KAAK;AAAA,MAClB;AACD,cAAQ,WAAW,MAAK;AACpB,WAAA,MAAM,MAAM,IAAI;AACnB,mBAAW,KAAK;SACd,QAAQ,KAAK;AAAA,IAChB;AAAA,EAAA;AAEH;"}

package/dist/types.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+exports.APIRequestType = void 0;
+(function(APIRequestType2) {
+  APIRequestType2["SetActiveSlice"] = "setActiveSlice";
+  APIRequestType2["SetSliceZoneSize"] = "setSliceZoneSize";
+})(exports.APIRequestType || (exports.APIRequestType = {}));
+exports.ClientRequestType = void 0;
+(function(ClientRequestType2) {
+  ClientRequestType2["Ping"] = "ping";
+  ClientRequestType2["SetSliceZone"] = "setSliceZone";
+  ClientRequestType2["ScrollToSlice"] = "scrollToSlice";
+})(exports.ClientRequestType || (exports.ClientRequestType = {}));
+//# sourceMappingURL=types.cjs.map

package/dist/types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.cjs","sources":["../../src/types.ts"],"sourcesContent":["import { SliceZone } from \"@prismicio/types\";\n\nimport { RequestMessage, ResponseMessage, Transaction } from \"./channel\";\n\nexport type ActiveSlice = {\n\trect: DOMRect;\n\tsliceID: string;\n\tvariationID: string;\n\tindex: number;\n};\n\nexport type SliceZoneSize = {\n\trect: DOMRect;\n};\n\nexport enum APIRequestType {\n\tSetActiveSlice = \"setActiveSlice\",\n\tSetSliceZoneSize = \"setSliceZoneSize\",\n}\n\nexport type APITransactions = {\n\t[APIRequestType.SetActiveSlice]: Transaction<\n\t\tRequestMessage<APIRequestType.SetActiveSlice, ActiveSlice | null>\n\t>;\n\t[APIRequestType.SetSliceZoneSize]: Transaction<\n\t\tRequestMessage<APIRequestType.SetSliceZoneSize, SliceZoneSize | null>\n\t>;\n};\n\nexport enum ClientRequestType {\n\tPing = \"ping\",\n\tSetSliceZone = \"setSliceZone\",\n\tScrollToSlice = \"scrollToSlice\",\n}\n\nexport type ClientTransactions = {\n\t[ClientRequestType.Ping]: Transaction<\n\t\tRequestMessage<ClientRequestType.Ping>,\n\t\tResponseMessage<\"pong\">\n\t>;\n\n\t[ClientRequestType.SetSliceZone]: Transaction<\n\t\tRequestMessage<ClientRequestType.SetSliceZone, SliceZone>\n\t>;\n\n\t[ClientRequestType.ScrollToSlice]: Transaction<\n\t\tRequestMessage<\n\t\t\tClientRequestType.ScrollToSlice,\n\t\t\t{\n\t\t\t\tsliceIndex: number;\n\t\t\t\tbehavior?: \"auto\" | \"smooth\";\n\t\t\t\tblock?: \"start\" | \"center\" | \"end\" | \"nearest\";\n\t\t\t\tinline?: \"start\" | \"center\" | \"end\" | \"nearest\";\n\t\t\t}\n\t\t>\n\t>;\n};\n"],"names":["APIRequestType","ClientRequestType"],"mappings":";;AAeYA,QAAA,iBAAA;AAAA,CAAZ,SAAYA,iBAAc;AACzBA,kBAAA,gBAAA,IAAA;AACAA,kBAAA,kBAAA,IAAA;AACD,GAHYA,2BAAAA,QAAAA,iBAGX,CAAA,EAAA;AAWWC,QAAA,oBAAA;AAAA,CAAZ,SAAYA,oBAAiB;AAC5BA,qBAAA,MAAA,IAAA;AACAA,qBAAA,cAAA,IAAA;AACAA,qBAAA,eAAA,IAAA;AACD,GAJYA,QAAA,sBAAAA,4BAIX,CAAA,EAAA;"}

package/dist/types.d.ts

@@ -0,0 +1,34 @@
+import { SliceZone } from "@prismicio/types";
+import { RequestMessage, ResponseMessage, Transaction } from "./channel";
+export type ActiveSlice = {
+    rect: DOMRect;
+    sliceID: string;
+    variationID: string;
+    index: number;
+};
+export type SliceZoneSize = {
+    rect: DOMRect;
+};
+export declare enum APIRequestType {
+    SetActiveSlice = "setActiveSlice",
+    SetSliceZoneSize = "setSliceZoneSize"
+}
+export type APITransactions = {
+    [APIRequestType.SetActiveSlice]: Transaction<RequestMessage<APIRequestType.SetActiveSlice, ActiveSlice | null>>;
+    [APIRequestType.SetSliceZoneSize]: Transaction<RequestMessage<APIRequestType.SetSliceZoneSize, SliceZoneSize | null>>;
+};
+export declare enum ClientRequestType {
+    Ping = "ping",
+    SetSliceZone = "setSliceZone",
+    ScrollToSlice = "scrollToSlice"
+}
+export type ClientTransactions = {
+    [ClientRequestType.Ping]: Transaction<RequestMessage<ClientRequestType.Ping>, ResponseMessage<"pong">>;
+    [ClientRequestType.SetSliceZone]: Transaction<RequestMessage<ClientRequestType.SetSliceZone, SliceZone>>;
+    [ClientRequestType.ScrollToSlice]: Transaction<RequestMessage<ClientRequestType.ScrollToSlice, {
+        sliceIndex: number;
+        behavior?: "auto" | "smooth";
+        block?: "start" | "center" | "end" | "nearest";
+        inline?: "start" | "center" | "end" | "nearest";
+    }>>;
+};

package/dist/types.js

@@ -0,0 +1,16 @@
+var APIRequestType;
+(function(APIRequestType2) {
+  APIRequestType2["SetActiveSlice"] = "setActiveSlice";
+  APIRequestType2["SetSliceZoneSize"] = "setSliceZoneSize";
+})(APIRequestType || (APIRequestType = {}));
+var ClientRequestType;
+(function(ClientRequestType2) {
+  ClientRequestType2["Ping"] = "ping";
+  ClientRequestType2["SetSliceZone"] = "setSliceZone";
+  ClientRequestType2["ScrollToSlice"] = "scrollToSlice";
+})(ClientRequestType || (ClientRequestType = {}));
+export {
+  APIRequestType,
+  ClientRequestType
+};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../src/types.ts"],"sourcesContent":["import { SliceZone } from \"@prismicio/types\";\n\nimport { RequestMessage, ResponseMessage, Transaction } from \"./channel\";\n\nexport type ActiveSlice = {\n\trect: DOMRect;\n\tsliceID: string;\n\tvariationID: string;\n\tindex: number;\n};\n\nexport type SliceZoneSize = {\n\trect: DOMRect;\n};\n\nexport enum APIRequestType {\n\tSetActiveSlice = \"setActiveSlice\",\n\tSetSliceZoneSize = \"setSliceZoneSize\",\n}\n\nexport type APITransactions = {\n\t[APIRequestType.SetActiveSlice]: Transaction<\n\t\tRequestMessage<APIRequestType.SetActiveSlice, ActiveSlice | null>\n\t>;\n\t[APIRequestType.SetSliceZoneSize]: Transaction<\n\t\tRequestMessage<APIRequestType.SetSliceZoneSize, SliceZoneSize | null>\n\t>;\n};\n\nexport enum ClientRequestType {\n\tPing = \"ping\",\n\tSetSliceZone = \"setSliceZone\",\n\tScrollToSlice = \"scrollToSlice\",\n}\n\nexport type ClientTransactions = {\n\t[ClientRequestType.Ping]: Transaction<\n\t\tRequestMessage<ClientRequestType.Ping>,\n\t\tResponseMessage<\"pong\">\n\t>;\n\n\t[ClientRequestType.SetSliceZone]: Transaction<\n\t\tRequestMessage<ClientRequestType.SetSliceZone, SliceZone>\n\t>;\n\n\t[ClientRequestType.ScrollToSlice]: Transaction<\n\t\tRequestMessage<\n\t\t\tClientRequestType.ScrollToSlice,\n\t\t\t{\n\t\t\t\tsliceIndex: number;\n\t\t\t\tbehavior?: \"auto\" | \"smooth\";\n\t\t\t\tblock?: \"start\" | \"center\" | \"end\" | \"nearest\";\n\t\t\t\tinline?: \"start\" | \"center\" | \"end\" | \"nearest\";\n\t\t\t}\n\t\t>\n\t>;\n};\n"],"names":["APIRequestType","ClientRequestType"],"mappings":"AAeY,IAAA;AAAA,CAAZ,SAAYA,iBAAc;AACzBA,kBAAA,gBAAA,IAAA;AACAA,kBAAA,kBAAA,IAAA;AACD,GAHY,mBAAA,iBAGX,CAAA,EAAA;AAWW,IAAA;AAAA,CAAZ,SAAYC,oBAAiB;AAC5BA,qBAAA,MAAA,IAAA;AACAA,qBAAA,cAAA,IAAA;AACAA,qBAAA,eAAA,IAAA;AACD,GAJY,sBAAA,oBAIX,CAAA,EAAA;"}

package/package.json

@@ -0,0 +1,99 @@
+{
+	"name": "@prismicio/simulator",
+	"version": "0.1.0",
+	"description": "Preview and develop Prismic slices fast with minimal configuration",
+	"keywords": [
+		"typescript",
+		"prismic"
+	],
+	"repository": {
+		"type": "git",
+		"url": "ssh://git@github.com/github_org_slash_github_repo.git"
+	},
+	"license": "Apache-2.0",
+	"author": "Prismic <contact@prismic.io> (https://prismic.io)",
+	"type": "module",
+	"exports": {
+		".": {
+			"require": {
+				"types": "./dist/index.d.ts",
+				"default": "./dist/index.cjs"
+			},
+			"import": {
+				"types": "./dist/index.d.ts",
+				"default": "./dist/index.js"
+			}
+		},
+		"./kit": {
+			"require": {
+				"types": "./dist/kit/index.d.ts",
+				"default": "./dist/kit/index.cjs"
+			},
+			"import": {
+				"types": "./dist/kit/index.d.ts",
+				"default": "./dist/kit/index.js"
+			}
+		},
+		"./package.json": "./package.json"
+	},
+	"main": "./dist/index.cjs",
+	"module": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"files": [
+		"./dist",
+		"./src"
+	],
+	"scripts": {
+		"build": "vite build",
+		"dev": "nuxi dev playground",
+		"format": "prettier --write .",
+		"prepare": "npm run build && nuxi prepare playground",
+		"release": "npm run test && standard-version && git push --follow-tags && npm run build && npm publish",
+		"release:dry": "standard-version --dry-run",
+		"release:alpha": "npm run test && standard-version --release-as major --prerelease alpha && git push --follow-tags && npm run build && npm publish --tag alpha",
+		"release:alpha:dry": "standard-version --release-as major --prerelease alpha --dry-run",
+		"lint": "eslint --ext .js,.ts .",
+		"types": "vitest typecheck --run && tsc --noEmit",
+		"types:watch": "vitest typecheck",
+		"unit": "vitest run --coverage",
+		"unit:watch": "vitest watch",
+		"size": "size-limit",
+		"test": "npm run lint && npm run types && npm run unit && npm run build && npm run size"
+	},
+	"dependencies": {
+		"@prismicio/client": "^7.0.1",
+		"statuses": "^2.0.1"
+	},
+	"devDependencies": {
+		"@nuxt/eslint-config": "^0.1.1",
+		"@nuxtjs/prismic": "^3.0.0",
+		"@nuxtjs/tailwindcss": "^6.7.0",
+		"@size-limit/preset-small-lib": "^8.2.4",
+		"@slicemachine/adapter-nuxt": "^0.3.0",
+		"@trivago/prettier-plugin-sort-imports": "^4.1.1",
+		"@types/node": "^18",
+		"@types/statuses": "^2.0.1",
+		"@typescript-eslint/eslint-plugin": "^5.59.9",
+		"@typescript-eslint/parser": "^5.59.9",
+		"@vitest/coverage-c8": "^0.32.0",
+		"eslint": "^8.42.0",
+		"eslint-config-prettier": "^8.8.0",
+		"eslint-plugin-prettier": "^4.2.1",
+		"eslint-plugin-tsdoc": "^0.2.17",
+		"nuxt": "^3.5.3",
+		"prettier": "^2.8.8",
+		"prettier-plugin-jsdoc": "^0.4.2",
+		"size-limit": "^8.2.4",
+		"standard-version": "^9.5.0",
+		"typescript": "^5.1.3",
+		"vite": "^4.3.9",
+		"vite-plugin-sdk": "^0.1.1",
+		"vitest": "^0.32.0"
+	},
+	"engines": {
+		"node": ">=14.15.0"
+	},
+	"publishConfig": {
+		"access": "public"
+	}
+}

package/src/SimulatorAPI.ts

@@ -0,0 +1,90 @@
+import {
+	APIRequestType,
+	APITransactions,
+	ClientRequestType,
+	ClientTransactions,
+} from "./types";
+
+import {
+	AllChannelReceiverOptions,
+	ChannelReceiver,
+	TransactionMethod,
+	TransactionsHandlers,
+	TransactionsMethods,
+} from "./channel";
+
+export type SimulatorAPIOptions = {
+	activeSliceAPI: boolean;
+	sliceZoneSizeAPI: boolean;
+};
+
+export const simulatorAPIDefaultOptions: Partial<AllChannelReceiverOptions> &
+	SimulatorAPIOptions = {
+	requestIDPrefix: "api-",
+	activeSliceAPI: false,
+	sliceZoneSizeAPI: false,
+};
+
+export class SimulatorAPI
+	extends ChannelReceiver<ClientTransactions, SimulatorAPIOptions>
+	implements TransactionsMethods<APITransactions>
+{
+	constructor(
+		requestHandlers: Omit<
+			TransactionsHandlers<ClientTransactions>,
+			ClientRequestType.Ping
+		> &
+			Partial<
+				Pick<TransactionsHandlers<ClientTransactions>, ClientRequestType.Ping>
+			>,
+		options?: Partial<AllChannelReceiverOptions & SimulatorAPIOptions>,
+	) {
+		// True if `options.debug` is true or `debug=true` is among query parameters
+		const debug =
+			options?.debug ||
+			/[?&]debug=true/i.test(decodeURIComponent(window.location.search));
+
+		super(
+			{
+				[ClientRequestType.Ping]: (_req, res) => {
+					return res.success("pong");
+				},
+				...requestHandlers,
+			},
+			{
+				...simulatorAPIDefaultOptions,
+				...options,
+				debug,
+			},
+		);
+
+		// Append API to window object
+		if (debug) {
+			type APIWindow = typeof window & {
+				prismic: { sliceSimulator?: { api?: SimulatorAPI[] } };
+			};
+
+			(window as APIWindow).prismic ||= {};
+			(window as APIWindow).prismic.sliceSimulator ||= {};
+			// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+			(window as APIWindow).prismic.sliceSimulator!.api ||= [];
+			// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+			(window as APIWindow).prismic.sliceSimulator!.api!.push(this);
+		}
+	}
+
+	[APIRequestType.SetActiveSlice]: TransactionMethod<
+		APITransactions[APIRequestType.SetActiveSlice]
+	> = async (data) => {
+		return await this.postFormattedRequest(APIRequestType.SetActiveSlice, data);
+	};
+
+	[APIRequestType.SetSliceZoneSize]: TransactionMethod<
+		APITransactions[APIRequestType.SetSliceZoneSize]
+	> = async (data) => {
+		return await this.postFormattedRequest(
+			APIRequestType.SetSliceZoneSize,
+			data,
+		);
+	};
+}

package/src/SimulatorClient.ts

@@ -0,0 +1,96 @@
+import {
+	APIRequestType,
+	APITransactions,
+	ClientRequestType,
+	ClientTransactions,
+} from "./types";
+
+import { SimulatorAPIOptions } from "./SimulatorAPI";
+import {
+	AllChannelEmitterOptions,
+	ChannelEmitter,
+	TransactionMethod,
+	TransactionsHandlers,
+	TransactionsMethods,
+} from "./channel";
+
+export const simulatorClientDefaultOptions: Partial<AllChannelEmitterOptions> =
+	{
+		requestIDPrefix: "client-",
+	};
+
+export class SimulatorClient
+	extends ChannelEmitter<
+		APITransactions,
+		Partial<AllChannelEmitterOptions>,
+		SimulatorAPIOptions
+	>
+	implements TransactionsMethods<ClientTransactions>
+{
+	constructor(
+		target: HTMLIFrameElement,
+		requestHandlers?: Partial<TransactionsHandlers<APITransactions>>,
+		options?: Partial<AllChannelEmitterOptions>,
+	) {
+		// True if `options.debug` is true or `debug=true` is among query parameters
+		const debug =
+			options?.debug ||
+			/[?&]debug=true/i.test(decodeURIComponent(window.location.search));
+
+		super(
+			target,
+			{
+				[APIRequestType.SetActiveSlice]: (_req, res) => {
+					return res.success();
+				},
+				[APIRequestType.SetSliceZoneSize]: (_req, res) => {
+					return res.success();
+				},
+				...requestHandlers,
+			},
+			{
+				...simulatorClientDefaultOptions,
+				...options,
+				debug,
+			},
+		);
+
+		// Append client to window object
+		if (debug) {
+			type ClientWindow = typeof window & {
+				prismic: { sliceSimulator?: { client?: SimulatorClient[] } };
+			};
+
+			(window as ClientWindow).prismic ||= {};
+			(window as ClientWindow).prismic.sliceSimulator ||= {};
+			// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+			(window as ClientWindow).prismic.sliceSimulator!.client ||= [];
+			// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+			(window as ClientWindow).prismic.sliceSimulator!.client!.push(this);
+		}
+	}
+
+	[ClientRequestType.Ping]: TransactionMethod<
+		ClientTransactions[ClientRequestType.Ping]
+	> = async () => {
+		return await this.postFormattedRequest(ClientRequestType.Ping);
+	};
+
+	[ClientRequestType.SetSliceZone]: TransactionMethod<
+		ClientTransactions[ClientRequestType.SetSliceZone]
+	> = async (data) => {
+		return await this.postFormattedRequest(
+			ClientRequestType.SetSliceZone,
+			data,
+		);
+	};
+
+	[ClientRequestType.ScrollToSlice]: TransactionMethod<
+		ClientTransactions[ClientRequestType.ScrollToSlice]
+	> = async (data) => {
+		return await this.postFormattedRequest(
+			ClientRequestType.ScrollToSlice,
+			data,
+		);
+	};
+}