[{"_1":2,"_313":-5,"_314":-5},"loaderData",{"_3":4,"_92":93,"_300":301,"_312":-5},"root",{"_5":6,"_33":34,"_59":60,"_90":91},"ctx",{"_7":8,"_18":19,"_20":-5,"_21":22,"_23":24,"_25":26,"_27":26,"_28":26,"_29":30,"_31":32},"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_selection_ai","preferences_model","claude-3-5-haiku-20241022","notification_count",0,"ENV",{"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","7ff0b93ea2d73d116aaa5223804b392e50c8d4cf","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","c7de7de11d2fa3884730f0fa9fd384f8","clerkState",{"_61":62},"__internal_clerk_state",{"_63":64,"_65":44,"_66":67,"_68":67,"_69":26,"_70":67,"_71":67,"_72":67,"_73":67,"_74":67,"_75":67,"_76":67,"_77":67,"_78":79,"_88":26,"_89":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",{"_80":26,"_81":67,"_82":83,"_84":67,"_85":44,"_86":26,"_87":67},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","remixVersion",2,"routes/_app.v.$handle.$name",{"_94":95,"_96":97,"_95":98,"_295":-5,"_296":-5,"_297":298,"_130":131,"_138":139,"_101":102,"_99":100,"_119":-7,"_51":52,"_299":26},"type","val","author","6d45e71e-9df4-45e8-82ab-e09c45bfc5a1",{"_99":100,"_96":97,"_101":102,"_103":104,"_105":-5,"_106":107,"_108":-5,"_109":110,"_111":112,"_113":26,"_114":112,"_115":116,"_117":118,"_119":120,"_121":26,"_122":32,"_123":32,"_124":32,"_125":32,"_126":32,"_127":32,"_128":-5,"_20":129,"_134":-5,"_135":-7,"_136":137,"_138":139,"_140":141},"name","with_yjs","valNameId","ca0e2ba4-e805-11ef-8fd1-e6cdfca9ef9f","parentFolderId","a5a96260-e805-11ef-8b99-e6cdfca9ef9f","isOwned","privacy","public","readme","valType","script","currentVersion","9ee17d6a-e9a3-11ef-a400-e6cdfca9ef9f","legacyPrivate","id","code","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}","createdAt",["D",1739407442610],"version",38,"currentUserHasLiked","likeCount","forkCount","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_130":131,"_132":133},"handle","dinavinter","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ycVgxSUNRd1V1VDlqTnNmYUh6MDA0VW1ldlMifQ","forkedVal","interval","slug","dinavinter/with_yjs","description","An interactive, runnable TypeScript val by dinavinter","versions",[142,145,149,153,157,161,165,169,173,177,181,185,189,193,197,201,205,209,213,217,221,225,229,233,237,241,245,249,253,257,261,265,269,273,277,281,285,288,292],{"_119":120,"_143":-5,"_117":144,"_114":112},"prId",["D",1739407442610],{"_119":146,"_143":-5,"_117":147,"_114":148},37,["D",1739407431502],"9843c9c2-e9a3-11ef-9a95-e6cdfca9ef9f",{"_119":150,"_143":-5,"_117":151,"_114":152},36,["D",1739402787680],"c857aefe-e998-11ef-bccc-e6cdfca9ef9f",{"_119":154,"_143":-5,"_117":155,"_114":156},35,["D",1739285053715],"a96a921c-e886-11ef-ab86-e6cdfca9ef9f",{"_119":158,"_143":-5,"_117":159,"_114":160},34,["D",1739285045725],"a4a7bd54-e886-11ef-9c50-e6cdfca9ef9f",{"_119":162,"_143":-5,"_117":163,"_114":164},33,["D",1739285043958],"a399bbec-e886-11ef-92ad-e6cdfca9ef9f",{"_119":166,"_143":-5,"_117":167,"_114":168},32,["D",1739285037415],"9fb2c9ce-e886-11ef-8f07-e6cdfca9ef9f",{"_119":170,"_143":-5,"_117":171,"_114":172},31,["D",1739285018534],"94733b3e-e886-11ef-9346-e6cdfca9ef9f",{"_119":174,"_143":-5,"_117":175,"_114":176},30,["D",1739284995664],"86d03bbc-e886-11ef-8252-e6cdfca9ef9f",{"_119":178,"_143":-5,"_117":179,"_114":180},29,["D",1739284969230],"770e3a80-e886-11ef-bb7a-e6cdfca9ef9f",{"_119":182,"_143":-5,"_117":183,"_114":184},28,["D",1739237471590],"e043630a-e817-11ef-8dca-e6cdfca9ef9f",{"_119":186,"_143":-5,"_117":187,"_114":188},27,["D",1739233189003],"e7a4f88e-e80d-11ef-a8fa-e6cdfca9ef9f",{"_119":190,"_143":-5,"_117":191,"_114":192},26,["D",1739232962169],"606ff27e-e80d-11ef-b742-e6cdfca9ef9f",{"_119":194,"_143":-5,"_117":195,"_114":196},25,["D",1739232947973],"57f98498-e80d-11ef-80e5-e6cdfca9ef9f",{"_119":198,"_143":-5,"_117":199,"_114":200},24,["D",1739232754050],"e46327dc-e80c-11ef-bbf2-e6cdfca9ef9f",{"_119":202,"_143":-5,"_117":203,"_114":204},23,["D",1739232752631],"e3892c6c-e80c-11ef-97e5-e6cdfca9ef9f",{"_119":206,"_143":-5,"_117":207,"_114":208},22,["D",1739232746551],"dfeafd6a-e80c-11ef-97e5-e6cdfca9ef9f",{"_119":210,"_143":-5,"_117":211,"_114":212},21,["D",1739232737182],"da53f014-e80c-11ef-9f71-e6cdfca9ef9f",{"_119":214,"_143":-5,"_117":215,"_114":216},20,["D",1739232575505],"79f6bb84-e80c-11ef-9f71-e6cdfca9ef9f",{"_119":218,"_143":-5,"_117":219,"_114":220},19,["D",1739231730222],"82236b56-e80a-11ef-a7ba-e6cdfca9ef9f",{"_119":222,"_143":-5,"_117":223,"_114":224},18,["D",1739231721798],"7d1e3078-e80a-11ef-bda4-e6cdfca9ef9f",{"_119":226,"_143":-5,"_117":227,"_114":228},17,["D",1739231717441],"7a8554ea-e80a-11ef-9ff4-e6cdfca9ef9f",{"_119":230,"_143":-5,"_117":231,"_114":232},16,["D",1739231657909],"57089612-e80a-11ef-ae3b-e6cdfca9ef9f",{"_119":234,"_143":-5,"_117":235,"_114":236},15,["D",1739231639336],"4bf64b20-e80a-11ef-97fe-e6cdfca9ef9f",{"_119":238,"_143":-5,"_117":239,"_114":240},14,["D",1739231471837],"e82174a8-e809-11ef-84a5-e6cdfca9ef9f",{"_119":242,"_143":-5,"_117":243,"_114":244},13,["D",1739231288073],"7a988160-e809-11ef-a1bc-e6cdfca9ef9f",{"_119":246,"_143":-5,"_117":247,"_114":248},12,["D",1739231276133],"737b5c36-e809-11ef-b082-e6cdfca9ef9f",{"_119":250,"_143":-5,"_117":251,"_114":252},11,["D",1739230115693],"bfcbece8-e806-11ef-9f5c-e6cdfca9ef9f",{"_119":254,"_143":-5,"_117":255,"_114":256},10,["D",1739230096871],"b494325e-e806-11ef-9232-e6cdfca9ef9f",{"_119":258,"_143":-5,"_117":259,"_114":260},9,["D",1739230085791],"adfa2c14-e806-11ef-9205-e6cdfca9ef9f",{"_119":262,"_143":-5,"_117":263,"_114":264},8,["D",1739229952807],"5eb6ce8c-e806-11ef-9205-e6cdfca9ef9f",{"_119":266,"_143":-5,"_117":267,"_114":268},7,["D",1739229795744],"01188fe0-e806-11ef-b61f-e6cdfca9ef9f",{"_119":270,"_143":-5,"_117":271,"_114":272},6,["D",1739229795143],"00bcde66-e806-11ef-8364-e6cdfca9ef9f",{"_119":274,"_143":-5,"_117":275,"_114":276},5,["D",1739229786986],"fbe1fd5e-e805-11ef-b61f-e6cdfca9ef9f",{"_119":278,"_143":-5,"_117":279,"_114":280},4,["D",1739229780539],"f8096dd4-e805-11ef-a2fb-e6cdfca9ef9f",{"_119":282,"_143":-5,"_117":283,"_114":284},3,["D",1739229755701],"e93a8f04-e805-11ef-a2cc-e6cdfca9ef9f",{"_119":91,"_143":-5,"_117":286,"_114":287},["D",1739229752521],"e7562cde-e805-11ef-a2cc-e6cdfca9ef9f",{"_119":289,"_143":-5,"_117":290,"_114":291},1,["D",1739229725286],"d71af002-e805-11ef-9034-e6cdfca9ef9f",{"_119":32,"_143":-5,"_117":293,"_114":294},["D",1739229703413],"ca10f01e-e805-11ef-8fd1-e6cdfca9ef9f","recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.versions.$(version)",{"_94":302,"_303":304,"_95":305},"single","redirect","/v/dinavinter/with_yjs/versions",{"_114":168,"_115":306,"_119":166,"_117":307,"_308":100,"_101":102,"_109":110,"_130":131,"_11":97,"_309":-5,"_310":-5,"_311":-5,"_299":26,"_136":137},"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;\n\n const path = typeof params === \"string\"\n ? params\n : typeof params.path === \"string\"\n ? params.path\n : params.path({ event, context });\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 : 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}",["D",1739285037415],"valName","deletedAt","messageId","threadId","routes/_app","actionData","errors"]

with_yjs

Version 32