@rnacanvas/start-page 1.0.0

package/jest.config.js

@@ -0,0 +1,14 @@
+/**
+ * @type { import('jest').Config }
+ */
+const config = {
+  "moduleNameMapper": {
+    "\\.css$": "<rootDir>/__mocks__/styleMock.js",
+    "\\.svg$": "<rootDir>/__mocks__/fileMock.js",
+  },
+  "transformIgnorePatterns": [
+    "node_modules/(?!@ngrx|(?!deck.gl)|ng-dynamic)",
+  ],
+};
+
+module.exports = config;

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@rnacanvas/start-page",
+  "version": "1.0.0",
+  "description": "The Start page",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/pzhaojohnson/rnacanvas.start-page.git"
+  },
+  "main": "./dist/index.js",
+  "scripts": {
+    "test": "jest",
+    "build": "webpack"
+  },
+  "author": "pzhaojohnson",
+  "license": "GPL-3.0-only",
+  "devDependencies": {
+    "@babel/core": "^7.23.7",
+    "@babel/preset-env": "^7.23.7",
+    "@babel/preset-typescript": "^7.23.3",
+    "@types/jquery": "^4.0.0",
+    "babel-jest": "^30.2.0",
+    "css-loader": "^7.1.2",
+    "jest": "^30.2.0",
+    "jest-environment-jsdom": "^30.2.0",
+    "style-loader": "^4.0.0",
+    "svg-inline-loader": "^0.8.2",
+    "ts-loader": "^9.5.1",
+    "typescript": "^6.0.2",
+    "webpack": "^5.89.0",
+    "webpack-cli": "^7.0.0"
+  },
+  "dependencies": {
+    "jquery": "^4.0.0",
+    "uuid": "^13.0.0"
+  }
+}

package/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "strict": true,
+    "rootDir": "./src",
+    "outDir": "./dist/",
+    "sourceMap": true,
+    "declaration": true,
+    "declarationDir": "./dist/",
+    "declarationMap": true,
+    "module": "es6",
+    "target": "es2019",
+    "moduleResolution": "bundler"
+  }
+}

package/webpack.config.js

@@ -0,0 +1,47 @@
+const path = require('path');
+
+module.exports = {
+  entry: './src/index.ts',
+  mode: 'production',
+  module: {
+    rules: [
+      {
+        test: /\.tsx?$/,
+        use: 'ts-loader',
+        exclude: /node_modules/,
+      },
+      {
+        test: /\.module\.css$/i,
+        use: [
+          'style-loader',
+          {
+            loader: 'css-loader',
+            options: {
+              modules: {
+                namedExport: true,
+                localIdentHashSalt: '585797986869092', // make unique for each package
+              },
+            },
+          },
+        ],
+      },
+      {
+        test: /\.svg$/,
+        loader: 'svg-inline-loader',
+      },
+    ],
+  },
+  resolve: {
+    extensions: ['.tsx', '.ts', '.js'],
+  },
+  output: {
+    path: path.resolve(__dirname, 'dist'),
+    filename: 'index.js',
+    globalObject: 'this',
+    library: {
+      name: 'startPage',
+      type: 'umd',
+    },
+    clean: true,
+  },
+};