@fernir2/saas-kit-cli 0.1.2 → 0.1.4

package/packages/level2/meta/view/view-resource/FdViewResource.js

@@ -0,0 +1,206 @@
+'use strict';
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { cn } from '../../../fd-toolbox/lib/utils.js';
+import { tabsNames, viewLayoutTypes } from '../view-constants.js';
+import FdNavigation from '../../../fd-component-toolbox/navigation/FdNavigation.js';
+import { initializeMultiListResources, onRelationUnassign, onViewMultiListRelationChange, getViewNavigationItems } from '../FdView.funcs.js';
+import { FdEditResource } from '../../edit-resource/FdEditResource.js';
+import { FdTabs, FdTabsList, FdTabsTrigger } from '../../../fd-component-toolbox/tabs/FdTabs.js';
+import { FdMultiList } from '../../components/multi-list/FdMultiList.js';
+import { FdCommentList } from '../../comment/FdCommentList.js';
+import { useState, useMemo, useCallback } from 'react';
+import { fdMultiListTypes } from '../../components/multi-list/multi-list-types.js';
+import { getEditResourceConfig, getDefaultEditResourceConfig } from '../../edit-resource/config/fd-edit-resource-configs.js';
+import { getViewConfig } from '../config/view-list-config.js';
+import { useAsyncEffect } from '../../../fd-toolbox/hooks/use-async-effect.js';
+import { elementSuffixes } from '../../../fd-toolbox/constants/element-suffixes.js';
+import { FdSaveStatus } from '../../../fd-component-toolbox/save-status/FdSaveStatus.js';
+import { onSavingViewResourceStart } from './FdViewResource.funcs.js';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function FdViewResource({
+  resourceName,
+  resourceId,
+  hasId,
+  viewConfigProp,
+  onDeleteComplete,
+  onSaveComplete,
+  defaultTab,
+  onCancelClick,
+  onRefreshData
+}) {
+  const [multiListItems, setMultiListItems] = useState([]);
+  const [editConfig, setEditConfig] = useState(
+    resourceName ? getEditResourceConfig(resourceName) : getDefaultEditResourceConfig(resourceName)
+  );
+  const [uiResourceMeta, setUiResourceMeta] = useState(void 0);
+  const [resource, setResource] = useState();
+  const [multiListType, setMultiListType] = useState(fdMultiListTypes.resource);
+  const [activeTab, setActiveTab] = useState(defaultTab ?? tabsNames.overview);
+  const [isLoadComplete, setIsLoadComplete] = useState(false);
+  const [commentList, setCommentList] = useState([]);
+  const [activeSaveOperations, setActiveSaveOperations] = useState(0);
+  const [hasSavedOnce, setHasSavedOnce] = useState(false);
+  const viewConfig = useMemo(
+    () => viewConfigProp ?? getViewConfig(resourceName),
+    [viewConfigProp, resourceName]
+  );
+  useAsyncEffect(async () => {
+    await initializeMultiListResources(
+      resourceName,
+      resourceId,
+      viewConfig,
+      setMultiListItems,
+      setMultiListType,
+      editConfig,
+      setEditConfig,
+      setResource,
+      setUiResourceMeta,
+      setIsLoadComplete,
+      hasId,
+      setCommentList
+    );
+  });
+  const onRelationUnassignCallback = useCallback(
+    async (context, multiListItem) => {
+      await onRelationUnassign(context, multiListItem, uiResourceMeta.resourceMeta, resource);
+    },
+    [resource, uiResourceMeta]
+  );
+  const onViewMultiListRelationChangeCallback = useCallback(
+    (multiListItem, newRelatedResource) => {
+      onViewMultiListRelationChange(
+        multiListItem,
+        uiResourceMeta.resourceMeta,
+        resource,
+        newRelatedResource
+      );
+    },
+    [resource, uiResourceMeta?.resourceMeta]
+  );
+  const onSavingStarting = useCallback(() => {
+    onSavingViewResourceStart(hasSavedOnce, setHasSavedOnce, setActiveSaveOperations);
+  }, [hasSavedOnce]);
+  const onSavingEnding = useCallback(() => {
+    setActiveSaveOperations((prev) => prev - 1);
+  }, []);
+  return isLoadComplete && /* @__PURE__ */ jsxs("div", { className: "relative h-full", children: [
+    hasSavedOnce && /* @__PURE__ */ jsx("div", { className: "absolute right-9 top-1.5", children: /* @__PURE__ */ jsx(FdSaveStatus, { isSaved: activeSaveOperations === 0 }) }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "flex w-full flex-col justify-center lg:h-full lg:flex-row lg:overflow-hidden",
+          multiListItems.length && "justify-around"
+        ),
+        id: `${resourceName}${elementSuffixes.viewResource}`,
+        children: [
+          viewConfig.layoutType === viewLayoutTypes.navigation ? /* @__PURE__ */ jsx("div", { className: "sticky max-h-full min-h-min shrink-0 border-input", children: /* @__PURE__ */ jsx(
+            FdNavigation,
+            {
+              isOpen: true,
+              config: { name: "", items: getViewNavigationItems(multiListItems) }
+            }
+          ) }) : /* @__PURE__ */ jsx("div", { className: "h-1/2 w-full shrink-0 overflow-y-auto pr-2 lg:h-full lg:w-1/3 lg:pr-1", children: uiResourceMeta && /* @__PURE__ */ jsx(
+            FdEditResource,
+            {
+              resourceId,
+              isNew: !hasId,
+              onSaveComplete,
+              onCancelClick,
+              onDeleteComplete,
+              config: editConfig,
+              uiResourceMeta,
+              resource,
+              onSavingStarting,
+              onSavingEnding,
+              onRefreshResource: onRefreshData
+            }
+          ) }),
+          /* @__PURE__ */ jsx("div", { className: "my-4 h-px w-full pr-2 lg:ml-2 lg:mr-6 lg:mt-0 lg:h-auto lg:min-h-full lg:w-px lg:pr-0", children: /* @__PURE__ */ jsx("div", { className: "size-full bg-border" }) }),
+          hasId && /* @__PURE__ */ jsxs(
+            FdTabs,
+            {
+              value: String(activeTab),
+              className: "flex h-1/2 w-full flex-col overflow-y-auto pr-2 lg:h-full lg:overflow-hidden lg:pr-0",
+              children: [
+                /* @__PURE__ */ jsxs(FdTabsList, { className: "flex items-end text-sm", children: [
+                  !!multiListItems.length && /* @__PURE__ */ jsx(
+                    FdTabsTrigger,
+                    {
+                      onClick: () => setActiveTab(tabsNames.overview),
+                      value: String(tabsNames.overview),
+                      className: "flex h-full min-w-32 items-center justify-center rounded-tl-md border px-1 py-3 outline-none hover:text-subtle-500 data-[state=active]:border-b-0 data-[state=inactive]:bg-muted data-[state=active]:font-semibold data-[state=active]:text-muted-foreground",
+                      children: "Overview"
+                    }
+                  ),
+                  viewConfig.isCommentTabVisible && /* @__PURE__ */ jsx(
+                    FdTabsTrigger,
+                    {
+                      onClick: () => setActiveTab(tabsNames.comments),
+                      value: String(tabsNames.comments),
+                      className: cn(
+                        "flex h-full min-w-32 items-center justify-center rounded-tr-md border px-1 py-3 outline-none hover:text-subtle-500 data-[state=active]:border-b-0 data-[state=inactive]:bg-muted data-[state=active]:font-semibold data-[state=active]:text-muted-foreground",
+                        { "rounded-tl-md": multiListItems?.length === 0 }
+                      ),
+                      children: "Comments"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("hr", { className: "h-px w-full border-t" })
+                ] }),
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: cn(
+                      "h-full max-w-full overflow-y-auto overflow-x-hidden pt-7",
+                      activeTab !== tabsNames.overview ? "hidden" : "visible"
+                    ),
+                    children: /* @__PURE__ */ jsx("div", { className: "flex w-full grow-0 basis-full flex-col gap-y-10 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ jsx(
+                      FdMultiList,
+                      {
+                        tableConfig: viewConfig.tableConfig,
+                        multiListItems,
+                        type: multiListType,
+                        onCustomAction: onRelationUnassignCallback,
+                        onMultiListResourceRelationChange: onViewMultiListRelationChangeCallback,
+                        commentList,
+                        onSavingStarting: () => {
+                          setActiveSaveOperations((prev) => prev + 1);
+                        },
+                        onSavingEnding: () => {
+                          setActiveSaveOperations((prev) => prev - 1);
+                        }
+                      }
+                    ) })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: cn(
+                      "h-full max-w-full overflow-y-auto overflow-x-hidden pt-3",
+                      activeTab !== tabsNames.comments ? "hidden" : "visible"
+                    ),
+                    children: /* @__PURE__ */ jsx("div", { className: "mt-2 flex w-full grow-0 basis-full flex-col gap-y-10 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ jsx(
+                      FdCommentList,
+                      {
+                        resourceName,
+                        resourceId,
+                        resources: commentList
+                      }
+                    ) })
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+__name(FdViewResource, "FdViewResource");
+
+export { FdViewResource, FdViewResource as default };

package/packages/level2/meta/view/view-resource/FdViewResource.jsx

@@ -0,0 +1,108 @@
+"use client";
+import { cn } from "@fd-toolbox/lib/utils";
+import { tabsNames, viewLayoutTypes } from "@meta/view/view-constants";
+import FdNavigation from "@fd-component-toolbox/navigation/FdNavigation";
+import { getViewNavigationItems, initializeMultiListResources, onViewMultiListRelationChange, onRelationUnassign, } from "@meta/view/FdView.funcs";
+import { FdEditResource } from "@meta/edit-resource/FdEditResource";
+import { FdTabs, FdTabsList, FdTabsTrigger } from "@fd-component-toolbox/tabs/FdTabs";
+import FdMultiList from "@meta/components/multi-list/FdMultiList";
+import { FdCommentList } from "@meta/comment/FdCommentList";
+import { useCallback, useMemo, useState } from "react";
+import { fdMultiListTypes, } from "@meta/components/multi-list/multi-list-types";
+import { getDefaultEditResourceConfig, getEditResourceConfig, } from "@meta/edit-resource/config/fd-edit-resource-configs";
+import { getViewConfig } from "@meta/view/config/view-list-config";
+import { useAsyncEffect } from "@fd-toolbox/hooks/use-async-effect";
+import { elementSuffixes } from "@fd-toolbox/constants/element-suffixes";
+import { FdSaveStatus } from "@fd-component-toolbox/save-status/FdSaveStatus";
+import { onSavingViewResourceStart } from "@meta/view/view-resource/FdViewResource.funcs";
+/**
+ * A universal component for displaying resources in any mode, {@link FdEditResource}, {@link FdMultiList} or others.
+
+ *
+ * The layout can be configured to use either navigation or tabbed interface based on the view configuration.
+ *
+ * @param props - {@link FdViewResourceProps}
+ *
+ * @example
+ * ```tsx
+ * <FdViewResource
+ *     resourceId="d4507481-8b33-46e7-9c2e-606daab170cc"
+ *     hasId={true}
+ *     resourceName="student"
+ *     onDeleteComplete={onDeleteComplete}
+ *     onCancelClick={onCancelClick}
+ *     onSaveComplete={onSaveComplete}
+ *     viewConfigProp={viewConfigProp}
+ *     defaultTab={defaultTab}
+ * />
+ * ```
+ */
+export function FdViewResource({ resourceName, resourceId, hasId, viewConfigProp, onDeleteComplete, onSaveComplete, defaultTab, onCancelClick, onRefreshData, }) {
+    const [multiListItems, setMultiListItems] = useState([]);
+    const [editConfig, setEditConfig] = useState(resourceName ? getEditResourceConfig(resourceName) : getDefaultEditResourceConfig(resourceName));
+    const [uiResourceMeta, setUiResourceMeta] = useState(undefined);
+    const [resource, setResource] = useState();
+    const [multiListType, setMultiListType] = useState(fdMultiListTypes.resource);
+    const [activeTab, setActiveTab] = useState(defaultTab ?? tabsNames.overview);
+    const [isLoadComplete, setIsLoadComplete] = useState(false);
+    const [commentList, setCommentList] = useState([]);
+    const [activeSaveOperations, setActiveSaveOperations] = useState(0);
+    const [hasSavedOnce, setHasSavedOnce] = useState(false);
+    const viewConfig = useMemo(() => viewConfigProp ?? getViewConfig(resourceName), [viewConfigProp, resourceName]);
+    useAsyncEffect(async () => {
+        await initializeMultiListResources(resourceName, resourceId, viewConfig, setMultiListItems, setMultiListType, editConfig, setEditConfig, setResource, setUiResourceMeta, setIsLoadComplete, hasId, setCommentList);
+    });
+    const onRelationUnassignCallback = useCallback(async (context, multiListItem) => {
+        await onRelationUnassign(context, multiListItem, uiResourceMeta.resourceMeta, resource);
+    }, [resource, uiResourceMeta]);
+    const onViewMultiListRelationChangeCallback = useCallback((multiListItem, newRelatedResource) => {
+        onViewMultiListRelationChange(multiListItem, uiResourceMeta.resourceMeta, resource, newRelatedResource);
+    }, [resource, uiResourceMeta?.resourceMeta]);
+    const onSavingStarting = useCallback(() => {
+        onSavingViewResourceStart(hasSavedOnce, setHasSavedOnce, setActiveSaveOperations);
+    }, [hasSavedOnce]);
+    const onSavingEnding = useCallback(() => {
+        setActiveSaveOperations((prev) => prev - 1);
+    }, []);
+    return (isLoadComplete && (<div className="relative h-full">
+                {hasSavedOnce && (<div className="absolute right-9 top-1.5">
+                        <FdSaveStatus isSaved={activeSaveOperations === 0}/>
+                    </div>)}
+                <div className={cn("flex w-full flex-col justify-center lg:h-full lg:flex-row lg:overflow-hidden", multiListItems.length && "justify-around")} id={`${resourceName}${elementSuffixes.viewResource}`}>
+                    {viewConfig.layoutType === viewLayoutTypes.navigation ? (<div className="sticky max-h-full min-h-min shrink-0 border-input">
+                            <FdNavigation isOpen={true} config={{ name: "", items: getViewNavigationItems(multiListItems) }}/>
+                        </div>) : (<div className="h-1/2 w-full shrink-0 overflow-y-auto pr-2 lg:h-full lg:w-1/3 lg:pr-1">
+                            {uiResourceMeta && (<FdEditResource resourceId={resourceId} isNew={!hasId} onSaveComplete={onSaveComplete} onCancelClick={onCancelClick} onDeleteComplete={onDeleteComplete} config={editConfig} uiResourceMeta={uiResourceMeta} resource={resource} onSavingStarting={onSavingStarting} onSavingEnding={onSavingEnding} onRefreshResource={onRefreshData}/>)}
+                        </div>)}
+                    <div className="my-4 h-px w-full pr-2 lg:ml-2 lg:mr-6 lg:mt-0 lg:h-auto lg:min-h-full lg:w-px lg:pr-0">
+                        <div className="size-full bg-border"/>
+                    </div>
+                    {hasId && (<FdTabs value={String(activeTab)} className="flex h-1/2 w-full flex-col overflow-y-auto pr-2 lg:h-full lg:overflow-hidden lg:pr-0">
+                            <FdTabsList className="flex items-end text-sm">
+                                {!!multiListItems.length && (<FdTabsTrigger onClick={() => setActiveTab(tabsNames.overview)} value={String(tabsNames.overview)} className="flex h-full min-w-32 items-center justify-center rounded-tl-md border px-1 py-3 outline-none hover:text-subtle-500 data-[state=active]:border-b-0 data-[state=inactive]:bg-muted data-[state=active]:font-semibold data-[state=active]:text-muted-foreground">
+                                        Overview
+                                    </FdTabsTrigger>)}
+                                {viewConfig.isCommentTabVisible && (<FdTabsTrigger onClick={() => setActiveTab(tabsNames.comments)} value={String(tabsNames.comments)} className={cn("flex h-full min-w-32 items-center justify-center rounded-tr-md border px-1 py-3 outline-none hover:text-subtle-500 data-[state=active]:border-b-0 data-[state=inactive]:bg-muted data-[state=active]:font-semibold data-[state=active]:text-muted-foreground", { "rounded-tl-md": multiListItems?.length === 0 })}>
+                                        Comments
+                                    </FdTabsTrigger>)}
+                                <hr className="h-px w-full border-t"/>
+                            </FdTabsList>
+                            <div className={cn("h-full max-w-full overflow-y-auto overflow-x-hidden pt-7", activeTab !== tabsNames.overview ? "hidden" : "visible")}>
+                                <div className="flex w-full grow-0 basis-full flex-col gap-y-10 overflow-y-auto overflow-x-hidden">
+                                    <FdMultiList tableConfig={viewConfig.tableConfig} multiListItems={multiListItems} type={multiListType} onCustomAction={onRelationUnassignCallback} onMultiListResourceRelationChange={onViewMultiListRelationChangeCallback} commentList={commentList} onSavingStarting={() => {
+                setActiveSaveOperations((prev) => prev + 1);
+            }} onSavingEnding={() => {
+                setActiveSaveOperations((prev) => prev - 1);
+            }}/>
+                                </div>
+                            </div>
+                            <div className={cn("h-full max-w-full overflow-y-auto overflow-x-hidden pt-3", activeTab !== tabsNames.comments ? "hidden" : "visible")}>
+                                <div className="mt-2 flex w-full grow-0 basis-full flex-col gap-y-10 overflow-y-auto overflow-x-hidden">
+                                    <FdCommentList resourceName={resourceName} resourceId={resourceId} resources={commentList}/>
+                                </div>
+                            </div>
+                        </FdTabs>)}
+                </div>
+            </div>));
+}
+export default FdViewResource;

package/packages/level2/meta/view/view-resource/templates/ManyToOneTableHeaderCellTemplate.cjs.js

@@ -0,0 +1,39 @@
+'use strict';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var FdBrowserDialog = require('../../../browsers/browser/browser-dialog/FdBrowserDialog.cjs.js');
+var FdTableHeaderCellActionButton = require('../../../table/header-cell/FdTableHeaderCellActionButton.cjs.js');
+var FdIcon = require('../../../../fd-component-toolbox/icon/FdIcon.cjs.js');
+var React = require('react');
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function ManyToOneTableHeaderCellTemplate({
+  parentResourcePropertyMeta,
+  resourceId,
+  multiListItem,
+  onViewMultiListRelationChange,
+  onCustomAction
+}) {
+  const onBrowserCloseDialog = React.useCallback(
+    (newRelatedResource) => {
+      if (!newRelatedResource?.id) return;
+      onViewMultiListRelationChange(multiListItem, newRelatedResource);
+      onCustomAction();
+    },
+    [multiListItem, onViewMultiListRelationChange, onCustomAction]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    FdBrowserDialog.FdBrowserDialog,
+    {
+      propertyMeta: parentResourcePropertyMeta,
+      currentResourceId: resourceId,
+      closeDialog: onBrowserCloseDialog,
+      trigger: /* @__PURE__ */ jsxRuntime.jsx(FdTableHeaderCellActionButton.FdTableHeaderActionButton, { tooltipText: "Change", icon: FdIcon.iconNames.link })
+    }
+  );
+}
+__name(ManyToOneTableHeaderCellTemplate, "ManyToOneTableHeaderCellTemplate");
+
+exports.ManyToOneTableHeaderCellTemplate = ManyToOneTableHeaderCellTemplate;

package/packages/level2/meta/view/view-resource/templates/ManyToOneTableHeaderCellTemplate.d.ts

@@ -0,0 +1,13 @@
+import { VoidFunc, VoidFuncNoParam } from "../../../../fd-toolbox/functions/getter-setter-functions";
+import { PropertyMeta } from "../../../core/property-meta";
+import { FdMultiListItem } from "../../../components/multi-list/multi-list-types";
+import { ShortResourceDescriptor } from "../../../browsers/browser/short-resource-descriptor";
+interface ManyToOneTableHeaderCellTemplateProps {
+    parentResourcePropertyMeta: PropertyMeta;
+    resourceId: string;
+    multiListItem: FdMultiListItem;
+    onViewMultiListRelationChange: VoidFunc<FdMultiListItem, ShortResourceDescriptor>;
+    onCustomAction: VoidFuncNoParam;
+}
+export declare function ManyToOneTableHeaderCellTemplate({ parentResourcePropertyMeta, resourceId, multiListItem, onViewMultiListRelationChange, onCustomAction, }: ManyToOneTableHeaderCellTemplateProps): import("react").JSX.Element;
+export {};

package/packages/level2/meta/view/view-resource/templates/ManyToOneTableHeaderCellTemplate.js

@@ -0,0 +1,37 @@
+'use strict';
+import { jsx } from 'react/jsx-runtime';
+import { FdBrowserDialog } from '../../../browsers/browser/browser-dialog/FdBrowserDialog.js';
+import { FdTableHeaderActionButton } from '../../../table/header-cell/FdTableHeaderCellActionButton.js';
+import { iconNames } from '../../../../fd-component-toolbox/icon/FdIcon.js';
+import { useCallback } from 'react';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function ManyToOneTableHeaderCellTemplate({
+  parentResourcePropertyMeta,
+  resourceId,
+  multiListItem,
+  onViewMultiListRelationChange,
+  onCustomAction
+}) {
+  const onBrowserCloseDialog = useCallback(
+    (newRelatedResource) => {
+      if (!newRelatedResource?.id) return;
+      onViewMultiListRelationChange(multiListItem, newRelatedResource);
+      onCustomAction();
+    },
+    [multiListItem, onViewMultiListRelationChange, onCustomAction]
+  );
+  return /* @__PURE__ */ jsx(
+    FdBrowserDialog,
+    {
+      propertyMeta: parentResourcePropertyMeta,
+      currentResourceId: resourceId,
+      closeDialog: onBrowserCloseDialog,
+      trigger: /* @__PURE__ */ jsx(FdTableHeaderActionButton, { tooltipText: "Change", icon: iconNames.link })
+    }
+  );
+}
+__name(ManyToOneTableHeaderCellTemplate, "ManyToOneTableHeaderCellTemplate");
+
+export { ManyToOneTableHeaderCellTemplate };

package/packages/level2/meta/view/view-resource/templates/ManyToOneTableHeaderCellTemplate.jsx

@@ -0,0 +1,13 @@
+import { FdBrowserDialog } from "@meta/browsers/browser/browser-dialog/FdBrowserDialog";
+import { FdTableHeaderActionButton } from "@meta/table/header-cell/FdTableHeaderCellActionButton";
+import { iconNames } from "@fd-component-toolbox/icon/FdIcon";
+import { useCallback } from "react";
+export function ManyToOneTableHeaderCellTemplate({ parentResourcePropertyMeta, resourceId, multiListItem, onViewMultiListRelationChange, onCustomAction, }) {
+    const onBrowserCloseDialog = useCallback((newRelatedResource) => {
+        if (!newRelatedResource?.id)
+            return;
+        onViewMultiListRelationChange(multiListItem, newRelatedResource);
+        onCustomAction();
+    }, [multiListItem, onViewMultiListRelationChange, onCustomAction]);
+    return (<FdBrowserDialog propertyMeta={parentResourcePropertyMeta} currentResourceId={resourceId} closeDialog={onBrowserCloseDialog} trigger={<FdTableHeaderActionButton tooltipText="Change" icon={iconNames.link}/>}/>);
+}

package/packages/level2/meta/view/view-types.d.ts

@@ -0,0 +1,15 @@
+import { FdTableConfig } from "../table/table-models";
+import { ViewLayoutType } from "./view-constants";
+/** Configuration for a view, including table settings, layout, and related resources. */
+export interface FdViewConfig {
+    /** Configuration for the table displayed in this view. */
+    tableConfig: FdTableConfig;
+    /** Array of additional resource names to be included in this view. */
+    additionalResources: string[];
+    /** Array of related resource names that should be hidden in this view. */
+    hiddenRelatedResources: string[];
+    /** Layout type of the view, controlling the overall page structure. */
+    layoutType: ViewLayoutType;
+    /** Indicates whether the comment tab should be visible in the view. */
+    isCommentTabVisible: boolean;
+}

package/packages/level2/meta/view/view-types.js

@@ -0,0 +1 @@
+export {};

package/packages/level2/npm-commands/combine-meta/index.cjs.js

@@ -0,0 +1,14 @@
+'use strict';
+'use strict';
+
+var _0x5a4f32 = require('node:path');
+var promises = require('node:fs/promises');
+var generateMeta = require('../gen-meta/generate-meta.cjs.js');
+var fdCacheKeys = require('../../fd-toolbox/constants/fd-cache-keys.cjs.js');
+var coreCache = require('../../fd-toolbox/server/cachings/core-cache.cjs.js');
+var projectPaths = require('../../../base-repo/app-constants/project-paths.cjs.js');
+var packages = require('../../../base-repo/constants/packages.cjs.js');
+
+var __defProp=Object['defineProperty'],__name=(_0x533863,_0x350cef)=>__defProp(_0x533863,'name',{'value':_0x350cef,'configurable':!![]});async function combineMeta(){const _0xa1a8be=projectPaths.generatedPaths['metaJson'],_0xaddbc=_0x5a4f32['join'](projectPaths.folders['nodeModules'],packages.npmPackages['saasKit']),_0x37be9b=_0x5a4f32['join'](_0xaddbc,projectPaths.generatedPaths['metaJson']);try{await promises.readFile(_0xa1a8be,'utf8');}catch{await promises.mkdir(_0x5a4f32['dirname'](_0xa1a8be),{'recursive':!![]}),await promises.writeFile(_0xa1a8be,'{}','utf8');}const _0x326848=await promises.readFile(_0x37be9b,'utf8'),_0x2e853b=parseJsonObject(_0x326848);for(const _0x322f05 of Object['values'](_0x2e853b)){setInternalResourceMeta(_0x322f05);}await generateMeta.generateMeta(Object['keys'](_0x2e853b));}__name(combineMeta,'combineMeta');function parseJsonObject(_0x395f2a){const _0xbcb732=JSON['parse'](_0x395f2a);return _0xbcb732;}__name(parseJsonObject,'parseJsonObject');async function setInternalResourceMeta(_0x55f9bd){await coreCache.setCoreCache(getResourceMetaCacheKey(_0x55f9bd['name']),_0x55f9bd);}__name(setInternalResourceMeta,'setInternalResourceMeta');function getResourceMetaCacheKey(_0x4c2e85){return fdCacheKeys.fdCacheKeys['internalResourceMeta']+'_'+_0x4c2e85['toLowerCase']();}__name(getResourceMetaCacheKey,'getResourceMetaCacheKey');
+
+exports.combineMeta = combineMeta;

package/packages/level2/npm-commands/combine-meta/index.d.ts

@@ -0,0 +1 @@
+export declare function combineMeta(): Promise<void>;

package/packages/level2/npm-commands/combine-meta/index.js

@@ -0,0 +1,12 @@
+'use strict';
+import _0x5a4f32 from 'node:path';
+import { readFile, mkdir, writeFile } from 'node:fs/promises';
+import { generateMeta } from '../gen-meta/generate-meta.js';
+import { fdCacheKeys } from '../../fd-toolbox/constants/fd-cache-keys.js';
+import { setCoreCache } from '../../fd-toolbox/server/cachings/core-cache.js';
+import { generatedPaths, folders } from '../../../base-repo/app-constants/project-paths.js';
+import { npmPackages } from '../../../base-repo/constants/packages.js';
+
+var __defProp=Object['defineProperty'],__name=(_0x533863,_0x350cef)=>__defProp(_0x533863,'name',{'value':_0x350cef,'configurable':!![]});async function combineMeta(){const _0xa1a8be=generatedPaths['metaJson'],_0xaddbc=_0x5a4f32['join'](folders['nodeModules'],npmPackages['saasKit']),_0x37be9b=_0x5a4f32['join'](_0xaddbc,generatedPaths['metaJson']);try{await readFile(_0xa1a8be,'utf8');}catch{await mkdir(_0x5a4f32['dirname'](_0xa1a8be),{'recursive':!![]}),await writeFile(_0xa1a8be,'{}','utf8');}const _0x326848=await readFile(_0x37be9b,'utf8'),_0x2e853b=parseJsonObject(_0x326848);for(const _0x322f05 of Object['values'](_0x2e853b)){setInternalResourceMeta(_0x322f05);}await generateMeta(Object['keys'](_0x2e853b));}__name(combineMeta,'combineMeta');function parseJsonObject(_0x395f2a){const _0xbcb732=JSON['parse'](_0x395f2a);return _0xbcb732;}__name(parseJsonObject,'parseJsonObject');async function setInternalResourceMeta(_0x55f9bd){await setCoreCache(getResourceMetaCacheKey(_0x55f9bd['name']),_0x55f9bd);}__name(setInternalResourceMeta,'setInternalResourceMeta');function getResourceMetaCacheKey(_0x4c2e85){return fdCacheKeys['internalResourceMeta']+'_'+_0x4c2e85['toLowerCase']();}__name(getResourceMetaCacheKey,'getResourceMetaCacheKey');
+
+export { combineMeta };

package/packages/level2/npm-commands/gen-dynamic-handlers-map/generate-dynamic-handlers-map.cjs.js

@@ -0,0 +1,11 @@
+'use strict';
+'use strict';
+
+var _0x133c16 = require('fs');
+var _0x9a5113 = require('path');
+var projectPaths = require('../../../base-repo/app-constants/project-paths.cjs.js');
+var extensions = require('../../../base-repo/constants/extensions.cjs.js');
+
+var __defProp=Object['defineProperty'],__name=(_0x8ceec5,_0x5331cb)=>__defProp(_0x8ceec5,'name',{'value':_0x5331cb,'configurable':!![]});async function findHandlerFiles(_0x2065f3){let _0x6bd768=[];const _0x221175=await _0x133c16.promises['readdir'](_0x2065f3,{'withFileTypes':!![]});for(const _0x35b256 of _0x221175){const _0x3e2d48=_0x2065f3+'/'+_0x35b256['name'];if(_0x35b256['isDirectory']())_0x6bd768=_0x6bd768['concat'](await findHandlerFiles(_0x3e2d48));else _0x35b256['isFile']()&&_0x35b256['name']['endsWith'](extensions.fdNotableFileSuffixes['handlers'])&&_0x6bd768['push'](_0x3e2d48);}return _0x6bd768;}__name(findHandlerFiles,'findHandlerFiles');const packagesServerPath=''+projectPaths.packagesPath['packagesServer'];async function generateHandlerMap(){const _0x54e54b=await findHandlerFiles(packagesServerPath),_0x4876f6={};_0x54e54b['forEach'](_0x58e89a=>{const _0xec9a2f=extractRelativePath(_0x58e89a);_0x4876f6[_0xec9a2f]='()\x20=>\x0a\x20import(\x22'+getImportPath(_0x58e89a)+'\x22)';});const _0x53968b=generateMapCode(_0x4876f6),_0x4b3f95=projectPaths.generatedPaths['crudHandlerMap'];await _0x133c16.promises['mkdir'](_0x9a5113.dirname(_0x4b3f95),{'recursive':!![]}),await _0x133c16.promises['writeFile'](_0x4b3f95,_0x53968b);}__name(generateHandlerMap,'generateHandlerMap');function extractRelativePath(_0x5cb33f){const _0x41c745=_0x5cb33f['replace'](''+packagesServerPath,''),_0x40b3f3=_0x41c745['replace'](/\.handlers\.ts$/,'');return _0x40b3f3;}__name(extractRelativePath,'extractRelativePath');function getImportPath(_0x555f35){const _0x4b3753=_0x555f35['replace'](''+packagesServerPath,''),_0xd96984=_0x4b3753['replace'](/\.ts$/,'');return '../'+projectPaths.packagesPath['packagesServer']+_0xd96984;}__name(getImportPath,'getImportPath');function generateMapCode(_0x4de7df){const _0x4ec96b=Object['entries'](_0x4de7df)['map'](([_0x214243,_0x533879])=>'\x22'+_0x214243+'\x22:'+_0x533879)['join'](',\x0a');return 'export\x20const\x20resourceHandlerDynamicImportMap:\x20Record<string,\x20()\x20=>\x20Promise<unknown>>\x20=\x20{\x0a'+_0x4ec96b+',\x0a};';}__name(generateMapCode,'generateMapCode');
+
+exports.generateHandlerMap = generateHandlerMap;

package/packages/level2/npm-commands/gen-dynamic-handlers-map/generate-dynamic-handlers-map.d.ts

@@ -0,0 +1 @@
+export declare function generateHandlerMap(): Promise<void>;

package/packages/level2/npm-commands/gen-dynamic-handlers-map/generate-dynamic-handlers-map.js

@@ -0,0 +1,9 @@
+'use strict';
+import { promises } from 'fs';
+import { dirname } from 'path';
+import { packagesPath, generatedPaths } from '../../../base-repo/app-constants/project-paths.js';
+import { fdNotableFileSuffixes } from '../../../base-repo/constants/extensions.js';
+
+var __defProp=Object['defineProperty'],__name=(_0x8ceec5,_0x5331cb)=>__defProp(_0x8ceec5,'name',{'value':_0x5331cb,'configurable':!![]});async function findHandlerFiles(_0x2065f3){let _0x6bd768=[];const _0x221175=await promises['readdir'](_0x2065f3,{'withFileTypes':!![]});for(const _0x35b256 of _0x221175){const _0x3e2d48=_0x2065f3+'/'+_0x35b256['name'];if(_0x35b256['isDirectory']())_0x6bd768=_0x6bd768['concat'](await findHandlerFiles(_0x3e2d48));else _0x35b256['isFile']()&&_0x35b256['name']['endsWith'](fdNotableFileSuffixes['handlers'])&&_0x6bd768['push'](_0x3e2d48);}return _0x6bd768;}__name(findHandlerFiles,'findHandlerFiles');const packagesServerPath=''+packagesPath['packagesServer'];async function generateHandlerMap(){const _0x54e54b=await findHandlerFiles(packagesServerPath),_0x4876f6={};_0x54e54b['forEach'](_0x58e89a=>{const _0xec9a2f=extractRelativePath(_0x58e89a);_0x4876f6[_0xec9a2f]='()\x20=>\x0a\x20import(\x22'+getImportPath(_0x58e89a)+'\x22)';});const _0x53968b=generateMapCode(_0x4876f6),_0x4b3f95=generatedPaths['crudHandlerMap'];await promises['mkdir'](dirname(_0x4b3f95),{'recursive':!![]}),await promises['writeFile'](_0x4b3f95,_0x53968b);}__name(generateHandlerMap,'generateHandlerMap');function extractRelativePath(_0x5cb33f){const _0x41c745=_0x5cb33f['replace'](''+packagesServerPath,''),_0x40b3f3=_0x41c745['replace'](/\.handlers\.ts$/,'');return _0x40b3f3;}__name(extractRelativePath,'extractRelativePath');function getImportPath(_0x555f35){const _0x4b3753=_0x555f35['replace'](''+packagesServerPath,''),_0xd96984=_0x4b3753['replace'](/\.ts$/,'');return '../'+packagesPath['packagesServer']+_0xd96984;}__name(getImportPath,'getImportPath');function generateMapCode(_0x4de7df){const _0x4ec96b=Object['entries'](_0x4de7df)['map'](([_0x214243,_0x533879])=>'\x22'+_0x214243+'\x22:'+_0x533879)['join'](',\x0a');return 'export\x20const\x20resourceHandlerDynamicImportMap:\x20Record<string,\x20()\x20=>\x20Promise<unknown>>\x20=\x20{\x0a'+_0x4ec96b+',\x0a};';}__name(generateMapCode,'generateMapCode');
+
+export { generateHandlerMap };

package/packages/level2/npm-commands/gen-exports/generate-exports-constants.cjs.js

@@ -0,0 +1,10 @@
+'use strict';
+'use strict';
+
+const utf8='utf8';const files={'packageJson':'package.json','indexTs':'index.ts','indexJs':'index.js','indexCjsJs':'index.cjs.js','indexDTs':'server.d.ts','serverTs':'server.ts','entryJS':'entry.js'};const contents={'emptyExport':'export\x20{\x20};\x0a','openExport':'export\x20{','openExportType':'export\x20type\x20{','openExportDefault':'export\x20{\x20default\x20as','as':'as','closeExportFrom':'}\x20from','generatedPaths':'export\x20const\x20generatedPaths\x20=\x20[\x0a','endPath':'\x0a];\x0a','totalExports':'Total\x20exports:','importReact':'import\x20React','reactFrom':'from\x20\x27react\x27','reactFromDouble':'from\x20\x22react\x22'};const extname={'ts':'.ts','tsx':'.tsx','js':'.js','dts':'.d.ts','spec':'.spec.','config':'.config.'};const ignoreFiles=['/page.ts','/route.ts','layout.ts','/packages/test','/FdRichText','/FdColorPicker','/packages/level2/cli/create-saas-kit-app','/packages/flint/test-utils','/permission.resource.ts','/packages/flint/test-utils','/npm-commands/gen-meta/index.ts','/npm-commands/gen-schema/index.ts','/npm-commands/seed-db/index.ts','/npm-commands/migrate-db/index.ts','/npm-commands/generate-migrations','/npm-commands/install-local-pack','/npm-commands/seed-db/index.ts','/npm-commands/package/export-dependencies.ts','/npm-commands/build-npm','/packages/internal-cli','eslint.config','eslint-config-template'];
+
+exports.contents = contents;
+exports.extname = extname;
+exports.files = files;
+exports.ignoreFiles = ignoreFiles;
+exports.utf8 = utf8;

package/packages/level2/npm-commands/gen-exports/generate-exports-constants.d.ts

@@ -0,0 +1,33 @@
+export declare const utf8 = "utf8";
+export declare const files: {
+    packageJson: string;
+    indexTs: string;
+    indexJs: string;
+    indexCjsJs: string;
+    indexDTs: string;
+    serverTs: string;
+    entryJS: string;
+};
+export declare const contents: {
+    emptyExport: string;
+    openExport: string;
+    openExportType: string;
+    openExportDefault: string;
+    as: string;
+    closeExportFrom: string;
+    generatedPaths: string;
+    endPath: string;
+    totalExports: string;
+    importReact: string;
+    reactFrom: string;
+    reactFromDouble: string;
+};
+export declare const extname: {
+    ts: string;
+    tsx: string;
+    js: string;
+    dts: string;
+    spec: string;
+    config: string;
+};
+export declare const ignoreFiles: string[];

package/packages/level2/npm-commands/gen-exports/generate-exports-constants.js

@@ -0,0 +1,4 @@
+'use strict';
+const utf8='utf8';const files={'packageJson':'package.json','indexTs':'index.ts','indexJs':'index.js','indexCjsJs':'index.cjs.js','indexDTs':'server.d.ts','serverTs':'server.ts','entryJS':'entry.js'};const contents={'emptyExport':'export\x20{\x20};\x0a','openExport':'export\x20{','openExportType':'export\x20type\x20{','openExportDefault':'export\x20{\x20default\x20as','as':'as','closeExportFrom':'}\x20from','generatedPaths':'export\x20const\x20generatedPaths\x20=\x20[\x0a','endPath':'\x0a];\x0a','totalExports':'Total\x20exports:','importReact':'import\x20React','reactFrom':'from\x20\x27react\x27','reactFromDouble':'from\x20\x22react\x22'};const extname={'ts':'.ts','tsx':'.tsx','js':'.js','dts':'.d.ts','spec':'.spec.','config':'.config.'};const ignoreFiles=['/page.ts','/route.ts','layout.ts','/packages/test','/FdRichText','/FdColorPicker','/packages/level2/cli/create-saas-kit-app','/packages/flint/test-utils','/permission.resource.ts','/packages/flint/test-utils','/npm-commands/gen-meta/index.ts','/npm-commands/gen-schema/index.ts','/npm-commands/seed-db/index.ts','/npm-commands/migrate-db/index.ts','/npm-commands/generate-migrations','/npm-commands/install-local-pack','/npm-commands/seed-db/index.ts','/npm-commands/package/export-dependencies.ts','/npm-commands/build-npm','/packages/internal-cli','eslint.config','eslint-config-template'];
+
+export { contents, extname, files, ignoreFiles, utf8 };

package/packages/level2/npm-commands/gen-meta/generate-meta.cjs.js

@@ -0,0 +1,13 @@
+'use strict';
+'use strict';
+
+var _0x133c16 = require('fs');
+var _0x5a4f32 = require('node:path');
+var internalResourceMeta = require('../../meta/server/resources/internal-resource-meta.cjs.js');
+var initialize = require('../../server/web/initialize.cjs.js');
+var generateTsconfig = require('./generate-tsconfig.cjs.js');
+var projectPaths = require('../../../base-repo/app-constants/project-paths.cjs.js');
+
+var __defProp=Object['defineProperty'],__name=(_0x326014,_0x43fd65)=>__defProp(_0x326014,'name',{'value':_0x43fd65,'configurable':!![]});async function generateMeta(_0x4184da){await generateTsconfig.generateTsConfig();const _0x327876=await initialize.initialize(),_0x3808f7=await internalResourceMeta.getAllInternalResourceMetas([..._0x327876,..._0x4184da??[]]),_0xf511fd=JSON['stringify'](_0x3808f7,null,-0x3+-0x23e7+-0x9*-0x3fe);await _0x133c16.promises['mkdir'](_0x5a4f32['dirname'](projectPaths.generatedPaths['metaJson']),{'recursive':!![]}),await _0x133c16.promises['writeFile'](projectPaths.generatedPaths['metaJson'],_0xf511fd);}__name(generateMeta,'generateMeta');
+
+exports.generateMeta = generateMeta;

package/packages/level2/npm-commands/gen-meta/generate-meta.d.ts

@@ -0,0 +1 @@
+export declare function generateMeta(fdResourceNames?: string[]): Promise<void>;

package/packages/level2/npm-commands/gen-meta/generate-meta.js

@@ -0,0 +1,11 @@
+'use strict';
+import { promises } from 'fs';
+import _0x5a4f32 from 'node:path';
+import { getAllInternalResourceMetas } from '../../meta/server/resources/internal-resource-meta.js';
+import { initialize } from '../../server/web/initialize.js';
+import { generateTsConfig } from './generate-tsconfig.js';
+import { generatedPaths } from '../../../base-repo/app-constants/project-paths.js';
+
+var __defProp=Object['defineProperty'],__name=(_0x326014,_0x43fd65)=>__defProp(_0x326014,'name',{'value':_0x43fd65,'configurable':!![]});async function generateMeta(_0x4184da){await generateTsConfig();const _0x327876=await initialize(),_0x3808f7=await getAllInternalResourceMetas([..._0x327876,..._0x4184da??[]]),_0xf511fd=JSON['stringify'](_0x3808f7,null,-0x3+-0x23e7+-0x9*-0x3fe);await promises['mkdir'](_0x5a4f32['dirname'](generatedPaths['metaJson']),{'recursive':!![]}),await promises['writeFile'](generatedPaths['metaJson'],_0xf511fd);}__name(generateMeta,'generateMeta');
+
+export { generateMeta };

package/packages/level2/npm-commands/gen-meta/generate-tsconfig.cjs.js

@@ -0,0 +1,12 @@
+'use strict';
+'use strict';
+
+var _0x133c16 = require('fs');
+var envConfig = require('../../fd-toolbox/infra/env-config.cjs.js');
+var projectPaths = require('../../../base-repo/app-constants/project-paths.cjs.js');
+var aliases = require('../../../base-repo/app-constants/aliases.cjs.js');
+var extensions = require('../../../base-repo/constants/extensions.cjs.js');
+
+var __defProp=Object['defineProperty'],__name=(_0x4c08e4,_0x328295)=>__defProp(_0x4c08e4,'name',{'value':_0x328295,'configurable':!![]});async function generateTsConfig(){envConfig.getDotenvConfig();const _0x499e59={'compilerOptions':createCompilerOptions(),'include':getIncludePaths(),'exclude':getExcludePaths()};return _0x133c16.promises['writeFile'](projectPaths.files['tsconfigResources'],JSON['stringify'](_0x499e59,null,-0x6a9+0x251f+-0x1e72));}__name(generateTsConfig,'generateTsConfig');function createCompilerOptions(){return {'target':'ES2022','experimentalDecorators':!![],'emitDecoratorMetadata':!![],'lib':['dom','dom.iterable','esnext'],'allowJs':!![],'skipLibCheck':!![],'strict':!![],'esModuleInterop':!![],'module':'esnext','moduleResolution':'bundler','resolveJsonModule':!![],'isolatedModules':!![],'jsx':'preserve','incremental':!![],'plugins':[{'name':'next'}],'paths':aliases.modulePathAliases,'forceConsistentCasingInFileNames':!![],'noFallthroughCasesInSwitch':!![],'sourceMap':!![],'importHelpers':!![],'noEmitHelpers':!![],'downlevelIteration':!![],'pretty':!![],'noUnusedLocals':!![],'noUnusedParameters':!![],'noPropertyAccessFromIndexSignature':!![],'noImplicitOverride':!![],'useUnknownInCatchVariables':!![],'noEmit':![],'declaration':!![],'declarationDir':projectPaths.projectPaths['buildPackagesTypes'],'rootDir':'./','outDir':projectPaths.projectPaths['buildPackagesTypesOutput'],'noEmitOnError':!![]};}__name(createCompilerOptions,'createCompilerOptions');function getIncludePaths(){return ['**/*'+extensions.fdNotableFileSuffixes['resource'],'**/*'+extensions.fdNotableFileSuffixes['handlers'],'**/*'+extensions.fdNotableFileSuffixes['resourceExt']];}__name(getIncludePaths,'getIncludePaths');function getExcludePaths(){const _0x1a9f0c=[projectPaths.projectPaths['npmCommands'],projectPaths.projectPaths['createSaasKitApp']];return _0x1a9f0c;}__name(getExcludePaths,'getExcludePaths');
+
+exports.generateTsConfig = generateTsConfig;

package/packages/level2/npm-commands/gen-meta/generate-tsconfig.d.ts

@@ -0,0 +1 @@
+export declare function generateTsConfig(): Promise<void>;