datajunction-ui 0.0.1-rc.1 → 0.0.1-rc.3

package/dist/static/vendor.js.LICENSE.txt

@@ -0,0 +1,29 @@
+/**
+ * @license React
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "datajunction-ui",
-  "version": "0.0.1-rc.1",
+  "version": "0.0.1-rc.3",
   "description": "DataJunction Metrics Platform UI",
   "module": "src/index.tsx",
   "repository": {
@@ -44,8 +44,6 @@
     "eslint-config-prettier": "8.5.0",
     "eslint-plugin-prettier": "4.2.1",
     "eslint-plugin-react-hooks": "4.6.0",
-    "fbemitter": "3.0.0",
-    "flux": "4.0.4",
     "fontfaceobserver": "2.3.0",
     "husky": "8.0.1",
     "i18next": "21.9.2",
@@ -102,7 +100,8 @@
     "generate": "plop --plopfile internals/generators/plopfile.ts",
     "cleanAndSetup": "ts-node ./internals/scripts/clean.ts",
     "prettify": "prettier --write",
-    "extract-messages": "i18next-scanner --config=internals/extractMessages/i18next-scanner.config.js"
+    "extract-messages": "i18next-scanner --config=internals/extractMessages/i18next-scanner.config.js",
+    "prepublishOnly": "webpack --mode=production"
   },
   "eslintConfig": {
     "extends": "react-app"

package/src/app/index.tsx

@@ -32,9 +32,18 @@ export function App() {
           element={<Root />}
           children={
             <>
-              <Route path="nodes/:name" element={<NodePage />} />
-              <Route path="namespaces" element={<ListNamespacesPage />} />
-              <Route path="namespaces/:namespace" element={<NamespacePage />} />
+              <Route path="nodes" key="nodes">
+                <Route path=":name" element={<NodePage />} />
+              </Route>
+
+              <Route path="/" element={<ListNamespacesPage />} key="index" />
+              <Route path="namespaces">
+                <Route
+                  path=":namespace"
+                  element={<NamespacePage />}
+                  key="namespaces"
+                />
+              </Route>
             </>
           }
         />

package/tsconfig.json

@@ -21,7 +21,7 @@
     "removeComments": true,
     "sourceMap": true
   },
-  "include": ["src", "internals/startingTemplate/**/*"],
+  "include": ["src/**/*.ts", "src/**/*.tsx", "internals/startingTemplate/**/*"],
   "ts-node": {
     "compilerOptions": {
       "esModuleInterop": true,

package/webpack.config.js

@@ -1,6 +1,6 @@
 const path = require('path');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+// const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 
 var babelOptions = {
   presets: ['@babel/preset-react'],
@@ -10,17 +10,23 @@ module.exports = {
   cache: true,
   entry: {
     main: './src/index.tsx',
-    vendor: ['events', 'fbemitter', 'flux', 'react', 'react-dom'],
+    vendor: ['events', 'react', 'react-dom'],
   },
   target: 'web',
   mode: 'development',
   output: {
     path: path.resolve(__dirname, './dist'),
     filename: 'static/[name].[fullhash].js',
+    library: 'datajunction-ui',
+    libraryTarget: 'umd',
+    globalObject: 'this',
+    umdNamedDefine: true,
     publicPath: '/',
   },
   devServer: {
-    historyApiFallback: true,
+    historyApiFallback: {
+      disableDotRule: true,
+    },
   },
   resolve: {
     extensions: ['.js', '.jsx', '.json', '.ts', '.tsx'],