@cyia/chrome-trpc 1.0.0

package/client/index.js

@@ -0,0 +1,210 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/trpc/client/index.ts
+var client_exports = {};
+__export(client_exports, {
+  chromeLink: () => chromeLink
+});
+module.exports = __toCommonJS(client_exports);
+
+// packages/trpc/client/chromeLink.ts
+var import_client = require("@trpc/client");
+var import_observable = require("@trpc/server/observable");
+var import_unstable_internals = require("@trpc/client/unstable-internals");
+var import_unstable_core_do_not_import = require("@trpc/server/unstable-core-do-not-import");
+
+// packages/trpc/util/json.ts
+var import_superjson = require("superjson");
+var import_snappyjs = require("snappyjs");
+var import_bowser = require("bowser");
+var DefaultSuperJSON = class {
+  superJson;
+  constructor() {
+    this.superJson = new import_superjson.SuperJSON();
+  }
+};
+var CompressSuperJSON = class {
+  superJson;
+  constructor() {
+    this.superJson = new import_superjson.SuperJSON();
+  }
+};
+var defaultSuperJSON = new DefaultSuperJSON();
+var compressSuperJSON = new CompressSuperJSON();
+function uint8ArrayToBase64(bytes) {
+  return btoa(new TextDecoder("iso-8859-1").decode(bytes));
+}
+function base64ToUint8Array(base64) {
+  return Uint8Array.from(atob(base64), (c) => c.charCodeAt(0));
+}
+function jsonToUint8Array(obj) {
+  return new TextEncoder().encode(JSON.stringify(obj));
+}
+function uint8ArrayToJson(data) {
+  return JSON.parse(new TextDecoder().decode(data));
+}
+function initJsonConvert() {
+  const useStructuredClone = chrome.runtime.getManifest()["message_serialization"] === "structured_clone" && (0, import_bowser.getParser)(navigator.userAgent, navigator.userAgentData).satisfies({
+    chrome: ">=148.0.0.0"
+  });
+  const isApplicable = (v) => v instanceof Uint8Array;
+  const defaultConfig = {
+    serialize: useStructuredClone ? (v) => v : (v) => uint8ArrayToBase64(v),
+    deserialize: useStructuredClone ? (v) => v : (v) => base64ToUint8Array(v),
+    isApplicable
+  };
+  const compressConfig = {
+    serialize: useStructuredClone ? (v) => (0, import_snappyjs.compress)(v) : (v) => uint8ArrayToBase64((0, import_snappyjs.compress)(v)),
+    deserialize: useStructuredClone ? (v) => (0, import_snappyjs.uncompress)(v) : (v) => (0, import_snappyjs.uncompress)(base64ToUint8Array(v)),
+    isApplicable
+  };
+  defaultSuperJSON.superJson.registerCustom(
+    defaultConfig,
+    "0" /* unit8array */
+  );
+  compressSuperJSON.superJson.registerCustom(
+    compressConfig,
+    "0" /* unit8array */
+  );
+}
+function serialize(object, compress2) {
+  if (!compress2) {
+    return defaultSuperJSON.superJson.serialize(object);
+  }
+  const result = compressSuperJSON.superJson.serialize(object);
+  result.__compress = true;
+  if (result.meta?.values) {
+    if (Array.isArray(result.meta?.values)) {
+      if (result.meta.values[0][1] === "0" /* unit8array */) {
+        return result;
+      }
+    } else {
+      const list = Object.values(result.meta.values);
+      if (list.some((item) => Array.isArray(item[0]))) {
+        return result;
+      } else {
+        return uint8ArrayToBase64(jsonToUint8Array(result));
+      }
+    }
+  }
+  return result;
+}
+function deserialize(payload) {
+  if (typeof payload === "string") {
+    payload = uint8ArrayToJson(base64ToUint8Array(payload));
+  }
+  return payload.__compress ? compressSuperJSON.superJson.deserialize(payload, { inPlace: true }) : defaultSuperJSON.superJson.deserialize(payload, { inPlace: true });
+}
+
+// packages/trpc/client/chromeLink.ts
+var ChromeClient = class {
+  #pendingRequests = /* @__PURE__ */ new Map();
+  port;
+  constructor(port) {
+    this.port = port;
+    port.onMessage.addListener((message) => {
+      if (message.result?.data) {
+        message.result.data = deserialize(message.result.data);
+      }
+      this.#handleResponse(message);
+    });
+  }
+  #handleResponse(response) {
+    const request = response.id && this.#pendingRequests.get(response.id);
+    if (!request) {
+      return;
+    }
+    request.callbacks.next(response);
+    if ("result" in response && response.result.type === "stopped") {
+      request.callbacks.complete();
+    }
+  }
+  index = 0;
+  request(op, callbacks) {
+    const { type } = op;
+    const id = `${this.index++}`;
+    this.#pendingRequests.set(id, {
+      type,
+      callbacks,
+      op
+    });
+    const message = {
+      method: "request",
+      operation: {
+        ...op,
+        input: serialize(op.input, !!op.context["compress"])
+      },
+      id
+    };
+    this.port.postMessage(message);
+    return () => {
+      const callbacks2 = this.#pendingRequests.get(id)?.callbacks;
+      this.#pendingRequests.delete(id);
+      callbacks2?.complete();
+      if (type === "subscription") {
+        this.port.postMessage({
+          id,
+          operation: {},
+          method: "subscription.stop"
+        });
+      }
+    };
+  }
+};
+function chromeLink(opts) {
+  initJsonConvert();
+  const port = opts.port;
+  return () => {
+    const client = new ChromeClient(port);
+    const transformer = (0, import_unstable_internals.getTransformer)(opts?.transformer);
+    return ({ op }) => (0, import_observable.observable)((observer) => {
+      op.input = transformer.input.serialize(op.input);
+      const unsubscribe = client.request(op, {
+        error(err) {
+          observer.error(err);
+          unsubscribe();
+        },
+        complete() {
+          observer.complete();
+        },
+        next(response) {
+          const transformed = (0, import_unstable_core_do_not_import.transformResult)(response, transformer.output);
+          if (!transformed.ok) {
+            observer.error(import_client.TRPCClientError.from(transformed.error));
+            return;
+          }
+          observer.next({ result: transformed.result });
+          if (op.type !== "subscription") {
+            unsubscribe();
+            observer.complete();
+          }
+        }
+      });
+      return () => {
+        unsubscribe();
+      };
+    });
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  chromeLink
+});
+//# sourceMappingURL=index.js.map

package/client/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/trpc/client/index.ts", "../../../packages/trpc/client/chromeLink.ts", "../../../packages/trpc/util/json.ts"],
+  "sourcesContent": ["export * from './chromeLink';\n", "import { Operation, TRPCClientError, TRPCLink } from '@trpc/client';\nimport type {\n  AnyRouter,\n  AnyTRPCRouter,\n  inferRouterContext,\n  inferTRPCClientTypes,\n  ProcedureType,\n} from '@trpc/server';\nimport type { TRPCResponseMessage } from '@trpc/server/rpc';\nimport { observable, Observer } from '@trpc/server/observable';\nimport {\n  getTransformer,\n  TransformerOptions,\n} from '@trpc/client/unstable-internals';\nimport { transformResult } from '@trpc/server/unstable-core-do-not-import';\nimport { deserialize, initJsonConvert, serialize } from '../util/json';\n\ntype ChromeCallbackResult<TRouter extends AnyRouter = AnyRouter> =\n  TRPCResponseMessage<unknown, inferRouterContext<TRouter>>;\n\ntype ChromeCallbacks<TRouter extends AnyRouter = AnyRouter> = Observer<\n  ChromeCallbackResult<TRouter>,\n  TRPCClientError<TRouter>\n>;\n\ntype ChromeRequest = {\n  type: ProcedureType;\n  callbacks: ChromeCallbacks;\n  op: Operation;\n};\n\nclass ChromeClient {\n  #pendingRequests = new Map<string | number, ChromeRequest>();\n  port;\n  constructor(port: chrome.runtime.Port) {\n    this.port = port;\n    port.onMessage.addListener((message) => {\n      if (message.result?.data) {\n        message.result.data = deserialize(message.result.data);\n      }\n      this.#handleResponse(message);\n    });\n  }\n\n  #handleResponse(response: TRPCResponseMessage) {\n    const request = response.id && this.#pendingRequests.get(response.id);\n    if (!request) {\n      return;\n    }\n\n    request.callbacks.next(response);\n\n    if ('result' in response && response.result.type === 'stopped') {\n      request.callbacks.complete();\n    }\n  }\n  index = 0;\n  request(op: Operation, callbacks: ChromeCallbacks) {\n    const { type } = op;\n    const id = `${this.index++}`;\n\n    this.#pendingRequests.set(id, {\n      type,\n      callbacks,\n      op,\n    });\n    const message = {\n      method: 'request',\n      operation: {\n        ...op,\n        input: serialize(op.input, !!op.context['compress']),\n      },\n      id: id,\n    };\n\n    this.port.postMessage(message);\n    return () => {\n      const callbacks = this.#pendingRequests.get(id)?.callbacks;\n\n      this.#pendingRequests.delete(id);\n\n      callbacks?.complete();\n\n      if (type === 'subscription') {\n        this.port.postMessage({\n          id,\n          operation: {},\n          method: 'subscription.stop',\n        });\n      }\n    };\n  }\n}\n\nexport type ChromeLinkOptions<TRouter extends AnyTRPCRouter> =\n  TransformerOptions<inferTRPCClientTypes<TRouter>>;\nexport function chromeLink<TRouter extends AnyRouter>(\n  opts: ChromeLinkOptions<TRouter> & {\n    port: chrome.runtime.Port;\n  },\n): TRPCLink<TRouter> {\n  initJsonConvert();\n  const port = opts.port;\n  return () => {\n    const client = new ChromeClient(port);\n    const transformer = getTransformer(opts?.transformer);\n\n    return ({ op }) =>\n      observable((observer) => {\n        op.input = transformer.input.serialize(op.input);\n\n        const unsubscribe = client.request(op, {\n          error(err) {\n            observer.error(err as TRPCClientError<any>);\n            unsubscribe();\n          },\n          complete() {\n            observer.complete();\n          },\n          next(response) {\n            const transformed = transformResult(response, transformer.output);\n\n            if (!transformed.ok) {\n              observer.error(TRPCClientError.from(transformed.error));\n              return;\n            }\n\n            observer.next({ result: transformed.result });\n\n            if (op.type !== 'subscription') {\n              unsubscribe();\n              observer.complete();\n            }\n          },\n        });\n\n        return () => {\n          unsubscribe();\n        };\n      });\n  };\n}\n", "import { SuperJSON, SuperJSONResult } from 'superjson';\nimport { compress, uncompress } from 'snappyjs';\nimport { getParser } from 'bowser';\n\nclass DefaultSuperJSON {\n  superJson;\n  constructor() {\n    this.superJson = new SuperJSON();\n  }\n}\n\nclass CompressSuperJSON {\n  superJson;\n  constructor() {\n    this.superJson = new SuperJSON();\n  }\n}\n\nconst defaultSuperJSON = new DefaultSuperJSON();\nconst compressSuperJSON = new CompressSuperJSON();\nenum CustomType {\n  unit8array = '0',\n}\nfunction uint8ArrayToBase64(bytes: Uint8Array) {\n  return btoa(new TextDecoder('iso-8859-1').decode(bytes));\n}\n\nfunction base64ToUint8Array(base64: string) {\n  return Uint8Array.from(atob(base64), (c) => c.charCodeAt(0));\n}\n\nfunction jsonToUint8Array(obj: unknown): Uint8Array {\n  return new TextEncoder().encode(JSON.stringify(obj));\n}\n\nfunction uint8ArrayToJson<T = unknown>(data: Uint8Array): T {\n  return JSON.parse(new TextDecoder().decode(data)) as T;\n}\n\nexport function initJsonConvert() {\n  const useStructuredClone =\n    chrome.runtime.getManifest()['message_serialization'] ===\n      'structured_clone' &&\n    getParser(navigator.userAgent, (navigator as any).userAgentData).satisfies({\n      chrome: '>=148.0.0.0',\n    });\n  const isApplicable = (v: unknown): v is Uint8Array => v instanceof Uint8Array;\n\n  const defaultConfig = {\n    serialize: useStructuredClone\n      ? (v: Uint8Array) => v\n      : (v: Uint8Array) => uint8ArrayToBase64(v),\n    deserialize: useStructuredClone\n      ? (v: any) => v\n      : (v: any) => base64ToUint8Array(v),\n    isApplicable,\n  };\n  const compressConfig = {\n    serialize: useStructuredClone\n      ? (v: Uint8Array) => compress(v)\n      : (v: Uint8Array) => uint8ArrayToBase64(compress(v)),\n    deserialize: useStructuredClone\n      ? (v: any) => uncompress(v)\n      : (v: any) => uncompress(base64ToUint8Array(v)),\n    isApplicable,\n  };\n\n  defaultSuperJSON.superJson.registerCustom<Uint8Array, any>(\n    defaultConfig,\n    CustomType.unit8array,\n  );\n  compressSuperJSON.superJson.registerCustom<Uint8Array, any>(\n    compressConfig,\n    CustomType.unit8array,\n  );\n}\nexport function serialize(\n  object: Parameters<typeof defaultSuperJSON.superJson.serialize>[0],\n  compress?: boolean,\n) {\n  if (!compress) {\n    return defaultSuperJSON.superJson.serialize(object);\n  }\n  const result = compressSuperJSON.superJson.serialize(object);\n  (result as any).__compress = true;\n  if (result.meta?.values) {\n    if (Array.isArray(result.meta?.values)) {\n      if (result.meta.values[0][1] === CustomType.unit8array) {\n        return result;\n      }\n    } else {\n      const list = Object.values(result.meta.values);\n      if (list.some((item) => Array.isArray(item[0]))) {\n        return result;\n      } else {\n        return uint8ArrayToBase64(jsonToUint8Array(result));\n      }\n    }\n  }\n  return result;\n}\nexport function deserialize<T = unknown>(\n  payload: SuperJSONResult & { __compress?: boolean },\n): T {\n  if (typeof payload === 'string') {\n    payload = uint8ArrayToJson(base64ToUint8Array(payload));\n  }\n\n  return payload.__compress\n    ? compressSuperJSON.superJson.deserialize(payload, { inPlace: true })\n    : defaultSuperJSON.superJson.deserialize(payload, { inPlace: true });\n}\n"],
+  "mappings": "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",
+  "names": ["compress", "callbacks"]
+}

package/client/index.mjs

@@ -0,0 +1,185 @@
+// packages/trpc/client/chromeLink.ts
+import { TRPCClientError } from "@trpc/client";
+import { observable } from "@trpc/server/observable";
+import {
+  getTransformer
+} from "@trpc/client/unstable-internals";
+import { transformResult } from "@trpc/server/unstable-core-do-not-import";
+
+// packages/trpc/util/json.ts
+import { SuperJSON } from "superjson";
+import { compress, uncompress } from "snappyjs";
+import { getParser } from "bowser";
+var DefaultSuperJSON = class {
+  superJson;
+  constructor() {
+    this.superJson = new SuperJSON();
+  }
+};
+var CompressSuperJSON = class {
+  superJson;
+  constructor() {
+    this.superJson = new SuperJSON();
+  }
+};
+var defaultSuperJSON = new DefaultSuperJSON();
+var compressSuperJSON = new CompressSuperJSON();
+function uint8ArrayToBase64(bytes) {
+  return btoa(new TextDecoder("iso-8859-1").decode(bytes));
+}
+function base64ToUint8Array(base64) {
+  return Uint8Array.from(atob(base64), (c) => c.charCodeAt(0));
+}
+function jsonToUint8Array(obj) {
+  return new TextEncoder().encode(JSON.stringify(obj));
+}
+function uint8ArrayToJson(data) {
+  return JSON.parse(new TextDecoder().decode(data));
+}
+function initJsonConvert() {
+  const useStructuredClone = chrome.runtime.getManifest()["message_serialization"] === "structured_clone" && getParser(navigator.userAgent, navigator.userAgentData).satisfies({
+    chrome: ">=148.0.0.0"
+  });
+  const isApplicable = (v) => v instanceof Uint8Array;
+  const defaultConfig = {
+    serialize: useStructuredClone ? (v) => v : (v) => uint8ArrayToBase64(v),
+    deserialize: useStructuredClone ? (v) => v : (v) => base64ToUint8Array(v),
+    isApplicable
+  };
+  const compressConfig = {
+    serialize: useStructuredClone ? (v) => compress(v) : (v) => uint8ArrayToBase64(compress(v)),
+    deserialize: useStructuredClone ? (v) => uncompress(v) : (v) => uncompress(base64ToUint8Array(v)),
+    isApplicable
+  };
+  defaultSuperJSON.superJson.registerCustom(
+    defaultConfig,
+    "0" /* unit8array */
+  );
+  compressSuperJSON.superJson.registerCustom(
+    compressConfig,
+    "0" /* unit8array */
+  );
+}
+function serialize(object, compress2) {
+  if (!compress2) {
+    return defaultSuperJSON.superJson.serialize(object);
+  }
+  const result = compressSuperJSON.superJson.serialize(object);
+  result.__compress = true;
+  if (result.meta?.values) {
+    if (Array.isArray(result.meta?.values)) {
+      if (result.meta.values[0][1] === "0" /* unit8array */) {
+        return result;
+      }
+    } else {
+      const list = Object.values(result.meta.values);
+      if (list.some((item) => Array.isArray(item[0]))) {
+        return result;
+      } else {
+        return uint8ArrayToBase64(jsonToUint8Array(result));
+      }
+    }
+  }
+  return result;
+}
+function deserialize(payload) {
+  if (typeof payload === "string") {
+    payload = uint8ArrayToJson(base64ToUint8Array(payload));
+  }
+  return payload.__compress ? compressSuperJSON.superJson.deserialize(payload, { inPlace: true }) : defaultSuperJSON.superJson.deserialize(payload, { inPlace: true });
+}
+
+// packages/trpc/client/chromeLink.ts
+var ChromeClient = class {
+  #pendingRequests = /* @__PURE__ */ new Map();
+  port;
+  constructor(port) {
+    this.port = port;
+    port.onMessage.addListener((message) => {
+      if (message.result?.data) {
+        message.result.data = deserialize(message.result.data);
+      }
+      this.#handleResponse(message);
+    });
+  }
+  #handleResponse(response) {
+    const request = response.id && this.#pendingRequests.get(response.id);
+    if (!request) {
+      return;
+    }
+    request.callbacks.next(response);
+    if ("result" in response && response.result.type === "stopped") {
+      request.callbacks.complete();
+    }
+  }
+  index = 0;
+  request(op, callbacks) {
+    const { type } = op;
+    const id = `${this.index++}`;
+    this.#pendingRequests.set(id, {
+      type,
+      callbacks,
+      op
+    });
+    const message = {
+      method: "request",
+      operation: {
+        ...op,
+        input: serialize(op.input, !!op.context["compress"])
+      },
+      id
+    };
+    this.port.postMessage(message);
+    return () => {
+      const callbacks2 = this.#pendingRequests.get(id)?.callbacks;
+      this.#pendingRequests.delete(id);
+      callbacks2?.complete();
+      if (type === "subscription") {
+        this.port.postMessage({
+          id,
+          operation: {},
+          method: "subscription.stop"
+        });
+      }
+    };
+  }
+};
+function chromeLink(opts) {
+  initJsonConvert();
+  const port = opts.port;
+  return () => {
+    const client = new ChromeClient(port);
+    const transformer = getTransformer(opts?.transformer);
+    return ({ op }) => observable((observer) => {
+      op.input = transformer.input.serialize(op.input);
+      const unsubscribe = client.request(op, {
+        error(err) {
+          observer.error(err);
+          unsubscribe();
+        },
+        complete() {
+          observer.complete();
+        },
+        next(response) {
+          const transformed = transformResult(response, transformer.output);
+          if (!transformed.ok) {
+            observer.error(TRPCClientError.from(transformed.error));
+            return;
+          }
+          observer.next({ result: transformed.result });
+          if (op.type !== "subscription") {
+            unsubscribe();
+            observer.complete();
+          }
+        }
+      });
+      return () => {
+        unsubscribe();
+      };
+    });
+  };
+}
+export {
+  chromeLink
+};
+//# sourceMappingURL=index.mjs.map

package/client/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/trpc/client/chromeLink.ts", "../../../packages/trpc/util/json.ts"],
+  "sourcesContent": ["import { Operation, TRPCClientError, TRPCLink } from '@trpc/client';\nimport type {\n  AnyRouter,\n  AnyTRPCRouter,\n  inferRouterContext,\n  inferTRPCClientTypes,\n  ProcedureType,\n} from '@trpc/server';\nimport type { TRPCResponseMessage } from '@trpc/server/rpc';\nimport { observable, Observer } from '@trpc/server/observable';\nimport {\n  getTransformer,\n  TransformerOptions,\n} from '@trpc/client/unstable-internals';\nimport { transformResult } from '@trpc/server/unstable-core-do-not-import';\nimport { deserialize, initJsonConvert, serialize } from '../util/json';\n\ntype ChromeCallbackResult<TRouter extends AnyRouter = AnyRouter> =\n  TRPCResponseMessage<unknown, inferRouterContext<TRouter>>;\n\ntype ChromeCallbacks<TRouter extends AnyRouter = AnyRouter> = Observer<\n  ChromeCallbackResult<TRouter>,\n  TRPCClientError<TRouter>\n>;\n\ntype ChromeRequest = {\n  type: ProcedureType;\n  callbacks: ChromeCallbacks;\n  op: Operation;\n};\n\nclass ChromeClient {\n  #pendingRequests = new Map<string | number, ChromeRequest>();\n  port;\n  constructor(port: chrome.runtime.Port) {\n    this.port = port;\n    port.onMessage.addListener((message) => {\n      if (message.result?.data) {\n        message.result.data = deserialize(message.result.data);\n      }\n      this.#handleResponse(message);\n    });\n  }\n\n  #handleResponse(response: TRPCResponseMessage) {\n    const request = response.id && this.#pendingRequests.get(response.id);\n    if (!request) {\n      return;\n    }\n\n    request.callbacks.next(response);\n\n    if ('result' in response && response.result.type === 'stopped') {\n      request.callbacks.complete();\n    }\n  }\n  index = 0;\n  request(op: Operation, callbacks: ChromeCallbacks) {\n    const { type } = op;\n    const id = `${this.index++}`;\n\n    this.#pendingRequests.set(id, {\n      type,\n      callbacks,\n      op,\n    });\n    const message = {\n      method: 'request',\n      operation: {\n        ...op,\n        input: serialize(op.input, !!op.context['compress']),\n      },\n      id: id,\n    };\n\n    this.port.postMessage(message);\n    return () => {\n      const callbacks = this.#pendingRequests.get(id)?.callbacks;\n\n      this.#pendingRequests.delete(id);\n\n      callbacks?.complete();\n\n      if (type === 'subscription') {\n        this.port.postMessage({\n          id,\n          operation: {},\n          method: 'subscription.stop',\n        });\n      }\n    };\n  }\n}\n\nexport type ChromeLinkOptions<TRouter extends AnyTRPCRouter> =\n  TransformerOptions<inferTRPCClientTypes<TRouter>>;\nexport function chromeLink<TRouter extends AnyRouter>(\n  opts: ChromeLinkOptions<TRouter> & {\n    port: chrome.runtime.Port;\n  },\n): TRPCLink<TRouter> {\n  initJsonConvert();\n  const port = opts.port;\n  return () => {\n    const client = new ChromeClient(port);\n    const transformer = getTransformer(opts?.transformer);\n\n    return ({ op }) =>\n      observable((observer) => {\n        op.input = transformer.input.serialize(op.input);\n\n        const unsubscribe = client.request(op, {\n          error(err) {\n            observer.error(err as TRPCClientError<any>);\n            unsubscribe();\n          },\n          complete() {\n            observer.complete();\n          },\n          next(response) {\n            const transformed = transformResult(response, transformer.output);\n\n            if (!transformed.ok) {\n              observer.error(TRPCClientError.from(transformed.error));\n              return;\n            }\n\n            observer.next({ result: transformed.result });\n\n            if (op.type !== 'subscription') {\n              unsubscribe();\n              observer.complete();\n            }\n          },\n        });\n\n        return () => {\n          unsubscribe();\n        };\n      });\n  };\n}\n", "import { SuperJSON, SuperJSONResult } from 'superjson';\nimport { compress, uncompress } from 'snappyjs';\nimport { getParser } from 'bowser';\n\nclass DefaultSuperJSON {\n  superJson;\n  constructor() {\n    this.superJson = new SuperJSON();\n  }\n}\n\nclass CompressSuperJSON {\n  superJson;\n  constructor() {\n    this.superJson = new SuperJSON();\n  }\n}\n\nconst defaultSuperJSON = new DefaultSuperJSON();\nconst compressSuperJSON = new CompressSuperJSON();\nenum CustomType {\n  unit8array = '0',\n}\nfunction uint8ArrayToBase64(bytes: Uint8Array) {\n  return btoa(new TextDecoder('iso-8859-1').decode(bytes));\n}\n\nfunction base64ToUint8Array(base64: string) {\n  return Uint8Array.from(atob(base64), (c) => c.charCodeAt(0));\n}\n\nfunction jsonToUint8Array(obj: unknown): Uint8Array {\n  return new TextEncoder().encode(JSON.stringify(obj));\n}\n\nfunction uint8ArrayToJson<T = unknown>(data: Uint8Array): T {\n  return JSON.parse(new TextDecoder().decode(data)) as T;\n}\n\nexport function initJsonConvert() {\n  const useStructuredClone =\n    chrome.runtime.getManifest()['message_serialization'] ===\n      'structured_clone' &&\n    getParser(navigator.userAgent, (navigator as any).userAgentData).satisfies({\n      chrome: '>=148.0.0.0',\n    });\n  const isApplicable = (v: unknown): v is Uint8Array => v instanceof Uint8Array;\n\n  const defaultConfig = {\n    serialize: useStructuredClone\n      ? (v: Uint8Array) => v\n      : (v: Uint8Array) => uint8ArrayToBase64(v),\n    deserialize: useStructuredClone\n      ? (v: any) => v\n      : (v: any) => base64ToUint8Array(v),\n    isApplicable,\n  };\n  const compressConfig = {\n    serialize: useStructuredClone\n      ? (v: Uint8Array) => compress(v)\n      : (v: Uint8Array) => uint8ArrayToBase64(compress(v)),\n    deserialize: useStructuredClone\n      ? (v: any) => uncompress(v)\n      : (v: any) => uncompress(base64ToUint8Array(v)),\n    isApplicable,\n  };\n\n  defaultSuperJSON.superJson.registerCustom<Uint8Array, any>(\n    defaultConfig,\n    CustomType.unit8array,\n  );\n  compressSuperJSON.superJson.registerCustom<Uint8Array, any>(\n    compressConfig,\n    CustomType.unit8array,\n  );\n}\nexport function serialize(\n  object: Parameters<typeof defaultSuperJSON.superJson.serialize>[0],\n  compress?: boolean,\n) {\n  if (!compress) {\n    return defaultSuperJSON.superJson.serialize(object);\n  }\n  const result = compressSuperJSON.superJson.serialize(object);\n  (result as any).__compress = true;\n  if (result.meta?.values) {\n    if (Array.isArray(result.meta?.values)) {\n      if (result.meta.values[0][1] === CustomType.unit8array) {\n        return result;\n      }\n    } else {\n      const list = Object.values(result.meta.values);\n      if (list.some((item) => Array.isArray(item[0]))) {\n        return result;\n      } else {\n        return uint8ArrayToBase64(jsonToUint8Array(result));\n      }\n    }\n  }\n  return result;\n}\nexport function deserialize<T = unknown>(\n  payload: SuperJSONResult & { __compress?: boolean },\n): T {\n  if (typeof payload === 'string') {\n    payload = uint8ArrayToJson(base64ToUint8Array(payload));\n  }\n\n  return payload.__compress\n    ? compressSuperJSON.superJson.deserialize(payload, { inPlace: true })\n    : defaultSuperJSON.superJson.deserialize(payload, { inPlace: true });\n}\n"],
+  "mappings": "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",
+  "names": ["compress", "callbacks"]
+}

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@cyia/chrome-trpc",
+  "version": "1.0.0",
+  "description": "tRPC integration for VS Code Extension-Webview communication",
+  "module": "esm",
+  "type": "module",
+  "scripts": {
+    "test:build": "rimraf -g ./test-dist && tsx ./script/test.esbuild.ts ",
+    "test": "rimraf -g ./test-dist && tsx ./script/test.esbuild.ts && playwright test"
+  },
+  "author": "wszgrcy",
+  "license": "MIT",
+  "repository": {},
+  "homepage": "https://github.com/wszgrcy/chrome-trpc/tree/main/packages/trpc#readme",
+  "bugs": {
+    "url": "https://github.com/wszgrcy/chrome-trpc/issues"
+  },
+  "keywords": [
+    "chrome",
+    "trpc",
+    "popup",
+    "contentScript",
+    "contentScript",
+    "background",
+    "extension",
+    "type-safe"
+  ],
+  "exports": {
+    "./client": {
+      "types": "./client/index.d.ts",
+      "import": "./client/index.mjs"
+    },
+    "./server": {
+      "types": "./server/index.d.ts",
+      "import": "./server/index.mjs"
+    }
+  },
+  "dependencies": {
+    "snappyjs": "^0.7.0",
+    "bowser": "2.14.1"
+  },
+  "devDependencies": {
+    "@types/snappyjs": "^0.7.1",
+    "rxjs": "7.8.2",
+    "valibot": "1.4.2",
+    "playwright": "1.61.1",
+    "@types/node": "^24.0.0",
+    "@playwright/test": "1.61.1"
+  },
+  "peerDependencies": {
+    "@trpc/client": "^11.18.0",
+    "@trpc/server": "^11.18.0"
+  }
+}