[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_166":167,"_168":169},"routes/_app.x.$handle.$name",{"_95":94,"_32":45,"_103":85,"_27":104,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":25,"_118":119,"_120":49,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":49,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":31,"_57":49,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",92,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","6ddbdf38-252d-11f0-8a67-569c3dd06744","name","fileType","http","content","import { ValSession } from \"https://esm.town/v/maxm/valSession\";\n\nimport { extractValInfo } from \"https://esm.town/v/pomdtr/extractValInfo\";\n\nimport type WideApi from \"https://esm.town/v/maxm/wideApi\";\nimport { hc } from \"npm:hono/client\";\n\nconst { htmlUrl } = extractValInfo(import.meta.url);\nconst _client = hc(\"https://maxm-wideapi.web.val.run/\");\n\nexport class Wide {\n #client: typeof _client;\n #sessionToken: string;\n constructor(sessionToken: string) {\n // TODO: can we use a global client?\n this.#client = hc(\"https://maxm-wideapi.web.val.run/\");\n this.#sessionToken = sessionToken;\n }\n async fields(prefix: string) {\n const resp = await this.#client.v1.fields.$get({\n query: { prefix: `${prefix}%` },\n header: { sessiontoken: this.#sessionToken },\n });\n return await resp.json();\n }\n async write(data: any[]) {\n const resp = await this.#client.v1.write.$post({\n json: data,\n header: { sessiontoken: this.#sessionToken },\n });\n return await resp.json();\n }\n async values(fieldName: string, fieldType?: FieldType) {\n if (!fieldType) {\n const fieldsResp = await this.#client.v1.fields.$get({\n query: { prefix: fieldName },\n header: { sessiontoken: this.#sessionToken },\n });\n const fields = await fieldsResp.json();\n if (fields.length > 0) {\n fieldType = fields[0].fieldType;\n } else {\n return [];\n }\n }\n const resp = await this.#client.v1.values.$get({\n query: { fieldName, fieldType },\n header: { sessiontoken: this.#sessionToken },\n });\n return await resp.json();\n }\n}\n\nexport default async function(req: Request): Promise {\n // Use your Val Town API Token to create a session\n const wide = new Wide(await ValSession.new(Deno.env.get(\"valtown\")));\n await wide.write([{\n http: {\n url: req.url,\n method: req.method,\n useragent: req.headers.get(\"user-agent\"),\n headers: Object.fromEntries(req.headers.entries()),\n },\n timestamp: new Date().toISOString(),\n }]);\n return new Response(\n `\n\n\n\n \n \n WIDE Library\n \n \n \n \n\n\n

WIDE

Store any unstructured JSON data. Retrieve it with an expressive and efficient query system.

WIDE is a library and service hosted on Val Town. Authenticate and use it with your Val Town credentials, or fork it and connect it to your own Clickhouse Instance.

(read more about wide events)

import { ValSession } from 'https://esm.town/v/maxm/valSession';\nimport { Wide } from 'https://esm.town/v/maxm/wide';\n\n// Use your Val Town API Token to create a session\nconst wide = new Wide(await ValSession.new(Deno.env.get(\"valtown\")))\n\n// Write any data.\nawait wide.write([\n  { user: {id: 1, name: 'Alice', email: 'alice@example.com' }},\n  { user: {id: 2, name: 'Bob', email: 'bob@example.com' }},\n  { user: {id: 3, name: 'Charlie', email: 'charlie@example.com' }},\n]);\n\nawait wide.fields(\"user.\")\n// => [\n//  { fieldName: \"user.email\", fieldType: \"string\", count: 3 },\n//  { fieldName: \"user.id\", fieldType: \"number\", count: 3 },\n//  { fieldName: \"user.name\", fieldType: \"string\", count: 3 }\n// ]\n\nawait wide.values(\"user.email\") \n// [\n//   { value: \"bob@example.com\", count: 1 },\n//   { value: \"charlie@example.com\", count: 1 },\n//   { value: \"alice@example.com\", count: 1 }\n// ]\n

\n \n

\n Source\n

\n \n\n\n `,\n { headers: { \"Content-Type\": \"text/html\" } },\n );\n}","import { ValSession } from \"https://esm.town/v/maxm/valSession\";\n\nimport { extractValInfo } from \"https://esm.town/v/pomdtr/extractValInfo\";\n\nimport type { WideApi } from \"https://esm.town/v/maxm/wideApi\";\nimport { hc } from \"npm:hono/client\";\n\nconst { htmlUrl } = extractValInfo(import.meta.url);\nconst _client = hc(\"https://maxm-wideapi.web.val.run/\");\n\nexport class Wide {\n #client: typeof _client;\n #sessionToken: string;\n constructor(sessionToken: string) {\n // TODO: can we use a global client?\n this.#client = hc(\"https://maxm-wideapi.web.val.run/\");\n this.#sessionToken = sessionToken;\n }\n async fields(prefix: string) {\n const resp = await this.#client.v1.fields.$get({\n query: { prefix: `${prefix}%` },\n header: { sessiontoken: this.#sessionToken },\n });\n return await resp.json();\n }\n async write(data: any[]) {\n const resp = await this.#client.v1.write.$post({\n json: data,\n header: { sessiontoken: this.#sessionToken },\n });\n return await resp.json();\n }\n async values(fieldName: string, fieldType?: FieldType) {\n if (!fieldType) {\n const fieldsResp = await this.#client.v1.fields.$get({\n query: { prefix: fieldName },\n header: { sessiontoken: this.#sessionToken },\n });\n const fields = await fieldsResp.json();\n if (fields.length > 0) {\n fieldType = fields[0].fieldType;\n } else {\n return [];\n }\n }\n const resp = await this.#client.v1.values.$get({\n query: { fieldName, fieldType },\n header: { sessiontoken: this.#sessionToken },\n });\n return await resp.json();\n }\n}\n\nexport default async function(req: Request): Promise {\n // Use your Val Town API Token to create a session\n const wide = new Wide(await ValSession.new(Deno.env.get(\"valtown\")));\n await wide.write([{\n http: {\n url: req.url,\n method: req.method,\n useragent: req.headers.get(\"user-agent\"),\n headers: Object.fromEntries(req.headers.entries()),\n },\n timestamp: new Date().toISOString(),\n }]);\n return new Response(\n `\n\n\n\n \n \n WIDE Library\n \n \n \n \n\n\n

WIDE

Store any unstructured JSON data. Retrieve it with an expressive and efficient query system.

WIDE is a library and service hosted on Val Town. Authenticate and use it with your Val Town credentials, or fork it and connect it to your own Clickhouse Instance.

(read more about wide events)

import { ValSession } from 'https://esm.town/v/maxm/valSession';\nimport { Wide } from 'https://esm.town/v/maxm/wide';\n\n// Use your Val Town API Token to create a session\nconst wide = new Wide(await ValSession.new(Deno.env.get(\"valtown\")))\n\n// Write any data.\nawait wide.write([\n  { user: {id: 1, name: 'Alice', email: 'alice@example.com' }},\n  { user: {id: 2, name: 'Bob', email: 'bob@example.com' }},\n  { user: {id: 3, name: 'Charlie', email: 'charlie@example.com' }},\n]);\n\nawait wide.fields(\"user.\")\n// => [\n//  { fieldName: \"user.email\", fieldType: \"string\", count: 3 },\n//  { fieldName: \"user.id\", fieldType: \"number\", count: 3 },\n//  { fieldName: \"user.name\", fieldType: \"string\", count: 3 }\n// ]\n\nawait wide.values(\"user.email\") \n// [\n//   { value: \"bob@example.com\", count: 1 },\n//   { value: \"charlie@example.com\", count: 1 },\n//   { value: \"alice@example.com\", count: 1 }\n// ]\n

\n \n

\n Source\n

\n \n\n\n `,\n { headers: { \"Content-Type\": \"text/html\" } },\n );\n}","createdAt",["D",1732716760391],"branchVersion","branchId","6dd94b2e-252d-11f0-8a67-569c3dd06744","id","6dd8fcd2-252d-11f0-8a67-569c3dd06744","wide",["D",1745953749515],"deletedAt","legacyEnvVars",true,"privacy","public","httpPrivacy","description","imageUrl","418c1e39-eb48-4f2f-8c97-122ece94631c","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",4,"orgId","c1e7642a-74cc-4d69-8652-20abbdeaa94e","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_102":98},"org",{"_95":94,"_96":-5,"_97":98,"_18":55,"_99":100,"_101":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"isOwned",103,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","maxm","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJnTEtkSHlOMWxWZm1GRHdKYUVTNklYM3FpdiJ9","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":162,"_47":-5,"_48":49,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":31,"_57":49,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":163,"_79":164,"_81":165,"_83":25},"tree",[153,154],"files",[153,154],"counts",{"_142":139,"_143":137,"_144":145,"_146":147,"_148":149},"contents",[125,126],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":134,"_32":135,"_30":136,"_128":-5,"_41":42,"_40":137,"_129":49,"_38":138,"_13":139,"_33":20,"_35":140,"_24":25,"_132":-5,"_27":141},{"_43":127,"_32":28,"_30":31,"_128":-5,"_41":42,"_40":14,"_129":25,"_38":130,"_13":131,"_33":34,"_35":37,"_24":25,"_132":-5,"_27":133},"6fa2c7aa-252d-11f0-8a67-569c3dd06744","parentId","latest",["D",1732716760391],91,"label",[28],"6ddbe58c-252d-11f0-8a67-569c3dd06744","README.md","6ddbe604-252d-11f0-8a67-569c3dd06744",1,["D",1732383111722],0,"# WIDE\nStore any unstructured JSON data. Retrieve it with an expressive and efficient query system.\n\nWIDE is a library and service hosted on Val Town. Authenticate and use it with your Val Town credentials, or fork it and connect it to your own Clickhouse Instance.\n \n```ts\nimport { ValSession } from 'https://esm.town/v/maxm/valSession';\nimport { Wide } from 'https://esm.town/v/maxm/wide';\n\n// Use your Val Town API Token to create a session\nconst wide = new Wide(await ValSession.new(Deno.env.get(\"valtown\")))\n\n// Write any data.\nawait wide.write([\n { user: {id: 1, name: 'Alice', email: 'alice@example.com' }},\n { user: {id: 2, name: 'Bob', email: 'bob@example.com' }},\n { user: {id: 3, name: 'Charlie', email: 'charlie@example.com' }},\n]);\n\nawait wide.fields(\"user.\")\n// => [\n// { fieldName: \"user.email\", fieldType: \"string\", count: 3 },\n// { fieldName: \"user.id\", fieldType: \"number\", count: 3 },\n// { fieldName: \"user.name\", fieldType: \"string\", count: 3 }\n// ]\n\nawait wide.values(\"user.email\") \n// [\n// { value: \"bob@example.com\", count: 1 },\n// { value: \"charlie@example.com\", count: 1 },\n// { value: \"alice@example.com\", count: 1 }\n// ]\n\nawait wide.search({\n start: new Date(Date.now() - 1000 * 60 * 10),\n end: new Date(),\n filters: [{ fieldName: \"user.name\", operator: \"equals\", value: \"Alice\" }],\n})\n// [{ user: { name: \"Alice\", email: \"alice@example.com\", id: 1 } }];\n\n\nMigrated from folder: wide/wide",[135],"pulls","branches","forks",2,"envVars",{"_150":139,"_152":139},"connections",{"_150":139,"_151":139},"count","unfilledCount","emptyCount",{"_43":134,"_32":135,"_30":136,"_128":-5,"_41":42,"_40":137,"_129":49,"_38":159,"_13":139,"_33":20,"_35":140,"_24":25,"_132":-5,"_156":160,"_27":161},{"_43":127,"_32":28,"_30":31,"_128":-5,"_41":42,"_40":14,"_129":25,"_38":155,"_13":131,"_33":34,"_35":37,"_24":25,"_132":-5,"_156":157,"_27":158},["D",1732716760391],"children",[],[28],["D",1732383111722],[],[135],["D",1745953749515],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":55,"_99":100,"_101":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"ctx",{"_77":-5,"_122":199,"_200":201,"_202":203,"_204":25,"_205":25,"_206":25,"_207":49,"_208":-5,"_209":-7,"_210":-7,"_211":139,"_212":25,"_213":25,"_214":-5,"_215":25,"_216":25,"_217":25,"_218":-5},"ENV",{"_170":171,"_172":173,"_174":85,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","RENDER_GIT_BRANCH","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","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v92