rimecms 0.31.3 → 0.31.5

package/dist/core/rime.server.js

@@ -8,6 +8,7 @@ import { getBaseAuthConfig } from './config/auth/better-auth.server.js';
 import { createConfigContext } from './config/config-context.server.js';
 import validate from './config/server/validate.server.js';
 import writeMemo from './config/server/write.server.js';
+import { regenerateDrizzleConfig, regenerateHooks } from './dev/cli/init/templates.js';
 import generateRoutes from './dev/generate/routes/index.server.js';
 import generateTypes from './dev/generate/types/index.server.js';
 import { RimeError } from './errors/index.js';
@@ -44,8 +45,13 @@ export async function createRime(config) {
             }
             if (changed) {
                 generateRoutes(config);
+                // Before generateSchema(): it shells out to drizzle-kit generate/migrate, which read
+                // drizzle.config.ts's schema path straight off disk — stale here means the wrong (or
+                // missing) schema file.
+                regenerateDrizzleConfig();
                 await generateSchema(config);
                 await generateTypes(config);
+                regenerateHooks();
             }
             else {
                 logger.debug('Nothing to generate');

package/dist/fields/number/component/number.css

@@ -76,7 +76,6 @@
 }
 
 /* Chrome, Safari, Edge, Opera */
-
 .rz-number__input::-webkit-outer-spin-button,
 .rz-number__input::-webkit-inner-spin-button {
   -webkit-appearance: none;
@@ -84,7 +83,6 @@
 }
 
 /* Firefox */
-
 .rz-number__input[type='number'] {
   -webkit-appearance: textfield;
           appearance: textfield;

package/dist/fields/relation/component/upload/upload.css

@@ -24,6 +24,7 @@
   flex-wrap: wrap;
   gap: var(--rz-size-4);
 }
+
 .rz-relation-upload__list:not(.rz-relation-upload__list[data-many]) {
   @container relation-upload-list (min-width: 285px) {
     .rz-card-resource {
@@ -40,6 +41,7 @@
     }
   }
 }
+
 .rz-relation-upload__actions {
   display: flex;
   margin-top: var(--rz-size-3);
@@ -56,6 +58,7 @@
 .rz-relation-upload__actions.rz-relation-upload__actions--list-empty {
   margin-top: 0;
 }
+
 .rz-relation-upload__search {
   height: var(--rz-size-10);
   align-items: center;
@@ -64,25 +67,30 @@
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
 }
+
 .rz-relation-upload__command-list {
   padding: var(--rz-size-2);
 }
+
 .rz-relation-upload__command-item[aria-selected='true'] {
   /* background-color: hsl(var(--rz-gray-5)); */
   background-color: var(--rz-popover-high-light-bg);
 }
+
 .rz-relation-upload__grid-item {
   display: flex;
   gap: var(--rz-size-4);
   padding-left: var(--rz-size-1);
   padding-right: var(--rz-size-1);
 }
+
 .rz-relation-upload__grid-thumbnail {
   width: var(--rz-size-16);
   height: var(--rz-size-16);
   overflow: hidden;
   border-radius: var(--rz-radius-lg);
 }
+
 .rz-relation-upload__grid-filename {
   margin-top: var(--rz-size-2);
   display: -webkit-box;
@@ -94,6 +102,7 @@
   font-variation-settings: 'wght' 600;
   font-weight: 600;
 }
+
 .rz-relation-upload__grid-filesize,
 .rz-relation-upload__grid-mimetype {
   text-align: left;

package/dist/fields/rich-text/component/drag-handle/drag-handle.css

@@ -13,7 +13,6 @@
 }
 
 /** Show drag handle only when more than 1 node */
-
 .ProseMirror:not(:has(> *:nth-child(2))) + div > .rz-rich-text-drag-handle {
   display: none !important;
 }

package/dist/fields/rich-text/component/styles/rich-text.css

@@ -22,6 +22,7 @@
     display: inline-block;
   }
 }
+
 /** Disabled style */
 .rz-rich-text__editor > [contenteditable='false'] {
   color: hsl(var(--rz-color-fg) / 0.5);
@@ -31,6 +32,7 @@
     opacity: 0.9;
   }
 }
+
 /** All editor > node */
 .ProseMirror > *:not(.ProseMirror-gapcursor) {
   background-color: hsl(var(--rz-input-bg));
@@ -53,13 +55,16 @@
     border-bottom: 1px solid var(--rz-input-border-color);
   }
 }
+
 /** Disable focus-style on the whole editor */
 .ProseMirror-focused {
   outline: none;
 }
+
 .rz-rich-text__editor[data-error]:has(.ProseMirror-focused) {
   border-color: hsl(var(--rz-color-alert));
 }
+
 .rz-rich-text__editor .ProseMirror .is-empty:not(table)::before {
   content: attr(data-placeholder);
   color: hsl(var(--rz-color-fg) / 0.3);
@@ -72,6 +77,7 @@
 .rz-rich-text__editor .ProseMirror blockquote.is-empty::before {
   margin-left: var(--rz-size-6);
 }
+
 /** Text styles */
 .rz-rich-text__editor .ProseMirror {
   h1 {
@@ -170,6 +176,7 @@
     font-weight: 500;
   }
 }
+
 /** Fix gap cursor position */
 .rz-field-rich-text .ProseMirror-gapcursor:after {
   left: calc(var(--left-spacing) + var(--rz-size-4));

package/dist/fields/rich-text/core/extensions/drag-handle/helpers/findNextElementFromCursor.d.ts

@@ -16,6 +16,6 @@ export declare const findElementNextToCoords: (options: FindElementNextToCoords)
     pos: null;
 } | {
     resultElement: HTMLElement;
-    resultNode: import("@tiptap/pm/model").Node | null;
+    resultNode: import("prosemirror-model").Node | null;
     pos: number;
 };

package/dist/fields/rich-text/core/svelte/node-view-wrapper.svelte.d.ts

@@ -1,10 +1,17 @@
 import type { SvelteHTMLElements } from 'svelte/elements';
-declare class __sveltets_Render<T extends keyof SvelteHTMLElements = 'div'> {
-    props(): SvelteHTMLElements[T] & {
-        as?: T | undefined;
+declare function $$render<T extends keyof SvelteHTMLElements = 'div'>(): {
+    props: SvelteHTMLElements[T] & {
+        as?: T;
     };
-    events(): {};
-    slots(): {};
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T extends keyof SvelteHTMLElements = 'div'> {
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
     bindings(): "";
     exports(): {};
 }

package/dist/panel/components/sections/collection/header/SelectUI.svelte.d.ts

@@ -1,3 +1,3 @@
-declare const SelectUi: import("svelte").Component<Record<string, never>, {}, "">;
-type SelectUi = ReturnType<typeof SelectUi>;
-export default SelectUi;
+declare const SelectUI: import("svelte").Component<Record<string, never>, {}, "">;
+type SelectUI = ReturnType<typeof SelectUI>;
+export default SelectUI;

package/dist/panel/components/sections/collection/list/row/Row.svelte

@@ -3,6 +3,7 @@
   import type { GenericDoc } from '../../../../../../core/types/doc.js';
   import Checkbox from '../../../../ui/checkbox/checkbox.svelte';
   import { getLocaleContext } from '../../../../../context/locale.svelte';
+  import { panelUrl } from '../../../../../util/url.js';
   import { getValueAtPath } from '../../../../../../util/object';
   import StatusDot from '../../StatusDot.svelte';
   import UploadThumbCell from '../../upload-thumb-cell/UploadThumbCell.svelte';
@@ -59,7 +60,7 @@
       {/if}
       <label for="checkbox-{doc.id}" class="rz-list-row__title">{doc.title || '[untitled]'}</label>
     {:else}
-      <a class="rz-list-row__link" href="/panel/{config.kebab}/{doc.id}">
+      <a class="rz-list-row__link" href={panelUrl(config.kebab, doc.id)}>
         {#if doc._thumbnail}
           <UploadThumbCell url={doc._thumbnail} mimeType={doc.mimeType} />
         {:else}

package/dist/panel/components/sections/collection/tree/CollectionTreeNode.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
   import type { GenericDoc } from '../../../../../core/types/doc.js';
   import type { CollectionContext } from '../../../../context/collection.svelte.js';
+  import { panelUrl } from '../../../../util/url.js';
   import { GripVertical } from '@lucide/svelte';
   import StatusDot from '../StatusDot.svelte';
   import CollectionTreeNode from './CollectionTreeNode.svelte';
@@ -12,7 +13,7 @@
 
 {#key `${parentId}-${doc.id}-${doc._position}`}
   <div data-parent={parentId} data-id={doc.id} class="rz-collection-node">
-    <a href="/panel/{doc._type}/{doc.id}" class="rz-collection-node__row">
+    <a href={panelUrl(doc._type, doc.id)} class="rz-collection-node__row">
       <div class="rz-collection-node__grip"><GripVertical size="12" /></div>
       <div>
         {doc.title}

package/dist/panel/components/sections/document/AuthAPIKeyDialog.svelte.d.ts

@@ -1,6 +1,6 @@
 type Props = {
     apiKey: string | null;
 };
-declare const AuthApiKeyDialog: import("svelte").Component<Props, {}, "apiKey">;
-type AuthApiKeyDialog = ReturnType<typeof AuthApiKeyDialog>;
-export default AuthApiKeyDialog;
+declare const AuthAPIKeyDialog: import("svelte").Component<Props, {}, "apiKey">;
+type AuthAPIKeyDialog = ReturnType<typeof AuthAPIKeyDialog>;
+export default AuthAPIKeyDialog;

package/dist/panel/components/sections/document/AuthFooter.svelte

@@ -7,6 +7,7 @@
   import type { DocumentFormContext } from '../../../context/documentForm.svelte.js';
   import { getUserContext } from '../../../context/user.svelte.js';
   import { authClient } from '../../../util/auth';
+  import { panelUrl } from '../../../util/url.js';
   import validate from '../../../../util/validate';
   import { toast } from 'svelte-sonner';
   import Button from '../../ui/button/button.svelte';
@@ -27,7 +28,7 @@
   async function sendPasswordResetLink() {
     const { data, error } = await authClient.requestPasswordReset({
       email: form.values.email,
-      redirectTo: `/reset-password?slug=staff`
+      redirectTo: `${panelUrl('reset-password')}?slug=staff`
     });
     if (error && error.message) {
       toast.error(error.message);

package/dist/panel/components/sections/document/Versions.svelte

@@ -32,7 +32,7 @@
     if (doc._prototype === 'collection') {
       return `${panelUrl(kebabSlug, doc.id)}?versionId=${doc.versionId}`;
     } else {
-      return `${panelUrl(kebabSlug)}/panel/${toKebabCase(doc._type)}?versionId=${doc.versionId}`;
+      return `${panelUrl(kebabSlug)}?versionId=${doc.versionId}`;
     }
   });
 </script>

package/dist/panel/components/sections/live/Consumer.svelte.d.ts

@@ -1,14 +1,21 @@
 import type { WithRelationPopulated } from '../../../../util/types';
 import type { Snippet } from 'svelte';
-declare class __sveltets_Render<T> {
-    props(): {
+declare function $$render<T>(): {
+    props: {
         child: Snippet<[doc: WithRelationPopulated<T>]>;
         data: {
             doc: T;
         };
     };
-    events(): {};
-    slots(): {};
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T> {
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
     bindings(): "";
     exports(): {};
 }

package/dist/panel/components/sections/live/LiveEdit.svelte.d.ts

@@ -1,22 +1,29 @@
 import { type Snippet } from 'svelte';
-declare class __sveltets_Render<T> {
-    props(): {
+declare function $$render<T>(): {
+    props: {
         /** Initial value */
-        data?: T | undefined;
+        data?: T;
         /** Full path to the field being edited from the root of the document, e.g. `attributes.title` or `layout.sections.2:paragraph.text` */
         path?: string;
         /** Update URI of the API ex: `/pages/123` */
         update?: string;
         child: Snippet<[value: T, props: {
-            onclick?: ((e: MouseEvent) => void) | null | undefined;
+            onclick?: null | ((e: MouseEvent) => void);
             role?: "button" | null;
             tabindex?: 0 | null;
             'data-live-panel-trigger'?: "" | null;
             'data-is-active'?: "" | null;
         }]>;
     };
-    events(): {};
-    slots(): {};
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T> {
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
     bindings(): "";
     exports(): {};
 }

package/dist/panel/components/sections/live/LiveFloatingUI.svelte.d.ts

@@ -7,6 +7,6 @@ type Props = {
     activePanel: ActivePanel | null;
     currentDevice: 'desktop' | 'mobile';
 };
-declare const LiveFloatingUi: import("svelte").Component<Props, {}, "currentDevice">;
-type LiveFloatingUi = ReturnType<typeof LiveFloatingUi>;
-export default LiveFloatingUi;
+declare const LiveFloatingUI: import("svelte").Component<Props, {}, "currentDevice">;
+type LiveFloatingUI = ReturnType<typeof LiveFloatingUI>;
+export default LiveFloatingUI;

package/dist/panel/components/ui/calendar/calendar.css

@@ -7,9 +7,7 @@
 .rz-date__popover-content {
   border-radius: var(--rz-radius-md);
 }
-
 /**************************************/
-
 /* Cell
 /**************************************/
 
@@ -33,7 +31,6 @@
 }
 
 /**************************************/
-
 /* Day
 /**************************************/
 
@@ -104,7 +101,6 @@
 }
 
 /**************************************/
-
 /* Grid
 /**************************************/
 
@@ -114,7 +110,6 @@
 }
 
 /**************************************/
-
 /* Grid-row
 /**************************************/
 
@@ -126,7 +121,6 @@
 }
 
 /**************************************/
-
 /* Head
 /**************************************/
 
@@ -140,7 +134,6 @@
 }
 
 /**************************************/
-
 /* Head-cell
 /**************************************/
 
@@ -153,7 +146,6 @@
 }
 
 /**************************************/
-
 /* Heading
 /**************************************/
 
@@ -164,12 +156,10 @@
 }
 
 /**************************************/
-
 /* Next / Prev
 /**************************************/
 
 /** Next */
-
 .rz-calendar-next-button {
   height: var(--rz-size-7);
   width: var(--rz-size-7);
@@ -184,7 +174,6 @@
 }
 
 /** Prev */
-
 .rz-calendar-prev-button {
   height: var(--rz-size-7);
   width: var(--rz-size-7);

package/dist/panel/components/ui/card-resource/card-resource.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
   import { mimeTypeToIcon } from '../../../util/upload.js';
+  import { panelUrl } from '../../../util/url.js';
   import { Edit, FileIcon, X } from '@lucide/svelte';
 
   type Resource = {
@@ -40,7 +41,7 @@
 
   <div class="rz-card-resource__info">
     <p class="rz-card-resource__title">
-      {resource.title} <a href="/panel/{resource._type}/{resource.id}"><Edit size="12" /></a>
+      {resource.title} <a href={panelUrl(resource._type, resource.id)}><Edit size="12" /></a>
     </p>
     {#if isUpload}
       <p class="rz-card-resource__info-text">{resource.filesize}</p>

package/dist/panel/components/ui/command/command-group.css

@@ -15,7 +15,6 @@
   font-variation-settings: 'wght' 500;
   font-weight: 500;
 }
-
 .rz-command-group__heading {
   color: hsl(var(--rz-color-fg) / 0.7);
   padding-left: var(--rz-size-2);

package/dist/panel/components/ui/label/label.css

@@ -8,6 +8,7 @@
   opacity: 0.7;
   cursor: not-allowed;
 }
+
 .rz-label[for] {
   cursor: pointer;
 }

package/dist/panel/components/ui/nav/Nav.svelte

@@ -37,7 +37,7 @@
 <div class:rz-nav--collapsed={isCollapsed} class="rz-nav">
   <div class="rz-nav__content">
     <div class="rz-nav__header" class:rz-nav__header--collapsed={isCollapsed}>
-      <NavItem href="/panel" {isCollapsed} route={dashBoardRoute} />
+      <NavItem href={panelUrl()} {isCollapsed} route={dashBoardRoute} />
     </div>
 
     <div class="rz-nav__body">

package/dist/panel/components/ui/nav/NavItem.svelte

@@ -23,8 +23,9 @@
 
   let active = $derived.by(() => {
     const routePathname = new URL(route.url).pathname;
-    if (routePathname === '/panel') {
-      return pathname === '/panel';
+    const panelRoot = `/${page.params.panel}`;
+    if (routePathname === panelRoot) {
+      return pathname === panelRoot;
     }
     const reg = new RegExp(`^${routePathname}(/.*)?$`);
     return reg.test(pathname);

package/dist/panel/components/ui/nav/UserButton.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-  import { env } from '$env/dynamic/public';
   import * as Tooltip from '../tooltip';
   import { getUserContext } from '../../../context/user.svelte.js';
   import { authClient } from '../../../util/auth.js';
+  import { panelUrl } from '../../../util/url.js';
   import { LogOut } from '@lucide/svelte';
   import { toast } from 'svelte-sonner';
   import Button from '../button/button.svelte';
@@ -15,7 +15,7 @@
   async function signout() {
     const result = await authClient.signOut();
     if (result.data?.success) {
-      window.location.href = `${env.PUBLIC_RIME_URL}/panel/sign-in`;
+      window.location.href = panelUrl('sign-in');
     } else {
       toast.error(`Can't sign-out, please try again`);
     }
@@ -26,7 +26,7 @@
   {#if !navCollapsed}
     <div class="rz-user-button">
       <div class="rz-user-button__left">
-        <a href="/panel/staff/{user.attributes.id}">
+        <a href={panelUrl('staff', user.attributes.id)}>
           {user.attributes.name?.charAt(0) || ''}
         </a>
         <div class="rz-user-button__name">{user.attributes.name}</div>

package/dist/panel/components/ui/radio-group/radio-group.css

@@ -22,13 +22,11 @@
   flex-shrink: 0;
   cursor: pointer;
 }
-
 .rz-radio-group-item:hover {
   --border-color: var(--rz-gray-2);
   --border-opacity: 0.3;
   border-width: 6px;
 }
-
 .rz-radio-group-item[data-state='checked'] {
   border: 6px solid hsl(var(--rz-color-spot));
   background-color: hsl(var(--rz-gray-19));

package/dist/panel/components/ui/scroll-area/scroll-area.css

@@ -6,9 +6,11 @@
   height: 100%;
   width: 100%;
 }
+
 /**************************************/
 /* ScrollBar
 /**************************************/
+
 .rz-scroll-area-scroll-bar {
   display: flex;
   touch-action: none;
@@ -28,9 +30,11 @@
   height: 100%;
   border-left: 1px solid transparent;
 }
+
 .rz-scroll-area-scroll-bar--vertical .rz-scroll-area-scroll-bar__thumb {
   flex: 1;
 }
+
 .rz-scroll-area-scroll-bar__thumb {
   background-color: hsl(var(--rz-color-border));
   position: relative;

package/dist/panel/components/ui/sheet/sheet.css

@@ -1,6 +1,7 @@
 /**************************************/
 /* Content
 /**************************************/
+
 .rz-sheet-content {
   --ease: cubic-bezier(0.445, 0.05, 0.55, 0.95);
   position: fixed;
@@ -28,6 +29,7 @@
     width: 50%;
   }
 }
+
 @keyframes exit {
   from {
     opacity: 1;
@@ -38,6 +40,7 @@
     transform: translate3d(100%, 0, 0);
   }
 }
+
 @keyframes enter {
   from {
     opacity: 0;
@@ -48,12 +51,14 @@
     transform: translate3d(0%, 0, 0);
   }
 }
+
 .rz-sheet-content__close {
   position: absolute;
   z-index: 1010;
   right: var(--rz-size-4);
   top: var(--rz-size-4);
 }
+
 .rz-sheet-content__close:focus-visible {
   outline: none;
   /* --rz-ring-offset: 2px; */
@@ -62,6 +67,7 @@
     0 0 0 var(--rz-ring-offset, 0px) hsl(var(--rz-ring-offset-bg, var(--rz-gray-6)) / 1),
     0 0 0 calc(var(--rz-ring-offset, 0px) + 1px) hsl(var(--rz-color-ring) / var(--rz-ring-opacity, 1));
 }
+
 .rz-sheet-content--right {
   height: 100%;
   right: 0;
@@ -69,16 +75,20 @@
   bottom: 0;
   border-left: var(--rz-border);
 }
+
 /**************************************/
 /* Description
 /**************************************/
+
 .rz-sheet-description {
   color: hsl(var(--rz-color-fg) / 0.7);
   font-size: var(--rz-text-sm);
 }
+
 /**************************************/
 /* Footer
 /**************************************/
+
 .rz-sheet-footer {
   display: flex;
   flex-direction: column-reverse;
@@ -90,9 +100,11 @@
     flex-direction: row;
   }
 }
+
 /**************************************/
 /* Header
 /**************************************/
+
 .rz-sheet-header {
   display: flex;
   flex-direction: column;
@@ -106,9 +118,11 @@
     text-align: left;
   }
 }
+
 /**************************************/
 /* Overlay
 /**************************************/
+
 .rz-sheet-overlay {
   background-color: var(--rz-overlay-color);
   position: fixed;
@@ -116,9 +130,11 @@
   z-index: 100;
   backdrop-filter: blur(var(--rz-overlay-blur));
 }
+
 /**************************************/
 /* Title
 /**************************************/
+
 .rz-sheet-title {
   font-size: var(--rz-text-lg);
   font-variation-settings: 'wght' 600;