UPDATE: more work on library to pattern change

Author: fileformat

app/components/Patterns.ts

@@ -4,23 +4,23 @@ import * as yaml from "js-yaml";
 
 const LIBRARY_DIR = path.join(process.cwd(), "library");
 
-export type LibraryEntry = {
+export type PatternEntry = {
   title: string;
   detail?: string; // markdown!
   handle: string;
   fullPath: string;
   tags?: string[];
-  variations: LibraryEntryVariation[];
+  variations: PatternEntryVariation[];
 };
 
-export type LibraryEntryVariation = {
+export type PatternEntryVariation = {
   title: string;
   pattern: string;
   description?: string;
 };
 
-const cache: Map<string, LibraryEntry> = new Map();
-const all: LibraryEntry[] = [];
+const cache: Map<string, PatternEntry> = new Map();
+const all: PatternEntry[] = [];
 
 async function initialize() {
   if (all.length > 0) {
@@ -34,7 +34,7 @@ async function initialize() {
     const raw = await fsPromises.readFile(fullPath, "utf-8");
     const parsed = yaml.load(raw, {
       schema: yaml.JSON_SCHEMA,
-    }) as LibraryEntry;
+    }) as PatternEntry;
     parsed.fullPath = fullPath;
 
     cache.set(parsed.handle, parsed);
@@ -53,7 +53,7 @@ function get(handle: string) {
   return entry;
 }
 
-function getAll(): LibraryEntry[] {
+function getAll(): PatternEntry[] {
   return all;
 }
 

app/routes/library.$entry._index.tsx

@@ -8,7 +8,7 @@ import Markdown from 'react-markdown'
 import { Footer } from "~/components/Footer";
 
 import { HeaderSearch } from "~/components/HeaderSearch/HeaderSearch";
-import { get, initialize, LibraryEntry, LibraryEntryVariation } from "~/components/Library";
+import { get, initialize, PatternEntry, PatternEntryVariation } from "~/components/Patterns";
 import { TagList } from "~/components/TagList";
 
 export const loader = async ({
@@ -26,7 +26,7 @@ export const meta: MetaFunction = () => {
     ];
 };
 
-function LibraryEntryView(entry: LibraryEntry) {
+function PatternEntryView(entry: PatternEntry) {
     return (
         <Container>
 
@@ -46,7 +46,7 @@ function LibraryEntryView(entry: LibraryEntry) {
                     </tr>
                 </thead>
                 <tbody>
-                    {entry.variations.length > 0 ? (entry.variations.map((variation) => LibraryEntryVariationView(variation))) : <tr><td>(none)</td></tr>}
+                    {entry.variations.length > 0 ? (entry.variations.map((variation) => PatternEntryVariationView(variation))) : <tr><td>(none)</td></tr>}
                 </tbody>
             </Table>
             <details><summary>Raw data</summary>
@@ -57,7 +57,7 @@ function LibraryEntryView(entry: LibraryEntry) {
     );
 }
 
-function LibraryEntryVariationView(variation: LibraryEntryVariation) {
+function PatternEntryVariationView(variation: PatternEntryVariation) {
     return (
         <tr>
             <td>{variation.title}</td>
@@ -72,7 +72,7 @@ export default function Index() {
     return (
         <>
             <HeaderSearch />
-            {entry ? LibraryEntryView(entry) : <h1>Not Found</h1>}
+            {entry ? PatternEntryView(entry) : <h1>Not Found</h1>}
         </>
     );
 }

app/routes/library._index.tsx

@@ -4,7 +4,7 @@ import { Link as RemixLink, useLoaderData } from "@remix-run/react";
 import { json } from "@remix-run/node";
 
 import { HeaderSearch } from "~/components/HeaderSearch/HeaderSearch";
-import { getAll, initialize, LibraryEntry } from "~/components/Library";
+import { getAll, initialize, PatternEntry } from "~/components/Patterns";
 import { TagList } from "~/components/TagList";
 import { Footer } from "~/components/Footer";
 
@@ -23,7 +23,7 @@ export const meta: MetaFunction = () => {
 };
 
 
-function LibraryEntryRow(entry: LibraryEntry) {
+function PatternEntryRow(entry: PatternEntry) {
     return (
         <tr key={entry.handle}>
             <td>
@@ -40,7 +40,7 @@ function LibraryEntryRow(entry: LibraryEntry) {
 export default function Index() {
     const entries = useLoaderData<typeof loader>();
 
-    const entryRows = entries.map((entry) => LibraryEntryRow(entry));
+    const entryRows = entries.map((entry) => PatternEntryRow(entry));
 
     return (
         <>

app/routes/library.tags[.]html.tsx

@@ -4,7 +4,7 @@ import { Container } from "react-bootstrap";
 import { Footer } from "~/components/Footer";
 
 import { HeaderSearch } from "~/components/HeaderSearch/HeaderSearch";
-import { getAll, initialize } from "~/components/Library";
+import { getAll, initialize } from "~/components/Patterns";
 
 type TagEntry = {
     title: string;

app/routes/sitemap[.]xml.tsx

@@ -1,4 +1,4 @@
-import { getAll, initialize } from "~/components/Library";
+import { getAll, initialize } from "~/components/Patterns";
 
 function urlLine(url:string) {
     return `\t<url><loc>https://www.regex.zone${url}</loc></url>`