create-qpq-app 0.1.5

package/template/apps/todo/services/admin/config/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "@todo/admin-config",
+  "version": "0.0.1",
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "type": "commonjs",
+  "main": "./dist/src/index.js",
+  "typings": "./dist/src/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/src/index.d.ts",
+      "default": "./dist/src/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc -b"
+  }
+}

package/template/apps/todo/services/admin/config/src/index.ts

@@ -0,0 +1,2 @@
+// Intentionally empty — noop placeholder package for the todo app.
+export {};

package/template/apps/todo/services/admin/config/tsconfig.json

@@ -0,0 +1,18 @@
+{
+  "extends": "../../../../../tsconfig.base.json",
+  "compilerOptions": {
+    "module": "commonjs",
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "noImplicitOverride": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    }
+  ]
+}

package/template/apps/todo/services/admin/config/tsconfig.lib.json

@@ -0,0 +1,19 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./dist",
+    "declaration": true,
+    "types": [
+      "node"
+    ],
+    "rootDir": ".",
+    "composite": true
+  },
+  "include": [
+    "src/**/*.ts"
+  ],
+  "exclude": [
+    "jest.config.ts",
+    "src/**/*.spec.ts"
+  ]
+}

package/template/apps/todo/services/admin/models/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "@todo/admin-models",
+  "version": "0.0.1",
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "type": "commonjs",
+  "main": "./dist/src/index.js",
+  "typings": "./dist/src/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/src/index.d.ts",
+      "default": "./dist/src/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc -b"
+  }
+}

package/template/apps/todo/services/admin/models/src/index.ts

@@ -0,0 +1,2 @@
+// Intentionally empty — noop placeholder package for the todo app.
+export {};

package/template/apps/todo/services/admin/models/tsconfig.json

@@ -0,0 +1,18 @@
+{
+  "extends": "../../../../../tsconfig.base.json",
+  "compilerOptions": {
+    "module": "commonjs",
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "noImplicitOverride": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    }
+  ]
+}

package/template/apps/todo/services/admin/models/tsconfig.lib.json

@@ -0,0 +1,19 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./dist",
+    "declaration": true,
+    "types": [
+      "node"
+    ],
+    "rootDir": ".",
+    "composite": true
+  },
+  "include": [
+    "src/**/*.ts"
+  ],
+  "exclude": [
+    "jest.config.ts",
+    "src/**/*.spec.ts"
+  ]
+}

package/template/apps/todo/services/admin/service/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "@todo/admin-service",
+  "version": "0.0.1",
+  "private": true,
+  "type": "commonjs",
+  "scripts": {
+    "validate-ts": "tsc -p tsconfig.app.json --noEmit"
+  }
+}

package/template/apps/todo/services/admin/service/src/infrastructure.ts

@@ -0,0 +1,15 @@
+import { defineDevServerOptions } from 'quidproquo-dev-server/config';
+
+import { TodoServiceEnum } from '@todo/constants';
+import { defineTodoService } from '@todo/service-utils';
+
+export default [
+  defineDevServerOptions({ port: 3082 }),
+
+  // never change the app name, it will result in a new stack!
+  defineTodoService(
+    TodoServiceEnum.Admin,
+    __dirname,
+    '../../../../../../dist/apps/todo/services/admin/service'
+  ),
+];

package/template/apps/todo/services/admin/service/tsconfig.app.json

@@ -0,0 +1,17 @@
+{
+  "extends": "../../../../../tsconfig.base.json",
+  "compilerOptions": {
+    "module": "commonjs",
+    "types": [
+      "node"
+    ],
+    "outDir": "./dist"
+  },
+  "include": [
+    "src/**/*.ts"
+  ],
+  "exclude": [
+    "jest.config.ts",
+    "src/**/*.spec.ts"
+  ]
+}

package/template/apps/todo/services/admin/service/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "files": [],
+  "references": [
+    {
+      "path": "./tsconfig.app.json"
+    }
+  ]
+}

package/template/apps/todo/services/admin/service-utils/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "@todo/admin-service-utils",
+  "version": "0.0.1",
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "type": "commonjs",
+  "main": "./dist/src/index.js",
+  "typings": "./dist/src/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/src/index.d.ts",
+      "default": "./dist/src/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc -b"
+  }
+}

package/template/apps/todo/services/admin/service-utils/src/index.ts

@@ -0,0 +1,2 @@
+// Intentionally empty — noop placeholder package for the todo app.
+export {};

package/template/apps/todo/services/admin/service-utils/tsconfig.json

@@ -0,0 +1,18 @@
+{
+  "extends": "../../../../../tsconfig.base.json",
+  "compilerOptions": {
+    "module": "commonjs",
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "noImplicitOverride": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    }
+  ]
+}

package/template/apps/todo/services/admin/service-utils/tsconfig.lib.json

@@ -0,0 +1,19 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./dist",
+    "declaration": true,
+    "types": [
+      "node"
+    ],
+    "rootDir": ".",
+    "composite": true
+  },
+  "include": [
+    "src/**/*.ts"
+  ],
+  "exclude": [
+    "jest.config.ts",
+    "src/**/*.spec.ts"
+  ]
+}

package/template/apps/todo/services/admin/shared-logic/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "@todo/admin-shared-logic",
+  "version": "0.0.1",
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "type": "commonjs",
+  "main": "./dist/src/index.js",
+  "typings": "./dist/src/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/src/index.d.ts",
+      "default": "./dist/src/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc -b"
+  }
+}

package/template/apps/todo/services/admin/shared-logic/src/index.ts

@@ -0,0 +1,2 @@
+// Intentionally empty — noop placeholder package for the todo app.
+export {};

package/template/apps/todo/services/admin/shared-logic/tsconfig.json

@@ -0,0 +1,18 @@
+{
+  "extends": "../../../../../tsconfig.base.json",
+  "compilerOptions": {
+    "module": "commonjs",
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "noImplicitOverride": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    }
+  ]
+}

package/template/apps/todo/services/admin/shared-logic/tsconfig.lib.json

@@ -0,0 +1,19 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./dist",
+    "declaration": true,
+    "types": [
+      "node"
+    ],
+    "rootDir": ".",
+    "composite": true
+  },
+  "include": [
+    "src/**/*.ts"
+  ],
+  "exclude": [
+    "jest.config.ts",
+    "src/**/*.spec.ts"
+  ]
+}

package/template/apps/todo/services/admin/views/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "@todo/admin-service-views",
+  "version": "0.0.1",
+  "private": true,
+  "scripts": {
+    "validate-ts": "tsc -p tsconfig.app.json"
+  }
+}

package/template/apps/todo/services/admin/views/src/app/app.tsx

@@ -0,0 +1,39 @@
+import { App as QpqAdminApp } from 'quidproquo-web-admin';
+import { BaseUrlResolvers } from 'quidproquo-web-react';
+
+import { TodoServiceEnum } from '@todo/constants';
+
+export const getApiBaseUrl = () => {
+  const [_views, ...domainParts] = window.location.host.split('.');
+  const domain = domainParts.join('.');
+
+  return window.location.hostname !== 'localhost'
+    ? `${window.location.protocol}//api.${domain}/${TodoServiceEnum.Admin}`
+    : `http://localhost:8080/api/${TodoServiceEnum.Admin}`;
+};
+
+export const getWsBaseUrl = () => {
+  const [_views, ...domainParts] = window.location.host.split('.');
+  const domain = domainParts.join('.');
+
+  return window.location.hostname !== 'localhost'
+    ? `wss://qpqadmin.${TodoServiceEnum.Admin}.${domain}`
+    : `ws://localhost:8888/${TodoServiceEnum.Admin}/qpqadmin`;
+};
+
+export const getMFManifestBaseUrl = () =>
+  window.location.hostname !== 'localhost'
+    ? `${window.location.origin}${window.location.pathname.substring(0, window.location.pathname.lastIndexOf('/'))}`
+    : `http://localhost:3082`;
+
+const urlResolvers: BaseUrlResolvers = {
+  getApiUrl: getApiBaseUrl,
+  getWsUrl: getWsBaseUrl,
+  getMFManifestUrl: getMFManifestBaseUrl,
+};
+
+export function App() {
+  return <QpqAdminApp urlResolvers={urlResolvers} />;
+}
+
+export default App;

package/template/apps/todo/services/admin/views/src/bootstrap.tsx

@@ -0,0 +1,14 @@
+import { StrictMode } from 'react';
+import * as ReactDOM from 'react-dom/client';
+
+import App from './app/app';
+
+const root = ReactDOM.createRoot(
+  document.getElementById('root') as HTMLElement
+);
+
+root.render(
+  <StrictMode>
+    <App />
+  </StrictMode>
+);

package/template/apps/todo/services/admin/views/src/components/AdminGrid/AdminGrid.tsx

@@ -0,0 +1,80 @@
+import { DataGridColumDefinitions, LoadingSpinner } from 'quidproquo-web-admin';
+
+import { AdminGridProps } from './types/AdminGridProps';
+import useStyles from './styles';
+
+export const AdminGrid = <T extends object>({
+  title = '',
+  loading = false,
+  items,
+  columns,
+  onRowClick,
+}: AdminGridProps<T>) => {
+  const styles = useStyles();
+
+  const handleRowClick = (item: T) => {
+    if (onRowClick) {
+      onRowClick(item);
+    }
+  };
+
+  const getCellValue = (item: T, column: DataGridColumDefinitions<T>) => {
+    if ('field' in column) {
+      return item[column.field];
+    }
+    if ('valueGetter' in column) {
+      return column.valueGetter(item);
+    }
+    return null;
+  };
+
+  const totalScale = columns.reduce((acc, c) => acc + (c.widthScale || 0), 0);
+
+  return (
+    <div className={styles.container}>
+      {title && <div className={styles.title}>{title}</div>}
+      {loading && <LoadingSpinner isLoading />}
+      {!loading && (
+        <table className={styles.table}>
+          <thead>
+            <tr>
+              {columns.map((col, index) => (
+                <th
+                  key={index}
+                  className={styles.headerCell}
+                  style={{
+                    width:
+                      col.widthScale && totalScale
+                        ? `${col.widthScale / totalScale}%`
+                        : 'auto',
+                  }}
+                >
+                  {col.headerName}
+                </th>
+              ))}
+            </tr>
+          </thead>
+          <tbody>
+            {items.map((item, rowIndex) => (
+              <tr
+                key={rowIndex}
+                className={
+                  rowIndex % 2 === 0 ? styles.row : styles.alternateRow
+                }
+                onClick={() => handleRowClick(item)}
+              >
+                {columns.map((col, colIndex) => (
+                  <td key={colIndex} className={styles.cell}>
+                    {col.renderCell
+                      ? col.renderCell(item)
+                      : getCellValue(item, col)}
+                  </td>
+                ))}
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      )}
+    </div>
+  );
+};

package/template/apps/todo/services/admin/views/src/components/AdminGrid/index.ts

@@ -0,0 +1 @@
+export * from './AdminGrid';

package/template/apps/todo/services/admin/views/src/components/AdminGrid/styles.ts

@@ -0,0 +1,41 @@
+import { createUseStyles } from 'react-jss';
+
+export default createUseStyles(
+  {
+    container: {
+      padding: '16px',
+      backgroundColor: '#333',
+      borderRadius: '8px',
+      boxShadow: '0 4px 8px rgba(0, 0, 0, 0.2)',
+      marginBottom: '16px',
+    },
+    title: {
+      fontSize: '24px',
+      marginBottom: '16px',
+      color: '#fff',
+    },
+    table: {
+      width: '100%',
+      borderCollapse: 'collapse',
+    },
+    headerCell: {
+      padding: '8px',
+      backgroundColor: '#444',
+      color: '#fff',
+      textAlign: 'left',
+      borderBottom: '2px solid #333',
+    },
+    cell: {
+      padding: '8px',
+      borderBottom: '1px solid #555',
+      color: '#fff',
+    },
+    row: {
+      backgroundColor: '#444',
+    },
+    alternateRow: {
+      backgroundColor: '#555',
+    },
+  },
+  { name: 'adminGrid' }
+);

package/template/apps/todo/services/admin/views/src/components/AdminGrid/types/AdminGridProps.ts

@@ -0,0 +1,6 @@
+import { DataGridProps } from 'quidproquo-web-admin';
+
+export type AdminGridProps<T extends object> = DataGridProps<T> & {
+  title?: string;
+  loading?: boolean;
+};

package/template/apps/todo/services/admin/views/src/components/index.ts

@@ -0,0 +1 @@
+export * from './AdminGrid';

package/template/apps/todo/services/admin/views/src/hooks/index.ts

@@ -0,0 +1 @@
+export * from './useAdminNetworkRequest';

package/template/apps/todo/services/admin/views/src/hooks/useAdminNetworkRequest/index.ts

@@ -0,0 +1 @@
+export * from './useAdminNetworkRequest';

package/template/apps/todo/services/admin/views/src/hooks/useAdminNetworkRequest/logic/getBaseUrlFromAdminWebHost.ts

@@ -0,0 +1,7 @@
+export const getBaseUrlFromAdminWebHost = () => {
+  const [_service, ...domain] = window.location.host.split('.');
+
+  return window.location.hostname !== 'localhost'
+    ? `${window.location.protocol}//api.${domain.join('.')}`
+    : `https://api.development.quidproquojs.com`;
+};

package/template/apps/todo/services/admin/views/src/hooks/useAdminNetworkRequest/types/AdminNetworkRequestPayload.ts

@@ -0,0 +1,10 @@
+import { ExcludeKeys, NetworkRequestActionPayload } from 'quidproquo';
+
+import { TodoServiceEnum } from '@todo/constants';
+
+export type AdminNetworkRequestPayload = ExcludeKeys<
+  NetworkRequestActionPayload<string>,
+  'responseType' | 'basePath'
+> & {
+  service: TodoServiceEnum;
+};

package/template/apps/todo/services/admin/views/src/hooks/useAdminNetworkRequest/useAdminNetworkRequest.ts

@@ -0,0 +1,18 @@
+import { useAuthenticatedNetworkRequest } from 'quidproquo-web-react';
+
+import { getBaseUrlFromAdminWebHost } from './logic/getBaseUrlFromAdminWebHost';
+import { AdminNetworkRequestPayload } from './types/AdminNetworkRequestPayload';
+
+export function useAdminNetworkRequest<R>(
+  payload: AdminNetworkRequestPayload
+): ReturnType<typeof useAuthenticatedNetworkRequest<R>> {
+  return useAuthenticatedNetworkRequest<R>({
+    ...payload,
+    responseType: 'json',
+    basePath: `${getBaseUrlFromAdminWebHost()}/${payload.service}`,
+    headers: {
+      ...(payload.headers || {}),
+      'content-type': 'application/json',
+    },
+  });
+}

package/template/apps/todo/services/admin/views/src/index.html

@@ -0,0 +1,23 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Admin</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/x-icon" href="favicon.ico" />
+    <style>
+      html,
+      body {
+        height: 100%;
+        margin: 0;
+        padding: 0;
+      }
+      #root {
+        height: 100%;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>

package/template/apps/todo/services/admin/views/src/index.ts

@@ -0,0 +1,2 @@
+export * from './components';
+export * from './hooks';

package/template/apps/todo/services/admin/views/src/main.ts

@@ -0,0 +1 @@
+import('./bootstrap');

package/template/apps/todo/services/admin/views/tsconfig.app.json

@@ -0,0 +1,20 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "noEmit": true,
+    "types": [
+      "node"
+    ]
+  },
+  "files": [
+    "../../../../../types/assets.d.ts"
+  ],
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.tsx"
+  ],
+  "exclude": [
+    "**/*.spec.ts",
+    "**/*.spec.tsx"
+  ]
+}

package/template/apps/todo/services/admin/views/tsconfig.json

@@ -0,0 +1,18 @@
+{
+  "extends": "../../../tsconfig.federated.json",
+  "compilerOptions": {
+    "module": "commonjs",
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "noImplicitOverride": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.app.json"
+    }
+  ]
+}