alinea 0.5.0 → 0.5.2

package/dist/chunks/{chunk-B6H4DO6X.js → chunk-KWP47LDR.js}

@@ -2,7 +2,7 @@
 var package_default = {
   bin: "./dist/cli.js",
   name: "alinea",
-  version: "0.5.0",
+  version: "0.5.2",
   license: "MIT",
   type: "module",
   scripts: {

package/dist/cli/Serve.js

@@ -1,6 +1,6 @@
 import {
   package_default
-} from "../chunks/chunk-B6H4DO6X.js";
+} from "../chunks/chunk-KWP47LDR.js";
 import "../chunks/chunk-U5RRZUYZ.js";
 
 // src/cli/Serve.ts

package/dist/cli/bin.js

@@ -1,6 +1,6 @@
 import {
   package_default
-} from "../chunks/chunk-B6H4DO6X.js";
+} from "../chunks/chunk-KWP47LDR.js";
 import "../chunks/chunk-U5RRZUYZ.js";
 
 // node_modules/mri/lib/index.mjs

package/dist/cli/generate/GenerateDashboard.js

@@ -1,6 +1,6 @@
 import {
   package_default
-} from "../../chunks/chunk-B6H4DO6X.js";
+} from "../../chunks/chunk-KWP47LDR.js";
 import {
   __commonJS,
   __toESM

package/dist/cli/static/dashboard/entry.js

@@ -1,4 +1,3 @@
-import {CMS} from 'alinea/core'
 import {Client} from 'alinea/core/Client'
 import 'alinea/css'
 import {App} from 'alinea/dashboard/App'
@@ -19,8 +18,7 @@ export async function boot(handlerUrl) {
 async function loadConfig() {
   const configModule = './config.js?' + Math.random()
   const exports = await import(configModule)
-  for (const member of Object.values(exports)) {
-    if (member instanceof CMS) return member
-  }
+  if ('cms' in exports) return exports.cms.config
+  if ('config' in exports) return exports.config
   throw new Error(`No config found in "/config.js"`)
 }

package/dist/cloud/server/CloudAuthServer.js

@@ -3,7 +3,7 @@ import {
 } from "../../chunks/chunk-IKINPSS5.js";
 import {
   package_default
-} from "../../chunks/chunk-B6H4DO6X.js";
+} from "../../chunks/chunk-KWP47LDR.js";
 import "../../chunks/chunk-U5RRZUYZ.js";
 
 // src/cloud/server/CloudAuthServer.ts

package/dist/core/CMS.d.ts

@@ -1,6 +1,6 @@
 import { Store } from 'alinea/backend/Store';
 import { Resolver } from 'alinea/core';
-import { Config, DashboardConfig } from './Config.js';
+import { Config } from './Config.js';
 import { Graph, GraphRealm, GraphRealmApi } from './Graph.js';
 import { Root } from './Root.js';
 import { Workspace } from './Workspace.js';
@@ -10,7 +10,6 @@ export interface CMSApi extends GraphRealmApi {
 }
 export declare abstract class CMS extends GraphRealm implements CMSApi {
     #private;
-    dashboard: DashboardConfig;
     graph: Graph;
     config: Config;
     constructor(config: Config);

package/dist/core/CMS.js

@@ -1,13 +1,11 @@
 import "../chunks/chunk-U5RRZUYZ.js";
 
 // src/core/CMS.ts
-import { CloudAuthView } from "alinea/cloud/view/CloudAuth";
 import { createConfig } from "./Config.js";
 import { Graph, GraphRealm } from "./Graph.js";
 import { entries } from "./util/Objects.js";
 var attached = /* @__PURE__ */ new WeakMap();
 var CMS = class extends GraphRealm {
-  dashboard;
   graph;
   config;
   constructor(config) {
@@ -17,10 +15,6 @@ var CMS = class extends GraphRealm {
       return cnx.resolve(params);
     });
     this.config = normalizedConfig;
-    this.dashboard = {
-      auth: CloudAuthView,
-      ...config.dashboard
-    };
     this.graph = new Graph(normalizedConfig, async (params) => {
       const { resolve } = await this.resolver();
       return resolve(params);

package/dist/core/Config.d.ts

@@ -1,3 +1,4 @@
+import { CloudAuthView } from 'alinea/cloud/view/CloudAuth';
 import { ComponentType } from 'react';
 import { Auth } from './Auth.js';
 import { Entry } from './Entry.js';
@@ -61,4 +62,10 @@ export declare function createConfig<Definition extends Config>(definition: Defi
             thumbHash: import("../input/hidden.js").HiddenField<string>;
         }>;
     };
+    dashboard: {
+        handlerUrl?: string | undefined;
+        dashboardUrl?: string | undefined;
+        auth: typeof CloudAuthView | Auth.View;
+        staticFile?: string | undefined;
+    };
 };

package/dist/core/Config.js

@@ -1,6 +1,7 @@
 import "../chunks/chunk-U5RRZUYZ.js";
 
 // src/core/Config.ts
+import { CloudAuthView } from "alinea/cloud/view/CloudAuth";
 import { MediaSchema } from "alinea/core/media/MediaSchema";
 import { Workspace } from "./Workspace.js";
 var Config;
@@ -22,7 +23,11 @@ var Config;
 function createConfig(definition) {
   return {
     ...definition,
-    schema: { ...MediaSchema, ...definition.schema }
+    schema: { ...MediaSchema, ...definition.schema },
+    dashboard: {
+      auth: CloudAuthView,
+      ...definition.dashboard
+    }
   };
 }
 export {

package/dist/dashboard/view/media/FileSummary.js

@@ -120,9 +120,9 @@ var FileSummaryThumb = view(
       /* @__PURE__ */ jsxs("div", { className: styles.thumb.footer(), children: [
         /* @__PURE__ */ jsx("p", { className: styles.thumb.footer.title(), children: renderLabel(file.title) }),
         /* @__PURE__ */ jsxs("p", { className: styles.thumb.footer.details(), children: [
-          file.extension.slice(1).toUpperCase(),
+          file.extension?.slice(1).toUpperCase(),
           file.width && file.height && ` - ${file.width}x${file.height}`,
-          /* @__PURE__ */ jsx("span", { style: { marginLeft: "auto" }, children: prettyBytes(file.size) })
+          file.size && /* @__PURE__ */ jsx("span", { style: { marginLeft: "auto" }, children: prettyBytes(file.size) })
         ] })
       ] })
     ] });

package/dist/input/link/LinkField.browser.js

@@ -30,6 +30,7 @@ import { TextLabel, fromModule } from "alinea/ui";
 import { Sink } from "alinea/ui/Sink";
 import { IcRoundClose } from "alinea/ui/icons/IcRoundClose";
 import IcRoundDragHandle from "alinea/ui/icons/IcRoundDragHandle";
+import { IcRoundEdit } from "alinea/ui/icons/IcRoundEdit";
 import { IcRoundLink } from "alinea/ui/icons/IcRoundLink";
 import { Suspense, useState } from "react";
 import {
@@ -100,7 +101,8 @@ function LinkInput({ field }) {
             fields: options.pickers[value.type].fields,
             picker: options.pickers[value.type],
             reference: value,
-            onRemove: () => mutator.replace(void 0)
+            onRemove: () => mutator.replace(void 0),
+            onEdit: () => setPickFrom(value.type)
           }
         ) : /* @__PURE__ */ jsx("div", { className: styles.create(), children: /* @__PURE__ */ jsx(Create.Root, { children: entries(options.pickers).map(([name, picker2]) => {
           return /* @__PURE__ */ jsx(
@@ -125,28 +127,24 @@ function LinksInput({
   const { options, value, mutator, label } = useField(field);
   const { width, inline, optional, help } = options;
   const [pickFrom, setPickFrom] = useState();
-  const picker = pickFrom ? options.pickers[pickFrom] : void 0;
+  const picker = pickFrom ? options.pickers[pickFrom.type] : void 0;
   function handleConfirm(links) {
     if (!pickFrom || !picker || !links)
       return;
     const seen = /* @__PURE__ */ new Set();
     for (const link of links) {
-      if (link.type !== pickFrom)
+      if (link.type !== pickFrom.type)
         continue;
       seen.add(link.id);
-      if (picker.handlesMultiple) {
-        const index = value.findIndex((v) => v.id === link.id);
-        if (index > -1)
-          mutator.replace(link.id, link);
-        else
-          mutator.push(link);
-      } else {
+      const index = value.findIndex((v) => v.id === link.id);
+      if (index > -1)
+        mutator.replace(link.id, link);
+      else
         mutator.push(link);
-      }
     }
     if (picker.handlesMultiple)
       for (const link of value) {
-        if (link.type !== pickFrom)
+        if (link.type !== pickFrom.type)
           continue;
         if (seen.has(link.id))
           continue;
@@ -176,12 +174,18 @@ function LinksInput({
   const showLinkPicker = options.max ? value.length < options.max : true;
   const PickerView = picker && picker.view;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    PickerView && /* @__PURE__ */ jsx(
+    pickFrom && PickerView && /* @__PURE__ */ jsx(
       PickerView,
       {
-        type: pickFrom,
+        type: pickFrom.type,
         options: picker.options,
-        selection: value.filter((ref) => ref.type === pickFrom),
+        selection: value.filter((ref) => {
+          if (ref.id === pickFrom.id)
+            return true;
+          if (picker.handlesMultiple)
+            return ref.type === pickFrom.type;
+          return false;
+        }),
         onConfirm: handleConfirm,
         onCancel: () => setPickFrom(void 0)
       }
@@ -223,6 +227,7 @@ function LinksInput({
                           picker: options.pickers[reference.type],
                           reference,
                           onRemove: () => mutator.remove(reference.id),
+                          onEdit: () => setPickFrom(reference),
                           isSortable: options.max !== 1
                         },
                         reference.id
@@ -232,7 +237,7 @@ function LinksInput({
                       return /* @__PURE__ */ jsx(
                         Create.Button,
                         {
-                          onClick: () => setPickFrom(name),
+                          onClick: () => setPickFrom({ type: name }),
                           children: /* @__PURE__ */ jsx(TextLabel, { label: picker2.label })
                         },
                         name
@@ -257,6 +262,7 @@ function LinksInput({
                       picker: options.pickers[dragging.type],
                       reference: dragging,
                       onRemove: () => mutator.remove(dragging.id),
+                      onEdit: () => setPickFrom(dragging),
                       isDragOverlay: true,
                       isSortable: options.max !== 1
                     }
@@ -303,6 +309,7 @@ function LinkInputRow({
   picker,
   fields,
   reference,
+  onEdit,
   onRemove,
   handle,
   rootRef,
@@ -332,7 +339,10 @@ function LinkInputRow({
             }
           ) : /* @__PURE__ */ jsx("div", { className: styles.row.staticHandle(), children: /* @__PURE__ */ jsx(IcRoundLink, {}) }) }),
           /* @__PURE__ */ jsx("div", { style: { flexGrow: 1, minWidth: 0 }, children: /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(RowView, { reference }) }) }),
-          /* @__PURE__ */ jsx(Sink.Options, { children: /* @__PURE__ */ jsx(IconButton, { icon: IcRoundClose, onClick: onRemove }) })
+          /* @__PURE__ */ jsxs(Sink.Options, { children: [
+            /* @__PURE__ */ jsx(IconButton, { icon: IcRoundEdit, onClick: onEdit }),
+            /* @__PURE__ */ jsx(IconButton, { icon: IcRoundClose, onClick: onRemove })
+          ] })
         ] }),
         fields && /* @__PURE__ */ jsx(Sink.Content, { children: /* @__PURE__ */ jsx(InputForm, { type: fields }) })
       ]
@@ -340,7 +350,7 @@ function LinkInputRow({
   );
   if (!fields)
     return inner;
-  return /* @__PURE__ */ jsx(FormRow, { field, rowId, type: fields, children: inner });
+  return /* @__PURE__ */ jsx(FormRow, { field, type: fields, children: inner });
 }
 export {
   createLink,

package/dist/picker/url/UrlPicker.browser.d.ts

@@ -2,5 +2,5 @@ import { PickerProps } from 'alinea/core';
 import { urlPicker as createUrlPicker } from './UrlPicker.js';
 export * from './UrlPicker.js';
 export declare const urlPicker: typeof createUrlPicker;
-export declare function UrlPickerForm({ options, onConfirm, onCancel }: PickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function UrlPickerForm({ selection, options, onConfirm, onCancel }: PickerProps): import("react/jsx-runtime").JSX.Element;
 export declare function UrlPickerModal(props: PickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/picker/url/UrlPicker.browser.js

@@ -24,19 +24,27 @@ var linkForm = type("Link", {
     optional: true,
     help: "Text to display inside the link element"
   }),
-  blank: check("Open link in new tab", {
-    description: "Target",
+  blank: check("Target", {
+    description: "Open link in new tab",
     initialValue: true
   })
 });
-function UrlPickerForm({ options, onConfirm, onCancel }) {
-  const form = useForm(linkForm, { initialValue: options });
+function UrlPickerForm({
+  selection,
+  options,
+  onConfirm,
+  onCancel
+}) {
+  const preSelected = selection?.[0];
+  const form = useForm(linkForm, {
+    initialValue: preSelected ? { ...preSelected, blank: preSelected.target === "_blank" } : void 0
+  });
   function handleSubmit(e) {
     e.preventDefault();
     e.stopPropagation();
     const data = form.data();
     const reference = {
-      id: createId(),
+      id: preSelected?.id ?? createId(),
       type: "url",
       ref: "url",
       url: data.url,

package/package.json

@@ -1,7 +1,7 @@
 {
   "bin": "./dist/cli.js",
   "name": "alinea",
-  "version": "0.5.0",
+  "version": "0.5.2",
   "license": "MIT",
   "type": "module",
   "scripts": {