@alstar/studio 0.0.0-beta.6 → 0.0.0-beta.7

package/utils/get-or-create-row.ts

@@ -1,13 +1,26 @@
 import { db } from '@alstar/db'
 import { query } from '../queries/index.ts'
-import type { Block, FieldDef } from '../types.ts'
+import type {
+  BlockDefStructure,
+  BlocksFieldDefStructure,
+  FieldDefStructure,
+} from '../types.ts'
+
+export function getOrCreateRow(props: {
+  parentId: string | number | null
+  name: string
+  field: BlockDefStructure | BlocksFieldDefStructure | FieldDefStructure
+  sortOrder?: number
+  id?: number
+}) {
+  const { parentId, name, field, sortOrder = 0, id } = props
+
+  if (id) {
+    return query.block({
+      id: id?.toString(),
+    })
+  }
 
-export function getOrCreateRow(
-  parentId: string | number,
-  name: string,
-  field: Block | FieldDef,
-  sortOrder: number,
-) {
   const data = query.block({
     parent_id: parentId?.toString() || null,
     name: name,

package/utils/startup-log.ts

@@ -1,9 +1,9 @@
 import packageJSON from '../package.json' with { type: 'json' }
 
-export default () => {
+export default ({ port }: { port: number }) => {
   console.log('\x1b[32m%s\x1b[0m', '╭───────────────────────╮')
   console.log('\x1b[32m%s\x1b[0m', '│ Alstar Studio         │')
   console.log('\x1b[32m%s\x1b[0m', `│ ${packageJSON.version}${' '.repeat(22 - packageJSON.version.length)}│`)
-  console.log('\x1b[32m%s\x1b[0m', `│ http://localhost:${3000} │`)
+  console.log('\x1b[32m%s\x1b[0m', `│ http://localhost:${port} │`)
   console.log('\x1b[32m%s\x1b[0m', '╰───────────────────────╯')
 }

package/bin/alstar.ts

@@ -1,42 +0,0 @@
-#!/usr/bin/env node
-import { spawn } from 'node:child_process'
-import { fileURLToPath } from 'node:url'
-import path from 'node:path'
-
-// process.removeAllListeners('warning')
-
-const __filename = fileURLToPath(import.meta.url)
-
-// Dev-only auto watch (opt out with ALSTAR_NO_WATCH=true)
-const isDev =
-  process.env.NODE_ENV !== 'production' &&
-  process.env.ALSTAR_NO_WATCH !== 'true'
-const alreadyBootstrapped = process.env.ALSTAR_WATCH_BOOTSTRAPPED === '1'
-
-if (isDev && !alreadyBootstrapped) {
-  // Start a watcher ON THIS FILE and mark the environment so the child won't re-spawn
-  const childProcess = spawn(
-    process.execPath,
-    ['--watch', __filename, ...process.argv.slice(2)],
-    // [__filename, ...process.argv.slice(2)],
-    {
-      stdio: 'inherit',
-      env: { ...process.env, ALSTAR_WATCH_BOOTSTRAPPED: '1' },
-    },
-  )
-  // Important: exit this launcher so only the watched child keeps running
-  process.on('SIGINT', () => {
-    childProcess.kill('SIGINT')
-  })
-
-  process.on('SIGTERM', () => {
-    childProcess.kill('SIGTERM')
-  })
-
-  process.exit(0)
-
-}
-
-// --- Your actual CLI logic below ---
-// console.log(import.meta.dirname, path.resolve('.'))
-// import("./main.js").then(m => m.default());

package/components/Block.ts

@@ -1,55 +0,0 @@
-import { html } from 'hono/html'
-import type { Block, BlockDef, FieldDef } from '../types.ts'
-import { type HtmlEscapedString } from 'hono/utils/html'
-import { Field } from './fields/index.ts'
-
-export default (props: {
-  entryId: number
-  parentId: number
-  blockStructure: BlockDef | Block | FieldDef
-  name: string
-  sortOrder?: number
-}): HtmlEscapedString | Promise<HtmlEscapedString> => {
-  const { entryId, parentId, blockStructure, name, sortOrder = 0 } = props
-
-  if (!blockStructure) return html`<p>No block</p>`
-
-  let entries: [string, BlockDef | Block | FieldDef][] = []
-
-  const fieldTypes = ['text', 'image', 'markdown', 'slug']
-
-  try {
-    if (fieldTypes.includes(blockStructure.type)) {
-      entries = [[name, blockStructure]]
-    } else if (blockStructure.type === 'blocks') {
-      entries = Object.entries(blockStructure.children)
-    } else if (blockStructure.fields) {
-      entries = Object.entries(blockStructure.fields)
-    } else {
-      console.log(blockStructure)
-    }
-  } catch (error) {
-    console.log(error)
-  }
-
-  return html`
-    ${entries.map(([name, field]) => {
-      switch (field.type) {
-        case 'text': {
-          return Field.Text({ entryId, parentId, name, field, sortOrder })
-        }
-        case 'slug': {
-          return Field.Text({ entryId, parentId, name, field, sortOrder })
-        }
-        case 'markdown': {
-          return Field.Text({ entryId, parentId, name, field, sortOrder })
-        }
-        case 'image': {
-          return Field.Text({ entryId, parentId, name, field, sortOrder })
-        }
-        case 'blocks': {
-          return Field.Blocks({ entryId, parentId, name, field, sortOrder })
-        }
-      }
-    })}`
-}

package/public/main.css

@@ -1,103 +0,0 @@
-/* @import './../node_modules/@alstar/ui/red.css'; */
-@import 'https://esm.sh/@alstar/ui/red.css';
-@import './admin-panel.css';
-@import './entry.css';
-@import './blocks.css';
-@import './settings.css';
-
-body {
-  min-height: 100vh;
-}
-
-body {
-  padding: 0;
-  min-height: inherit;
-
-  display: grid;
-  grid-template-columns: auto 1fr;
-  align-content: baseline;
-
-  > main {
-    padding: 40px;
-    height: 100vh;
-    overflow: auto;
-
-    section {
-      max-width: 900px;
-      margin: 0 auto;
-    }
-  }
-}
-
-.entry > .fields > .block {
-  padding-block: var(--pico-spacing);
-
-  > header {
-    margin-block: var(--pico-block-spacing-vertical);
-  }
-}
-
-.block {
-  > header {
-    margin-bottom: var(--pico-spacing);
-  }
-
-  header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-
-    background-color: inherit;
-
-    h6,
-    h5,
-    fieldset {
-      margin-bottom: 0;
-    }
-
-    button {
-      padding: 0;
-      background-color: white;
-
-      svg {
-        padding: 8px;
-      }
-    }
-  }
-}
-
-[data-sortable] {
-  > article {
-    transition: opacity 200ms;
-  }
-
-  .sortable-ghost {
-    opacity: 0.3;
-  }
-
-  /* .sortable-chosen {
-    filter: brightness(0.9)
-  } */
-}
-
-div.ink-mde {
-  border: var(--pico-border-width) solid #2a3140;
-  border-radius: var(--pico-border-radius);
-  outline: 0;
-  background-color: var(--pico-background-color);
-  box-shadow: var(--pico-box-shadow);
-  color: var(--pico-color);
-}
-
-.ink-mde-textarea {
-  width: 100%;
-}
-
-.disclamer {
-  display: flex;
-  justify-content: center;
-}
-
-.text-secondary {
-  color: var(--pico-secondary);
-}

package/public/main.js

@@ -1,48 +0,0 @@
-import barba from '@barba/core'
-import Sortable from 'sortablejs'
-// import { wrap } from 'ink-mde'
-
-barba.init({
-  cacheIgnore: true,
-  views: [
-    {
-      namespace: 'default',
-      afterEnter() {
-        init()
-      },
-    },
-  ],
-})
-
-function init() {
-  // sortable
-  {
-    const els = document.querySelectorAll('[data-sortable]')
-
-    els.forEach((el) => {
-      const id = el.dataset.sortable
-
-      var sortable = Sortable.create(el, {
-        delay: 0,
-        animation: 250,
-        dragClass: 'sortable-drag',
-        easing: 'ease-in-out',
-        handle: `[data-handle="${id}"]`,
-      })
-    })
-  }
-
-  // // ink-mde
-  // {
-  //   const el = document.querySelector('textarea')
-
-  //   if (el) {
-  //     wrap(el, {
-  //       interface: {
-  //         // appearance: InkValues.Appearance.Auto,
-  //         attribution: false,
-  //       },
-  //     })
-  //   }
-  // }
-}