feat(site): templates are programs the search finds, and the home shelf lists artifacts

Author: dylan-sutton-chavez

site/src/components/footer.astro

@@ -4,7 +4,7 @@ import Mark from '../assets/mark.svg'
 type Link = [label: string, href: string, blank?: boolean]
 
 const columns: { title: string; links: Link[] }[] = [
-  { title: 'Registry', links: [['Packages', '/']] },
+  { title: 'Registry', links: [['Artifacts', '/']] },
   { title: 'Docs', links: [['Introduction', '/docs/getting-started/introduction'], ['Modules', '/docs/reference/modules'], ['Publishing', '/docs/registry/publishing'], ['HTTP API', '/docs/registry/api']] },
   { title: 'Edge Python', links: [['Twitter', 'https://x.com/chavezsutton', true], ['GitHub', 'https://github.com/dylan-sutton-chavez/edge-python', true], ['Standard library', 'https://github.com/dylan-sutton-chavez/edge-python-std', true]] }
 ]

site/src/components/search-bar.astro

@@ -6,7 +6,7 @@ const { class: className } = Astro.props
 // What the product holds, shown before a query so somebody who does not know the words can still find the door.
 const doors = [
   { label: 'Docs', detail: 'The language, the CLI, the ABI', href: '/docs' },
-  { label: 'Packages', detail: 'Everything published', href: '/' },
+  { label: 'Artifacts', detail: 'Everything published', href: '/' },
   { label: 'Runs', detail: 'Executions, programs, snapshots', href: '/runs' },
   { label: 'Plans', detail: 'What each one covers', href: '/plans' }
 ]
@@ -185,6 +185,7 @@ const label = 'px-4 pb-1 pt-2 text-2xs text-fg-subtle'
         doors.hidden = true
 
         draw('Packages', found.packages ?? [])
+        draw('Programs', found.programs ?? [])
         draw('People', found.people ?? [])
         draw('Docs', found.docs ?? [])
 

site/src/components/settings/storage.astro

@@ -26,7 +26,7 @@ const ask = `mailto:c.sutton.dylan@gmail.com?subject=${encodeURIComponent(subjec
 <div class="flex flex-col gap-6">
   <div>
     <h2 class="text-md">Storage</h2>
-    <p class="text-fg-hint mt-0.5">The room your packages and templates take, and what is left of it.</p>
+    <p class="text-fg-hint mt-0.5">The room your packages and programs take, and what is left of it.</p>
   </div>
 
   <section class="flex flex-col gap-2">
@@ -78,9 +78,9 @@ const ask = `mailto:c.sutton.dylan@gmail.com?subject=${encodeURIComponent(subjec
     )}
   </section>
 
-  {/* Stands in until a package can publish itself as a template. */}
+  {/* Stands in until a package can publish itself as a program. */}
   <section class="flex flex-col gap-2">
-    <h3 class="ml-4">Templates</h3>
+    <h3 class="ml-4">Programs</h3>
     <p class="ml-4 text-fg-hint">Nothing published yet.</p>
   </section>
 </div>

site/src/components/settings/tokens.astro

@@ -110,7 +110,7 @@ edge publish app.edge</pre>
     <code data-secret class="min-w-0 flex-1 truncate font-mono text-xs"></code>
 
     <button type="button" data-copy class="shrink-0 flex items-center gap-1.5 text-2xs text-fg-hint transition hover:text-fg-muted">
-      <Icon name="file" size="2xs" /><span data-copy-label>Copy</span>
+      <Icon name="file" size="2xs" class="stroke-2" /><span data-copy-label>Copy</span>
     </button>
   </div>
 </Dialog>

site/src/components/settings/upkeep.astro

@@ -27,7 +27,7 @@ const note = 'ml-4 text-2xs text-fg-hint'
 <div class="flex flex-col gap-6">
   <div>
     <h2 class="text-md">Upkeep</h2>
-    <p class="text-fg-hint mt-0.5">What a package or template earns while people use it and you maintain it. Publishing is not upkeep, and a bot is not a person.</p>
+    <p class="text-fg-hint mt-0.5">What a package or program earns while people use it and you maintain it. Publishing is not upkeep, and a bot is not a person.</p>
   </div>
 
   <section class="flex flex-col gap-2">
@@ -60,7 +60,7 @@ const note = 'ml-4 text-2xs text-fg-hint'
       </ul>
     </div>
 
-    <p class={note}>A package or template stops earning when it stops being used, or when it stops being maintained.</p>
+    <p class={note}>A package or program stops earning when it stops being used, or when it stops being maintained.</p>
   </section>
 
   <section class="flex flex-col gap-2">

site/src/components/ui/icon.astro

@@ -27,6 +27,11 @@ const ICONS = {
     round: true,
     body: `<path d="m21 21-4.34-4.34"/><circle cx="11" cy="11" r="8"/>`
   },
+  fork: {
+    width: 2,
+    round: true,
+    body: `<circle cx="12" cy="18" r="3"/><circle cx="6" cy="6" r="3"/><circle cx="18" cy="6" r="3"/><path d="M18 9v2c0 .6-.4 1-1 1H7c-.6 0-1-.4-1-1V9"/><path d="M12 12v3"/>`
+  },
   close: {
     width: 1.5,
     round: true,

site/src/data/programs.ts

@@ -0,0 +1,8 @@
+import { OWNER } from '../lib/account/handle'
+
+// Newest first, each one a page of its own under /programs.
+export type Program = { slug: string; name: string; description: string; author: string }
+
+export const programs: Program[] = [
+  { slug: 'rails-cracker', name: 'Rails cracker', description: 'Paste any git repo and follow its code graph to every vulnerability it can reach.', author: OWNER }
+]

site/src/data/templates.ts

@@ -2,7 +2,7 @@ import type { MiddlewareNext } from 'astro'
 import { env } from 'cloudflare:workers'
 
 /* Everything still being built, named by the address that already reaches it. A path is a page of its own and a fragment is a surface inside one, which is the name a deep link already uses. */
-const DRAFT = ['/plans', '/runs', '/templates', '/#templates', '/settings#billing', '/settings#invoices', '/settings#upkeep']
+const DRAFT = ['/plans', '/runs', '/programs', '/#programs', '/settings#billing', '/settings#invoices', '/settings#upkeep']
 
 // What a surface renders with, so a group, its tab, its icon and its panel all answer to one name.
 const HOOKS = ['data-group', 'data-panel', 'data-view', 'data-bar-icon']
@@ -31,6 +31,9 @@ function stripped(response: Response) {
   return rewriter.transform(response)
 }
 
+/* Whether this deploy answers a path as missing, so a json answer can leave it out as well. */
+export const hidden = (path: string) => !env.DRAFT && isPage(path)
+
 /* Answers a draft page as a 404 and takes every draft surface out of the pages that stay. The binding is read per request, because bindings are not populated while a module is still loading. */
 export async function drafted(url: URL, next: MiddlewareNext) {
   if (env.DRAFT) return next()