@stoker-platform/web-app 0.5.210 → 0.5.211

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @stoker-platform/web-app
 
+## 0.5.211
+
+### Patch Changes
+
+- perf: improve Record page performance
+
 ## 0.5.210
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@stoker-platform/web-app",
-    "version": "0.5.210",
+    "version": "0.5.211",
     "type": "module",
     "license": "SEE LICENSE IN LICENSE.md",
     "scripts": {

package/src/Record.tsx

@@ -36,6 +36,10 @@ import { Breadcrumbs } from "./Breadcrumbs"
 import { Separator } from "./components/ui/separator"
 import { loadAssigning } from "./utils/relationListFiltersState"
 
+const customPageComponents = import.meta.glob("./components/ui/*.tsx", { eager: true })
+const customPageHooks = import.meta.glob("./hooks/*.{ts,tsx}", { eager: true })
+const customPageUtils = import.meta.glob("./lib/*.{ts,tsx}", { eager: true })
+
 export const Record = ({ collection }: { collection: CollectionSchema }) => {
     const { labels, fields, recordTitleField } = collection
     const { path: pathString, id } = useParams()
@@ -207,7 +211,9 @@ export const Record = ({ collection }: { collection: CollectionSchema }) => {
                     </Button>
                 </Card>
                 <Card className="flex items-center gap-2 h-12 min-w-[300px] p-5">
-                    <div>{icon ? createElement(icon) : null}</div>
+                    <div className="flex size-6 shrink-0 items-center justify-center">
+                        {icon ? createElement(icon) : null}
+                    </div>
                     <h1 className="truncate">{recordTitle}</h1>
                 </Card>
             </header>
@@ -346,11 +352,9 @@ export const Record = ({ collection }: { collection: CollectionSchema }) => {
                                                     {createElement(page.component, {
                                                         record,
                                                         collection,
-                                                        components: import.meta.glob("./components/ui/*.tsx", {
-                                                            eager: true,
-                                                        }),
-                                                        hooks: import.meta.glob("./hooks/*.{ts,tsx}", { eager: true }),
-                                                        utils: import.meta.glob("./lib/*.{ts,tsx}", { eager: true }),
+                                                        components: customPageComponents,
+                                                        hooks: customPageHooks,
+                                                        utils: customPageUtils,
                                                         ...page.props,
                                                     })}
                                                 </main>

package/src/utils/getRelationFields.ts

@@ -30,7 +30,7 @@ export const getRelationFields = (collection: CollectionSchema) => {
         if (refs.length === 0) continue
         const titleField = field.titleField
         if (
-            (!fieldCustomization.admin?.condition?.form || condition) &&
+            (fieldCustomization.admin?.condition?.form === undefined || condition) &&
             (!(titleField && field.includeFields?.includes(titleField)) || queryFullRecord)
         ) {
             relationFields.push(field.name)