Merge pull request #82 from medyo/develop

Version 1.12.0

Author: medyo

.github/workflows/distribute.yml

@@ -73,7 +73,8 @@ jobs:
           EXTENSION_ID: ${{ secrets.CHROME_EXTENSION_ID }}
           CLIENT_ID: ${{secrets.CHROME_EXTENSION_CLIENT_ID}}
           REFRESH_TOKEN: ${{secrets.CHROME_EXTENSION_REFRESH_TOKEN}}
-        run: chrome-webstore-upload upload --source dist/extension.zip --extension-id $EXTENSION_ID --auto-publish
+        run: chrome-webstore-upload upload --source dist/chrome_extension.zip --extension-id $EXTENSION_ID --auto-publish
+        
       - name: Upload the package to Firefox web store
         env:
           WEB_EXT_API_KEY: ${{ secrets.WEB_EXT_API_KEY }}

.gitignore

@@ -2,6 +2,7 @@
 
 .eslintcache
 .env*
+*.zip
 
 # dependencies
 /node_modules
@@ -24,5 +25,4 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
-source_code.zip
 TODO

craco.config.js

@@ -0,0 +1,38 @@
+module.exports = {
+  webpack: {
+    configure: {
+      output: {
+        filename: 'static/js/[name].js',
+      },
+      optimization: {
+        runtimeChunk: false,
+        splitChunks: {
+          chunks(chunk) {
+            return false
+          },
+        },
+      },
+    },
+  },
+  plugins: [
+    {
+      plugin: {
+        overrideWebpackConfig: ({ webpackConfig }) => {
+          let mcep
+          webpackConfig.plugins.some((p) => {
+            if (p.constructor.name === 'MiniCssExtractPlugin') {
+              mcep = p
+              return true
+            }
+          })
+          if (mcep) {
+            mcep.options.filename = 'static/css/[name].css'
+          }
+
+          return webpackConfig
+        },
+      },
+      options: {},
+    },
+  ],
+}

package.json

@@ -17,6 +17,7 @@
     "react-contexify": "^5.0.0",
     "react-device-detect": "^1.17.0",
     "react-dom": "^17.0.1",
+    "react-error-boundary": "^3.1.4",
     "react-icons": "^4.1.0",
     "react-markdown": "^7.0.1",
     "react-modal": "^3.12.1",

public/carbon.js

@@ -6,17 +6,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <script>
-      // Blocking script to avoid the initial background flickering (switching from light to dark)
-      // https://stackoverflow.com/a/63033934/3495717
-      try {
-        var theme = JSON.parse(localStorage.hackerTabPrefs).theme || 'dark'
-        document.documentElement.classList.add(theme)
-      } catch (e) { console.log(e) }
-    </script>
+    <link rel="preconnect" href="https://hackertab.dev" />
+    <script src="./startup.js"></script>
+
     <% if (!!+process.env.REACT_APP_WEB_BUILD) { %>
       <title>Hackertab</title>
+      <link rel="manifest" href="%PUBLIC_URL%/web_manifest.json" />
       <% } else { %>
       <title>New Tab</title>
     <% } %>

public/index.html

@@ -1,26 +1,22 @@
 {
   "name": "Hackertab.dev",
   "description": "The Developer’s Homepage",
-  "version": "1.11.1",
+  "version": "1.12.0",
   "manifest_version": 2,
   "chrome_url_overrides": {
     "newtab": "index.html"
   },
   "background": {
-    "scripts": [
-      "background.js"
-    ]
+    "scripts": ["background.js"]
   },
-  "permissions": [
-    "https://*.hackertab.dev/*"
-  ],
+  "permissions": ["https://*.hackertab.dev/*"],
   "icons": {
     "16": "/logos/logo16.png",
     "32": "/logos/logo32.png",
     "48": "/logos/logo48.png",
     "128": "/logos/logo128.png"
   },
-  "content_security_policy": "script-src 'self' https://*.carbonads.com https://*.buysellads.net https://*.buysellads.com https://*.servedby-buysellads.com https://*.carbonads.net sha256-9wgUeE7o26PX9BlGznRgR+gJarj/ugHxm3UOzKP13EE='; object-src 'self'",
+  "content_security_policy": "script-src 'self' https://*.carbonads.com https://*.buysellads.net https://*.buysellads.com https://*.servedby-buysellads.com https://*.carbonads.net; object-src 'self'",
   "applications": {
     "gecko": {
       "id": "{f8793186-e9da-4332-aa1e-dc3d9f7bb04c}"

public/logos/logoVector.svg

@@ -0,0 +1,8 @@
+// Blocking script to avoid the initial background flickering (switching from light to dark)
+// https://stackoverflow.com/a/63033934/3495717
+try {
+  var theme = JSON.parse(localStorage.hackerTabPrefs).theme || 'dark'
+  document.documentElement.classList.add(theme)
+} catch (e) {
+  console.log(e)
+}

public/manifest.json

@@ -0,0 +1,27 @@
+{
+  "short_name": "Hackertab.dev",
+  "name": "The Developer’s Homepage",
+  "description": "Hackertab helps developers stay up-to-date with the latest tech happenings",
+  "icons": [
+    {
+      "src": "/logos/logoVector.svg",
+      "type": "image/svg+xml",
+      "sizes": "1200x1200"
+    },
+    {
+      "src": "/logos/logo192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "/logos/logo512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "start_url": "/?source=pwa",
+  "background_color": "#000000",
+  "display": "standalone",
+  "scope": "/",
+  "theme_color": "#000000"
+}