[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_165":166,"_167":168},"routes/_app.x.$handle.$name",{"_94":93,"_32":45,"_102":84,"_27":103,"_13":14,"_104":-5,"_11":105,"_106":107,"_108":109,"_110":111,"_112":113,"_20":-5,"_114":-5,"_115":-5,"_116":25,"_117":118,"_119":49,"_120":-5,"_121":-5,"_122":123},"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",103,"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\";\nimport type { TSearchFilter, WideApi } from \"https://esm.town/v/maxm/wideApi\";\nimport { extractValInfo } from \"https://esm.town/v/pomdtr/extractValInfo\";\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 search({\n filters,\n start,\n end,\n limit = 100,\n }: {\n filters: TSearchFilter[];\n start: Date | string;\n end: Date | string;\n limit?: number;\n }) {\n const resp = await this.#client.v1.search.$get({\n query: {\n start: typeof start === \"string\" ? start : start.toISOString(),\n end: typeof end === \"string\" ? end : end.toISOString(),\n limit: limit ? String(limit) : undefined,\n filters: JSON.stringify(filters),\n },\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\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 \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// import type { TSearchFilter, WideApi } from \"https://esm.town/v/maxm/wideApi\";\ntype WideApi = any;\ntype TSearchFilter = any;\nimport { extractValInfo } from \"https://esm.town/v/pomdtr/extractValInfo\";\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 search({\n filters,\n start,\n end,\n limit = 100,\n }: {\n filters: TSearchFilter[];\n start: Date | string;\n end: Date | string;\n limit?: number;\n }) {\n const resp = await this.#client.v1.search.$get({\n query: {\n start: typeof start === \"string\" ? start : start.toISOString(),\n end: typeof end === \"string\" ? end : end.toISOString(),\n limit: limit ? String(limit) : undefined,\n filters: JSON.stringify(filters),\n },\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\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 \n

\n Source\n

\n \n\n\n `,\n { headers: { \"Content-Type\": \"text/html\" } },\n );\n}","createdAt",["D",1734122922901],"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",{"_94":93,"_101":97},"org",{"_94":93,"_95":-5,"_96":97,"_18":55,"_98":99,"_100":25},"branch",{"_13":14,"_32":84,"_43":42,"_85":44,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":45,"_92":93},"isOwned","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":161,"_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":162,"_79":163,"_81":164,"_83":25},"tree",[152,153],"files",[152,153],"counts",{"_141":138,"_142":136,"_143":144,"_145":146,"_147":148},"contents",[124,125],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":133,"_32":134,"_30":135,"_127":-5,"_41":42,"_40":136,"_128":49,"_38":137,"_13":138,"_33":20,"_35":139,"_24":25,"_131":-5,"_27":140},{"_43":126,"_32":28,"_30":31,"_127":-5,"_41":42,"_40":14,"_128":49,"_38":129,"_13":130,"_33":34,"_35":37,"_24":25,"_131":-5,"_27":132},"6fdebb34-252d-11f0-8a67-569c3dd06744","parentId","latest",["D",1734122922901],102,"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",[134],"pulls","branches","forks",2,"envVars",{"_149":138,"_151":138},"connections",{"_149":138,"_150":138},"count","unfilledCount","emptyCount",{"_43":133,"_32":134,"_30":135,"_127":-5,"_41":42,"_40":136,"_128":49,"_38":158,"_13":138,"_33":20,"_35":139,"_24":25,"_131":-5,"_155":159,"_27":160},{"_43":126,"_32":28,"_30":31,"_127":-5,"_41":42,"_40":14,"_128":49,"_38":154,"_13":130,"_33":34,"_35":37,"_24":25,"_131":-5,"_155":156,"_27":157},["D",1734122922901],"children",[],[28],["D",1732383111722],[],[134],["D",1745953749515],{"_94":93,"_101":97},{"_94":93,"_95":-5,"_96":97,"_18":55,"_98":99,"_100":25},{"_13":14,"_32":84,"_43":42,"_85":44,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":45,"_92":93},"ctx",{"_77":-5,"_121":198,"_199":200,"_201":202,"_203":25,"_204":25,"_205":25,"_206":49,"_207":-5,"_208":-7,"_209":-7,"_210":138,"_211":25,"_212":25,"_213":-5,"_214":25,"_215":25,"_216":25,"_217":-5},"ENV",{"_169":170,"_171":172,"_173":84,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197},"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 · v103