@idevconn/create-icore 0.10.1 → 0.11.0

package/dist/cli.js

@@ -233,7 +233,8 @@ Re-run with @latest to refresh:
     options: [
       { value: "supabase", label: "Supabase Postgres" },
       { value: "firebase", label: "Firestore" },
-      { value: "mongodb", label: "MongoDB" }
+      { value: "mongodb", label: "MongoDB" },
+      { value: "postgres", label: "PostgreSQL (direct, postgres.js)" }
     ],
     initialValue: authProvider
   });
@@ -410,6 +411,7 @@ async function rewriteRootPackageJson(targetDir, opts) {
   const pkg = JSON.parse(raw);
   pkg["name"] = opts.projectName;
   pkg["version"] = "0.0.1";
+  pkg["icoreVersion"] = true ? "0.11.0" : "unknown";
   pkg["private"] = true;
   delete pkg.description;
   const transportDeps = TRANSPORT_DEPS[opts.transport];
@@ -677,6 +679,7 @@ var AUTH_ONLY_PATHS = [
   "apps/api/src/app/abilities",
   "libs/shared/src/abilities",
   "apps/client/src/components/auth",
+  "apps/client/src/components/AccessDeniedPage.tsx",
   "apps/client/src/routes/login.tsx",
   "apps/client/src/routes/auth.callback.tsx",
   "apps/client/src/routes/auth.oauth.callback.tsx",
@@ -813,6 +816,121 @@ export * from './lib/draft/index.js';
 export * from './lib/landing/LandingPage.js';
 export * from './lib/stores/theme.store.js';
 `;
+var SHADCN_PAGE_LAYOUT_TSX = `import type { ReactNode } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDraft, useLoading } from '@icore/template-shared';
+
+interface PageLayoutProps {
+  title: string;
+  description?: string;
+  actions?: ReactNode;
+  children: ReactNode;
+}
+
+export function PageLayout({ title, description, actions, children }: PageLayoutProps) {
+  const { t } = useTranslation();
+  const isLoading = useLoading();
+
+  useDraft(false);
+
+  return (
+    <div className="p-4 md:p-6 space-y-4">
+      <div className="flex items-start justify-between gap-3">
+        <div>
+          <h1 className="text-xl font-semibold text-foreground">{title}</h1>
+          {description && <p className="text-sm text-muted-foreground mt-1">{description}</p>}
+        </div>
+        {actions && <div>{actions}</div>}
+      </div>
+
+      {isLoading && (
+        <div
+          role="status"
+          aria-label={t('common.loading')}
+          className="fixed inset-0 z-50 flex items-center justify-center bg-background/60 backdrop-blur-sm"
+        >
+          <div className="h-8 w-8 animate-spin rounded-full border-2 border-primary border-t-transparent" />
+        </div>
+      )}
+
+      {children}
+    </div>
+  );
+}
+`;
+var ANTD_PAGE_LAYOUT_TSX = `import type { ReactNode } from 'react';
+import { Descriptions, Spin } from 'antd';
+import { useDraft, useLoading } from '@icore/template-shared';
+
+export interface PageLayoutProps {
+  title: ReactNode;
+  description?: ReactNode;
+  extra?: ReactNode;
+  children?: ReactNode;
+}
+
+export function PageLayout({ title, description, extra, children }: PageLayoutProps) {
+  useDraft(false);
+  const loading = useLoading();
+
+  return (
+    <div style={{ padding: 24 }}>
+      <Descriptions title={title} extra={extra} style={{ marginBottom: 16 }}>
+        {description ? <Descriptions.Item>{description}</Descriptions.Item> : null}
+      </Descriptions>
+      <Spin spinning={loading}>
+        <div>{children}</div>
+      </Spin>
+    </div>
+  );
+}
+`;
+var MUI_PAGE_LAYOUT_TSX = `import type { ReactNode } from 'react';
+import { Box, LinearProgress, Stack, Typography } from '@mui/material';
+import { useDraft, useLoading } from '@icore/template-shared';
+
+export interface PageLayoutProps {
+  title: ReactNode;
+  description?: ReactNode;
+  extra?: ReactNode;
+  children?: ReactNode;
+}
+
+export function PageLayout({ title, description, extra, children }: PageLayoutProps) {
+  useDraft(false);
+  const loading = useLoading();
+
+  return (
+    <Box sx={{ p: 3 }}>
+      <Stack
+        direction="row"
+        justifyContent="space-between"
+        alignItems="flex-start"
+        spacing={2}
+        mb={3}
+      >
+        <Box>
+          <Typography variant="h4" component="h1">
+            {title}
+          </Typography>
+          {description ? (
+            <Typography variant="body2" color="text.secondary" mt={0.5}>
+              {description}
+            </Typography>
+          ) : null}
+        </Box>
+        {extra ? (
+          <Stack direction="row" spacing={1}>
+            {extra}
+          </Stack>
+        ) : null}
+      </Stack>
+      {loading ? <LinearProgress sx={{ mb: 2 }} /> : null}
+      <Box>{children}</Box>
+    </Box>
+  );
+}
+`;
 var SHADCN_MAIN_TSX = `import './globals.css';
 import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
@@ -913,7 +1031,7 @@ export const Route = createFileRoute('/')({
   ),
 });
 `;
-var SHADCN_LAYOUT_HEADER_TSX = `import { setStoredLocale, type IcoreLocale } from '@icore/template-shared';
+var SHADCN_LAYOUT_HEADER_TSX = `import { setStoredLocale, type IcoreLocale, i18next } from '@icore/template-shared';
 import { ThemeToggle } from '../ThemeToggle';
 
 const LOCALES: { code: IcoreLocale; label: string }[] = [
@@ -925,7 +1043,7 @@ const LOCALES: { code: IcoreLocale; label: string }[] = [
 export function LayoutHeader() {
   function handleLocale(code: IcoreLocale) {
     setStoredLocale(code);
-    window.location.reload();
+    void i18next.changeLanguage(code);
   }
 
   return (
@@ -1059,7 +1177,7 @@ export const Route = createFileRoute('/')({
 });
 `;
 var ANTD_LAYOUT_HEADER_TSX = `import { Button, Layout, Space } from 'antd';
-import { setStoredLocale, type IcoreLocale } from '@icore/template-shared';
+import { setStoredLocale, type IcoreLocale, i18next } from '@icore/template-shared';
 import { ThemeToggle } from '../ThemeToggle';
 
 const APP_VERSION = (import.meta.env.VITE_APP_VERSION as string | undefined) ?? '0.0.0-dev';
@@ -1073,7 +1191,7 @@ const LOCALES: { code: IcoreLocale; label: string }[] = [
 export function LayoutHeader() {
   function handleLocale(code: IcoreLocale) {
     setStoredLocale(code);
-    window.location.reload();
+    void i18next.changeLanguage(code);
   }
 
   return (
@@ -1245,7 +1363,7 @@ export function LayoutHeader() {
 
   function handleLocale(code: IcoreLocale) {
     setStoredLocale(code);
-    window.location.reload();
+    void i18n.changeLanguage(code);
   }
 
   return (
@@ -1289,19 +1407,22 @@ var UI_VARIANTS = {
     "apps/client/src/main.tsx": SHADCN_MAIN_TSX,
     "apps/client/src/routes/_dashboard.tsx": SHADCN_DASHBOARD_TSX,
     "apps/client/src/routes/index.tsx": SHADCN_INDEX_TSX,
-    "apps/client/src/components/layout/LayoutHeader.tsx": SHADCN_LAYOUT_HEADER_TSX
+    "apps/client/src/components/layout/LayoutHeader.tsx": SHADCN_LAYOUT_HEADER_TSX,
+    "apps/client/src/components/PageLayout.tsx": SHADCN_PAGE_LAYOUT_TSX
   },
   antd: {
     "apps/client/src/main.tsx": ANTD_MAIN_TSX,
     "apps/client/src/routes/_dashboard.tsx": ANTD_DASHBOARD_TSX,
     "apps/client/src/routes/index.tsx": ANTD_INDEX_TSX,
-    "apps/client/src/components/layout/LayoutHeader.tsx": ANTD_LAYOUT_HEADER_TSX
+    "apps/client/src/components/layout/LayoutHeader.tsx": ANTD_LAYOUT_HEADER_TSX,
+    "apps/client/src/components/PageLayout.tsx": ANTD_PAGE_LAYOUT_TSX
   },
   mui: {
     "apps/client/src/main.tsx": MUI_MAIN_TSX,
     "apps/client/src/routes/_dashboard.tsx": MUI_DASHBOARD_TSX,
     "apps/client/src/routes/index.tsx": MUI_INDEX_TSX,
-    "apps/client/src/components/layout/LayoutHeader.tsx": MUI_LAYOUT_HEADER_TSX
+    "apps/client/src/components/layout/LayoutHeader.tsx": MUI_LAYOUT_HEADER_TSX,
+    "apps/client/src/components/PageLayout.tsx": MUI_PAGE_LAYOUT_TSX
   }
 };
 async function applyAuthNoneVariants(targetDir, ui) {
@@ -1418,6 +1539,16 @@ var MANIFEST = {
       deps: { mongoose: "^9.6.3" },
       tsPaths: { "@icore/db-mongodb": ["libs/db-strategies/mongodb/src/index.ts"] },
       nestModule: { importFrom: "@icore/db-mongodb", symbol: "MongoDbDbModule", into: "notes" }
+    },
+    postgres: {
+      libDirs: ["libs/db-strategies/postgres"],
+      deps: { postgres: "^3" },
+      tsPaths: { "@icore/db-postgres": ["libs/db-strategies/postgres/src/index.ts"] },
+      nestModule: {
+        importFrom: "@icore/db-postgres",
+        symbol: "PostgresDbModule",
+        into: "notes"
+      }
     }
   },
   feature: {

package/dist/index.cjs

@@ -121,6 +121,7 @@ async function rewriteRootPackageJson(targetDir, opts) {
   const pkg = JSON.parse(raw);
   pkg["name"] = opts.projectName;
   pkg["version"] = "0.0.1";
+  pkg["icoreVersion"] = typeof ICORE_OWN_VERSION !== "undefined" ? ICORE_OWN_VERSION : "unknown";
   pkg["private"] = true;
   delete pkg.description;
   const transportDeps = TRANSPORT_DEPS[opts.transport];
@@ -388,6 +389,7 @@ var AUTH_ONLY_PATHS = [
   "apps/api/src/app/abilities",
   "libs/shared/src/abilities",
   "apps/client/src/components/auth",
+  "apps/client/src/components/AccessDeniedPage.tsx",
   "apps/client/src/routes/login.tsx",
   "apps/client/src/routes/auth.callback.tsx",
   "apps/client/src/routes/auth.oauth.callback.tsx",
@@ -524,6 +526,121 @@ export * from './lib/draft/index.js';
 export * from './lib/landing/LandingPage.js';
 export * from './lib/stores/theme.store.js';
 `;
+var SHADCN_PAGE_LAYOUT_TSX = `import type { ReactNode } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDraft, useLoading } from '@icore/template-shared';
+
+interface PageLayoutProps {
+  title: string;
+  description?: string;
+  actions?: ReactNode;
+  children: ReactNode;
+}
+
+export function PageLayout({ title, description, actions, children }: PageLayoutProps) {
+  const { t } = useTranslation();
+  const isLoading = useLoading();
+
+  useDraft(false);
+
+  return (
+    <div className="p-4 md:p-6 space-y-4">
+      <div className="flex items-start justify-between gap-3">
+        <div>
+          <h1 className="text-xl font-semibold text-foreground">{title}</h1>
+          {description && <p className="text-sm text-muted-foreground mt-1">{description}</p>}
+        </div>
+        {actions && <div>{actions}</div>}
+      </div>
+
+      {isLoading && (
+        <div
+          role="status"
+          aria-label={t('common.loading')}
+          className="fixed inset-0 z-50 flex items-center justify-center bg-background/60 backdrop-blur-sm"
+        >
+          <div className="h-8 w-8 animate-spin rounded-full border-2 border-primary border-t-transparent" />
+        </div>
+      )}
+
+      {children}
+    </div>
+  );
+}
+`;
+var ANTD_PAGE_LAYOUT_TSX = `import type { ReactNode } from 'react';
+import { Descriptions, Spin } from 'antd';
+import { useDraft, useLoading } from '@icore/template-shared';
+
+export interface PageLayoutProps {
+  title: ReactNode;
+  description?: ReactNode;
+  extra?: ReactNode;
+  children?: ReactNode;
+}
+
+export function PageLayout({ title, description, extra, children }: PageLayoutProps) {
+  useDraft(false);
+  const loading = useLoading();
+
+  return (
+    <div style={{ padding: 24 }}>
+      <Descriptions title={title} extra={extra} style={{ marginBottom: 16 }}>
+        {description ? <Descriptions.Item>{description}</Descriptions.Item> : null}
+      </Descriptions>
+      <Spin spinning={loading}>
+        <div>{children}</div>
+      </Spin>
+    </div>
+  );
+}
+`;
+var MUI_PAGE_LAYOUT_TSX = `import type { ReactNode } from 'react';
+import { Box, LinearProgress, Stack, Typography } from '@mui/material';
+import { useDraft, useLoading } from '@icore/template-shared';
+
+export interface PageLayoutProps {
+  title: ReactNode;
+  description?: ReactNode;
+  extra?: ReactNode;
+  children?: ReactNode;
+}
+
+export function PageLayout({ title, description, extra, children }: PageLayoutProps) {
+  useDraft(false);
+  const loading = useLoading();
+
+  return (
+    <Box sx={{ p: 3 }}>
+      <Stack
+        direction="row"
+        justifyContent="space-between"
+        alignItems="flex-start"
+        spacing={2}
+        mb={3}
+      >
+        <Box>
+          <Typography variant="h4" component="h1">
+            {title}
+          </Typography>
+          {description ? (
+            <Typography variant="body2" color="text.secondary" mt={0.5}>
+              {description}
+            </Typography>
+          ) : null}
+        </Box>
+        {extra ? (
+          <Stack direction="row" spacing={1}>
+            {extra}
+          </Stack>
+        ) : null}
+      </Stack>
+      {loading ? <LinearProgress sx={{ mb: 2 }} /> : null}
+      <Box>{children}</Box>
+    </Box>
+  );
+}
+`;
 var SHADCN_MAIN_TSX = `import './globals.css';
 import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
@@ -624,7 +741,7 @@ export const Route = createFileRoute('/')({
   ),
 });
 `;
-var SHADCN_LAYOUT_HEADER_TSX = `import { setStoredLocale, type IcoreLocale } from '@icore/template-shared';
+var SHADCN_LAYOUT_HEADER_TSX = `import { setStoredLocale, type IcoreLocale, i18next } from '@icore/template-shared';
 import { ThemeToggle } from '../ThemeToggle';
 
 const LOCALES: { code: IcoreLocale; label: string }[] = [
@@ -636,7 +753,7 @@ const LOCALES: { code: IcoreLocale; label: string }[] = [
 export function LayoutHeader() {
   function handleLocale(code: IcoreLocale) {
     setStoredLocale(code);
-    window.location.reload();
+    void i18next.changeLanguage(code);
   }
 
   return (
@@ -770,7 +887,7 @@ export const Route = createFileRoute('/')({
 });
 `;
 var ANTD_LAYOUT_HEADER_TSX = `import { Button, Layout, Space } from 'antd';
-import { setStoredLocale, type IcoreLocale } from '@icore/template-shared';
+import { setStoredLocale, type IcoreLocale, i18next } from '@icore/template-shared';
 import { ThemeToggle } from '../ThemeToggle';
 
 const APP_VERSION = (import.meta.env.VITE_APP_VERSION as string | undefined) ?? '0.0.0-dev';
@@ -784,7 +901,7 @@ const LOCALES: { code: IcoreLocale; label: string }[] = [
 export function LayoutHeader() {
   function handleLocale(code: IcoreLocale) {
     setStoredLocale(code);
-    window.location.reload();
+    void i18next.changeLanguage(code);
   }
 
   return (
@@ -956,7 +1073,7 @@ export function LayoutHeader() {
 
   function handleLocale(code: IcoreLocale) {
     setStoredLocale(code);
-    window.location.reload();
+    void i18n.changeLanguage(code);
   }
 
   return (
@@ -1000,19 +1117,22 @@ var UI_VARIANTS = {
     "apps/client/src/main.tsx": SHADCN_MAIN_TSX,
     "apps/client/src/routes/_dashboard.tsx": SHADCN_DASHBOARD_TSX,
     "apps/client/src/routes/index.tsx": SHADCN_INDEX_TSX,
-    "apps/client/src/components/layout/LayoutHeader.tsx": SHADCN_LAYOUT_HEADER_TSX
+    "apps/client/src/components/layout/LayoutHeader.tsx": SHADCN_LAYOUT_HEADER_TSX,
+    "apps/client/src/components/PageLayout.tsx": SHADCN_PAGE_LAYOUT_TSX
   },
   antd: {
     "apps/client/src/main.tsx": ANTD_MAIN_TSX,
     "apps/client/src/routes/_dashboard.tsx": ANTD_DASHBOARD_TSX,
     "apps/client/src/routes/index.tsx": ANTD_INDEX_TSX,
-    "apps/client/src/components/layout/LayoutHeader.tsx": ANTD_LAYOUT_HEADER_TSX
+    "apps/client/src/components/layout/LayoutHeader.tsx": ANTD_LAYOUT_HEADER_TSX,
+    "apps/client/src/components/PageLayout.tsx": ANTD_PAGE_LAYOUT_TSX
   },
   mui: {
     "apps/client/src/main.tsx": MUI_MAIN_TSX,
     "apps/client/src/routes/_dashboard.tsx": MUI_DASHBOARD_TSX,
     "apps/client/src/routes/index.tsx": MUI_INDEX_TSX,
-    "apps/client/src/components/layout/LayoutHeader.tsx": MUI_LAYOUT_HEADER_TSX
+    "apps/client/src/components/layout/LayoutHeader.tsx": MUI_LAYOUT_HEADER_TSX,
+    "apps/client/src/components/PageLayout.tsx": MUI_PAGE_LAYOUT_TSX
   }
 };
 async function applyAuthNoneVariants(targetDir, ui) {
@@ -1129,6 +1249,16 @@ var MANIFEST = {
       deps: { mongoose: "^9.6.3" },
       tsPaths: { "@icore/db-mongodb": ["libs/db-strategies/mongodb/src/index.ts"] },
       nestModule: { importFrom: "@icore/db-mongodb", symbol: "MongoDbDbModule", into: "notes" }
+    },
+    postgres: {
+      libDirs: ["libs/db-strategies/postgres"],
+      deps: { postgres: "^3" },
+      tsPaths: { "@icore/db-postgres": ["libs/db-strategies/postgres/src/index.ts"] },
+      nestModule: {
+        importFrom: "@icore/db-postgres",
+        symbol: "PostgresDbModule",
+        into: "notes"
+      }
     }
   },
   feature: {
@@ -2127,7 +2257,8 @@ Re-run with @latest to refresh:
     options: [
       { value: "supabase", label: "Supabase Postgres" },
       { value: "firebase", label: "Firestore" },
-      { value: "mongodb", label: "MongoDB" }
+      { value: "mongodb", label: "MongoDB" },
+      { value: "postgres", label: "PostgreSQL (direct, postgres.js)" }
     ],
     initialValue: authProvider
   });

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 type AuthBackend = 'supabase' | 'firebase' | 'mongodb';
 type AuthProvider = AuthBackend | 'none';
-type DbProvider = 'supabase' | 'firebase' | 'mongodb' | 'none';
+type DbProvider = 'supabase' | 'firebase' | 'mongodb' | 'postgres' | 'none';
 type UploadProvider = 'supabase' | 'firebase' | 'cloudinary' | 'mongodb' | 'none';
 type PaymentProvider = 'paypal' | 'none';
 type JobsProvider = 'bullmq' | 'none';

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 type AuthBackend = 'supabase' | 'firebase' | 'mongodb';
 type AuthProvider = AuthBackend | 'none';
-type DbProvider = 'supabase' | 'firebase' | 'mongodb' | 'none';
+type DbProvider = 'supabase' | 'firebase' | 'mongodb' | 'postgres' | 'none';
 type UploadProvider = 'supabase' | 'firebase' | 'cloudinary' | 'mongodb' | 'none';
 type PaymentProvider = 'paypal' | 'none';
 type JobsProvider = 'bullmq' | 'none';