Continued work

src/index.ts

@@ -1,6 +1,6 @@
 import { watch } from "node:fs/promises";
 import {
-  ValidatedPlaybillSchema,
+  PlaybillSchema,
   renderPlaybillToHTML,
   renderPlaybillToJSON,
 } from "@proscenium/playbill";
@@ -40,7 +40,7 @@ async function processBinding({ inputFilePath, options }: CLIArguments) {
   const binding = await loadFromBinding(bindingPath);
 
   // -- VALDATE PLAYBILL -- //
-  const validatedPlaybill = ValidatedPlaybillSchema.safeParse(binding.playbill);
+  const validatedPlaybill = PlaybillSchema.safeParse(binding.playbill);
 
   if (!validatedPlaybill.success) {
     console.error("Error validating playbill");
@@ -56,8 +56,8 @@ async function processBinding({ inputFilePath, options }: CLIArguments) {
 
   let css = "";
 
-  if (binding.html?.styles) {
-    for (const style of binding.html.styles) {
+  if (binding.styles && binding.styles.length > 0) {
+    for (const style of binding.styles) {
       const cssFilePath = path.resolve(binding.bindingFileDirname, style);
       const cssFile = Bun.file(cssFilePath);
       const cssFileExists = await cssFile.exists();

src/lib/binding.ts

@@ -1,9 +1,8 @@
 import path from "node:path";
 import {
-  IDSchema,
-  PlaybillSchema,
-  type Playbill,
-  type UnknownResource,
+  UnvalidatedPlaybillSchema,
+  type UnknownComponent,
+  type UnvalidatedPlaybill,
 } from "@proscenium/playbill";
 import { Glob } from "bun";
 import z from "zod";
@@ -11,29 +10,17 @@ import { FileNotFoundError } from "#lib/errors";
 import { loadYAMLFileOrFail } from "#util/files";
 import { loadResourceFile } from "./resource";
 
-const HTMLRenderOptionsSchema = z.object({
-  styles: z.array(z.string()).optional(),
-});
-
-const PageDefinitionSchema = z.object({
-  id: z.string(),
-  title: z.string(),
-  resources: z.array(IDSchema),
-});
-
 const BindingFileSchema = z.object({
-  $binding: z.literal("playbill"),
-  extends: z.string().optional(),
+  extend: z.string().optional(),
+
   id: z.string(),
   name: z.string().default("Unnamed playbill"),
   author: z.string().optional(),
   description: z.string().optional(),
-  version: z.string(),
+  version: z.string().default("0.0.0"),
+
   files: z.array(z.string()).default(["**/*.yaml", "**/*.md"]),
-
-  html: HTMLRenderOptionsSchema.optional(),
-
-  pages: PageDefinitionSchema.array().optional(),
+  styles: z.array(z.string()).optional(),
 });
 
 type BindingFileContent = z.infer<typeof BindingFileSchema>;
@@ -53,14 +40,13 @@ export interface PlaybillBinding {
   version: string;
   description: string;
 
-  html?: z.infer<typeof HTMLRenderOptionsSchema>;
-  pages?: z.infer<typeof PageDefinitionSchema>[];
+  styles?: string[];
 
-  playbill: Playbill;
+  playbill: UnvalidatedPlaybill;
 }
 
 export async function resolveBindingPath(bindingPath: string): Promise<string> {
-  // If the path does not specify a filename, use binding.yamk
+  // If the path does not specify a filename, use binding.yaml
   const inputLocation = Bun.file(bindingPath);
 
   // If it is a directory, try again seeking a binding.yaml inside
@@ -85,16 +71,22 @@ export async function loadFromBinding(
   const yamlContent = await loadYAMLFileOrFail(resolvedBindingPath);
   const binding = BindingFileSchema.parse(yamlContent);
   const fileGlobs = binding.files;
-  const bindingFileDirname = bindingPath.split("/").slice(0, -1).join("/");
+  const bindingFileDirname = path.dirname(resolvedBindingPath);
 
-  let basePlaybill: Playbill | null = null;
+  let playbill: UnvalidatedPlaybill = UnvalidatedPlaybillSchema.parse({
+    $define: "playbill",
+    id: "blank",
+    name: "Unnamed playbill",
+    description: "Unnamed Playbill",
+    version: "0.0.1",
+  });
 
   // If this is extending another binding, load that first
-  if (binding.extends) {
-    const pathFromHere = path.resolve(bindingFileDirname, binding.extends);
+  if (binding.extend) {
+    const pathFromHere = path.resolve(bindingFileDirname, binding.extend);
     const extendBindingPath = await resolveBindingPath(pathFromHere);
     const loadedBinding = await loadFromBinding(extendBindingPath);
-    basePlaybill = loadedBinding.playbill;
+    playbill = loadedBinding.playbill;
   }
 
   const allFilePaths: string[] = [];
@@ -118,23 +110,12 @@ export async function loadFromBinding(
   });
 
   // -- LOAD ASSOCIATED RESOURCE FILES -- //
-  const loadedResources: UnknownResource[] = [];
+  const loadedResources: UnknownComponent[] = [];
   for (const filepath of filePathsWithoutBindingFile) {
     const loaded = await loadResourceFile(filepath);
     loadedResources.push(...loaded);
   }
 
-  // -- COMPILE PLAYBILL FROM RESOURCES --//
-  const playbill =
-    basePlaybill ??
-    PlaybillSchema.parse({
-      $define: "playbill",
-      id: "blank",
-      name: "Unnamed playbill",
-      description: "Unnamed Playbill",
-      version: "0.0.1",
-    });
-
   playbill.id = binding.id;
   playbill.name = binding.name;
   playbill.author = binding.author ?? "Anonymous";
@@ -162,7 +143,7 @@ export async function loadFromBinding(
     description: binding.description ?? "",
     version: binding.version,
 
-    html: binding.html,
+    styles: binding.styles,
 
     playbill,
   };

src/lib/resource.ts

@@ -1,7 +1,7 @@
 import {
-  ResourceMap,
-  type UnknownResource,
-  UnknownResourceSchema,
+  ComponentMap,
+  type UnknownComponent,
+  UnknownComponentSchema,
 } from "@proscenium/playbill";
 import YAML, { YAMLParseError } from "yaml";
 import { ZodError } from "zod";
@@ -18,7 +18,7 @@ function determineFileFormat(filePath: string): FileFormat {
 function loadYamlResourceFile(
   filePath: string,
   text: string,
-): UnknownResource[] {
+): UnknownComponent[] {
   const parsedDocs = YAML.parseAllDocuments(text);
 
   if (parsedDocs.some((doc) => doc.toJS() === null)) {
@@ -35,11 +35,11 @@ function loadYamlResourceFile(
     );
   }
 
-  const collection: UnknownResource[] = [];
+  const collection: UnknownComponent[] = [];
 
   for (const doc of parsedDocs) {
     const raw = doc.toJS();
-    const parsed = UnknownResourceSchema.safeParse(raw);
+    const parsed = UnknownComponentSchema.safeParse(raw);
 
     if (!parsed.success) {
       throw new MalformedResourceFileError(
@@ -51,7 +51,7 @@ function loadYamlResourceFile(
 
     const parsedResource = parsed.data;
     const type = parsedResource.$define;
-    const schemaToUse = ResourceMap[type];
+    const schemaToUse = ComponentMap[type];
     const validated = schemaToUse.parse(parsedResource);
     collection.push(validated);
   }
@@ -62,7 +62,7 @@ function loadYamlResourceFile(
 function loadMarkdownResourceFile(
   filePath: string,
   text: string,
-): UnknownResource[] {
+): UnknownComponent[] {
   try {
     const frontmatter = extractFrontmatter(text);
     const markdown = extractMarkdown(text);
@@ -72,7 +72,7 @@ function loadMarkdownResourceFile(
       description: markdown,
     };
 
-    const parsed = UnknownResourceSchema.parse(together);
+    const parsed = UnknownComponentSchema.parse(together);
     return [parsed];
   } catch (e) {
     if (e instanceof YAMLParseError) {
@@ -105,7 +105,7 @@ function loadMarkdownResourceFile(
  */
 export async function loadResourceFile(
   filePath: string,
-): Promise<UnknownResource[]> {
+): Promise<UnknownComponent[]> {
   const text = await loadFileOrFail(filePath);
   const format = determineFileFormat(filePath);