Add version 0.9.1, add better build scripts, add zip command to `roll…

…up.config.js`
hkamran80 · Oct 3, 2021 · 6a2fc32 · 6a2fc32
1 parent 0828969
commit 6a2fc32
Show file tree

Hide file tree

Showing 14 changed files with 31 additions and 23 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/.gitignore b/.gitignore
@@ -1,5 +1,5 @@
 node_modules
 build
 dist
-.DS_Store
+**/.DS_Store
 .dccache
diff --git a/README.md b/README.md
@@ -3,5 +3,11 @@
 
 ![Nebula screenshot](screenshots/nebula-new-tab-screenshot.png)
 
+## Building
+1. Clone this repository
+2. Run `npm install`
+3. Run `npm run build:extension`
+4. Install the extension with the generated ZIP file
+
 ## Installation
 TBA
diff --git a/assets/.DS_Store b/assets/.DS_Store
diff --git a/assets/icons/.DS_Store b/assets/icons/.DS_Store
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -10,14 +10,11 @@
     "scripts": {
         "dev:firefox": "web-ext run --source-dir dist",
         "dev:chromium": "web-ext run --source-dir dist --target chromium",
-        "build": "rimraf dist && tsc && rollup -c rollup.config.js",
-        "build:watch": "onchange 'template.html' 'index.ts' 'manifest.json' -- npm run build",
+        "build": "rimraf dist build && mkdir build && tsc && rollup -c rollup.config.js",
+        "build:watch": "onchange 'src/*' -- npm run build",
         "build:extension": "npm run build; web-ext build --source-dir dist",
         "test": "echo \"Error: no test specified\" && exit 1"
     },
-    "keywords": [
-        "new tab"
-    ],
     "author": "H. Kamran",
     "license": "GPLV3",
     "devDependencies": {
@@ -33,6 +30,7 @@
         "rollup-plugin-copy": "^3.4.0",
         "rollup-plugin-execute": "^1.1.1",
         "rollup-plugin-postcss": "^4.0.1",
+        "rollup-plugin-terser": "^7.0.2",
         "tailwindcss": "^2.2.16",
         "typescript": "^4.4.3",
         "web-ext": "^6.4.0",

diff --git a/rollup.config.js b/rollup.config.js
@@ -4,11 +4,12 @@ import html from "rollup-plugin-bundle-html-thomzz";
 import copy from "rollup-plugin-copy";
 import postcss from "rollup-plugin-postcss";
 import execute from "rollup-plugin-execute";
+import { terser } from "rollup-plugin-terser";
 
 const baseConfig = createBasicConfig();
 
 export default merge(baseConfig, {
-    input: "./build/index.js",
+    input: "./build/src/index.js",
     output: {
         dir: "dist",
         format: "cjs",
@@ -20,7 +21,7 @@ export default merge(baseConfig, {
         }),
         copy({
             targets: [
-                { src: "manifest.json", dest: "dist" },
+                { src: "src/manifest.json", dest: "dist" },
                 {
                     src: "./node_modules/webextension-polyfill/dist/browser-polyfill.min.js",
                     dest: "dist",
@@ -33,14 +34,18 @@ export default merge(baseConfig, {
             ],
         }),
         html({
-            template: "template.html",
+            template: "src/template.html",
             dest: "dist",
             filename: "index.html",
             externals: [
                 { type: "js", file: "browser-polyfill.min.js", pos: "before" },
             ],
             absolute: true,
         }),
-        execute(["npx tailwindcss -i ./newtab.css -o ./dist/newtab.css"]),
+        terser(),
+        execute([
+            "npx tailwindcss -i ./src/newtab.css -o ./dist/newtab.css",
+            "zip -r build/nebula-new-tab.zip dist",
+        ]),
     ],
 });
diff --git a/index.ts → src/index.ts b/index.ts → src/index.ts
@@ -10,7 +10,9 @@ browser.runtime.onInstalled.addListener(async () => {
         hourStatus: "12",
     });
 
-    await browser.tabs.create({ url: browser.runtime.getURL("index.html") });
+    console.debug(browser.runtime.getURL("/index.html"));
+
+    await browser.tabs.create({ url: browser.runtime.getURL("/index.html") });
 });
 
 // Background Image Initialization

diff --git a/manifest.json → src/manifest.json b/manifest.json → src/manifest.json
@@ -18,9 +18,5 @@
     "chrome_url_overrides": {
         "newtab": "index.html"
     },
-    "chrome_settings_overrides": {
-        "homepage": "index.html",
-        "startup_pages": ["index.html"]
-    },
     "permissions": ["storage"]
 }
diff --git a/newtab.css → src/newtab.css b/newtab.css → src/newtab.css
diff --git a/template.html → src/template.html b/template.html → src/template.html
@@ -7,7 +7,7 @@
             name="description"
             content="Welcome to Nebula, your new tab page!"
         />
-        <link rel="stylesheet" href="newtab.css" />
+        <link rel="stylesheet" href="/newtab.css" />
     </head>
 
     <body class="bg-white dark:bg-black">
@@ -33,7 +33,7 @@
                         text-8xl text-white
                     "
                 >
-                    16:30
+                    00:00
                 </h1>
                 <h2
                     id="date"
@@ -46,7 +46,7 @@
                         text-3xl text-white
                     "
                 >
-                    Friday, October 1, 2021
+                    Sunday, October 3, 2021
                 </h2>
             </div>
 

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -2,7 +2,7 @@ const defaultTheme = require("tailwindcss/defaultTheme");
 
 module.exports = {
     mode: "jit",
-    purge: ["./template.html", "./index.ts", "./newtab.css"],
+    purge: ["./src/*.{html,css,ts}"],
     darkMode: "media",
     theme: {
         fontFamily: {

diff --git a/tsconfig.json b/tsconfig.json
@@ -6,8 +6,8 @@
         "forceConsistentCasingInFileNames": true,
         "strict": true,
         "skipLibCheck": true,
-        "outDir": "build",
+        "outDir": "./build",
         "rootDir": "./"
     },
-    "include": ["./*.ts"]
+    "include": ["./src/*.ts"]
 }