[{"_1":2,"_168":-5,"_169":-5},"loaderData",{"_3":4,"_91":92},"root",{"_5":6,"_34":35,"_64":65},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":32,"_33":20},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20,"_21":22},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"tokenType","session_token","user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","notificationCount",0,"flagDenols","ENV",{"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59,"_60":61,"_62":63},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","4665abaede64d7a40f12c22a2a13ecb98867c1ee","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","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","API_URL","https://api.val.town","clerkState",{"_66":67},"__internal_clerk_state",{"_68":69,"_70":45,"_71":72,"_73":72,"_74":20,"_75":72,"_76":72,"_77":72,"_78":72,"_79":80,"_89":20,"_90":20},"__clerk_ssr_state",{"_21":22,"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_81":20,"_19":20,"_82":72,"_83":84,"_85":72,"_86":45,"_87":20,"_88":72},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_93":94,"_95":96,"_97":98,"_99":100,"_147":148,"_165":166,"_167":-5},"handle","dinavinter","name","with_yjs","path","main.tsx","project",{"_101":102,"_95":96,"_103":104,"_105":-5,"_106":107,"_108":109,"_110":-5,"_111":-5,"_12":112,"_113":-5,"_114":107,"_115":-5,"_116":32,"_14":117,"_118":119,"_120":119,"_121":122,"_123":122,"_124":122,"_125":119,"_126":119,"_23":127,"_130":131,"_133":134,"_146":20},"id","1dcbe788-2774-11f0-b46e-569c3dd06744","createdAt",["D",1746204011805],"deletedAt","legacyEnvVars",true,"privacy","public","description","imageUrl","6d45e71e-9df4-45e8-82ab-e09c45bfc5a1","pinnedFileId","pinPreview","screenshotVersion","likeCount","b636164b-34c9-4e0c-9d39-dd3dc6f25436","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_93":94,"_128":129},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ycVgxSUNRd1V1VDlqTnNmYUh6MDA0VW1ldlMifQ","org",{"_93":94,"_132":129,"_12":112},"avatar","branch",{"_135":136,"_95":43,"_101":137,"_138":102,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":96,"_145":94},"version",39,"1dcc3954-2774-11f0-b46e-569c3dd06744","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_101":149,"_95":98,"_150":151,"_152":-5,"_153":137,"_154":136,"_155":107,"_103":156,"_135":157,"_158":159,"_160":161,"_162":20,"_163":-5,"_97":164},"1ebb3130-2774-11f0-b46e-569c3dd06744","fileId","1dced24a-2774-11f0-b46e-569c3dd06744","parentId","branchId","branchVersion","latest",["D",1739407442610],38,"fileType","script","content","import type {\n ActionArgs,\n ActionFunction,\n AnyEventObject,\n Assigner,\n LowInfer,\n MachineContext,\n ParameterizedObject,\n PropertyAssigner,\n ProvidedActor,\n} from \"https://deno.land/x/xstate\";\nimport type {\n ActionWithArgs,\n AnyActorLogic,\n AnyStateMachine,\n CallbackActorLogic,\n EventObject,\n InspectionEvent,\n Observer,\n Snapshot,\n} from \"https://deno.land/x/xstate\";\nimport { azure } from \"https://esm.sh/@ai-sdk/azure\";\nimport {\n asyncBatchEvents,\n asyncEventGenerator,\n fromAIElementStream,\n fromAIEventStream,\n fromEventAsyncGenerator,\n yArrayIterator,\n} from \"https://esm.sh/@cxai/stream@1.0.17?target=esnext&yjs=13.6.20\";\nimport { createActor, fromCallback, initialTransition, transition } from \"https://esm.sh/xstate@5.19.2?target=esnext\";\nimport * as Y from \"https://esm.sh/yjs@^13.6.20?target=esnext\";\n\nexport type Actions = {\n type: \"@yjs.array.push\";\n params: string;\n} | {\n type: \"@yjs.text.append\";\n params: string;\n} | {\n type: \"@yjs.map.set\";\n params: string | {\n key:\n | string\n | YJSAssigner;\n value: YJSAssigner | any;\n map: string | YJSAssigner;\n };\n} | {\n type: \"@yjs.map.delete\";\n params: {\n response: string;\n };\n};\n\nexport type YJSAssigner = <\n TContext extends MachineContext,\n TExpressionEvent extends EventObject,\n TEvent extends EventObject,\n>(args: YJSAssignArgs) => T;\n\nexport interface YJSAssignArgs<\n TContext extends MachineContext,\n TExpressionEvent extends EventObject,\n TEvent extends EventObject,\n> extends ActionArgs {\n doc: Y.Doc;\n}\n\nexport default function withYjs(machine: AnyStateMachine, doc: Y.Doc) {\n return machine.provide({\n actors: {\n \"@yjs.sink\": fromEventAsyncGenerator(async function*({ input }: { input: Y.Array }) {\n let i = 0;\n for await (const e of yArrayIterator(input)) {\n yield {\n id: i++,\n timestamp: Date.now(),\n ...e,\n };\n }\n }),\n \"@yjs.produce\": fromCallback(async function*({ input, recive }) {\n recive(function(event: EventObject) {\n input.push([event]);\n });\n }) as CallbackActorLogic>,\n },\n actions: {\n \"@yjs.array.push\": (\n { event, context },\n params: string | { path: string | YJSAssigner; value: YJSAssigner | any },\n ) => {\n const value = typeof params === \"string\"\n ? event\n : params.value instanceof Function\n ? params.value({ event, context })\n : params.value ?? event;\n\n const path = typeof params === \"string\"\n ? params\n : params.path instanceof Function\n ? params.path({ event, context })\n : params.path;\n\n doc.getArray(path).push([value]);\n },\n \"@yjs.text.append\": ({ event: { textDelta, data } }, params: string) => {\n doc.getText(params).insert(doc.getText(params).length, textDelta || data);\n },\n \"@yjs.map.set\": (\n { event, context }: { event: TEvent; context: TContext },\n params: {\n path: string | ((args: { event: TEvent; context: TContext }) => string);\n key: string | ((args: { event: TEvent; context: TContext }) => string);\n value: (args: { event: TEvent; context: TContext }) => any | any;\n },\n ) => {\n const key = typeof params.key === \"string\"\n ? params.key\n : params.key({ event, context });\n const value = params.value instanceof Function\n ? params.value({ event, context })\n : params.value ?? event;\n\n const path = typeof params.path === \"string\"\n ? params.path\n : params.path({ event, context });\n doc.getMap(path).set(key, value);\n },\n \"@yjs.map.delete\": ({ event }, params: string) => {\n doc.getMap(params).delete(event.key);\n },\n },\n });\n}","deleted","label",[98],"permalink","https://www.val.town/x/dinavinter/with_yjs/code/main.tsx","extension","actionData","errors"]