components/catalog/fixture.ts

Functions

Imports

It imports components/catalog/catalog-core.ts. Imported by components/catalog/examples.tsx.

Source

1// A collection for the catalog's specimen and its spec: a small protocol library, big enough to filter, search,
2// sort and page. It is data, not copy: the names are made up for the specimen.
3import { defineCatalog } from "./catalog-core.ts";
4
5export interface Protocol {
6  id: string;
7  title: string;
8  kind: "protocol" | "recipe" | "computational";
9  methods: string[];
10  organisms: string[];
11  size: number | null;
12  updated: string;
13}
14
15const METHODS = ["plating", "pcr", "extraction", "culture", "sequencing", "annotation", "media", "microscopy"];
16const ORGANISMS = ["smegmatis", "foliorum", "avian", "human"];
17
18export const PROTOCOLS: Protocol[] = Array.from({ length: 27 }, (_, i) => {
19  const kind = i % 9 === 8 ? "computational" : i % 5 === 4 ? "recipe" : "protocol";
20  return {
21    id: `p${String(i + 1).padStart(2, "0")}`,
22    title: `${["Phage", "Viral", "Plate", "Primer", "Lysate", "Genome", "Culture", "Buffer", "Titer"][i % 9]} ${["isolation", "extraction", "purification", "screen", "titer", "annotation", "prep"][i % 7]} ${i + 1}`,
23    kind,
24    methods: [METHODS[i % METHODS.length] as string, ...(i % 4 === 0 ? [METHODS[(i + 3) % METHODS.length] as string] : [])],
25    organisms: i % 3 === 0 ? [] : [ORGANISMS[i % ORGANISMS.length] as string],
26    size: kind === "protocol" && i % 2 === 0 ? 300 + i * 11 : null,
27    updated: `2026-0${(i % 9) + 1}-${String((i * 3) % 27 + 1).padStart(2, "0")}`,
28  };
29});
30
31export const protocolCatalog = defineCatalog<Protocol>({
32  id: "protocols",
33  noun: ["protocol", "protocols"],
34  basePath: "/components/catalog/states.html",
35  itemKey: (p) => p.id,
36  defaultSort: "-updated",
37  pageSize: 10,
38  fields: [
39    { key: "title", label: "Name", value: (p) => p.title, search: 3, sort: true, column: { header: "Name" } },
40    { key: "kind", label: "Kind", value: (p) => p.kind, facet: { general: true, kind: "one", order: ["protocol", "recipe", "computational"] }, column: { header: "Kind" } },
41    { key: "method", label: "Method", value: (p) => p.methods, search: 2, facet: { general: true, order: "alpha" }, column: { header: "Method", drop: 1 } },
42    { key: "organism", label: "Organism", value: (p) => p.organisms, search: true, facet: { limit: 2, order: "count" }, column: { header: "Organism", drop: 2 } },
43    { key: "size", label: "Product size", value: (p) => p.size, type: "number", sort: true, column: { header: "Product size", align: "end", drop: 2, note: "bp" } },
44    { key: "updated", label: "Updated", value: (p) => p.updated, type: "date", sort: true, column: { header: "Updated" } },
45  ],
46});