Merge pull request #187 from l0drex/beta

Support more of GedcomX

.github/workflows/build.yml

@@ -7,7 +7,7 @@ on:
   push:
     branches: [ "main" ]
   pull_request:
-    branches: [ "main" ]
+    branches: [ "main", "beta" ]
   release:
     type: [published]
   workflow_dispatch:

README.md

@@ -20,36 +20,24 @@ Upload a valid gedcomx-file on the home page. On submit, the family view should
 
 ![grafik](https://user-images.githubusercontent.com/46622675/177526424-7507cbc5-e640-4657-bf1c-2a2d2a459685.png)
 
----
-For developers:
 
-# Getting Started with Create React App
+# 🚧 GedcomX Support
+The following features of GedcomX are not supported:
 
-This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
+### Source Description
+Due to `gedcomx-js`, the following data can not be stored and therefore not displayed:
+- publisher
+- author
+- created
+- modified
+- published
 
-## Available Scripts
+### Group
+Not supported at all by `gedcomx-js`
 
-In the project directory, you can run:
+### Event
+Will come in a future release
 
-### `npm start`
-
-Runs the app in the development mode.\
-Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
-
-The page will reload when you make changes.\
-You may also see any lint errors in the console.
-
-### `npm test`
-
-Launches the test runner in the interactive watch mode.\
-See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
-
-### `npm run build`
-
-Builds the app for production to the `build` folder.\
-It correctly bundles React in production mode and optimizes the build for the best performance.
-
-The build is minified and the filenames include the hashes.\
-Your app is ready to be deployed!
-
-See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
+### Relationship
+Will come in a future release
+- facts

package.json

@@ -26,29 +26,33 @@
     "@babel/plugin-transform-react-jsx": "^7.22.5",
     "@react-spring/web": "^9.7.2",
     "@testing-library/dom": "^9.3.1",
-    "@visx/axis": "^3.1.0",
+    "@visx/axis": "^3.2.0",
     "@visx/geo": "^3.0.0",
     "@visx/react-spring": "^3.1.0",
     "@visx/shape": "^3.0.0",
-    "@visx/stats": "^3.0.0",
+    "@visx/stats": "^3.2.0",
     "@visx/visx": "^3.1.2",
     "d3": "7.6.1",
     "dexie": "^3.2.3",
     "dexie-react-hooks": "^1.1.6",
     "gedcomx-js": "^2.8.0",
+    "leaflet": "^1.9.4",
     "react": "^18.1.0",
     "react-dom": "^18.1.0",
+    "react-leaflet": "^4.2.1",
     "react-localization": "^1.0.19",
-    "react-router-dom": "^6.11.2",
+    "react-router-dom": "^6.14.1",
     "react-scripts": "5.0.1",
-    "typescript": "^4",
+    "sanitize-html": "^2.11.0",
+    "tailwindcss": "^3.3.2",
+    "typescript": "^5",
     "web-vitals": "^3.3.2",
     "webcola": "^3.4.0"
   },
   "scripts": {
     "start": "react-scripts start",
     "build": "react-scripts build",
-    "test": "react-scripts test",
+    "test": "TZ=UTC react-scripts test",
     "eject": "react-scripts eject"
   },
   "eslintConfig": {
@@ -71,14 +75,17 @@
   },
   "devDependencies": {
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+    "@faker-js/faker": "^8.0.2",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",
     "@types/d3": "^7.4.0",
     "@types/jest": "^29.5.1",
-    "@types/node": "^20.2.5",
+    "@types/leaflet": "^1.9.3",
+    "@types/node": "^20.3.3",
     "@types/react": "^18.2.7",
     "@types/react-dom": "^18.2.4",
+    "@types/sanitize-html": "^2.9.0",
     "fake-indexeddb": "^4.0.1"
   }
 }

public/index.html

@@ -4,7 +4,8 @@
     <meta charset="utf-8" />
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#366120" />
+    <meta name="theme-color" media="(prefers-color-scheme: light)" content="#D2E8D2" />
+    <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#182118" />
     <meta name="description"
       content="A simple family tree visualizer that runs locally in your browser."
     />
@@ -16,6 +17,13 @@
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
     <link type="text/plain" rel="author" href="%PUBLIC_URL%/humans.txt" />
     <link rel="stylesheet" href="%PUBLIC_URL%/normalize.css" />
+    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
+          integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="
+          crossorigin=""/>
+    <!-- Make sure you put this AFTER Leaflet's CSS -->
+    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
+            integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo="
+            crossorigin=""></script>
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.