Switch tools

README.md

@@ -26,7 +26,7 @@ Libraries:
 
 Not configured for serverless or SSG, I don't use Next.js for them.
 
-### `vite-preact`, for frontend-only SPA
+### `preact-spa`, for frontend-only SPA
 
 based on [create-vite template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-preact-ts)
 
@@ -37,7 +37,7 @@ Libraries:
 - [preact-router]()
 
 If you need to host built assets with path rewriting,
-I recommend `hono-serverless` variant,
+I recommend `hono-worker` variant,
 or [serve-handler](https://github.com/vercel/serve-handler) ([example](https://github.com/jokester/limb/blob/master/server/main.ts)).
 
 ### `hono-worker`, for edge-worker like environments

empty/.eslint.ts-mixin.mjs

@@ -0,0 +1 @@
+../shared-config/.eslint.ts-mixin.mjs

empty/dprint.json

@@ -0,0 +1 @@
+../shared-config/dprint.json

empty/eslint.config.mjs

@@ -0,0 +1,17 @@
+import eslint from '@eslint/js';
+import tseslint from 'typescript-eslint';
+import mixin from './.eslint.ts-mixin.mjs';
+
+export default tseslint.config(
+  eslint.configs.recommended,
+  ...tseslint.configs.recommendedTypeChecked,
+  {
+    languageOptions: {
+      parserOptions: {
+        project: true,
+        tsconfigRootDir: import.meta.dirname,
+      },
+    },
+  },
+  ...mixin,
+);

empty/jest.config.js → empty/jest.config.mjs

@@ -1,4 +1,4 @@
-module.exports = {
+export default {
   roots: ['src'],
   transformIgnorePatterns: ['<rootDir>/node_modules/.*\\.js', '<rootDir>/build/.*\\.js'],
   testMatch: ['**/*\\.(spec|test)\\.(ts|js|tsx|jsx)'],
@@ -11,7 +11,7 @@ module.exports = {
       {
         isolatedModules: true,
         // to workaround https://github.com/kulshekhar/ts-jest/issues/4198
-        tsconfig: { moduleResolution: 'node', module: 'commonjs' },
+        tsconfig: {moduleResolution: 'node', module: 'commonjs'},
       },
     ],
   },

empty/package.json

@@ -14,8 +14,9 @@
   ],
   "scripts": {
     "build": "rm -rvf build && tsc",
-    "lint": "gts lint",
-    "lint:fix": "gts lint --fix",
+    "lint": "eslint src",
+    "lint:fix": "eslint --fix src",
+    "format": "dprint fmt",
     "start": "node build/bin/example-bin",
     "test": "jest",
     "test:coverage": "jest --coverage",
@@ -24,17 +25,19 @@
     "typecheck:watch": "tsc --watch --noEmit"
   },
   "devDependencies": {
+    "@eslint/js": "*",
     "@tsconfig/strictest": "*",
     "@types/jest": "*",
     "@types/node": "*",
-    "@typescript-eslint/eslint-plugin": "*",
-    "@typescript-eslint/parser": "*",
+    "dprint": "*",
     "eslint": "*",
-    "gts": "*",
+    "tslib": "^2",
+    "eslint-plugin-import-x": "*",
     "jest": "*",
     "ts-jest": "*",
     "ts-node": "*",
-    "typescript": "*"
+    "typescript": "*",
+    "typescript-eslint": "*"
   },
   "engines": {
     "node": ">=18"

empty/src/bin/example-bin.ts

@@ -1,3 +1,6 @@
 import { cliMain } from '../lib';
 
-cliMain();
+cliMain().catch(e => {
+  console.error(e);
+  process.exit(1);
+});

empty/tsconfig.json

@@ -19,6 +19,7 @@
     "__test__",
     "bin",
     "./*.json",
-    "./*.js"
+    "./*.js",
+    "./*.mjs"
   ]
 }

hono-worker/.eslint.ts-mixin.mjs

@@ -0,0 +1 @@
+../shared-config/.eslint.ts-mixin.mjs

hono-worker/dprint.json

@@ -0,0 +1 @@
+../shared-config/dprint.json

hono-worker/eslint.config.mjs

@@ -0,0 +1,17 @@
+import eslint from '@eslint/js';
+import tseslint from 'typescript-eslint';
+import mixin from './.eslint.ts-mixin.mjs';
+
+export default tseslint.config(
+  eslint.configs.recommended,
+  ...tseslint.configs.recommendedTypeChecked,
+  {
+    languageOptions: {
+      parserOptions: {
+        project: true,
+        tsconfigRootDir: import.meta.dirname,
+      },
+    },
+  },
+  ...mixin,
+);

hono-worker/jest.config.js → hono-worker/jest.config.mjs

@@ -1,4 +1,4 @@
-module.exports = {
+export default {
   roots: ['src'],
   transformIgnorePatterns: ['<rootDir>/node_modules/.*\\.js', '<rootDir>/build/.*\\.js'],
   testMatch: ['**/*\\.(spec|test)\\.(ts|js|tsx|jsx)'],
@@ -11,7 +11,7 @@ module.exports = {
       {
         isolatedModules: true,
         // to workaround https://github.com/kulshekhar/ts-jest/issues/4198
-        tsconfig: { moduleResolution: 'node', module: 'commonjs' },
+        tsconfig: {moduleResolution: 'node', module: 'commonjs'},
       },
     ],
   },

hono-worker/package.json

@@ -4,32 +4,36 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "build": "echo 'dummy: IDK how to build without logging into cloudflare'",
+    "build": "wrangler deploy --dry-run --outdir=build",
     "deploy": "wrangler publish",
     "dev": "wrangler dev --local --live-reload ./src/server.ts",
-    "lint": "eslint .",
-    "lint:fix": "eslint --fix .",
+    "lint": "eslint src",
+    "lint:fix": "eslint --fix src",
+    "format": "dprint fmt",
     "test": "jest",
     "test:coverage": "jest --coverage",
     "test:watch": "jest --watch",
     "typecheck": "tsc --noEmit",
     "typecheck:watch": "tsc --watch --noEmit"
   },
   "dependencies": {
-    "hono": "^4.0.1"
+    "hono": "^4.3.6"
   },
   "devDependencies": {
+    "@eslint-react/eslint-plugin": "*",
+    "@eslint/js": "*",
     "@tsconfig/strictest": "*",
     "@types/jest": "*",
-    "@typescript-eslint/eslint-plugin": "*",
-    "@typescript-eslint/parser": "*",
+    "dprint": "*",
     "eslint": "*",
-    "gts": "*",
+    "tslib": "^2",
+    "eslint-plugin-import-x": "*",
     "jest": "*",
     "ts-jest": "*",
     "ts-node": "*",
     "typescript": "*",
-    "wrangler": "^3.28.1"
+    "typescript-eslint": "*",
+    "wrangler": "^3.56.0"
   },
   "engines": {
     "node": ">=18.0.0"

hono-worker/src/routes/forward-route.ts

@@ -1,7 +1,7 @@
 import { Hono } from 'hono';
 import { MyBindings } from '../config';
 
-export const forwardOpenaiRoute = new Hono<{ Bindings: MyBindings }>({});
+export const forwardOpenaiRoute = new Hono<{Bindings: MyBindings}>({});
 
 forwardOpenaiRoute.use('/*', async (c) => {
   const incomingHeaders = new Headers(c.req.raw.headers);

hono-worker/src/routes/json-route.ts

@@ -3,5 +3,5 @@ import { Hono } from 'hono';
 export const jsonRoute = new Hono();
 
 jsonRoute.get('/', (c) => {
-  return c.json({ message: 'Hello!', path: c.req.path });
+  return c.json({message: 'Hello!', path: c.req.path});
 });

hono-worker/src/server.ts

@@ -6,7 +6,7 @@ import { jsonRoute } from './routes/json-route';
 import { MyBindings } from './config';
 import { forwardOpenaiRoute } from './routes/forward-route';
 
-const app = new Hono<{ Bindings: MyBindings }>();
+const app = new Hono<{Bindings: MyBindings}>();
 
 app.get(
   '/*',

hono-worker/tsconfig.json

@@ -8,5 +8,5 @@
     "target": "ES2022",
     "rootDir": "./src"
   },
-  "exclude": ["node_modules", "coverage", "public", "./build", "/dist", "./*.json", "./*.js"]
+  "exclude": ["node_modules", "coverage", "public", "./build", "/dist", "./*.json", "./*.js", "./*.mjs"]
 }

next/.eslint.react.mjs

@@ -0,0 +1 @@
+../shared-config/.eslint.react.mjs

next/.eslint.ts-mixin.mjs

@@ -0,0 +1 @@
+../shared-config/.eslint.ts-mixin.mjs

next/dprint.json

@@ -0,0 +1 @@
+../shared-config/dprint.json

next/eslint.config.mjs

@@ -0,0 +1,23 @@
+import eslint from '@eslint/js';
+import tseslint from 'typescript-eslint';
+import nextEslint from '@next/eslint-plugin-next';
+import tsMixin from './.eslint.ts-mixin.mjs';
+import reactMixin from './.eslint.react.mjs';
+
+export default tseslint.config(
+  eslint.configs.recommended,
+  ...tseslint.configs.recommendedTypeChecked,
+  {
+    languageOptions: {
+      parserOptions: {
+        project: true,
+        tsconfigRootDir: import.meta.dirname,
+      },
+    },
+  },
+  {
+    plugins: {nextEslint},
+  },
+  ...tsMixin,
+  ...reactMixin,
+);

next/jest.config.js

@@ -30,7 +30,7 @@ const customJestConfig = {
 const nextJest = require('next/jest');
 
 // Providing the path to your Next.js app which will enable loading next.config.js and .env files
-const createJestConfig = nextJest({ dir: './' });
+const createJestConfig = nextJest({dir: './'});
 
 // createJestConfig is exported in this way to ensure that next/jest can load the Next.js configuration, which is async
 module.exports = createJestConfig(customJestConfig);

next/next.config.mjs

@@ -31,7 +31,7 @@ const nextConf = {
     builtAt: new Date().toISOString(),
   },
   // see https://nextjs.org/docs/#customizing-webpack-config
-  webpack(config, { buildId, dev, isServer, webpack }) {
+  webpack(config, {buildId, dev, isServer, webpack}) {
     config.plugins.push(
       new webpack.DefinePlugin({
         /**
@@ -65,15 +65,15 @@ const nextConf = {
   reactStrictMode: true,
 };
 
-export default async (phase, { defaultConfig }) => {
+export default async (phase, {defaultConfig}) => {
   /**
    * @type {import('next').NextConfig}
    */
-  let merged = { ...nextConf };
+  let merged = {...nextConf};
 
   if (phase === PHASE_PRODUCTION_BUILD) {
-    const { default: analyzerPlugin } = await import('@next/bundle-analyzer');
-    merged = analyzerPlugin({ enabled: true, openAnalyzer: false })(merged);
+    const {default: analyzerPlugin} = await import('@next/bundle-analyzer');
+    merged = analyzerPlugin({enabled: true, openAnalyzer: false})(merged);
   }
 
   return merged;