Merge pull request #463 from hotosm/build/pnpm-node-lts

Migrate yarn --> pnpm and use node LTS 22.13

Author: nrjadkry

.gitignore

@@ -52,7 +52,6 @@ temp_webmaps/Naivasha
 **/**/node_modules
 **/**/package-lock.json
 **/**/package.json
-**/**/yarn.lock
 **/**/.pnpm-store
 
 # pdm

package.json

@@ -6,5 +6,6 @@
     "prettier": "^3.3.2",
     "prettier-plugin-tailwindcss": "^0.6.5",
     "tailwindcss": "^3.4.4"
-  }
+  },
+  "packageManager": "pnpm@9.15.5+sha512.845196026aab1cc3f098a0474b64dfbab2afe7a1b4e91dd86895d8e4aa32a7a6d03049e2d0ad770bbe4de023a7122fb68c1a1d6e0d033c7076085f9d5d4800d4"
 }

src/frontend/.nvmrc

@@ -1 +1 @@
-v18.16.0
+v22.13.0

src/frontend/Dockerfile

@@ -1,5 +1,5 @@
 # ARG for the base image
-ARG NODE_BASE=18.16.0-bullseye-slim
+ARG NODE_BASE=22.13.0-bullseye-slim
 ARG MINIO_TAG=RELEASE.2024-08-03T04-33-23Z
 ARG BASE64_ARGS_TO_ENV=ENV_VARS_BASE64_ENCODED_FOR_LIVE
 
@@ -10,17 +10,21 @@ WORKDIR /app
 
 # Run development environment
 FROM base AS development
-ENTRYPOINT ["/bin/sh", "-c", "yarn; yarn start --host 0.0.0.0;"]
+ENTRYPOINT ["/bin/sh", "-c", "pnpm install; pnpm run start --host 0.0.0.0;"]
 
 # Generate frontend build files
 FROM base AS build
 ARG BASE64_ARGS_TO_ENV
 
-COPY ./package.json .
-RUN yarn
+COPY ./package.json pnpm-lock.yaml .
+# FIXME this npm install is a workaround due to https://github.com/nodejs/corepack/issues/627
+RUN npm install -g corepack@0.31.0
+# FIXME delete this line after fixed upstream
+RUN corepack prepare pnpm@9.15.5 --activate && corepack enable && corepack install
+RUN pnpm install
 COPY . /app
 RUN ( echo ${BASE64_ARGS_TO_ENV} | base64 -di ) > .env
-RUN yarn build
+RUN pnpm run build
 
 # Copy static files to minio and generated index.html to volume
 FROM docker.io/minio/minio:${MINIO_TAG} AS live

src/frontend/README.md

@@ -1,25 +1,14 @@
 ## Getting started with the starter kit
 
-1. Do not use npm to install packages, use yarn. If you want to run `npm install` then delete the `yarn.lock` file and install the packages using npm.
+1. Do not use npm to install packages, use pnpm. If you want to run `npm install`
+then delete the `pnpm-lock.yaml` file and install the packages using npm.
 
 2. Create a .env file and copy .env.example to .env
 
-3. Run `yarn dev` to start the development server.
+3. Run `pnpm dev` to start the development server.
 
 4. If there is error on "/dashboard" route then comment out the proxy setup part on `vite.config.ts` file.
 
-## Folder Structure
-
-- [API](./src/api/readme.md)$~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~$--> Api's for the project
-
-- [Wrappers](./src/api/wrappers/readme.md)$~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~$--> Wrappers
-
-- [Routes](./src/routes/readme.md)$~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~$--> Routes
-
-- [Utils](./src/utils/readme.md)
-
-- [UI](./src/ui/readme.md)
-
 ## Example to add shadcn component (select component- [link](https://ui.shadcn.com/docs/components/select) )
 
     npx shadcn-ui add select

src/frontend/package.json

@@ -3,6 +3,7 @@
     "@cyntler/react-doc-viewer": "^1.17.0",
     "@geomatico/maplibre-cog-protocol": "^0.3.1",
     "@hotosm/gcp-editor": "^0.0.9",
+    "@hotosm/ui": "0.2.0-b6",
     "@mapbox/mapbox-gl-draw": "^1.4.2",
     "@mapbox/mapbox-gl-draw-static-mode": "^1.0.1",
     "@radix-ui/react-popover": "^1.0.6",
@@ -95,7 +96,7 @@
       "prettier --cache --write"
     ]
   },
-  "name": "starterkit-v2",
+  "name": "drone-tm",
   "private": true,
   "scripts": {
     "build": "tsc && vite build",
@@ -105,5 +106,6 @@
     "start": "vite"
   },
   "type": "module",
-  "version": "0.0.0"
+  "version": "0.0.0",
+	"packageManager": "pnpm@9.15.4+sha512.b2dc20e2fc72b3e18848459b37359a32064663e5627a51e4c74b2c29dd8e8e0491483c3abb40789cfd578bf362fb6ba8261b05f0387d76792ed6e23ea3b1b6a0"
 }