alinea 0.5.1 → 0.5.3

package/dist/backend/Store.js

@@ -1,6 +1,6 @@
 import {
   connect
-} from "../chunks/chunk-QV233D56.js";
+} from "../chunks/chunk-VRXHB6DJ.js";
 import "../chunks/chunk-FLZ4KUMA.js";
 import "../chunks/chunk-4JLFL6LD.js";
 import "../chunks/chunk-U5RRZUYZ.js";

package/dist/chunks/{chunk-QV233D56.js → chunk-VRXHB6DJ.js}

@@ -336,7 +336,7 @@ var AsyncDriver = class extends DriverBase {
   }
   async transaction(run) {
     const id = `t${this.transactionId++}`;
-    const [connection, release] = this.isolate();
+    const [connection, release] = await this.isolate();
     await connection.executeQuery(
       new QueryData.Transaction({ op: QueryData.TransactionOperation.Begin, id })
     );
@@ -405,12 +405,14 @@ var SyncWrapper = class _SyncWrapper extends AsyncDriver {
   async schemaInstructions(tableName) {
     return this.sync.schemaInstructions(tableName);
   }
-  isolate() {
+  async isolate() {
+    const currentLock = this.lock;
     const connection = new _SyncWrapper(this.sync);
     let release, trigger = new Promise((resolve) => {
       release = async () => resolve();
     });
-    this.lock = Promise.resolve(this.lock).then(() => trigger);
+    this.lock = Promise.resolve(currentLock).then(() => trigger);
+    await currentLock;
     return [connection, release];
   }
 };

package/dist/chunks/{chunk-IG7UQXAE.js → chunk-YTMQVHQU.js}

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

package/dist/chunks/{sql.js-OZNQGHQS.js → sql.js-75HGQX6U.js}

@@ -1,7 +1,7 @@
 import {
   SqlJsDriver,
   connect
-} from "./chunk-QV233D56.js";
+} from "./chunk-VRXHB6DJ.js";
 import "./chunk-FLZ4KUMA.js";
 import "./chunk-4JLFL6LD.js";
 import "./chunk-U5RRZUYZ.js";

package/dist/cli/Generate.js

@@ -27,7 +27,7 @@ function generatePackage(context, config) {
 async function createDb() {
   const { default: sqlite } = await import("@alinea/sqlite-wasm");
   const { Database } = await sqlite();
-  const { connect } = await import("../chunks/sql.js-OZNQGHQS.js");
+  const { connect } = await import("../chunks/sql.js-75HGQX6U.js");
   const db = new Database();
   const store = connect(db).toAsync();
   return [store, () => db.export()];

package/dist/cli/Serve.js

@@ -1,6 +1,6 @@
 import {
   package_default
-} from "../chunks/chunk-IG7UQXAE.js";
+} from "../chunks/chunk-YTMQVHQU.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-IG7UQXAE.js";
+} from "../chunks/chunk-YTMQVHQU.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-IG7UQXAE.js";
+} from "../../chunks/chunk-YTMQVHQU.js";
 import {
   __commonJS,
   __toESM

package/dist/cloud/server/CloudAuthServer.js

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

package/dist/core/driver/TestDriver.js

@@ -1,6 +1,6 @@
 import {
   connect
-} from "../../chunks/chunk-QV233D56.js";
+} from "../../chunks/chunk-VRXHB6DJ.js";
 import "../../chunks/chunk-FLZ4KUMA.js";
 import "../../chunks/chunk-4JLFL6LD.js";
 import "../../chunks/chunk-U5RRZUYZ.js";

package/dist/dashboard/util/PersistentStore.js

@@ -3,7 +3,7 @@ import {
 } from "../../chunks/chunk-7YXWNKGS.js";
 import {
   connect
-} from "../../chunks/chunk-QV233D56.js";
+} from "../../chunks/chunk-VRXHB6DJ.js";
 import "../../chunks/chunk-FLZ4KUMA.js";
 import {
   create,

package/dist/dashboard/view/entry/NewEntry.js

@@ -169,8 +169,9 @@ function NewEntryForm({ parentId }) {
       path,
       phase: config.enableDrafts ? EntryPhase.Draft : EntryPhase.Published
     };
+    const parentId2 = form.data().parent?.entry;
     const parent = await graph.preferDraft.get(
-      Entry({ entryId: parentId }).select(parentData)
+      Entry({ entryId: parentId2 }).select(parentData)
     );
     const parentPaths = parent ? parent.parentPaths.concat(parent.path) : [];
     const filePath = entryFilepath(config, data, parentPaths);

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/input/number/NumberField.browser.js

@@ -6,7 +6,7 @@ import { useField } from "alinea/dashboard/editor/UseField";
 import { InputLabel } from "alinea/dashboard/view/InputLabel";
 import { fromModule } from "alinea/ui";
 import { IcRoundNumbers } from "alinea/ui/icons/IcRoundNumbers";
-import { useState } from "react";
+import { useEffect, useRef } from "react";
 import { number as createNumber } from "./NumberField.js";
 
 // src/input/number/NumberInput.module.scss
@@ -20,23 +20,39 @@ export * from "./NumberField.js";
 import { jsx } from "react/jsx-runtime";
 var number = Field.provideView(NumberInput, createNumber);
 var styles = fromModule(NumberInput_module_default);
+function tryParseNumber(input) {
+  const value = parseFloat(input);
+  return isNaN(value) ? null : value;
+}
 function NumberInput({ field }) {
   const { options, value, mutator } = useField(field);
-  const [current, setCurrent] = useState(String(value ?? ""));
   const { minValue, maxValue, readOnly, step } = options;
+  const ref = useRef(null);
+  const defaultValue = String(value ?? "");
+  useEffect(() => {
+    const input = ref.current;
+    if (!input)
+      return;
+    const currentInput = tryParseNumber(input.value);
+    if (currentInput === value)
+      return;
+    input.value = defaultValue;
+  }, [defaultValue]);
   return /* @__PURE__ */ jsx(InputLabel, { asLabel: true, ...options, icon: IcRoundNumbers, children: /* @__PURE__ */ jsx(
     "input",
     {
       type: "number",
+      ref,
       className: styles.root.input(),
-      value: current,
-      onChange: (e) => {
-        setCurrent(e.currentTarget.value);
+      defaultValue,
+      onChange: ({ currentTarget }) => {
+        const value2 = tryParseNumber(currentTarget.value);
+        mutator(value2);
       },
-      onBlur: () => {
-        const newValue = current ? parseFloat(current) : null;
-        mutator(newValue);
-        setCurrent(String(newValue ?? ""));
+      onBlur: ({ currentTarget }) => {
+        const value2 = tryParseNumber(currentTarget.value);
+        mutator(value2);
+        currentTarget.value = String(value2 ?? "");
       },
       min: minValue,
       max: maxValue,

package/dist/input/select/SelectField.browser.js

@@ -65,7 +65,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 var select = Field.provideView(SelectInput, createSelect);
 var styles = fromModule(SelectInput_module_default);
 function SelectInput({ field }) {
-  const { value, mutator, label, options } = useField(field);
+  const { value = null, mutator, label, options } = useField(field);
   const items = options.items;
   const { x, y, reference, floating, refs, strategy } = useFloating({
     whileElementsMounted: autoUpdate,

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.1",
+  "version": "0.5.3",
   "license": "MIT",
   "type": "module",
   "scripts": {