${o(e.title)}
-${o(e.engine)} \xB7 ${o(e.license)}
+${s(e.title)}
+${s(e.engine)} \xB7 ${s(e.license)}
${o(e.description||"No description yet.")}
+${s(e.description||"No description yet.")}
${escapeHtml(p.title)}
\n${escapeHtml(p.engine)} \u00B7 ${escapeHtml(p.license)}
\n${escapeHtml(p.description || \"No description yet.\")}
\n \n\n
\n `;\n}\n\nfunction renderModal(): string {\n return `\n No projects yet.
\nClick \"New project\" to create your first generative-art repo.
\n\n
\n `;\n}\n\nasync function fetchJson\n \n
\n Loading\u2026
`;\n try {\n const { projects } = await fetchJson<{ projects: ProjectSummary[] }>(\n `${cfg.apiBase}/v1/projects/mine`,\n );\n if (!projects.length) {\n listEl.innerHTML = renderEmpty();\n } else {\n listEl.innerHTML = projects.map(renderProjectCard).join(\"\");\n }\n } catch (err) {\n listEl.innerHTML = `Failed to load projects: ${escapeHtml(String(err))}
`;\n }\n}\n\nasync function createProject(cfg: DashboardConfig, body: Record${escapeHtml(p.title)}
\n${escapeHtml(p.engine)} \u00B7 ${escapeHtml(p.license)}
\n${escapeHtml(p.description || \"No description yet.\")}
\n \n\n
\n `;\n}\n\nfunction renderModal(): string {\n return `\n No projects yet.
\nClick \"New project\" to create your first generative-art repo.
\n\n
\n `;\n}\n\nasync function fetchJson\n \n
\n Loading\u2026
`;\n try {\n const { projects } = await fetchJson<{ projects: ProjectSummary[] }>(\n `${cfg.apiBase}/v1/projects/mine`,\n );\n if (!projects.length) {\n listEl.innerHTML = renderEmpty();\n } else {\n listEl.innerHTML = projects.map(renderProjectCard).join(\"\");\n }\n } catch (err) {\n listEl.innerHTML = `Failed to load projects: ${escapeHtml(String(err))}
`;\n }\n}\n\nasync function createProject(cfg: DashboardConfig, body: Record
+
+ `}var p=class{constructor(){c(this,"cfg")}async mount(t){this.cfg=t;let e=null;try{e=await l(`${t.apiBase}/v1/me`)}catch{e=null}if(!e){t.onUnauthenticated?.();return}await this.loadDatasets(),this.attachEvents()}async loadDatasets(){let t=this.cfg.rootEl.querySelector("#ga-datasets-list");if(t)try{let e=await l(`${this.cfg.apiBase}/v1/datasets/mine`);t.innerHTML=e.datasets.length?e.datasets.map(H).join(""):'${n(s.title)}
+${n(s.description||"No description yet.")}
+ +No datasets yet. Your source material stays private \u2014 only the models you publish are public.
Failed to load: ${n(String(e))}
`}}attachEvents(){this.cfg.rootEl.querySelector("#ga-new-dataset-form")?.addEventListener("submit",async e=>{e.preventDefault();let a=this.cfg.rootEl.querySelector("#ga-new-dataset-error");a?.classList.add("d-none");let i=this.cfg.rootEl.querySelector("#ga-nd-title").value.trim(),d=this.cfg.rootEl.querySelector("#ga-nd-description").value.trim(),r=this.cfg.rootEl.querySelector("#ga-nd-rights").value;try{let o=await l(`${this.cfg.apiBase}/v1/datasets`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({title:i,description:d||void 0,rights_declaration:r})});window.location.href=`/datasets/detail/?slug=${encodeURIComponent(o.dataset.slug)}`}catch(o){a&&(a.textContent=`Couldn't create dataset: ${String(o)}`,a.classList.remove("d-none"))}})}},h=class{constructor(){c(this,"cfg");c(this,"slug","");c(this,"dataset",null);c(this,"pollTimer",null)}async mount(t){this.cfg=t;let e=new URLSearchParams(window.location.search);if(this.slug=e.get("slug")||"",!this.slug){t.rootEl.innerHTML='Bad URL \u2014 dataset pages look like /datasets/detail/?slug=your-dataset.
';return}try{let a=await l(`${t.apiBase}/v1/datasets/${encodeURIComponent(this.slug)}`);this.dataset=a.dataset}catch(a){if((a.message.startsWith("404")?404:0)===404){t.onUnauthenticated?.();return}t.rootEl.innerHTML=`Failed to load dataset: ${n(String(a))}
`;return}this.renderHeader(),this.populateBaseModelOptions(),await this.loadItems(),await this.loadTrainingJobs(),this.attachEvents()}renderHeader(){let t=this.dataset,e=this.cfg.rootEl;e.querySelector("#ga-dataset-title").textContent=t.title,e.querySelector("#ga-dataset-desc").textContent=t.description||"No curatorial statement yet.",e.querySelector("#ga-dataset-meta").textContent=`${t.item_count} item${t.item_count===1?"":"s"} \xB7 ${E[t.rights_declaration]||t.rights_declaration} \xB7 ${t.visibility}`;let a=e.querySelector("#ga-train-submit");a&&(a.disabled=t.item_count<5);let i=e.querySelector("#ga-train-min-hint");i&&i.classList.toggle("d-none",t.item_count>=5)}populateBaseModelOptions(){let t=this.cfg.rootEl.querySelector("#ga-train-base-model");t&&(t.innerHTML=Object.entries(g).map(([e,a])=>``).join(""))}async loadItems(){let t=this.cfg.rootEl.querySelector("#ga-dataset-items");if(t)try{let e=await l(`${this.cfg.apiBase}/v1/datasets/${encodeURIComponent(this.slug)}/items?limit=100`);t.innerHTML=e.items.length?e.items.map(a=>this.renderItem(a)).join(""):'No items yet \u2014 drop images or video below.
'}catch(e){t.innerHTML=`Failed to load items: ${n(String(e))}
`}}renderItem(t){let e=`${this.cfg.apiBase}/v1/datasets/${encodeURIComponent(this.slug)}/items/${t.id}/file`,a=t.status==="flagged",i=t.kind==="image"?`
+ ${i}
+ ${a?`
`}async loadTrainingJobs(){let t=this.cfg.rootEl.querySelector("#ga-training-jobs");if(t)try{let e=await l(`${this.cfg.apiBase}/v1/datasets/${encodeURIComponent(this.slug)}/training`);t.innerHTML=e.jobs.length?e.jobs.map(i=>this.renderTrainingJob(i)).join(""):'${n(t.flag_reason||"flagged")}
`:""} + +No training runs yet.
';let a=e.jobs.some(i=>i.status==="queued"||i.status==="training");a&&!this.pollTimer?this.pollTimer=setInterval(()=>void this.loadTrainingJobs(),4e3):!a&&this.pollTimer&&(clearInterval(this.pollTimer),this.pollTimer=null)}catch(e){t.innerHTML=`Failed to load: ${n(String(e))}
`}}renderTrainingJob(t){let e=g[t.base_model]?.label??t.base_model,a=new Date(t.created_at*1e3).toLocaleString(),i;return t.status==="succeeded"&&t.model_id?i=`View model \u2192`:t.status==="failed"?i=`Failed (${n(t.error_code||"unknown")}) \u2014 ${t.price_tokens} tokens refunded`:i="In progress\u2026",`
+
+ ${n(e)} \xB7 ${n(t.training_method)}
+ ${n(t.status)}
+
+ ${n(a)} \xB7 ${i}
+\n
\n `;\n}\n\n// ---------------------------------------------------------------------------\n// Library page\n// ---------------------------------------------------------------------------\n\nclass LibraryPage {\n private cfg!: DatasetsConfig;\n\n async mount(cfg: DatasetsConfig): Promise${escapeHtml(d.title)}
\n${escapeHtml(d.description || \"No description yet.\")}
\n \nNo datasets yet. Your source material stays private \u2014 only the models you publish are public.
Failed to load: ${escapeHtml(String(err))}
`;\n }\n }\n\n private attachEvents(): void {\n const form = this.cfg.rootEl.querySelectorBad URL \u2014 dataset pages look like /datasets/detail/?slug=your-dataset.
`;\n return;\n }\n try {\n const data = await fetchJson<{ dataset: Dataset }>(`${cfg.apiBase}/v1/datasets/${encodeURIComponent(this.slug)}`);\n this.dataset = data.dataset;\n } catch (err) {\n const status = (err as Error).message.startsWith(\"404\") ? 404 : 0;\n if (status === 404) {\n cfg.onUnauthenticated?.();\n return;\n }\n cfg.rootEl.innerHTML = `Failed to load dataset: ${escapeHtml(String(err))}
`;\n return;\n }\n\n this.renderHeader();\n this.populateBaseModelOptions();\n await this.loadItems();\n await this.loadTrainingJobs();\n this.attachEvents();\n }\n\n private renderHeader(): void {\n const d = this.dataset!;\n const root = this.cfg.rootEl;\n root.querySelectorNo items yet \u2014 drop images or video below.
`;\n } catch (err) {\n grid.innerHTML = `Failed to load items: ${escapeHtml(String(err))}
`;\n }\n }\n\n private renderItem(i: DatasetItem): string {\n const fileUrl = `${this.cfg.apiBase}/v1/datasets/${encodeURIComponent(this.slug)}/items/${i.id}/file`;\n const flagged = i.status === \"flagged\";\n const thumb = i.kind === \"image\"\n ? `\n ${thumb}\n ${flagged ? `
`;\n }\n\n private async loadTrainingJobs(): Promise${escapeHtml(i.flag_reason || \"flagged\")}
` : \"\"}\n \nNo training runs yet.
`;\n // Poll while any job is still in flight \u2014 training is genuinely\n // async at the provider (minutes to hours in production; instant\n // under TRAINING_MOCK).\n const inFlight = data.jobs.some((j) => j.status === \"queued\" || j.status === \"training\");\n if (inFlight && !this.pollTimer) {\n this.pollTimer = setInterval(() => void this.loadTrainingJobs(), 4000);\n } else if (!inFlight && this.pollTimer) {\n clearInterval(this.pollTimer);\n this.pollTimer = null;\n }\n } catch (err) {\n el.innerHTML = `Failed to load: ${escapeHtml(String(err))}
`;\n }\n }\n\n private renderTrainingJob(j: TrainingJob): string {\n const base = TRAINABLE_BASE_MODELS[j.base_model]?.label ?? j.base_model;\n const when = new Date(j.created_at * 1000).toLocaleString();\n let statusLine: string;\n if (j.status === \"succeeded\" && j.model_id) {\n statusLine = `View model \u2192`;\n } else if (j.status === \"failed\") {\n statusLine = `Failed (${escapeHtml(j.error_code || \"unknown\")}) \u2014 ${j.price_tokens} tokens refunded`;\n } else {\n statusLine = \"In progress\u2026\";\n }\n return `\n \n ${escapeHtml(base)} \u00B7 ${escapeHtml(j.training_method)}\n ${escapeHtml(j.status)}\n
\n ${escapeHtml(when)} \u00B7 ${statusLine}
\n
+
+
+ `}function M(){return'${s(n.title)}
+${s(n.description||"No description yet.")}
+${s(t)} \xB7 ${n.run_count} run${n.run_count===1?"":"s"}
+ ${e} +No models yet.
Loading\u2026
';try{let r=e?`?kind=${encodeURIComponent(e)}`:"",o=await c(`${this.cfg.apiBase}/v1/models${r}`);t.innerHTML=o.models.length?o.models.map(E).join(""):M()}catch(r){t.innerHTML=`Failed to load: ${s(String(r))}
`}}}async loadMine(){let e=this.cfg.rootEl.querySelector("#ga-models-mine");if(e)try{let t=await c(`${this.cfg.apiBase}/v1/models/mine`);e.innerHTML=t.models.length?t.models.map(E).join(""):M()}catch(t){e.innerHTML=`Failed to load: ${s(String(t))}
`}}attachEvents(){this.cfg.rootEl.querySelectorAll("[data-ga-kind-filter]").forEach(t=>{t.addEventListener("click",()=>{this.cfg.rootEl.querySelectorAll("[data-ga-kind-filter]").forEach(o=>o.classList.toggle("active",o===t));let r=t.dataset.gaKindFilter||"";this.loadCatalogue(r||void 0)})}),this.cfg.rootEl.querySelector("#ga-new-model-form")?.addEventListener("submit",async t=>{t.preventDefault();let r=this.cfg.rootEl.querySelector("#ga-new-model-error");r?.classList.add("d-none");let o=this.cfg.rootEl.querySelector("#ga-nm-title").value.trim(),a=this.cfg.rootEl.querySelector("#ga-nm-kind").value,l=this.cfg.rootEl.querySelector("#ga-nm-provider").value,u=this.cfg.rootEl.querySelector("#ga-nm-description").value.trim();try{let i=await c(`${this.cfg.apiBase}/v1/models`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({title:o,kind:a,provider:l,description:u||void 0,visibility:"private"})});window.location.href=`/models/detail/?slug=${encodeURIComponent(i.model.slug)}`}catch(i){r&&(r.textContent=`Couldn't create model: ${String(i)}`,r.classList.remove("d-none"))}})}},h=class{constructor(){d(this,"cfg");d(this,"slug","");d(this,"model",null);d(this,"versions",[]);d(this,"isOwner",!1)}async mount(e){this.cfg=e;let t=new URLSearchParams(window.location.search);if(this.slug=t.get("slug")||"",!this.slug){e.rootEl.innerHTML='Bad URL \u2014 model pages look like /models/detail/?slug=your-model.
';return}let r=null;try{r=await c(`${e.apiBase}/v1/me`)}catch{r=null}try{let o=await c(`${e.apiBase}/v1/models/${encodeURIComponent(this.slug)}`);this.model=o.model,this.versions=o.versions}catch(o){e.rootEl.innerHTML=`Model not found: ${s(String(o))}
`;return}this.isOwner=!!r&&!!this.model.owner&&r.user.handle===this.model.owner.handle,this.render(),this.attachEvents()}render(){let e=this.model,t=this.cfg.rootEl;t.querySelector("#ga-model-title").textContent=e.title,t.querySelector("#ga-model-desc").textContent=e.description||"No description yet.",t.querySelector("#ga-model-meta").textContent=`${L[e.kind]||e.kind} \xB7 ${_[e.provider]||e.provider} \xB7 ${e.visibility}`;let r=t.querySelector("#ga-model-versions");r&&(r.innerHTML=this.versions.length?this.versions.map(i=>` +
+ v${i.version}
+ ${i.price_tokens.toLocaleString()} tokens
+
+ ${s(i.provider_model_id)}
+ ${H(i)} + ${i.dataset_note?`${s(i.dataset_note)}
`:""} +Render failed: ${s(String(l))}
`}finally{e.disabled=!1,e.textContent=a}}renderResult(e,t){if(e.status==="failed"){t.innerHTML=`Render failed (${s(e.error_code||"unknown")}) \u2014 tokens refunded.
`;return}let r=`seed ${s(e.seed)}
`;if(e.output_kind==="code"&&e.output_text)t.innerHTML=`${r}${s(e.output_text)}`;else if(e.output_kind==="image"&&e.output_key){let o=`${this.cfg.apiBase}/v1/captures/${e.output_key}`;t.innerHTML=`${r}Render succeeded with no returned output.
`}attachEvents(){let e=this.cfg.rootEl;e.querySelector("#ga-publish-version-form")?.addEventListener("submit",t=>{t.preventDefault(),this.publishVersion()}),e.querySelector("#ga-render-btn")?.addEventListener("click",t=>{this.render_(t.currentTarget)})}},S={async mount(n){y({apiBase:n.apiBase,page:`models-${n.mode}`}),n.mode==="catalogue"?await new p().mount(n):await new h().mount(n)}};window.GAModels=S;var x=S;export{x as default}; +//# sourceMappingURL=ga-models.js.map diff --git a/assets/js/ga-models.js.map b/assets/js/ga-models.js.map new file mode 100644 index 0000000..3958018 --- /dev/null +++ b/assets/js/ga-models.js.map @@ -0,0 +1,7 @@ +{ + "version": 3, + "sources": ["../../workers/api/client/lib/clientErrors.ts", "../../workers/api/client/models.ts"], + "sourcesContent": ["// Window onerror / unhandledrejection \u2192 POST /v1/internal/client-error.\n// Per-page de-dupe and 10-report cap; the Worker rate-limits per IP\n// and forwards to Sentry via SENTRY_DSN_PUBLIC server-side.\n//\n// Why not @sentry/browser? Bundle size is the deciding factor:\n// @sentry/browser min+gz is ~25KB, which is larger than every\n// per-page bundle this app ships (galleries 18KB, studio 100KB,\n// dashboard 7KB). The proxy pattern below has equivalent delivery\n// (the worker uses ctx.waitUntil for the forward), preserves stack\n// fidelity (we POST the raw `Error.stack` string verbatim), and\n// keeps the public DSN out of the client where it would otherwise\n// be visible to scrapers. The trade-off is that we don't get the\n// SDK's auto-capture of breadcrumbs / fetch/console hooks; for v1\n// observability that's an acceptable gap given the size budget.\n\nconst SEEN = new Set\n \n
\n `;\n}\n\nfunction renderEmptyModels(): string {\n return `${escapeHtml(m.title)}
\n${escapeHtml(m.description || \"No description yet.\")}
\n${escapeHtml(price)} \u00B7 ${m.run_count} run${m.run_count === 1 ? \"\" : \"s\"}
\n ${owner}\nNo models yet.
Loading\u2026
`;\n try {\n const qs = kind ? `?kind=${encodeURIComponent(kind)}` : \"\";\n const data = await fetchJson<{ models: ModelSummary[] }>(`${this.cfg.apiBase}/v1/models${qs}`);\n el.innerHTML = data.models.length ? data.models.map(renderModelCard).join(\"\") : renderEmptyModels();\n } catch (err) {\n el.innerHTML = `Failed to load: ${escapeHtml(String(err))}
`;\n }\n }\n\n private async loadMine(): PromiseFailed to load: ${escapeHtml(String(err))}
`;\n }\n }\n\n private attachEvents(): void {\n this.cfg.rootEl.querySelectorAllBad URL \u2014 model pages look like /models/detail/?slug=your-model.
`;\n return;\n }\n\n let me: { user: { handle: string } } | null = null;\n try {\n me = await fetchJson(`${cfg.apiBase}/v1/me`);\n } catch {\n me = null;\n }\n\n try {\n const data = await fetchJson<{ model: ModelSummary; versions: ModelVersion[] }>(\n `${cfg.apiBase}/v1/models/${encodeURIComponent(this.slug)}`,\n );\n this.model = data.model;\n this.versions = data.versions;\n } catch (err) {\n cfg.rootEl.innerHTML = `Model not found: ${escapeHtml(String(err))}
`;\n return;\n }\n\n this.isOwner = !!me && !!this.model.owner && me.user.handle === this.model.owner.handle;\n this.render();\n this.attachEvents();\n }\n\n private render(): void {\n const m = this.model!;\n const root = this.cfg.rootEl;\n root.querySelector\n v${v.version}\n ${v.price_tokens.toLocaleString()} tokens\n
\n ${escapeHtml(v.provider_model_id)}
\n ${provenanceTag(v)}\n ${v.dataset_note ? `${escapeHtml(v.dataset_note)}
` : \"\"}\nRender failed: ${escapeHtml(String(err))}
`;\n } finally {\n button.disabled = false;\n button.textContent = original;\n }\n }\n\n private renderResult(job: RenderJob, el: HTMLElement): void {\n if (job.status === \"failed\") {\n el.innerHTML = `Render failed (${escapeHtml(job.error_code || \"unknown\")}) \u2014 tokens refunded.
`;\n return;\n }\n const seedLine = `seed ${escapeHtml(job.seed)}
`;\n if (job.output_kind === \"code\" && job.output_text) {\n el.innerHTML = `${seedLine}${escapeHtml(job.output_text)}`;\n } else if (job.output_kind === \"image\" && job.output_key) {\n const src = `${this.cfg.apiBase}/v1/captures/${job.output_key}`;\n el.innerHTML = `${seedLine}Render succeeded with no returned output.
`;\n }\n }\n\n private attachEvents(): void {\n const root = this.cfg.rootEl;\n root.querySelector