Merge branch 'develop' into country-sections

.nvmrc

@@ -0,0 +1 @@
+node -v

Dockerfile

@@ -1,14 +1,20 @@
-FROM docker.io/node:18 as build-stage
 
+FROM node:20-alpine3.19 as build-stage
 WORKDIR /app
 
-RUN apt-get update \
-    && apt-get -y --no-install-recommends install golang-go=2:1.19~1 golang-src=2:1.19~1
+COPY package*.json ./
+RUN npm install
 
-COPY . /app
+COPY . .
+
+RUN apk update && apk add go go-doc
+RUN mkdir -p $(go env GOROOT)/misc/wasm
+RUN cp  /usr/share/doc/go/misc/wasm/wasm_exec.js  $(go env GOROOT)/misc/wasm/wasm_exec.js
 
-RUN npm ci
 RUN npm run build
 
-FROM docker.io/nginx:1
+FROM nginx:alpine
+WORKDIR /app
 COPY --from=build-stage /app/dist/ /usr/share/nginx/html
+EXPOSE 80
+CMD ["nginx", "-g", "daemon off;"]

docker-compose.yaml

@@ -11,6 +11,6 @@ services:
     env_file:
       - .env
     ports:
-      - "8100:80"
+      - "3000:80"
     stdin_open: true
     tty: true

package.json

@@ -102,6 +102,7 @@
     "react-dom": "^17.0.2",
     "react-draft-wysiwyg": "^1.15.0",
     "react-hook-form": "^7.45.0",
+    "react-hook-form-persist": "^3.0.0",
     "react-i18next": "^13.0.0",
     "react-jss": "^10.10.0",
     "react-phone-number-input": "^3.2.23",

src/app/components/Editor.tsx

@@ -34,6 +34,8 @@ import EditorContacts from "./EditorContacts";
 import EditorContractors from "./EditorContractors";
 import linter from "../linter";
 
+import useFormPersist from "react-hook-form-persist";
+
 const resolver: Resolver<PublicCode> = async (values) => {
   const res = await validator(JSON.stringify(values), "main");
 
@@ -71,7 +73,14 @@ export default function Editor() {
     resolver,
   });
   const { t } = useTranslation();
-  const { getValues, handleSubmit } = methods;
+  const { getValues, handleSubmit, watch, setValue } = methods;
+
+  useFormPersist("form-values", {
+    watch,
+    setValue,
+    storage: window?.localStorage, // default window.sessionStorage
+    exclude: [],
+  });
 
   const languages = useAppSelector((state) => state.language.languages);
   const configCountrySections = countrySection.parse(DEFAULT_COUNTRY_SECTIONS);

src/app/store/publiccodeYmlLanguages.ts

@@ -21,8 +21,11 @@ export const languageSlice = createSlice({
   },
 });
 
-export const getPubliccodeYmlLanguages = (state) => state.language.languages;
+export const getPubliccodeYmlLanguages = (state: {
+  language: { languages: unknown };
+}) => state.language.languages;
 
-export const { setPubliccodeYmlLanguages, resetPubliccodeYmlLanguages } = languageSlice.actions;
+export const { setPubliccodeYmlLanguages, resetPubliccodeYmlLanguages } =
+  languageSlice.actions;
 
 export default languageSlice.reducer;