@alstar/studio 0.0.0-beta.4 → 0.0.0-beta.5

package/api/block.ts

@@ -1,5 +1,5 @@
 import { type HttpBindings } from '@hono/node-server'
-// import { ServerSentEventGenerator } from '@starfederation/datastar-sdk'
+import { ServerSentEventGenerator } from '@starfederation/datastar-sdk'
 import { Hono } from 'hono'
 import { streamSSE } from 'hono/streaming'
 import { stripNewlines } from '../utils/strip-newlines.ts'
@@ -67,6 +67,7 @@ export const sectionRoutes = (structure: Structure) => {
 
       const id = formData.get('id')?.toString()
       const value = formData.get('value')?.toString()
+      const name = formData.get('name')?.toString()
       const entryId = formData.get('entryId')?.toString()
       const parentId = formData.get('parentId')?.toString()
       const sortOrder = formData.get('sort_order')?.toString()
@@ -84,7 +85,7 @@ export const sectionRoutes = (structure: Structure) => {
 
       transaction.run(value, id, sortOrder)
 
-      if (entryId === parentId) {
+      if (entryId === parentId && name?.toString() === 'title') {
         await stream.writeSSE({
           event: 'datastar-patch-elements',
           data: `elements <a href="/admin/entry/${entryId}" id="block_link_${entryId}">${value}</a>`,
@@ -93,5 +94,30 @@ export const sectionRoutes = (structure: Structure) => {
     })
   })
 
+  app.delete('/block', async (c) => {
+    return streamSSE(c, async (stream) => {
+      const formData = await c.req.formData()
+
+      const id = formData.get('id')?.toString()
+
+      if (!id) return
+
+      const transaction = db.database.prepare(sql`
+        update blocks
+        set
+          status = 'disabled'
+        where
+          id = ?
+      `)
+
+      transaction.run(id)
+
+      await stream.writeSSE({
+        event: 'datastar-patch-elements',
+        data: `elements ${stripNewlines(Entries())}`,
+      })
+    })
+  })
+
   return app
 }

package/components/AdminPanel/AdminPanel.css

@@ -1,12 +1,11 @@
 .admin-panel {
   /* background: hsla(0, 0%, 0%, 0.1); */
   padding: 40px;
-  padding-right: 0;
 
   height: 100%;
   min-height: inherit;
 
-  min-width: 200px;
+  min-width: 250px;
 
   > h1 {
     padding-bottom: 1rem;
@@ -22,7 +21,7 @@
 
   form {
     padding-bottom: 1rem;
-    
+
     button {
       margin: 10px 0px 20px;
     }
@@ -30,6 +29,16 @@
 
   #entries ul {
     padding: 0;
+    margin-inline: -1rem;
+
+    form {
+      display: flex;
+      padding-bottom: 0;
+
+      button {
+        margin: 0;
+      }
+    }
 
     > li {
       margin-bottom: 0px;
@@ -37,9 +46,7 @@
       display: flex;
       justify-content: space-between;
       align-items: stretch;
-      /* align-items: center; */
       list-style: none;
-      margin-inline: -1rem;
 
       a {
         text-decoration: none;
@@ -49,6 +56,8 @@
 
       button {
         border-radius: 7px;
+        opacity: 0;
+        transition: opacity 100px;
 
         svg {
           margin: 0.5rem 1rem;
@@ -57,3 +66,13 @@
     }
   }
 }
+
+#entries ul {
+  > li:hover {
+    background-color: var(--pico-form-element-background-color);
+
+    button {
+      opacity: 1;
+    }
+  }
+}

package/components/Block.ts

@@ -16,7 +16,7 @@ export default (
   structurePath: StructurePath,
 ) => {
   const data = query.block({ id: id.toString() })
-  const blocks = query.blocks({ parent: id })
+  const blocks = query.blocks({ parent_block_id: id })
 
   if (!data) return html`<p>No block data</p>`
 

package/components/Entries.ts

@@ -3,30 +3,37 @@ import { query } from '../index.ts'
 import * as icons from './icons.ts'
 
 export default () => {
-  const entries = query.blocks({ parent: null })
+  const entries = query.blocks({ parent_block_id: null, status: 'enabled' })
 
   return html`
     <section id="entries">
       <ul>
         ${entries?.map((block) => {
           const title = query.block({
-            parent: block.id.toString(),
+            parent_block_id: block.id.toString(),
             name: 'title',
           })
 
           return html`
             <li>
               <a href="/admin/entry/${block.id}" id="block_link_${block.id}">
-                ${block.value || title?.value || 'Untitled'}
+                ${title?.value || 'Untitled'}
               </a>
-              <!-- <button
-                data-tooltip="Rename"
-                data-placement="right"
-                class="ghost"
-                style="padding: 0"
+
+              <form
+                data-on-submit="@delete('/admin/api/block', { contentType: 'form' })"
               >
-                {icons.pen}
-              </button> -->
+                <input type="hidden" name="id" value="${block.id}" />
+                <button
+                  data-tooltip="Remove"
+                  data-placement="right"
+                  class="ghost"
+                  style="padding: 0"
+                  type="submit"
+                >
+                  ${icons.trash}
+                </button>
+              </form>
             </li>
           `
         })}

package/components/Field.ts

@@ -11,7 +11,7 @@ import {
 
 function getData(parentId: string | number, field: Block, sortOrder: number) {
   const data = query.block({
-    parent: parentId?.toString() || null,
+    parent_block_id: parentId?.toString() || null,
     name: field.name,
     sort_order: sortOrder.toString(),
   })
@@ -71,6 +71,7 @@ const Field = (props: {
         <input type="hidden" name="entryId" value="${entryId}" />
         <input type="hidden" name="parentId" value="${parentId}" />
         <input type="hidden" name="sort_order" value="${sortOrder}" />
+        <input type="hidden" name="name" value="${blockStructure.name}" />
         <input
           type="hidden"
           name="path"
@@ -96,6 +97,7 @@ const Field = (props: {
         <input type="hidden" name="entryId" value="${entryId}" />
         <input type="hidden" name="parentId" value="${parentId}" />
         <input type="hidden" name="sort_order" value="${sortOrder}" />
+        <input type="hidden" name="name" value="${blockStructure.name}" />
         <input
           type="hidden"
           name="path"
@@ -121,6 +123,7 @@ const Field = (props: {
         <input type="hidden" name="entryId" value="${entryId}" />
         <input type="hidden" name="parentId" value="${parentId}" />
         <input type="hidden" name="sort_order" value="${sortOrder}" />
+        <input type="hidden" name="name" value="${blockStructure.name}" />
         <input
           type="hidden"
           name="path"
@@ -149,6 +152,7 @@ const Field = (props: {
         <input type="hidden" name="entryId" value="${entryId}" />
         <input type="hidden" name="parentId" value="${parentId}" />
         <input type="hidden" name="sort_order" value="${sortOrder}" />
+        <input type="hidden" name="name" value="${blockStructure.name}" />
         <input
           type="hidden"
           name="path"

package/components/icons.ts

@@ -97,3 +97,41 @@ export const newDocument = html`
     />
   </svg>
 `
+
+export const dots = html`
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="16"
+    height="16"
+    viewBox="0 0 24 24"
+  >
+    <!-- Icon from HeroIcons by Refactoring UI Inc - https://github.com/tailwindlabs/heroicons/blob/master/LICENSE -->
+    <path
+      fill="none"
+      stroke="currentColor"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      stroke-width="1.5"
+      d="M6.75 12a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0m6 0a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0m6 0a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0"
+    />
+  </svg>
+`
+
+export const trash = html`
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="16"
+    height="16"
+    viewBox="0 0 24 24"
+  >
+    <!-- Icon from HeroIcons by Refactoring UI Inc - https://github.com/tailwindlabs/heroicons/blob/master/LICENSE -->
+    <path
+      fill="none"
+      stroke="currentColor"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      stroke-width="1.5"
+      d="m14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21q.512.078 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48 48 0 0 0-3.478-.397m-12 .562q.51-.088 1.022-.165m0 0a48 48 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a52 52 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a49 49 0 0 0-7.5 0"
+    />
+  </svg>
+`

package/components/layout.ts

@@ -1,7 +1,7 @@
 import adminPanel from './AdminPanel/AdminPanel.ts'
 import { html } from 'hono/html'
 import { type HtmlEscapedString } from 'hono/utils/html'
-import { rootdir } from '../index.ts'
+import { rootdir, studioConfig } from '../index.ts'
 import { type Structure } from '../types.ts'
 
 export default (props: {
@@ -18,7 +18,10 @@ export default (props: {
       <head>
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>Alster CMS</title>
+        <title>
+          ${studioConfig.siteName ? studioConfig.siteName + ' | ' : ''}Alstar
+          Studio
+        </title>
 
         <link
           rel="icon"
@@ -49,7 +52,7 @@ export default (props: {
       <body data-barba="wrapper">
         <section>${adminPanel(props.structure)}</section>
 
-        <main style="height: 100vh; overflow: auto">
+        <main>
           <section data-barba="container" data-barba-namespace="default">
             ${props.content}
           </section>

package/index.ts

@@ -1,6 +1,5 @@
 import { Hono } from 'hono'
 import { loadDb } from '@alstar/db'
-import { query } from './queries/index.ts'
 import { sectionRoutes } from './api/index.ts'
 import { getConfig } from './utils/get-config.ts'
 import * as types from './types.ts'
@@ -14,30 +13,31 @@ import { serveStatic } from '@hono/node-server/serve-static'
 import { createStudioTables } from './utils/create-studio-tables.ts'
 import { fileBasedRouter } from './utils/file-based-router.ts'
 
-export { html, type HtmlEscapedString } from './utils/html.ts'
-
 export let structure: types.Structure
 export let rootdir = '/node_modules/@alstar/studio'
 
-const createStudio = async (studioStructure?: types.Structure) => {
-  const config = await getConfig<types.StudioConfig>()
-
-  structure = studioStructure || []
+export let studioConfig: types.StudioConfig = {
+  siteName: '',
+}
 
+const createStudio = async (studioStructure?: types.Structure) => {
   loadDb('./studio.db')
-
   createStudioTables()
 
-  const app = new Hono(config.honoConfig)
+  const configFile = await getConfig<types.StudioConfig>()
+
+  structure = studioStructure || []
+  studioConfig = { ...studioConfig, ...configFile }
+
+  const app = new Hono(studioConfig.honoConfig)
 
   app.use('*', serveStatic({ root: './' }))
   app.use('*', serveStatic({ root: './public' }))
 
-  app.route('/', await fileBasedRouter('./pages'))
+  app.get('/admin', (c) => c.html(Layout({ structure, content: IndexPage() })))
 
   app.route('/admin/api', sectionRoutes(structure))
 
-  app.get('/admin', (c) => c.html(Layout({ structure, content: IndexPage() })))
   app.get('/admin/entry/:id', (c) => {
     return c.html(
       Layout({
@@ -47,6 +47,12 @@ const createStudio = async (studioStructure?: types.Structure) => {
     )
   })
 
+  const pages = await fileBasedRouter('./pages')
+
+  if (pages) {
+    app.route('/', pages)
+  }
+
   const server = serve(app)
 
   // graceful shutdown
@@ -68,4 +74,7 @@ const createStudio = async (studioStructure?: types.Structure) => {
 }
 
 export { defineConfig, defineEntry, defineStructure } from './utils/define.ts'
-export { createStudio, query }
+export { type RequestContext } from './types.ts'
+export { createStudio }
+export { html, type HtmlEscapedString } from './utils/html.ts'
+export { query } from './queries/index.ts'

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@alstar/studio",
-  "version": "0.0.0-beta.4",
+  "version": "0.0.0-beta.5",
   "type": "module",
   "main": "index.ts",
   "dependencies": {
     "@hono/node-server": "^1.18.1",
     "@starfederation/datastar-sdk": "1.0.0-RC.1",
     "hono": "^4.8.12",
-    "@alstar/db": "0.0.0-beta.1",
-    "@alstar/ui": "0.0.0-beta.1"
+    "@alstar/ui": "0.0.0-beta.1",
+    "@alstar/db": "0.0.0-beta.1"
   },
   "devDependencies": {
     "@types/node": "^24.1.0",

package/public/main.css

@@ -15,6 +15,8 @@ body {
 
   > main {
     padding: 40px;
+    height: 100vh;
+    overflow: auto;
 
     section {
       max-width: 900px;
@@ -90,4 +92,4 @@ div.ink-mde {
 .disclamer {
   display: flex;
   justify-content: center;
-}
+}

package/queries/block.ts

@@ -0,0 +1,298 @@
+import { db } from '@alstar/db'
+import { sql } from '../utils/sql.ts'
+
+type DBBlockResult = {
+  id: number
+  created_at: string
+  updated_at: string
+  name: string
+  label: string
+  type: string
+  sort_order: number
+  value: string | null
+  options: any
+  status: string
+  parent_block_id: number | null
+  depth: number
+  children: DBBlockResult[]
+  fields: Record<string, DBBlockResult>
+}
+
+function buildForest(blocks: DBBlockResult[]): DBBlockResult[] {
+  const map = new Map<number, DBBlockResult>()
+  const roots: DBBlockResult[] = []
+
+  for (const block of blocks) {
+    block.children = []
+    map.set(block.id, block)
+  }
+
+  for (const block of blocks) {
+    if (block.parent_block_id === null) {
+      roots.push(block)
+    } else {
+      const parent = map.get(block.parent_block_id)
+      if (parent) parent.children!.push(block)
+    }
+  }
+
+  // Sort children by sort_order recursively
+  const sortChildren = (node: DBBlockResult) => {
+    node.children!.sort((a, b) => a.sort_order - b.sort_order)
+    node.children!.forEach(sortChildren)
+  }
+  roots.forEach(sortChildren)
+
+  return roots
+}
+
+function buildTree(blocks: DBBlockResult[]): DBBlockResult {
+  const map = new Map<number, DBBlockResult>()
+  const roots: DBBlockResult[] = []
+
+  for (const block of blocks) {
+    block.children = []
+    map.set(block.id, block)
+  }
+
+  for (const block of blocks) {
+    if (block.parent_block_id === null) {
+      roots.push(block)
+    } else {
+      const parent = map.get(block.parent_block_id)
+      if (parent) parent.children!.push(block)
+    }
+  }
+
+  // Sort children by sort_order recursively
+  const sortChildren = (node: DBBlockResult) => {
+    node.children!.sort((a, b) => a.sort_order - b.sort_order)
+    node.children!.forEach(sortChildren)
+  }
+  roots.forEach(sortChildren)
+
+  return roots[0]
+}
+
+function transformDBBlockResultTree(
+  block: DBBlockResult,
+  isBlocksChild?: boolean,
+): DBBlockResult {
+  const fields: Record<string, DBBlockResult> = {}
+
+  for (const child of block.children ?? []) {
+    const transformedChild = transformDBBlockResultTree(
+      child,
+      child.type === 'blocks',
+    )
+
+    if (isBlocksChild) {
+    } else {
+      fields[transformedChild.name] = transformedChild
+    }
+  }
+
+  block.fields = fields
+
+  if (!isBlocksChild) {
+    block.children = [] // clear children array, since all children moved into fields
+  }
+
+  return block
+}
+
+function transformForest(blocks: DBBlockResult[]): DBBlockResult[] {
+  return blocks.map((block) => transformDBBlockResultTree(block))
+}
+
+function rootQuery(filterSql: string, depthLimit?: number) {
+  const depthLimitClause =
+    depthLimit !== undefined ? `WHERE d.depth + 1 <= ${depthLimit}` : ''
+
+  return sql`
+    with recursive
+      ancestors as (
+        select
+          id,
+          created_at,
+          updated_at,
+          name,
+          label,
+          type,
+          sort_order,
+          value,
+          options,
+          status,
+          parent_block_id,
+          0 as depth
+        from
+          blocks
+        where
+          ${filterSql}
+        union all
+        select
+          b.id,
+          b.created_at,
+          b.updated_at,
+          b.name,
+          b.label,
+          b.type,
+          b.sort_order,
+          b.value,
+          b.options,
+          b.status,
+          b.parent_block_id,
+          a.depth + 1
+        from
+          blocks b
+          inner join ancestors a on b.id = a.parent_block_id
+      ),
+      roots as (
+        select
+          id,
+          created_at,
+          updated_at,
+          name,
+          label,
+          type,
+          sort_order,
+          value,
+          options,
+          status,
+          parent_block_id,
+          0 as depth
+        from
+          ancestors
+        where
+          parent_block_id is null
+      ),
+      descendants as (
+        select
+          id,
+          created_at,
+          updated_at,
+          name,
+          label,
+          type,
+          sort_order,
+          value,
+          options,
+          status,
+          parent_block_id,
+          depth
+        from
+          roots
+        union all
+        select
+          b.id,
+          b.created_at,
+          b.updated_at,
+          b.name,
+          b.label,
+          b.type,
+          b.sort_order,
+          b.value,
+          b.options,
+          b.status,
+          b.parent_block_id,
+          d.depth + 1
+        from
+          blocks b
+          inner join descendants d on b.parent_block_id = d.id ${depthLimitClause}
+      )
+    select
+      *
+    from
+      descendants
+    order by
+      parent_block_id,
+      sort_order;
+  `
+}
+
+function buildFilterSql(params: Record<string, any>) {
+  const entries = Object.entries(params)
+  const filterSql = entries
+    .map(([key, value]) =>
+      value === null ? `${key} is null` : `${key} = :${key}`,
+    )
+    .join(' and ')
+
+  let sqlParams: Record<keyof typeof params, any> = {}
+
+  for (const param in params) {
+    if (params[param] !== null) {
+      sqlParams[param] = params[param]
+    }
+  }
+
+  return { filterSql, sqlParams }
+}
+
+export function roots(
+  params: Record<string, any>,
+  options?: {
+    depth?: number
+  },
+): DBBlockResult[] | [] {
+  const { filterSql, sqlParams } = buildFilterSql(params)
+
+  const query = rootQuery(filterSql, options?.depth)
+  const rows = db.database
+    .prepare(query)
+    .all(sqlParams) as unknown as DBBlockResult[]
+
+  if (!rows.length) return []
+
+  const forest = buildForest(rows)
+
+  return transformForest(forest)
+}
+
+export function root(
+  params: Record<string, any>,
+  options?: { depth?: number },
+): DBBlockResult | null {
+  const { filterSql, sqlParams } = buildFilterSql(params)
+
+  const query = rootQuery(filterSql, options?.depth)
+  const rows = db.database
+    .prepare(query)
+    .all(sqlParams) as unknown as DBBlockResult[]
+
+  if (!rows.length) return null
+
+  const tree = buildTree(rows)
+
+  return transformDBBlockResultTree(tree)
+}
+
+export function block(params: Record<string, any>) {
+  const { filterSql, sqlParams } = buildFilterSql(params)
+
+  const query = sql`
+    select
+      *
+    from
+      blocks
+    where
+      ${filterSql}
+  `
+
+  return db.database.prepare(query).get(sqlParams) as unknown as DBBlockResult
+}
+
+export function blocks(params: Record<string, any>) {
+  const { filterSql, sqlParams } = buildFilterSql(params)
+
+  const query = sql`
+    select
+      *
+    from
+      blocks
+    where
+      ${filterSql}
+  `
+
+  return db.database.prepare(query).all(sqlParams) as unknown as DBBlockResult[]
+}

package/queries/index.ts

@@ -1,98 +1 @@
-import { db } from '@alstar/db'
-import { sql } from '../utils/sql.ts'
-import { type DBBlock } from '../types.ts'
-import { buildBlockTree } from '../utils/buildBlocksTree.ts'
-
-export const blocks = (options: {
-  parent: string | number | null
-}): DBBlock[] | null => {
-  const q =
-    options.parent === null
-      ? sql`
-          select
-            *
-          from
-            blocks
-          where
-            parent_block_id is null;
-        `
-      : sql`
-          select
-            *
-          from
-            blocks
-          where
-            parent_block_id = ?;
-        `
-
-  const transaction = db.database.prepare(q)
-
-  if (options.parent === null) {
-    return transaction.all() as unknown as DBBlock[]
-  } else {
-    return transaction.all(options.parent) as unknown as DBBlock[]
-  }
-}
-
-export const block = (
-  query: Record<string, string | null>,
-  options?: { recursive: boolean },
-): DBBlock | null => {
-  const str = Object.keys(query)
-    .map((key) => `${key.replace('parent', 'parent_block_id')} = ?`)
-    .join(' AND ')
-
-  const q = options?.recursive
-    ? sql`
-        with recursive
-          block_hierarchy as (
-            -- Anchor member: the root block, depth = 0
-            select
-              b.*,
-              0 as depth
-            from
-              blocks b
-            where
-              b.id = ? -- Replace 5 with your root block ID
-            union all
-            -- Recursive member: find children and increment depth
-            select
-              b.*,
-              bh.depth + 1 as depth
-            from
-              blocks b
-              inner join block_hierarchy bh on b.parent_block_id = bh.id
-          )
-        select
-          *
-        from
-          block_hierarchy
-        order by
-          sort_order;
-      `
-    : sql`
-        select
-          *
-        from
-          blocks
-        where
-          ${str};
-      `
-
-  const transaction = db.database.prepare(q)
-
-  try {
-    if (options?.recursive) {
-      const res = transaction.all(query.id) as unknown as any[]
-      return (buildBlockTree(res) as any) || null
-    }
-    return (
-      (transaction.get(...Object.values(query)) as unknown as DBBlock) || null
-    )
-  } catch (error) {
-    console.log('error')
-    return null
-  }
-}
-
-export const query = { blocks, block }
+export * as query from './block.ts'

package/schemas.ts

@@ -1,56 +1,5 @@
 import { sql } from './utils/sql.ts'
 
-// export const entriesTable = {
-//   tableName: 'entries',
-//   columns: sql`
-//     title TEXT not null, -- Title of the page
-//     slug TEXT not null unique, -- URL slug for the page
-//     meta_description TEXT -- Optional meta description for SEO
-//   `,
-// }
-
-// export const fieldTable = {
-//   tableName: 'fields',
-//   columns: sql`
-//     name TEXT not null, -- Name of the field (e.g., "content", "header", "image")
-//     type TEXT not null, -- Field type (e.g., "text", "image", "video")
-//     label TEXT not null, -- Field label (e.g., "Text", "Image", "Video")
-//     options TEXT -- Additional options or settings (can be a JSON string if needed)
-//   `,
-// }
-
-// export const entriesFieldsTable = {
-//   tableName: 'entry_fields',
-//   columns: sql`
-//     entry_id INTEGER not null, -- Foreign key to pages
-//     field_id INTEGER not null, -- Foreign key to fields
-//     position INTEGER, -- Optional: order of the field on the page
-//     content TEXT, -- Content of the field (e.g., text, image URL, etc.)
-//     foreign key (entry_id) references entries (id),
-//     foreign key (field_id) references fields (id)
-//   `,
-// }
-
-// export const entryTypeTable = {
-//   tableName: 'entry_types',
-//   columns: sql`
-//     name TEXT not null, -- Name of the field (e.g., "content", "header", "image")
-//     type TEXT not null, -- Field type (e.g., "text", "image", "video")
-//     label TEXT not null, -- Field label (e.g., "Text", "Image", "Video")
-//     options TEXT -- Additional options or settings (can be a JSON string if needed)
-//   `,
-// }
-
-// export const entryEntryTypeTable = {
-//   tableName: 'entry_entry_types',
-//   columns: sql`
-//     entry_id INTEGER not null, -- Foreign key to pages
-//     entry_type_id INTEGER not null, -- Foreign key to fields
-//     foreign key (entry_id) references entries (id),
-//     foreign key (entry_type_id) references entry_types (id)
-//   `,
-// }
-
 // -- Blocks
 export const blocksTable = {
   tableName: 'blocks',
@@ -61,6 +10,7 @@ export const blocksTable = {
     sort_order INTEGER not null default 0,
     value TEXT,
     options JSON,
+    status TEXT default 'enabled',
     parent_block_id INTEGER,
     foreign key (parent_block_id) references blocks (id)
   `,

package/types.ts

@@ -1,5 +1,7 @@
-import { type HonoOptions } from "hono/hono-base"
-import { type BlankEnv } from "hono/types"
+import { type HttpBindings } from '@hono/node-server'
+import { type Context } from 'hono'
+import { type HonoOptions } from 'hono/hono-base'
+import { type BlankInput, type BlankEnv } from 'hono/types'
 
 export type Block = {
   name: string
@@ -21,5 +23,14 @@ export type DBBlock = Block & {
 }
 
 export type StudioConfig = {
+  siteName: string
   honoConfig?: HonoOptions<BlankEnv>
 }
+
+export type BlockStatus = 'enabled' | 'disabled'
+
+export type RequestContext = Context<
+  { Bindings: HttpBindings },
+  string,
+  BlankInput
+>

package/utils/define.ts

@@ -5,9 +5,11 @@ import { type BlankInput } from 'hono/types'
 import { type HtmlEscapedString } from './html.ts'
 
 export const defineConfig = (config: types.StudioConfig) => config
+
 export const defineStructure = (structure: types.Structure) => structure
+
 export const defineEntry = (
   fn: (
-    c: Context<{ Bindings: HttpBindings }, string, BlankInput>,
+    c: types.RequestContext,
   ) => HtmlEscapedString | Promise<HtmlEscapedString>,
 ) => fn

package/utils/file-based-router.ts

@@ -9,7 +9,15 @@ export const fileBasedRouter = async (rootdir: string) => {
   const router = new Hono()
 
   const root = path.resolve(rootdir)
-  const dirs = await fs.readdir(root, { recursive: true })
+
+  let dirs
+
+  try {
+    dirs = await fs.readdir(root, { recursive: true })
+  } catch (error) {
+    return
+  }
+
   const files = dirs.filter((dir) => path.extname(dir))
 
   await Promise.all(

package/utils/get-config.ts

@@ -3,15 +3,6 @@ import path from 'node:path'
 
 const CONFIG_FILE_NAME = 'alstar.config.ts'
 
-async function fileExists(filepath: string) {
-  // does the file exist?
-  try {
-    await fs.stat(filepath)
-  } catch (error) {
-    return null
-  }
-}
-
 export const getConfig = async <P>(): Promise<P> => {
   const root = path.resolve('./')
 
@@ -24,3 +15,11 @@ export const getConfig = async <P>(): Promise<P> => {
 
   return config as P
 }
+
+async function fileExists(filepath: string) {
+  try {
+    return await fs.stat(filepath)
+  } catch (error) {
+    return null
+  }
+}