[{"_1":2,"_241":-5,"_242":-5},"loaderData",{"_3":4,"_91":92,"_228":229,"_240":-5},"root",{"_5":6,"_32":33,"_58":59,"_89":90},"ctx",{"_7":8,"_18":19,"_20":-5,"_21":22,"_23":24,"_25":26,"_27":26,"_28":29,"_30":31},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5},"sessionClaims","sessionId","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","environmentVariableKeys",[],"user","preferences_keybindings","default","preferences_theme","light","preferences_fixers",false,"preferences_copilot","preferences_model","claude-3-5-haiku-20241022","notification_count",0,"ENV",{"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","fa80b67e1f763bfb4b247c3f5ca4f0b0730f3f5c","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","API_URL","https://api.val.town","WORKER_FINGERPRINT","799d99f2805306c2714a7cfefbeae178","clerkState",{"_60":61},"__internal_clerk_state",{"_62":63,"_64":43,"_65":66,"_67":66,"_68":26,"_69":66,"_70":66,"_71":66,"_72":66,"_73":66,"_74":66,"_75":66,"_76":66,"_77":78,"_87":26,"_88":26},"__clerk_ssr_state",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__signInForceRedirectUrl","__signUpForceRedirectUrl","__signInFallbackRedirectUrl","__signUpFallbackRedirectUrl","__clerk_debug",{"_79":26,"_80":66,"_81":82,"_83":66,"_84":43,"_85":26,"_86":66},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","remixVersion",2,"routes/_app.v.$handle.$name",{"_93":94,"_95":96,"_94":97,"_223":-5,"_224":-5,"_225":226,"_131":132,"_139":140,"_100":101,"_98":99,"_119":-7,"_50":51,"_227":26},"type","val","author","4bfb99a9-2008-40e0-bacb-7c7d84227cee",{"_98":99,"_95":96,"_100":101,"_102":103,"_104":-5,"_105":106,"_107":108,"_109":110,"_111":112,"_113":26,"_114":112,"_115":116,"_117":118,"_119":120,"_121":26,"_122":31,"_123":31,"_124":125,"_126":31,"_127":31,"_128":31,"_129":-5,"_20":130,"_135":-5,"_136":-7,"_137":138,"_139":140,"_141":142},"name","workerify","valNameId","babfed42-f6dc-11ee-b5b2-cab58f78796a","parentFolderId","e2d26a08-f6e1-11ee-a467-cab58f78796a","isOwned","privacy","public","readme","# workerify: proxy a module through a worker (with types!)\n\n## Example:\n\n```typescript\nimport { workerify } from \"https://esm.town/v/postpostscript/workerify\";\n\nusing mod = await workerify(() => import(\"https://esm.town/v/postpostscript/workerifyExampleUnsafeLibrary\"));\nconsole.log(await mod.x.y());\n```\n\nFull Example:\n- [@postpostscript/workerifyExample](workerifyExample)\n- [@postpostscript/workerifyExampleUnsafeLibrary](workerifyExampleUnsafeLibrary)\n\nIt's limited by what can be sent over `[worker].postMessage()`, i.e. inputs and outputs will need to be JSONifiable","valType","script","currentVersion","f2c9b07e-0280-11ef-ad5b-cab58f78796a","legacyPrivate","id","code","// SPDX-License-Identifier: Apache-2.0\n\nexport async function workerify unknown>(getModule: T, opts?: WorkerOptions) {\n let workerReady: (value: unknown) => void;\n const promises: {\n [id: string]: {\n resolve: (value: unknown) => void;\n reject: (value: unknown) => void;\n };\n } = {};\n\n const workerURL = new URL(\"workerifyWorker\", import.meta.url);\n\n workerURL.searchParams.set(\"v\", \"5\");\n workerURL.searchParams.set(\n \"module\",\n new URL(\n getModule\n .toString()\n .match(/import\\(([^\\)]*)\\)/)![1]\n .trim()\n .slice(1, -1),\n import.meta.url,\n ).toString(),\n );\n\n const worker = new Worker(workerURL, {\n type: \"module\",\n ...opts,\n });\n\n worker.onmessage = (e) => {\n if (e.data.code === \"response\") {\n promises[e.data.id][e.data.success ? \"resolve\" : \"reject\"](\n e.data.response,\n );\n }\n workerReady(void 0);\n };\n\n await new Promise((resolve) => (workerReady = resolve));\n\n function message(message: { code: string; keys: string[]; args: unknown[] }) {\n return new Promise((resolve, reject) => {\n const id = Math.random().toString().slice(2);\n promises[id] = { resolve, reject };\n\n worker.postMessage({\n id,\n ...message,\n });\n });\n }\n\n function wrap(keys: string[]): unknown {\n return new Proxy(keys.length ? () => {} : {}, {\n get(target, prop, receiver) {\n if (typeof prop === \"symbol\") {\n if (prop === Symbol.dispose) {\n return () => worker.terminate();\n }\n return Reflect.get(target, prop, receiver);\n }\n if (prop === \"then\") {\n return undefined;\n }\n if (prop === \"toString\") {\n return () =>\n JSON.stringify({\n __workerifyProxyTo: keys,\n });\n }\n return wrap(keys.concat(prop as string));\n },\n\n apply(_target, _thisArg, args) {\n return message({\n code: \"call\",\n keys,\n args,\n });\n },\n });\n }\n\n return wrap([]) as ReturnType extends Promise ? Workerify : never;\n}\n\nexport type Workerify =\n & {\n (): Promise;\n }\n & {\n [K in keyof T]: T[K] extends (...args: any[]) => any ? Promisify\n : Workerify;\n };\n\ntype Promisify = T extends (...args: infer A) => infer R ? (...args: A) => Promise\n : never;","createdAt",["D",1713993832413],"version",20,"currentUserHasLiked","likeCount","forkCount","referenceCount",5,"dependencyCount","commentCount","prCount","mergedPr",{"_131":132,"_133":134},"handle","postpostscript","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJjdlhaRXl0WXVNSlhZcWU0ckI2c1BOMjNhQSJ9","forkedVal","interval","slug","postpostscript/workerify","description","workerify: proxy a module through a worker (with types!) Example: import { workerify } from \"https://esm.town/v/postpostscript/workerify\";\n\nusing mod = await workerify(() => import(\"https://esm.town/v/postpostscript/workerifyExampleUnsafeLibrary\"));\nconsole.log(await mod.x.y()); Full Example: @postpostscript/workerifyExample @postpostscript/workerifyExampleUnsafeLibrary It's limited by what can be sent over [worker].postMessage() , i.e. inputs and outputs will need to be JSONifiable","versions",[143,146,150,154,158,162,166,170,174,178,182,186,190,194,198,202,205,209,213,216,220],{"_119":120,"_144":-5,"_117":145,"_114":112},"prId",["D",1713993832413],{"_119":147,"_144":-5,"_117":148,"_114":149},19,["D",1713993826172],"ef115c0c-0280-11ef-8567-cab58f78796a",{"_119":151,"_144":-5,"_117":152,"_114":153},18,["D",1713993812992],"e73648c6-0280-11ef-9311-cab58f78796a",{"_119":155,"_144":-5,"_117":156,"_114":157},17,["D",1713993785014],"d6892d40-0280-11ef-9818-cab58f78796a",{"_119":159,"_144":-5,"_117":160,"_114":161},16,["D",1713993758135],"c683b99c-0280-11ef-8ef1-cab58f78796a",{"_119":163,"_144":-5,"_117":164,"_114":165},15,["D",1713993703514],"a5f520ee-0280-11ef-9818-cab58f78796a",{"_119":167,"_144":-5,"_117":168,"_114":169},14,["D",1713993609656],"6e0395e4-0280-11ef-bce7-cab58f78796a",{"_119":171,"_144":-5,"_117":172,"_114":173},13,["D",1713993601203],"68f9e1a2-0280-11ef-855b-cab58f78796a",{"_119":175,"_144":-5,"_117":176,"_114":177},12,["D",1713993564197],"52eb2510-0280-11ef-a3d8-cab58f78796a",{"_119":179,"_144":-5,"_117":180,"_114":181},11,["D",1712717526386],"511d2a54-f6e5-11ee-ab0f-cab58f78796a",{"_119":183,"_144":-5,"_117":184,"_114":185},10,["D",1712717445488],"20e52594-f6e5-11ee-93b5-cab58f78796a",{"_119":187,"_144":-5,"_117":188,"_114":189},9,["D",1712716232715],"4e069268-f6e2-11ee-9eba-cab58f78796a",{"_119":191,"_144":-5,"_117":192,"_114":193},8,["D",1712716217948],"45394d92-f6e2-11ee-880f-cab58f78796a",{"_119":195,"_144":-5,"_117":196,"_114":197},7,["D",1712714492528],"40cb277a-f6de-11ee-871c-cab58f78796a",{"_119":199,"_144":-5,"_117":200,"_114":201},6,["D",1712714459249],"2cf5393e-f6de-11ee-b003-cab58f78796a",{"_119":125,"_144":-5,"_117":203,"_114":204},["D",1712714416660],"13929b26-f6de-11ee-b0d8-cab58f78796a",{"_119":206,"_144":-5,"_117":207,"_114":208},4,["D",1712714364706],"f49b0be0-f6dd-11ee-a458-cab58f78796a",{"_119":210,"_144":-5,"_117":211,"_114":212},3,["D",1712714290006],"c814bcce-f6dd-11ee-92ac-cab58f78796a",{"_119":90,"_144":-5,"_117":214,"_114":215},["D",1712714115332],"5ff78f2c-f6dd-11ee-b5b2-cab58f78796a",{"_119":217,"_144":-5,"_117":218,"_114":219},1,["D",1712713863686],"c9f984bc-f6dc-11ee-8739-cab58f78796a",{"_119":31,"_144":-5,"_117":221,"_114":222},["D",1712713838153],"bac165a0-f6dc-11ee-b5b2-cab58f78796a","recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.versions.$(version)",{"_93":230,"_231":232,"_94":233},"single","redirect","/v/postpostscript/workerify/versions",{"_114":177,"_115":234,"_119":175,"_117":235,"_236":99,"_100":101,"_109":110,"_131":132,"_11":96,"_237":-5,"_238":-5,"_239":-5,"_227":26,"_137":138},"// SPDX-License-Identifier: Apache-2.0\n\nexport async function workerify unknown>(getModule: T, opts?: WorkerOptions) {\n let workerReady: (value: unknown) => void;\n const promises: {\n [id: string]: {\n resolve: (value: unknown) => void;\n reject: (value: unknown) => void;\n };\n } = {};\n\n const workerURL = new URL(\"workerifyWorker\", import.meta.url);\n\n workerURL.searchParams.set(\"v\", \"5\");\n workerURL.searchParams.set(\n \"module\",\n new URL(\n getModule\n .toString()\n .match(/import\\(([^\\)]*)\\)/)![1]\n .trim()\n .slice(1, -1),\n import.meta.url,\n ).toString(),\n );\n\n const worker = new Worker(workerURL, {\n type: \"module\",\n ...opts,\n });\n\n worker.onmessage = (e) => {\n if (e.data.code === \"response\") {\n promises[e.data.id][e.data.success ? \"resolve\" : \"reject\"](\n e.data.response,\n );\n }\n workerReady(void 0);\n };\n\n await new Promise((resolve) => (workerReady = resolve));\n\n function message(message: { code: string; keys: string[]; args: unknown[] }) {\n return new Promise((resolve, reject) => {\n const id = Math.random().toString().slice(2);\n promises[id] = { resolve, reject };\n\n worker.postMessage({\n id,\n ...message,\n });\n });\n }\n\n function wrap(keys: string[]): unknown {\n return new Proxy(() => {}, {\n get(target, prop, receiver) {\n if (typeof prop === \"symbol\") {\n if (prop === Symbol.dispose) {\n return () => worker.terminate()\n }\n return Reflect.get(target, prop, receiver);\n }\n if (prop === \"toString\") {\n return () =>\n JSON.stringify({\n __workerifyProxyTo: keys,\n });\n }\n return wrap(keys.concat(prop as string));\n },\n\n apply(_target, _thisArg, args) {\n return message({\n code: \"call\",\n keys,\n args,\n });\n },\n });\n }\n\n return wrap([]) as ReturnType extends Promise ? Workerify\n}\n\nexport type Workerify =\n & {\n (): Promise;\n }\n & {\n [K in keyof T]: T[K] extends (...args: any[]) => any ? Promisify\n : Workerify;\n };\n\ntype Promisify = T extends (...args: infer A) => infer R ? (...args: A) => Promise\n : never;",["D",1713993564197],"valName","deletedAt","messageId","threadId","routes/_app","actionData","errors"]

workerify

Version 12