@rimelight/cms 0.0.9 → 0.0.10

package/src/astro/blocks/SceneBlock.astro

@@ -0,0 +1,39 @@
+---
+import type { BaseBlock } from "../../core/types/blocks"
+
+interface Props {
+  block: BaseBlock
+  locale?: string
+}
+
+const { block } = Astro.props
+const {
+  location = "LOCATION",
+  timeOfDay = "DAY",
+  setting = "INT.",
+  transition = "CUT TO:",
+  description = ""
+} = block.props || {}
+---
+
+<div class="cms-scene-block my-6 font-mono text-sm" data-block-id={block.id}>
+  {transition && (
+    <div class="text-right text-xs font-bold uppercase tracking-wider text-neutral-500 dark:text-neutral-400 mb-2">
+      {transition}
+    </div>
+  )}
+
+  <div class="bg-neutral-100 dark:bg-neutral-800/80 px-4 py-2.5 rounded-lg border-l-4 border-primary-500 font-bold uppercase tracking-wide text-neutral-900 dark:text-neutral-100 mb-3">
+    {setting} {location} - {timeOfDay}
+  </div>
+
+  {description && (
+    <p class="text-neutral-700 dark:text-neutral-300 leading-relaxed mb-4 pl-4 border-l-2 border-transparent">
+      {description}
+    </p>
+  )}
+
+  <div class="scene-content pl-4 space-y-3">
+    <slot />
+  </div>
+</div>

package/src/astro/blocks/ScriptBlock.astro

@@ -0,0 +1,77 @@
+---
+import type { BaseBlock } from "../../core/types/blocks"
+
+interface Props {
+  block: BaseBlock
+  locale?: string
+}
+
+const { block } = Astro.props
+const {
+  title = "Untitled Script",
+  synopsis = "",
+  characters = [],
+  aPlot = "",
+  bPlot = "",
+  cPlot = "",
+  stinger = ""
+} = block.props || {}
+---
+
+<div
+  class="cms-script-block my-8 rounded-2xl border border-neutral-200 dark:border-neutral-800 bg-neutral-50/50 dark:bg-neutral-900/40 p-6 md:p-8 font-sans"
+  data-block-id={block.id}
+>
+  <header class="border-b border-neutral-200 dark:border-neutral-800 pb-6 mb-6">
+    <div class="flex items-center gap-2 text-xs font-semibold uppercase tracking-wider text-primary-600 dark:text-primary-400 mb-1">
+      <span class="i-lucide-clapperboard size-4" aria-hidden="true" />
+      Screenplay / Narrative Script
+    </div>
+    <h3 class="text-2xl md:text-3xl font-bold text-neutral-900 dark:text-neutral-100">{title}</h3>
+    {synopsis && <p class="mt-2 text-sm text-neutral-600 dark:text-neutral-400 italic">{synopsis}</p>}
+
+    {characters && characters.length > 0 && (
+      <div class="mt-4 flex flex-wrap items-center gap-2">
+        <span class="text-xs font-medium text-neutral-500 dark:text-neutral-400">Characters:</span>
+        {characters.map((char: string) => (
+          <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-neutral-200/70 dark:bg-neutral-800 text-neutral-800 dark:text-neutral-200">
+            {char}
+          </span>
+        ))}
+      </div>
+    )}
+
+    {(aPlot || bPlot || cPlot || stinger) && (
+      <div class="mt-4 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3 text-xs bg-white/60 dark:bg-neutral-800/40 p-3.5 rounded-xl border border-neutral-200/60 dark:border-neutral-700/40">
+        {aPlot && (
+          <div>
+            <span class="font-semibold text-neutral-700 dark:text-neutral-300">A Plot:</span>
+            <p class="text-neutral-600 dark:text-neutral-400 truncate">{aPlot}</p>
+          </div>
+        )}
+        {bPlot && (
+          <div>
+            <span class="font-semibold text-neutral-700 dark:text-neutral-300">B Plot:</span>
+            <p class="text-neutral-600 dark:text-neutral-400 truncate">{bPlot}</p>
+          </div>
+        )}
+        {cPlot && (
+          <div>
+            <span class="font-semibold text-neutral-700 dark:text-neutral-300">C Plot:</span>
+            <p class="text-neutral-600 dark:text-neutral-400 truncate">{cPlot}</p>
+          </div>
+        )}
+        {stinger && (
+          <div>
+            <span class="font-semibold text-neutral-700 dark:text-neutral-300">Stinger:</span>
+            <p class="text-neutral-600 dark:text-neutral-400 truncate">{stinger}</p>
+          </div>
+        )}
+      </div>
+    )}
+  </header>
+
+  <div class="script-body font-mono text-sm space-y-4">
+    <slot />
+  </div>
+</div>

package/src/astro/blocks/TableBlock.astro

@@ -1,5 +1,7 @@
 ---
 import type { BaseBlock } from "../../core/types/blocks"
+import RLATable from "@rimelight/ui/components/table/RLATable.astro"
+import type { TableColumn } from "@rimelight/ui/components/table/table.ts"
 
 interface Props {
   block: BaseBlock
@@ -7,43 +9,34 @@ interface Props {
 }
 
 const { block } = Astro.props
-const { columns = [], rows = [], caption } = block.props || {}
+const { columns = [], rows = [], caption, striped = true, bordered = false, hoverable = true } = block.props || {}
+
+const resolvedColumns: TableColumn[] = columns.map((col: any) => {
+  const key = typeof col === "string" ? col : col.key || col.id
+  const header = typeof col === "string" ? col : col.header || key
+  const align = typeof col === "object" ? col.align : undefined
+  return {
+    accessorKey: key,
+    header,
+    meta: align
+      ? {
+          class: {
+            th: align === "right" ? "text-right" : align === "center" ? "text-center" : "text-left",
+            td: align === "right" ? "text-right" : align === "center" ? "text-center" : "text-left"
+          }
+        }
+      : undefined
+  }
+})
 ---
 
-<div class="cms-table my-6 overflow-x-auto rounded-lg border border-neutral-200" data-block-id={block.id}>
-  <table class="w-full text-left text-sm border-collapse">
-    {caption && (
-      <caption class="p-2 text-xs text-neutral-500 italic text-left">
-        {caption}
-      </caption>
-    )}
-    {columns.length > 0 && (
-      <thead class="bg-neutral-50 border-b border-neutral-200 font-medium text-neutral-700">
-        <tr>
-          {columns.map((col: any) => (
-            <th
-              class="px-4 py-3 text-xs font-semibold uppercase tracking-wider"
-              style={col.align ? `text-align: ${col.align};` : undefined}
-            >
-              {col.header || col.key}
-            </th>
-          ))}
-        </tr>
-      </thead>
-    )}
-    <tbody class="divide-y divide-neutral-200 bg-default">
-      {rows.map((row: any) => (
-        <tr class="hover:bg-neutral-50/50 transition-colors">
-          {columns.map((col: any) => (
-            <td
-              class="px-4 py-3 text-neutral-800"
-              style={col.align ? `text-align: ${col.align};` : undefined}
-            >
-              {row[col.key] ?? ""}
-            </td>
-          ))}
-        </tr>
-      ))}
-    </tbody>
-  </table>
+<div class="cms-table my-6" data-block-id={block.id}>
+  <RLATable
+    data={rows}
+    columns={resolvedColumns}
+    caption={caption}
+    striped={striped}
+    bordered={bordered}
+    hoverable={hoverable}
+  />
 </div>

package/src/astro/blocks/index.ts

@@ -13,6 +13,10 @@ import CardBlock from "./CardBlock.astro"
 import FileTreeBlock from "./FileTreeBlock.astro"
 import UnorderedListBlock from "./UnorderedListBlock.astro"
 import OrderedListBlock from "./OrderedListBlock.astro"
+import ScriptBlock from "./ScriptBlock.astro"
+import SceneBlock from "./SceneBlock.astro"
+import DialogueBlock from "./DialogueBlock.astro"
+import LivePreviewBlock from "./LivePreviewBlock.astro"
 
 export const defaultBlockComponents: Record<string, any> = {
   ParagraphBlock,
@@ -29,7 +33,11 @@ export const defaultBlockComponents: Record<string, any> = {
   CardBlock,
   FileTreeBlock,
   UnorderedListBlock,
-  OrderedListBlock
+  OrderedListBlock,
+  ScriptBlock,
+  SceneBlock,
+  DialogueBlock,
+  LivePreviewBlock
 }
 
 export default defaultBlockComponents

package/src/env.d.ts

@@ -1,4 +1,3 @@
-
 declare module "virtual:rimelight-cms/parent-layout" {
   const layout: any
   export default layout
@@ -17,3 +16,10 @@ declare module "virtual:rimelight-cms/auth" {
   export const authAdapter: AuthAdapter
   export default authAdapter
 }
+
+declare module "cloudflare:workers" {
+  /**
+   * Ambient Cloudflare Workers env — populated at runtime by the CF runtime.
+   */
+  export const env: Record<string, any>
+}

package/src/loader/live.ts

@@ -131,8 +131,7 @@ export async function getCmsCollection(
   const conditions: SQL[] = [isNull(pages.deletedAt)]
 
   if (type) {
-    // eslint-disable-next-line typescript/no-unsafe-type-assertion
-    conditions.push(eq(pages.type, type as PageType))
+    conditions.push(eq(pages.type, type))
   }
 
   if (!includeDrafts) {