@gasket/template-nextjs-express 0.0.0-canary-20250922153852

package/template/package.json

@@ -0,0 +1,92 @@
+{
+  "name": "{{{appName}}}",
+  "version": "0.0.0",
+  "description": "Gasket App",
+  "scripts": {
+    "docs": "tsx gasket.ts docs",
+    "build": "npm run build:tsc && next build",
+    "start": "node dist/server.js",
+    "local": "concurrently \"npm run build:tsc:watch\" \"GASKET_DEV=1 tsx watch server.ts\"",
+    "preview": "npm run build && npm run start",
+    "prebuild": "tsx gasket.ts build",
+    "build:tsc": "tsc -p ./tsconfig.server.json",
+    "build:tsc:watch": "tsc -p ./tsconfig.server.json --watch",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "lint": "eslint --ext .js,.jsx,.cjs,.ts,.tsx .",
+    "lint:fix": "npm run lint -- --fix",
+    "posttest": "npm run lint"
+  },
+  "dependencies": {
+    "@gasket/assets": "^7.4.3",
+    "@gasket/core": "^7.5.2",
+    "@gasket/intl": "^7.5.2",
+    "@gasket/nextjs": "^7.6.3",
+    "@gasket/plugin-command": "^7.5.2",
+    "@gasket/plugin-dynamic-plugins": "^7.4.1",
+    "@gasket/plugin-express": "^7.4.3",
+    "@gasket/plugin-https": "^7.3.11",
+    "@gasket/plugin-intl": "^7.5.8",
+    "@gasket/plugin-logger": "^7.3.7",
+    "@gasket/plugin-nextjs": "^7.6.3",
+    "@gasket/plugin-webpack": "^7.3.8",
+    "@gasket/plugin-winston": "^7.3.7",
+    "@gasket/react-intl": "^7.6.3",
+    "@gasket/request": "^7.4.3",
+    "@gasket/utils": "^7.4.2",
+    "@types/react": "^19.0.12",
+    "express": "^4.21.2",
+    "next": "^15.2.5",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-intl": "^7.1.6",
+    "tsx": "^4.19.3",
+    "typescript": "^5.8.2",
+    "winston": "^3.17.0"
+  },
+  "devDependencies": {
+    "@babel/core": ">=7",
+    "@docusaurus/core": "^3.8.1",
+    "@docusaurus/preset-classic": "^3.8.1",
+    "@gasket/plugin-docs": "^7.4.7",
+    "@gasket/plugin-docusaurus": "^7.4.5",
+    "@gasket/plugin-metadata": "^7.5.3",
+    "@godaddy/eslint-plugin-react-intl": "^1.3.0",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/react": "^16.3.0",
+    "@typescript-eslint/parser": "^8.38.0",
+    "@vitejs/plugin-react": "^4.4.1",
+    "@vitest/coverage-v8": "^3.2.0",
+    "ajv": "^8.17.1",
+    "concurrently": "^9.1.2",
+    "eslint": "^8.57.1",
+    "eslint-config-godaddy-react": "^9.1.0",
+    "eslint-config-next": "^13.2.1",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "jsdom": "^20.0.3",
+    "search-insights": "^2.17.3",
+    "typescript": "^5.8.2",
+    "vitest": "^3.2.0",
+    "webpack": "^5.98.0"
+  },
+  "type": "module",
+  "eslintIgnore": [
+    "dist",
+    "coverage/",
+    "build/"
+  ],
+  "eslintConfig": {
+    "extends": [
+      "godaddy-react",
+      "plugin:@godaddy/react-intl/recommended",
+      "next"
+    ],
+    "settings": {
+      "localeFiles": [
+        "locales/en-US.json"
+      ]
+    },
+    "parser": "@typescript-eslint/parser"
+  }
+}

package/template/pages/_app.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { useRouter } from 'next/router';
+import { IntlProvider } from 'react-intl';
+import { withMessagesProvider } from '@gasket/react-intl';
+import intlManager from '../intl';
+
+const IntlMessagesProvider = withMessagesProvider(intlManager)(IntlProvider);
+
+// Simple functional App component which can be wrapped
+// https://nextjs.org/docs/pages/building-your-application/routing/custom-app
+function App({ Component, pageProps }) {
+  const router = useRouter();
+
+  return (
+    <IntlMessagesProvider locale={ router.locale }>
+      <Component { ...pageProps } />
+    </IntlMessagesProvider>
+  );
+}
+
+// Wrap the app with higher-order components
+export default App;

package/template/pages/_document.ts

@@ -0,0 +1,4 @@
+import Document from 'next/document';
+import { withGasketData } from '@gasket/nextjs/document';
+import gasket from '@/gasket'; // tsconfig path alias
+export default withGasketData(gasket)(Document);

package/template/pages/index.tsx

@@ -0,0 +1,21 @@
+import React, { CSSProperties } from 'react';
+import { FormattedMessage } from 'react-intl';
+import Head from '../components/head.tsx';
+import GasketEmblem from '@gasket/assets/react/gasket-emblem.js';
+
+const pageStyle: CSSProperties = { textAlign: 'center' };
+const logoStyle: CSSProperties = { width: '250px', height: '250px' };
+
+function IndexPage() {
+  return (
+    <div style={ pageStyle }>
+      <Head title='{{{appName}}}' description='Gasket App'/>
+      <GasketEmblem style={ logoStyle }/>
+      <h1><FormattedMessage id='gasket_welcome' /></h1>
+      <p><FormattedMessage id='gasket_learn' /></p>
+      <p><a href='https://gasket.dev'><FormattedMessage id='gasket_edit_page' /></a></p>
+    </div>
+  );
+}
+
+export default IndexPage;

package/template/server.ts

@@ -0,0 +1,4 @@
+// Imports use the .js to support a type module application
+// See README for more information
+import gasket from './gasket.js';
+gasket.actions.startServer();

package/template/test/index.test.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import IndexPage from '../pages/index.tsx';
+import { expect, describe, it } from 'vitest';
+import { IntlProvider } from 'react-intl';
+import { createRequire } from 'module';
+const messages = createRequire(import.meta.url)('../locales/en-US.json');
+
+describe('IndexPage', () => {
+  it('renders page', () => {
+    render(
+      <IntlProvider locale={ 'en-US' } messages={ messages }>
+        <IndexPage />
+      </IntlProvider>
+    );
+
+    expect(screen.getByRole('heading').textContent).toBe('Welcome to Gasket!');
+  });
+});

package/template/tsconfig.json

@@ -0,0 +1,47 @@
+{
+  "compilerOptions": {
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "target": "ESNext",
+    "isolatedModules": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "allowImportingTsExtensions": true,
+    "outDir": "dist",
+    "lib": [
+      "esnext",
+      "dom"
+    ],
+    "types": [
+      "node"
+    ],
+    "baseUrl": ".",
+    "paths": {
+      "@/gasket": [
+        "./dist/gasket.js"
+      ]
+    },
+    "allowJs": true,
+    "strict": false,
+    "noEmit": true,
+    "incremental": true,
+    "resolveJsonModule": true,
+    "jsx": "preserve",
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ]
+  },
+  "exclude": [
+    "node_modules"
+  ],
+  "include": [
+    "./routes",
+    "./plugins",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts"
+  ]
+}

package/template/tsconfig.server.json

@@ -0,0 +1,33 @@
+{
+  "compilerOptions": {
+    "skipLibCheck": true,
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
+    "target": "ESNext",
+    "isolatedModules": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "outDir": "dist",
+    "lib": [
+      "esnext",
+      "dom"
+    ],
+    "types": [
+      "node"
+    ],
+    "baseUrl": "./",
+    "allowJs": true,
+    "strict": false,
+    "incremental": true,
+    "resolveJsonModule": true
+  },
+  "exclude": [
+    "node_modules"
+  ],
+  "include": [
+    "./plugins",
+    "server.ts",
+    "gasket.ts",
+    "gasket-data.ts"
+  ]
+}

package/template/vitest.config.js

@@ -0,0 +1,13 @@
+import { defineConfig } from 'vitest/config';
+import react from '@vitejs/plugin-react';
+
+export default defineConfig({
+  plugins: [
+    react()
+  ],
+  test: {
+    environment: 'jsdom',
+    globals: true
+  }
+});
+