ローカルパッケージを作成する

firebase.json

@@ -7,7 +7,8 @@
         "source": "**",
         "destination": "/index.html"
       }
-    ]
+    ],
+    "predeploy": ["rm -rf .firebase"]
   },
   "functions": [
     {
@@ -21,8 +22,18 @@
         "*.local"
       ],
       "predeploy": [
-        "npm --prefix \"$RESOURCE_DIR\" run lint",
-        "npm --prefix \"$RESOURCE_DIR\" run build"
+        "rm -rf node_modules",
+        "pnpm install",
+        "pnpm functions lint",
+        "pnpm build:shared",
+        "pnpm shared pack --pack-destination ../../functions",
+        "pnpm functions add ./local-shared-1.0.0.tgz",
+        "pnpm functions build"
+      ],
+      "postdeploy": [
+        "rm -rf functions/local-shared-1.0.0.tgz",
+        "pnpm functions remove @local/shared",
+        "pnpm functions add @local/shared"
       ]
     }
   ]

functions/package.json

@@ -18,6 +18,7 @@
   },
   "main": "lib/index.js",
   "dependencies": {
+    "@local/shared": "workspace:^",
     "firebase-admin": "^12.6.0",
     "firebase-functions": "^6.0.1"
   },

package.json

@@ -5,19 +5,22 @@
   "type": "module",
   "scripts": {
     "functions": "pnpm --dir functions",
-    "build": "remix vite:build",
+    "shared": "pnpm --dir packages/shared",
+    "build": "pnpm build:shared && remix vite:build",
+    "build:shared": "pnpm shared build",
     "dev": "remix vite:dev",
     "lint:hosting": "eslint --ignore-path .gitignore --cache --cache-location ./node_modules/.cache/eslint .",
     "stylelint": "stylelint '**/*.css'",
-    "lint": "pnpm lint:hosting && pnpm stylelint && pnpm functions lint",
-    "lint:fix": "pnpm lint:hosting --fix && pnpm stylelint --fix && pnpm functions lint:fix",
-    "format": "prettier --write . && pnpm functions format",
+    "lint": "pnpm lint:hosting && pnpm stylelint && pnpm functions lint && pnpm shared lint",
+    "lint:fix": "pnpm lint:hosting --fix && pnpm stylelint --fix && pnpm functions lint:fix && pnpm shared lint:fix",
+    "format": "prettier --write . && pnpm functions format && pnpm shared format",
     "preview": "vite preview",
     "typecheck": "tsc",
     "deploy:hosting": "pnpm build && firebase deploy --except functions --project default",
     "deploy:functions": "pnpm functions deploy:default"
   },
   "dependencies": {
+    "@local/shared": "workspace:^",
     "@remix-run/node": "^2.13.1",
     "@remix-run/react": "^2.13.1",
     "isbot": "^4",
@@ -54,5 +57,12 @@
   },
   "volta": {
     "node": "20.17.0"
+  },
+  "pnpm": {
+    "updateConfig": {
+      "ignoreDependencies": [
+        "eslint"
+      ]
+    }
   }
 }

packages/shared/.eslintrc.cjs

@@ -0,0 +1,56 @@
+/** @type {import('eslint').Linter.Config} */
+module.exports = {
+  root: true,
+  env: {
+    browser: true,
+    es2021: true,
+    node: true,
+  },
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'prettier',
+  ],
+  overrides: [
+    {
+      env: {
+        node: true,
+      },
+      files: ['.eslintrc.{js,cjs}'],
+      parserOptions: {
+        sourceType: 'script',
+      },
+    },
+  ],
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    project: ['tsconfig.json', 'tsconfig.dev.json'],
+  },
+  plugins: ['@typescript-eslint', 'import'],
+  rules: {
+    'import/order': [
+      'error',
+      {
+        groups: [
+          'builtin',
+          'external',
+          'internal',
+          'parent',
+          'sibling',
+          'index',
+          'object',
+          'type',
+        ],
+        alphabetize: { order: 'asc' },
+      },
+    ],
+    '@typescript-eslint/consistent-type-imports': [
+      'error',
+      { prefer: 'type-imports' },
+    ],
+    '@typescript-eslint/no-unused-vars': [
+      'warn',
+      { argsIgnorePattern: '^_' },
+    ],
+  },
+};

packages/shared/.gitignore

@@ -0,0 +1,2 @@
+node_modules/
+dist/

packages/shared/.prettierrc.cjs

@@ -0,0 +1,10 @@
+/** @type {import("prettier").Config} */
+module.exports = {
+  // NOTE: 書籍にコードを載せやすくするためにprintWidthを短めに設定してます
+  printWidth: 76,
+  singleQuote: true,
+  jsxSingleQuote: true,
+  semi: true,
+  trailingComma: 'all',
+  bracketSpacing: true,
+};

packages/shared/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@local/shared",
+  "type": "module",
+  "private": true,
+  "version": "1.0.0",
+  "description": "",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "lint": "eslint --ignore-path .gitignore .",
+    "lint:fix": "pnpm lint --fix",
+    "format": "prettier --write ."
+  },
+  "devDependencies": {
+    "@typescript-eslint/eslint-plugin": "^8.10.0",
+    "@typescript-eslint/parser": "^8.10.0",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-import": "^2.31.0",
+    "firebase": "^10.14.1",
+    "firebase-admin": "^12.6.0",
+    "prettier": "^3.3.3",
+    "typescript": "^5.6.3"
+  }
+}

packages/shared/src/index.ts

@@ -0,0 +1 @@
+export * from './types/index.js';

packages/shared/src/types/firebase.ts

@@ -0,0 +1,6 @@
+import type { Timestamp as ClientTimestamp } from 'firebase/firestore';
+import type { Timestamp as AdminTimestamp } from 'firebase-admin/firestore';
+
+export type WithId<Data> = Data & { id: string };
+
+export type Timestamp = ClientTimestamp | AdminTimestamp;

packages/shared/src/types/index.ts

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

packages/shared/tsconfig.dev.json

@@ -0,0 +1,3 @@
+{
+  "include": [".eslintrc.cjs", ".prettierrc.cjs"]
+}

packages/shared/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "module": "NodeNext",
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "skipLibCheck": true,
+    "declaration": true,
+    "outDir": "./dist"
+  },
+  "include": ["src"]
+}