v4 Site - Mantine

.devcontainer/docker-compose.yml

@@ -0,0 +1,15 @@
+version: '3'
+services:
+    gatsby:
+        image: mcr.microsoft.com/devcontainers/typescript-node
+        volumes:
+            - ./..:/workspace:cached
+        command: sleep infinity
+        links:
+            - php-build
+    php-build:
+        build: 
+            dockerfile: ./DockerfilePHP
+        volumes:
+            - ./..:/workspace:cached
+        command: sleep infinity

.devcontainer/gatsby/devcontainer.json

@@ -0,0 +1,16 @@
+{
+  "customizations": {
+    "vscode": {
+      "extensions": [
+        "esbenp.prettier-vscode",
+        "christian-kohler.npm-intellisense",
+        "dbaeumer.vscode-eslint"
+      ]
+    }
+  },
+  "name": "Gatsby Container (build this one first)",
+  "postCreateCommand": "npm install",
+  "dockerComposeFile": ["../docker-compose.yml"],
+  "service": "gatsby",
+  "workspaceFolder": "/workspace"
+}

.devcontainer/php-build/devcontainer.json

@@ -0,0 +1,8 @@
+{
+  "name": "PHP Container",
+  "postCreateCommand": "composer install -d data/php",
+  "dockerComposeFile": ["../docker-compose.yml"],
+  "service": "php-build",
+  "shutdownAction": "none",
+  "workspaceFolder": "/workspace"
+}

.github/workflows/dependabot.yml

@@ -0,0 +1,24 @@
+version: 2
+updates:
+  - package-ecosystem: "github-actions"
+    directory: "/"
+    schedule:
+      interval: "weekly"
+      time: "17:00"
+      timezone: "Europe/London"
+    open-pull-requests-limit: 1
+    groups:
+       actions-dependencies:
+          patterns:
+            - "*"
+  - package-ecosystem: "npm"
+    directory: "/"
+    schedule:
+      interval: "weekly"
+      time: "17:00"
+      timezone: "Europe/London"
+    open-pull-requests-limit: 1
+    groups:
+       npm-dependencies:
+          patterns:
+            - "*"

.gitignore

@@ -1,92 +1,5 @@
-# Logs
-.firebase
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# Runtime data
-pids
-*.pid
-*.seed
-*.pid.lock
-
-# Directory for instrumented libs generated by jscoverage/JSCover
-lib-cov
-
-# Coverage directory used by tools like istanbul
-coverage
-
-# nyc test coverage
-.nyc_output
-
-# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
-.grunt
-
-# Bower dependency directory (https://bower.io/)
-bower_components
-
-# node-waf configuration
-.lock-wscript
-
-# Compiled binary addons (http://nodejs.org/api/addons.html)
-build/Release
-
-# Dependency directories
-node_modules/
-jspm_packages/
-
-# Typescript v1 declaration files
-typings/
-
-# Optional npm cache directory
-.npm
-
-# Optional eslint cache
-.eslintcache
-
-# Optional REPL history
-.node_repl_history
-
-# Output of 'npm pack'
-*.tgz
-
-# Yarn Integrity file
-.yarn-integrity
-
-# dotenv environment variables file
-.env
-
-# See https://help.github.com/ignore-files/ for more about ignoring files.
-
-# testing
-/coverage
-
-# production
-/build
-
 node_modules/
 .cache/
 public
-
-
-# misc
-.DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-.stencil/
-
-.vscode/
-
-.idea/
-
-
+src/gatsby-types.d.ts
 data/php/vendor/

.vscode/settings.json

@@ -0,0 +1,10 @@
+{
+  "cSpell.words": [
+    "htmlfilename",
+    "luxon",
+    "mantine",
+    "pdfs",
+    "porthmadog",
+    "ukho"
+  ]
+}

.vscode/tasks.json

@@ -0,0 +1,20 @@
+{
+  // See https://go.microsoft.com/fwlink/?LinkId=733558
+  // for the documentation about the tasks.json format
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "label": "Run PHP Build Script",
+      "type": "shell",
+      "command": "php ./data/php/dataParser.php",
+      "windows": {
+        "command": "php .\\data\\php\\dataParser.php"
+      },
+      "group": "build",
+      "presentation": {
+        "reveal": "always",
+        "panel": "new"
+      }
+    }
+  ]
+}

README.md

@@ -1,6 +1,32 @@
 # Porthmadog Tide Times
 
-The third iteration of this site is a React app, compiled to a static site using Gatsby. Styling framework is Tailwind. 
+The fourth iteration of this site is a React app, compiled to a static site using Gatsby. Styling framework is Mantine. 
+
+## Development
+
+### VSCode
+
+Two containers are provided - one is a Gatsby container and the other is a PHP container. The Gatsby container is used to run the Gatsby development server and the PHP container is used to run the PHP script that generates the json tidal data and which generates the PDFs. A VSCode task is provided for running the build script. 
+
+#### Connect to both containers in two VS Code windows
+
+1. Open a VS Code window at the root level of the project.
+1. Run Dev Containers: Reopen in Container from the Command Palette (F1) and select `Gatsby Container`.
+1. VS Code will then start up both containers, reload the current window and connect to the selected container.
+1. Next, open a new window using File > New Window.
+1. Open your project at root level in the current window.
+1. Run Dev Containers: Reopen in Container from the Command Palette (F1) and select `PHP Container`.
+1. The current VS Code window will reload and connect to the selected container.
+1. You can now interact with both containers from separate windows.
+
+#### Connect to multiple containers in a single VS Code window
+
+1. Open a VS Code window at the root level of the project.
+1. Run Dev Containers: Reopen in Container from the Command Palette (F1) and select `Gatsby Container`.
+1. VS Code will then start up both containers, reload the current window and connect to the selected container.
+1. Run Dev Containers: Switch Container from the Command Palette (F1) and select `PHP Container`.
+1. The current VS Code window will reload and connect to the selected container.
+1. You can switch back with the same command
 
 ## Copyright Information