@byline/host-tanstack-start 3.5.0 → 3.6.0

package/dist/admin-shell/admin-roles/list.js

@@ -220,6 +220,7 @@ function AdminRolesListView({ data }) {
                     orderChanged ? /*#__PURE__*/ jsx("div", {
                         className: classnames('byline-roles-list-save', list_module.save),
                         children: /*#__PURE__*/ jsx("form", {
+                            method: "post",
                             onSubmit: handleOnSave,
                             noValidate: true,
                             className: classnames('byline-roles-list-save-form', list_module.saveForm),

package/dist/admin-shell/collections/create.js

@@ -17,7 +17,7 @@ const CreateView = ({ collectionDefinition, adminConfig, initialData })=>{
     const { labels, path, fields } = collectionDefinition;
     const handleSubmit = async ({ data, systemPath, systemAvailableLocales })=>{
         try {
-            await createCollectionDocument({
+            const result = await createCollectionDocument({
                 data: {
                     collection: path,
                     data,
@@ -29,7 +29,16 @@ const CreateView = ({ collectionDefinition, adminConfig, initialData })=>{
                     } : {}
                 }
             });
-            navigate({
+            result?.documentId ? navigate({
+                to: '/admin/collections/$collection/$id',
+                params: {
+                    collection: path,
+                    id: result.documentId
+                },
+                search: {
+                    action: 'created'
+                }
+            }) : navigate({
                 to: '/admin/collections/$collection',
                 params: {
                     collection: path

package/dist/routes/create-collection-edit-route.js

@@ -1,13 +1,19 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
 import { createFileRoute, notFound } from "@tanstack/react-router";
 import { getCollectionAdminConfig, getCollectionDefinition } from "@byline/core";
 import { useTranslation } from "@byline/i18n/react";
+import { useToastManager } from "@byline/ui/react";
 import { z } from "zod";
 import { BreadcrumbsClient } from "../admin-shell/chrome/breadcrumbs/breadcrumbs-client.js";
+import { useNavigate } from "../admin-shell/chrome/loose-router.js";
 import { EditView } from "../admin-shell/collections/edit.js";
 import { getCollectionDocument } from "../server-fns/collections/index.js";
 const searchSchema = z.object({
-    locale: z.string().optional()
+    locale: z.string().optional(),
+    action: z["enum"]([
+        'created'
+    ]).optional()
 });
 function createCollectionEditRoute(path, opts) {
     const Route = createFileRoute(path)({
@@ -28,10 +34,50 @@ function createCollectionEditRoute(path, opts) {
         component: function() {
             const data = Route.useLoaderData();
             const { collection, id } = Route.useParams();
-            const { locale } = Route.useSearch();
+            const search = Route.useSearch();
+            const { locale } = search;
             const collectionDef = getCollectionDefinition(collection);
             const adminConfig = getCollectionAdminConfig(collection);
             const { t } = useTranslation('byline-admin');
+            const toastManager = useToastManager();
+            const navigate = useNavigate();
+            const createdToastFiredRef = useRef(false);
+            useEffect(()=>{
+                if ('created' !== search.action) {
+                    createdToastFiredRef.current = false;
+                    return;
+                }
+                if (createdToastFiredRef.current) return;
+                createdToastFiredRef.current = true;
+                toastManager.add({
+                    title: t('collections.list.createdToastTitle', {
+                        label: collectionDef.labels.singular
+                    }),
+                    description: t("collections.list.createdToastDescription", {
+                        label: collectionDef.labels.singular.toLowerCase()
+                    }),
+                    data: {
+                        intent: 'success',
+                        iconType: 'success',
+                        icon: true,
+                        close: true
+                    }
+                });
+                navigate({
+                    to: '.',
+                    search: (prev)=>({
+                            ...prev,
+                            action: void 0
+                        }),
+                    replace: true
+                });
+            }, [
+                search.action,
+                navigate,
+                toastManager.add,
+                collectionDef.labels.singular,
+                t
+            ]);
             return /*#__PURE__*/ jsxs(Fragment, {
                 children: [
                     /*#__PURE__*/ jsx(BreadcrumbsClient, {

package/dist/server-fns/collections/create.d.ts

@@ -19,4 +19,6 @@ export declare const createCollectionDocument: import("@tanstack/react-start").R
     availableLocales?: string[];
 }, Promise<{
     status: "ok";
+    documentId: string;
+    documentVersionId: string;
 }>>;

package/dist/server-fns/collections/create.js

@@ -27,7 +27,7 @@ const createCollectionDocument = createServerFn({
         slugifier: serverConfig.slugifier,
         requestContext: await getAdminRequestContext()
     };
-    await createDocument(ctx, {
+    const result = await createDocument(ctx, {
         data: structuredClone(documentData),
         status: documentData.status,
         locale: locale ?? serverConfig.i18n.content.defaultLocale,
@@ -35,7 +35,9 @@ const createCollectionDocument = createServerFn({
         availableLocales
     });
     return {
-        status: 'ok'
+        status: 'ok',
+        documentId: result.documentId,
+        documentVersionId: result.documentVersionId
     };
 });
 export { createCollectionDocument };

package/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "type": "module",
   "license": "MPL-2.0",
-  "version": "3.5.0",
+  "version": "3.6.0",
   "engines": {
     "node": ">=20.9.0"
   },
@@ -115,13 +115,13 @@
     "react-swipeable": "^7.0.2",
     "uuid": "^14.0.0",
     "zod": "^4.4.3",
-    "@byline/client": "3.5.0",
-    "@byline/ai": "3.5.0",
-    "@byline/auth": "3.5.0",
-    "@byline/ui": "3.5.0",
-    "@byline/core": "3.5.0",
-    "@byline/i18n": "3.5.0",
-    "@byline/admin": "3.5.0"
+    "@byline/admin": "3.6.0",
+    "@byline/client": "3.6.0",
+    "@byline/ai": "3.6.0",
+    "@byline/core": "3.6.0",
+    "@byline/ui": "3.6.0",
+    "@byline/i18n": "3.6.0",
+    "@byline/auth": "3.6.0"
   },
   "peerDependencies": {
     "@tanstack/react-router": "^1.167.0",

package/src/admin-shell/admin-roles/list.tsx

@@ -264,6 +264,7 @@ export function AdminRolesListView({ data }: { data: AdminRoleListResponse }) {
         {orderChanged ? (
           <div className={cx('byline-roles-list-save', styles.save)}>
             <form
+              method="post"
               onSubmit={handleOnSave}
               noValidate
               className={cx('byline-roles-list-save-form', styles.saveForm)}

package/src/admin-shell/collections/create.tsx

@@ -52,7 +52,7 @@ export const CreateView = ({
     systemAvailableLocales?: string[]
   }) => {
     try {
-      await createCollectionDocument({
+      const result = await createCollectionDocument({
         data: {
           collection: path,
           data,
@@ -60,11 +60,23 @@ export const CreateView = ({
           ...(systemAvailableLocales ? { availableLocales: systemAvailableLocales } : {}),
         },
       })
-      navigate({
-        to: '/admin/collections/$collection' as never,
-        params: { collection: path },
-        search: { action: 'created' },
-      })
+      // Create → edit: land the editor on the new document, where the rest
+      // of the work (content, status, relations) happens. The list-view
+      // fallback covers callers running against an older server fn that
+      // doesn't return the new document's id.
+      if (result?.documentId) {
+        navigate({
+          to: '/admin/collections/$collection/$id' as never,
+          params: { collection: path, id: result.documentId } as never,
+          search: { action: 'created' },
+        })
+      } else {
+        navigate({
+          to: '/admin/collections/$collection' as never,
+          params: { collection: path },
+          search: { action: 'created' },
+        })
+      }
     } catch (err) {
       console.error(err)
 

package/src/routes/create-collection-edit-route.tsx

@@ -6,20 +6,25 @@
  * Copyright (c) Infonomic Company Limited
  */
 
+import { useEffect, useRef } from 'react'
 import { createFileRoute, notFound } from '@tanstack/react-router'
 
 import type { CollectionDefinition } from '@byline/core'
 import { getCollectionAdminConfig, getCollectionDefinition } from '@byline/core'
 import { useTranslation } from '@byline/i18n/react'
+import { useToastManager } from '@byline/ui/react'
 import { z } from 'zod'
 
 import { BreadcrumbsClient } from '../admin-shell/chrome/breadcrumbs/breadcrumbs-client.js'
+import { useNavigate } from '../admin-shell/chrome/loose-router.js'
 import { EditView } from '../admin-shell/collections/edit.js'
 import { getCollectionDocument } from '../server-fns/collections/index.js'
 import type { ContentLocaleOption } from '../admin-shell/collections/view-menu.js'
 
 const searchSchema = z.object({
   locale: z.string().optional(),
+  /** Set by the create view's create → edit redirect; fires the created toast. */
+  action: z.enum(['created']).optional(),
 })
 
 interface CollectionEditOpts {
@@ -70,10 +75,46 @@ export function createCollectionEditRoute(path: string, opts: CollectionEditOpts
     component: function CollectionEditComponent() {
       const data = Route.useLoaderData()
       const { collection, id } = Route.useParams() as { collection: string; id: string }
-      const { locale } = Route.useSearch() as z.infer<typeof searchSchema>
+      const search = Route.useSearch() as z.infer<typeof searchSchema>
+      const { locale } = search
       const collectionDef = getCollectionDefinition(collection) as CollectionDefinition
       const adminConfig = getCollectionAdminConfig(collection)
       const { t } = useTranslation('byline-admin')
+      const toastManager = useToastManager()
+      const navigate = useNavigate()
+
+      // Post-create toast for the create → edit redirect (?action=created).
+      // Ref-guarded for the same reason as the list route's created toast:
+      // `toastManager` changes identity on every add, so the effect depends
+      // on the stable `toastManager.add` and the ref protects against any
+      // re-fire that observes the search param before navigate clears it.
+      const createdToastFiredRef = useRef(false)
+      useEffect(() => {
+        if (search.action !== 'created') {
+          createdToastFiredRef.current = false
+          return
+        }
+        if (createdToastFiredRef.current) return
+        createdToastFiredRef.current = true
+
+        toastManager.add({
+          title: t('collections.list.createdToastTitle', { label: collectionDef.labels.singular }),
+          description: t('collections.list.createdToastDescription', {
+            label: collectionDef.labels.singular.toLowerCase(),
+          }),
+          data: {
+            intent: 'success',
+            iconType: 'success',
+            icon: true,
+            close: true,
+          },
+        })
+        navigate({
+          to: '.',
+          search: (prev: Record<string, unknown>) => ({ ...prev, action: undefined }),
+          replace: true,
+        })
+      }, [search.action, navigate, toastManager.add, collectionDef.labels.singular, t])
 
       return (
         <>

package/src/server-fns/collections/create.ts

@@ -59,7 +59,7 @@ export const createCollectionDocument = createServerFn({ method: 'POST' })
       requestContext: await getAdminRequestContext(),
     }
 
-    await createDocument(ctx, {
+    const result = await createDocument(ctx, {
       data: structuredClone(documentData),
       status: documentData.status,
       locale: locale ?? serverConfig.i18n.content.defaultLocale,
@@ -67,5 +67,11 @@ export const createCollectionDocument = createServerFn({ method: 'POST' })
       availableLocales,
     })
 
-    return { status: 'ok' as const }
+    // The new document's id is returned so the create view can navigate
+    // straight to the edit view (create → edit).
+    return {
+      status: 'ok' as const,
+      documentId: result.documentId,
+      documentVersionId: result.documentVersionId,
+    }
   })