Migration to Gatsby version 4 (#629)

* update to Gatsby v3
* update to Gatsby v4
* refreshing Gatsby database on dev env
* update gatsby-source-filesystem
* update all Gatsby plugins to latest versions
* fixed GraphQL query for friends data
*  update axios and uuid
* update styled components
* remove unused Travis config
* switch off warning childImageSharp
* update React to v18
* update TypeScript to 4.7.4
* update React plugins
* update Redux and its plugins
* fix friends data from yaml source
* move articles code to posts folder
* remove unused cypress
* moved frientd components to separate folder
* introduce path aliases for core framework folders
* organize imports for the codebase
* move articles reducer to redux toolkit
* move application logic to app folder
* fix warnings with ordering css with mini-css-webpack-plugin
* remove unused Redux connections
* configure typescript jest for unit tests
* jest testing
* fix navigation among articles and tags
* fix business areas in business page
* fix tests and remove unused packages
* update friends data source
* merge with webview changes
* move friends loader logic to one module
* simplify friends domain dependencies
* data loader for partners
* fix business services page
* move products subdomain models to module folder
* fix tag links and article images

.prettierignore

@@ -1,4 +1,5 @@
 .cache
 package.json
 package-lock.json
+tsconfig.json
 public

.prettierrc

@@ -4,5 +4,18 @@
   "trailingComma": "es5",
   "printWidth": 120,
   "tabWidth": 2,
-  "jsxBracketSameLine": true
+  "jsxBracketSameLine": true,
+  "importOrder": [
+    "^(react|gatsby)(.*)$",
+    "^(@(App|Domain|State|Templates)|(app|domain|pages|gatsby-templates))/(.*)$",
+    "^(@(Layout|Components|Utils)|(layout|components|utils))/(.*)$",
+    "(newsletter|posts|friends|search)/(.*)$",
+    "^(./)",
+    "^@Styles/(.*)$",
+    "^@Assets/(.*)$"
+  ],
+  "importOrderSeparation": true,
+  "importOrderSortSpecifiers": true,
+  "importOrderCaseInsensitive": false,
+  "organizeImportsSkipDestructiveCodeActions": true
 }

.vscode/launch.json

@@ -1,15 +1,64 @@
 {
-    // Use IntelliSense to learn about possible attributes.
-    // Hover to view descriptions of existing attributes.
-    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
-    "version": "0.2.0",
-    "configurations": [
-        {
-            "type": "pwa-chrome",
-            "request": "launch",
-            "name": "Launch Chrome against localhost",
-            "url": "http://localhost:8080",
-            "webRoot": "${workspaceFolder}"
-        }
-    ]
-}
+  // Use IntelliSense to learn about possible attributes.
+  // Hover to view descriptions of existing attributes.
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "Gatsby develop",
+      "type": "pwa-node",
+      "request": "launch",
+      "program": "${workspaceRoot}/node_modules/.bin/gatsby",
+      "windows": {
+        "name": "Gatsby develop",
+        "type": "pwa-node",
+        "request": "launch",
+        "program": "${workspaceRoot}/node_modules/gatsby/dist/bin/gatsby"
+      },
+      "args": ["develop"],
+      "env": {
+        "PARCEL_WORKERS": "0",
+        "GATSBY_CPU_COUNT": "1"
+      },
+      "runtimeArgs": ["--nolazy"],
+      "console": "integratedTerminal"
+      //"cwd": "${workspaceRoot}/gatsby"
+    },
+    {
+      "name": "Gatsby build",
+      "type": "node",
+      "request": "launch",
+      "program": "${workspaceRoot}/node_modules/.bin/gatsby",
+      "windows": {
+        "name": "Gatsby build",
+        "type": "node",
+        "request": "launch",
+        "program": "${workspaceRoot}/node_modules/gatsby/dist/bin/gatsby"
+      },
+      "args": ["build"],
+      "env": {
+        "PARCEL_WORKERS": "0",
+        "GATSBY_CPU_COUNT": "1"
+      },
+      "runtimeArgs": ["--nolazy"],
+      "console": "integratedTerminal"
+      //"cwd": "${workspaceRoot}/gatsby"
+    },
+    {
+      "type": "chrome",
+      "request": "launch",
+      "name": "Client side in Chrome",
+      "url": "http://localhost:8000",
+      "webRoot": "${workspaceFolder}/gatsby"
+    },
+    {
+      "type": "node",
+      "request": "launch",
+      "name": "Jest All",
+      "program": "${workspaceFolder}/node_modules/jest/bin/jest",
+      "console": "integratedTerminal",
+      "internalConsoleOptions": "neverOpen",
+      "protocol": "inspector"
+    }
+  ]
+}

README.md

@@ -1,6 +1,6 @@
 # Pola Web
 
-Celem tego projektu jest zbudowanie interfejsu Web w technologii React dla aplikacji [Pola. Zabierz ją na zakupy](https://www.pola-app.pl/). W tym celu ściślę współpracuje z [pola-backend](https://github.com/KlubJagiellonski/pola-backend).
+Celem tego projektu jest zbudowanie interfejsu Web w technologii React dla aplikacji [Pola. Zabierz ją na zakupy](https://www.pola-app.pl/). W tym celu ściśle współpracuje z [pola-backend](https://github.com/KlubJagiellonski/pola-backend).
 
 Masz dość masówki globalnych koncernów? Szukasz lokalnych firm tworzących unikatowe produkty? Pola pomoże Ci odnaleźć polskie wyroby. Zabierając Polę na zakupy, odnajdujesz produkty „z duszą” i wspierasz polską gospodarkę.
 
@@ -10,6 +10,20 @@ Ten projekt został rozpoczęty wykorzystując starter [https://evaluates2.githu
 
 Podgląd wersji deweloperskiej: [https://pola-staging.herokuapp.com/](https://pola-staging.herokuapp.com/)
 
+# Packages
+
+We actually use Gatsby version 4 what requires usage of Gatsby plugins in proper versions too
+
+Migration:
+https://www.gatsbyjs.com/docs/reference/release-notes/migrating-from-v2-to-v3/
+https://www.gatsbyjs.com/docs/reference/release-notes/migrating-from-v3-to-v4/
+
+to check obsolate packages (in particular Gatsby plugins)
+
+```
+npm outdated
+```
+
 ## Dostępne skrypty
 
 W katalogu projektu możesz uruchomić:
@@ -22,7 +36,9 @@ Odtwórz [http://localhost:8000](http://localhost:8000) aby wyświetlić go w pr
 Strona zostanie załadowana ponownie, jeśli wprowadzisz zmiany.
 W konsoli zostaną również wyświetlone wszelkie błędy analizy statycznej (ang. lint).
 
-### `npm test`
+Otwórz [http://localhost:8000/\_\_\_graphql](http://localhost:8000/___graphql) aby testować bazę danych aplikacji (artykuły, grafiki, faq)
+
+### `npm run test`
 
 Uruchamia test runner w interaktywnym trybie obserwującym zmiany.
 
@@ -31,48 +47,19 @@ Uruchamia test runner w interaktywnym trybie obserwującym zmiany.
 Kompiluje aplikację do produkcji do folderu `build`.
 Prawidłowo buduje aplikacje Reacta w trybie produkcyjnym i optymalizuje ją pod kątem najlepszej wydajności.
 
-```
-npm run build
-```
-
-Serve local build
-
-```
-npm run serve
-```
-
-Run Unit Tests (TDD watch-mode style)
-
-```
-npm test
-```
-
-Run Unit Tests (Single run for CI and with code coverage output)
-
-```
-npm run test-once
-```
-
-Run BDD / E2e Tests (Locally With UI)
-
-```
-npm run e2e
-```
-
-Run BDD / E2e Tests (Headless Mode for CI):
-
-```
-node_modules/.bin/cypress run
-```
-
 Run linting (calls both prettier linting and tslint)
 
 ```
 npm run lint
 ```
 
-Deploy
+# Deploy
+
+Deployments go through Github actions process and Github pages. All pushes to **prod** branch are automatically deployed. Pola API is hosted on Heroku cloud infrastructure.
 
 ```
-npx gatsby deploy
+git checkout prod
+git merge master
+git commit -m "merge master to production ver. X.Y.Z"
+git push
 ```

content/friends/friends.yaml

@@ -0,0 +1,35 @@
+- slug: radziemska
+  name: Radziemska
+  description: Rodzime przedsiębiorstwo chemiczne powstałe w 1982 roku. Firma specjalizuje się w produkcji chemii gospodarczej, w tym odplamiaczy, proszków do prania czy wybielaczy. Jest laureatem wielu nagród konsumenckich, a jej siedziba znajduje się w Łomiankach pod Warszawą.
+  image: logos/logo_radziemska.jpg
+  page: https://www.radziemska.pl/
+- slug: woda-staropolska
+  name: Woda Staropolska
+  description: Polski producent wody mineralnej pochodzący z Iłży. Jest to firma rodzinna o ponad 30-letniej tradycji, która specjalizuje się w produkcji bogatych w magnez i wapń wód mineralnych pod marką „Staropolska”. Od 1986 r. przedsiębiorstwo realizuje swoją misję, stając się w ostatnim czasie liderem wśród producentów i dostawców butelkowanej wody mineralnej przeznaczonej dla firm.
+  image: logos/staropolska-logo.png
+  page: https://wodadlafirmy.pl/
+- slug: italian-fashion
+  name: Italian Fashion
+  description: Firma Italian Fashion istnieje na rynku polskim od 1990 roku. Zatrudnia około 300 pracowników. Od początku istnienia zajmuje się produkcją bielizny damskiej, męskiej i dziecięcej oraz wygodnej odzieży domowej i akcesoriów, takich jak skarpety. W ofercie firmy znaleźć można również kolekcje dedykowane dla kobiet w ciąży i mam karmiących, jak również piżamy i koszule nocne dla kobiet puszystych.”
+  image: logos/italian-fashion.jpg
+  page: https://www.italianfashion.pl/
+- slug: avetpharma
+  name: AvetPharma
+  description: Spółka farmaceutyczna założona 10 lat temu przez magistra farmacji z wieloletnim doświadczeniem w branży leków OTC oraz suplementów diety. Firma zajmuje się produkcją oraz dystrybucją suplementów diety. Przez dekadę wprowadziła na rynek ponad 40 produktów własnych, które są dostępne w aptekach, sklepach zielarsko-medycznych oraz marketach. Siedziba spółki znajduje się w Warszawie.
+  image: logos/AvetPharma.png
+  page: https://avetpharma.pl/
+- slug: ameripol-trading
+  name: AmeriPol Trading
+  description: Firma Ameri-Pol Trading Ltd sp. z o.o. jest polską firmą założoną w 1992 r. jako spółka polsko amerykańska, jednak w ciągu lat działalności udziałowiec amerykański został wykupiony przez polskich udziałowców. Firma oferuje szeroki wybór klejów kontaktowych w pojemnikach ciśnieniowych oraz rozpuszczalników mających zastosowanie w różnych branżach, m.in. w meblarstwie, w branży motoryzacyjnej, w produkcji jachtów, w branży budowlanej. Oferowane przez nas kleje są sprzedawane pod własną wspólną marką SPRAY-KON i LEP-KON.
+  image: logos/AmeriPol-Trading.png
+  page: https://spraykon.pl/
+- slug: pluton-kawa
+  name: Pluton Kawa
+  description: Historia firmy sięga XIX wieku. Jej założycielem był Tadeusz Tarasiewicz, który założył pierwszą na ziemiach polskich palarnię kawy, pod nazywą Pluton. Firma przetrwała do 1950 r. W 2017 r. została reaktywowana. Pluton Kawa kultywuje tradycje i z powodzeniem stosuje współcześnie wartości kupieckie XX-lecia międzywojennego.
+  image: logos/logo_pluton.png
+  page: https://kawapluton.com/
+- slug: naturalne-zdrowie-barbara-bucko
+  name: Naturalne Zdrowie Barbara Bućko
+  description: Firma rodzinna, producent zdrowej żywności prowadzący również sklep internetowy. Firma w swoim asortymencie posiada produkty naturalne i nieprzetworzone. Stawia na dostawy bezpośrednio od polskich rolników i współpracę ze sprawdzonymi i zaufanymi dostawcami.
+  image: logos/logo_bucko.png
+  page: https://naturalniezdrowe.pl/

content/partners/partners.yaml

@@ -0,0 +1,12 @@
+- name: 'Klub Jagielloński'
+  imageSrc: 'logos/logo_cakjv2_crop.png'
+  description: 'Opracowanie algorytmu i wydawanie aplikacji'
+  sourceUrl: https://ilim.lukasiewicz.gov.pl
+- name: 'Instytut Logistyki i Magazynowania'
+  imageSrc: 'logos/logo_logistyka.png'
+  description: 'Baza kodów kreskowych i producentów'
+  sourceUrl: https://ilim.lukasiewicz.gov.pl
+- name: 'Koduj dla Polski'
+  imageSrc: 'logos/logo_kodujdlapolski.png'
+  description: 'Otwarte spotkania projektowe dla programistów'
+  sourceUrl: https://mojepanstwo.pl