Implement v2 GUI

.gitignore

@@ -127,3 +127,6 @@ dmypy.json
 
 # Pyre type checker
 .pyre/
+
+
+*.code-workspace

web/gui-v2/.gitignore

@@ -0,0 +1,5 @@
+.cache/
+node_modules/
+public/
+
+*.code-workspace

web/gui-v2/.npmrc

@@ -0,0 +1,2 @@
+@eto:registry=https://us-east1-npm.pkg.dev/gcp-cset-projects/eto-nodejs-repo/
+//us-east1-npm.pkg.dev/gcp-cset-projects/eto-nodejs-repo/:always-auth=true

web/gui-v2/__mocks__/file-mock.js

@@ -0,0 +1 @@
+module.exports = "test-file-stub"

web/gui-v2/__mocks__/gatsby.js

@@ -0,0 +1,27 @@
+const React = require("react")
+const gatsby = jest.requireActual("gatsby")
+
+module.exports = {
+  ...gatsby,
+  graphql: jest.fn(),
+  Link: jest.fn().mockImplementation(
+    // these props are invalid for an `a` tag
+    ({
+      activeClassName,
+      activeStyle,
+      getProps,
+      innerRef,
+      partiallyActive,
+      ref,
+      replace,
+      to,
+      ...rest
+    }) =>
+      React.createElement("a", {
+        ...rest,
+        href: to,
+      })
+  ),
+  StaticQuery: jest.fn(),
+  useStaticQuery: jest.fn(),
+}

web/gui-v2/gatsby-browser.js

@@ -0,0 +1,2 @@
+import "./src/styles/app.css";
+import "./src/styles/accessibility.css";

web/gui-v2/gatsby-config.js

@@ -0,0 +1,33 @@
+/**
+ * @type {import('gatsby').GatsbyConfig}
+ */
+module.exports = {
+  siteMetadata: {
+    title: `PARAT v2`,
+    siteUrl: `https://parat.eto.tech`
+  },
+  plugins: [
+    "gatsby-plugin-emotion",
+    {
+      resolve: 'gatsby-plugin-google-gtag',
+      options: {
+        trackingIds: ['UA-148144643-1'],
+      },
+    },
+    "gatsby-plugin-mdx",
+    {
+      resolve: 'gatsby-plugin-plausible',
+      options: {
+        domain: 'parat.eto.tech',
+      },
+    },
+    {
+      resolve: 'gatsby-source-filesystem',
+      options: {
+        "name": "pages",
+        "path": "./src/pages/"
+      },
+      __key: "pages"
+    },
+  ],
+};

web/gui-v2/gatsby-node.js

@@ -0,0 +1,14 @@
+const path = require('path');
+
+exports.onCreatePage = async ({ page, actions }) => {
+  const { createPage } = actions;
+
+  if ( page.path.match(/^\/company/) ) {
+    createPage({
+      ...page,
+      path: "/company",
+      matchPath: "/company/:slug",
+      component: path.resolve("src/pages/company-detail.js"),
+    });
+  }
+};

web/gui-v2/jest-loadershim.js

@@ -0,0 +1,3 @@
+global.___loader = {
+  enqueue: jest.fn(),
+}

web/gui-v2/jest-preprocess.js

@@ -0,0 +1,5 @@
+const babelOptions = {
+  presets: ["babel-preset-gatsby", "@emotion/babel-preset-css-prop"],
+};
+
+module.exports = require("babel-jest").default.createTransformer(babelOptions);

web/gui-v2/jest-setup-test-env.js

@@ -0,0 +1 @@
+import '@testing-library/jest-dom'

web/gui-v2/jest.config.js

@@ -0,0 +1,35 @@
+module.exports = {
+  transform: {
+    "^.+\\.jsx?$": `<rootDir>/jest-preprocess.js`,
+  },
+  moduleNameMapper: {
+    ".+\\.(css|styl|less|sass|scss)$": `identity-obj-proxy`,
+    ".+\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": `<rootDir>/__mocks__/file-mock.js`,
+    "^@components(.*)$": "<rootDir>/src/components$1",
+    "^@content(.*)$": "<rootDir>/src/content$1",
+  },
+  testPathIgnorePatterns: [
+    `node_modules`,
+    `\\.cache`,
+    `<rootDir>.*/public`,
+  ],
+  transformIgnorePatterns: [
+    `node_modules/(?!(gatsby|gatsby-plugin-mdx|@eto|@mui|d3.*|internmap|delaunator|robust-predicates)/)`,
+  ],
+  globals: {
+    __PATH_PREFIX__: ``,
+  },
+  setupFiles: [
+    `<rootDir>/jest-loadershim.js`,
+  ],
+  setupFilesAfterEnv: [
+    '<rootDir>/jest-setup-test-env.js',
+  ],
+  testEnvironment: 'jsdom',
+  collectCoverage: true,
+  collectCoverageFrom: [
+    'src/**/*.{js,jsx}',
+    '!**/*.test.*',
+    '!**/__tests__/**',
+  ],
+}