Use repo for gpg key

webpack.config.ts

@@ -1,59 +1,78 @@
+require('dotenv').config();
 import webpack, { Configuration } from 'webpack';
+import axios from 'axios';
 import HtmlWebpackPlugin from 'html-webpack-plugin';
 import WorkboxWebpackPlugin from 'workbox-webpack-plugin';
 import path from 'path';
 
-const data = require('./data.json');
+const repo = process.env.GITHUB_REPOSITORY;
+if (!repo) {
+  throw new Error('No GITHUB_REPOSITRY env variable found');
+}
+const [username] = repo.split('/');
 
 const __DEV__ = process.env.NODE_ENV !== 'production';
 
-const config: Configuration = {
-  mode: __DEV__ ? 'development' : 'production',
-  entry: {
-    app: [
-      ...(__DEV__ ? ['react-hot-loader/patch'] : []),
-      path.join(__dirname, 'src', 'index.tsx'),
-    ],
-  },
-  output: {
-    path: path.join(__dirname, 'dist'),
-    crossOriginLoading: 'anonymous',
-  },
-  resolve: {
-    extensions: ['.tsx', '.ts', '.js'],
-    alias: {
-      'react-dom': '@hot-loader/react-dom',
+const createConfig = async ():Promise<Configuration> => {
+  const { data: keyList } = await axios.get(`https://api.github.com/users/${username}/gpg_keys`);
+  if (keyList.length === 0) {
+    throw new Error(`The user ${username} does not have any GPG keys`);
+  }
+  const data = {
+    username,
+    keys: keyList.map((key: any) => key.raw_key),
+  };
+  const config: Configuration = {
+    mode: __DEV__ ? 'development' : 'production',
+    entry: {
+      app: [
+        ...(__DEV__ ? ['react-hot-loader/patch'] : []),
+        path.join(__dirname, 'src', 'index.tsx'),
+      ],
     },
-  },
-  plugins: [
-    new webpack.DefinePlugin({
-      __DEV__: JSON.stringify(__DEV__),
-    }),
-    new HtmlWebpackPlugin({
-      title: `Parcel for ${data.username}`,
-      minify: true,
-      template: path.join(__dirname, 'html.html'),
-    }),
-    new WorkboxWebpackPlugin.GenerateSW({
-      swDest: 'sw.js',
-      clientsClaim: true,
-      skipWaiting: true,
-    }),
-  ],
-  module: {
-    rules: [{
-      test: /\.tsx?$/,
-      use: ['babel-loader'],
-    }, {
-      test: /\.css$/,
-      use: ['style-loader', 'css-loader'],
-    }],
-  },
+    output: {
+      path: path.join(__dirname, 'dist'),
+      crossOriginLoading: 'anonymous',
+    },
+    resolve: {
+      extensions: ['.tsx', '.ts', '.js'],
+      alias: {
+        'react-dom': '@hot-loader/react-dom',
+      },
+    },
+    plugins: [
+      new webpack.DefinePlugin({
+        __DEV__: JSON.stringify(__DEV__),
+        data: JSON.stringify(data),
+      }),
+      new HtmlWebpackPlugin({
+        title: `Parcel for ${data.username}`,
+        minify: true,
+        template: path.join(__dirname, 'html.html'),
+      }),
+      new WorkboxWebpackPlugin.GenerateSW({
+        swDest: 'sw.js',
+        clientsClaim: true,
+        skipWaiting: true,
+      }),
+    ],
+    module: {
+      rules: [{
+        test: /\.tsx?$/,
+        use: ['babel-loader'],
+      }, {
+        test: /\.css$/,
+        use: ['style-loader', 'css-loader'],
+      }],
+    },
+  };
+
+  (config as any).devServer = {
+    hot: true,
+    contentBase: './dist',
+  };
+
+  return config;
 };
 
-(config as any).devServer = {
-  hot: true,
-  contentBase: './dist',
-};
-
-export default config;
+export default createConfig;