Convert rendering to jsx

src/lib/binding.ts

@@ -15,17 +15,21 @@ import { loadYAMLFileOrFail } from "#util";
 import { ComponentFile } from "./component-file";
 import { FileNotFoundError } from "./errors";
 
+// binding.yaml file schema
 const BindingSchema = z.object({
   extend: z.string().optional(),
 
-  id: z.string().default("playbill"),
   name: z.string().default("Unnamed playbill"),
-  author: z.string().optional(),
-  description: z.string().optional(),
+  author: z.string().default("Someone"),
+  description: z.string().default("No description provided"),
   version: z.string().default("0.0.0"),
 
   files: z.array(z.string()).default(["**/*.yaml", "**/*.md"]),
-  styles: z.array(z.string()).optional(),
+  styles: z
+    .union([z.string(), z.array(z.string())])
+    .transform((val) => (Array.isArray(val) ? val : [val]))
+    .default([]),
+  terms: z.record(z.string(), z.string()).default({}),
 });
 
 type Binding = z.infer<typeof BindingSchema>;
@@ -37,15 +41,15 @@ export interface BoundPlaybill {
   bindingFilePath: string;
   bindingFileDirname: string;
   includedFiles: string[];
+  componentFiles: ComponentFile[];
 
   // Binding properties
-  id: string;
   name: string;
   author: string;
   version: string;
   description: string;
 
-  styles?: string;
+  styles: string;
 
   playbill: Playbill;
 }
@@ -98,20 +102,19 @@ export async function loadFromBinding(
   }
 
   // Load any specified stylesheets
-  let styles = "";
-  if (binding.styles && binding.styles.length > 0) {
-    for (const style of binding.styles) {
-      const cssFilePath = path.resolve(bindingFileDirname, style);
-      const cssFile = Bun.file(cssFilePath);
-      const cssFileExists = await cssFile.exists();
+  const loadedStyles: string[] = [];
+  for (const style of binding.styles) {
+    const cssFilePath = path.resolve(bindingFileDirname, style);
+    const cssFile = Bun.file(cssFilePath);
+    const cssFileExists = await cssFile.exists();
 
-      if (cssFileExists) {
-        styles += `${await cssFile.text()}\n`;
-      } else {
-        throw new FileNotFoundError(cssFilePath);
-      }
+    if (cssFileExists) {
+      loadedStyles.push(await cssFile.text());
+    } else {
+      throw new FileNotFoundError(cssFilePath);
     }
   }
+  const styles = loadedStyles.join("\n");
 
   // Scan for all files matching the globs
   const allFilePaths: string[] = [];
@@ -154,7 +157,6 @@ export async function loadFromBinding(
 
   const abilities: Ability[] = [];
   const bluprints: Blueprint[] = [];
-  const glossaries: Record<string, string[]>[] = [];
   const methods: Method[] = [];
   const species: Species[] = [];
   const items: Item[] = [];
@@ -173,9 +175,6 @@ export async function loadFromBinding(
         case "blueprint":
           bluprints.push(component.component);
           break;
-        case "glossary":
-          glossaries.push(component.component);
-          break;
         case "method":
           methods.push(component.component);
           break;
@@ -232,12 +231,8 @@ export async function loadFromBinding(
   }
 
   // Add all definitions
-  for (const glossary of glossaries) {
-    for (const [term, definitions] of Object.entries(glossary)) {
-      for (const definition of definitions) {
-        playbill.addDefinition(term, definition);
-      }
-    }
+  for (const [term, definition] of Object.entries(binding.terms)) {
+    playbill.addDefinition(term, definition);
   }
 
   return {
@@ -245,14 +240,14 @@ export async function loadFromBinding(
     bindingFilePath: bindingPath,
     bindingFileDirname,
     includedFiles: filePathsWithoutBindingFile,
+    componentFiles,
 
-    id: binding.id,
     name: binding.name,
     author: binding.author ?? "Anonymous",
     description: binding.description ?? "",
     version: binding.version,
 
-    styles: styles.length > 0 ? styles : undefined,
+    styles,
 
     playbill,
   };