Merge pull request #72 from KrishEnacton/feature/gulp-zip

feat: gulp zip implemented
guocaoyi · Feb 6, 2024 · d7c3b84 · d7c3b84
2 parents eaa3903 + 80fbd1e
commit d7c3b84
Show file tree

Hide file tree

Showing 39 changed files with 268 additions and 25 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "create-chrome-ext",
-  "version": "0.9.1",
+  "version": "0.9.2",
   "type": "module",
   "description": "Scaffolding your chrome extension, multiple boilerplates supported!",
   "author": "yalda",

diff --git a/template-alpine-js/package.json b/template-alpine-js/package.json
@@ -19,13 +19,16 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "zip": "npm run build && node src/zip.js"
   },
   "dependencies": {
     "alpinejs": "^3.13.1"
   },
   "devDependencies": {
     "@crxjs/vite-plugin": "^2.0.0-beta.19",
+    "gulp": "^4.0.2",
+    "gulp-zip": "^6.0.0",
     "vite": "^4.4.11"
   }
 }
diff --git a/template-alpine-js/src/zip.js b/template-alpine-js/src/zip.js
@@ -0,0 +1,10 @@
+import gulp from 'gulp'
+import zip from 'gulp-zip'
+import { createRequire } from 'module'
+const require = createRequire(import.meta.url)
+const manifest = require('../build/manifest.json')
+
+gulp
+  .src('build/*')
+  .pipe(zip(`${manifest.name.replaceAll(' ', '-')}-${manifest.version}.zip`))
+  .pipe(gulp.dest('package'))
diff --git a/template-alpine-ts/package.json b/template-alpine-ts/package.json
@@ -19,7 +19,8 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "zip": "npm run build && node src/zip.js"
   },
   "dependencies": {
     "alpinejs": "^3.13.1"
@@ -28,6 +29,8 @@
     "@crxjs/vite-plugin": "^2.0.0-beta.19",
     "@types/alpinejs": "^3.13.2",
     "@types/chrome": "^0.0.246",
+    "gulp": "^4.0.2",
+    "gulp-zip": "^6.0.0",
     "typescript": "^5.2.2",
     "vite": "^4.4.11"
   }

diff --git a/template-alpine-ts/src/zip.js b/template-alpine-ts/src/zip.js
@@ -0,0 +1,10 @@
+import gulp from 'gulp'
+import zip from 'gulp-zip'
+import { createRequire } from 'module'
+const require = createRequire(import.meta.url)
+const manifest = require('../build/manifest.json')
+
+gulp
+  .src('build/*')
+  .pipe(zip(`${manifest.name.replaceAll(' ', '-')}-${manifest.version}.zip`))
+  .pipe(gulp.dest('package'))
diff --git a/template-inferno-js/package.json b/template-inferno-js/package.json
@@ -19,7 +19,8 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "zip": "npm run build && node src/zip.js"
   },
   "dependencies": {
     "inferno": "^8.2.2"
@@ -28,6 +29,8 @@
     "@babel/core": "7.23.2",
     "@babel/parser": "7.23.0",
     "@crxjs/vite-plugin": "^2.0.0-beta.19",
+    "gulp": "^4.0.2",
+    "gulp-zip": "^6.0.0",
     "vite": "^4.4.11",
     "vite-plugin-inferno": "0.0.1"
   }

diff --git a/template-inferno-js/src/zip.js b/template-inferno-js/src/zip.js
@@ -0,0 +1,10 @@
+import gulp from 'gulp'
+import zip from 'gulp-zip'
+import { createRequire } from 'module'
+const require = createRequire(import.meta.url)
+const manifest = require('../build/manifest.json')
+
+gulp
+  .src('build/*')
+  .pipe(zip(`${manifest.name.replaceAll(' ', '-')}-${manifest.version}.zip`))
+  .pipe(gulp.dest('package'))
diff --git a/template-inferno-ts/package.json b/template-inferno-ts/package.json
@@ -19,7 +19,8 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "zip": "npm run build && node src/zip.js"
   },
   "dependencies": {
     "inferno": "^8.2.2"
@@ -29,6 +30,8 @@
     "@babel/parser": "7.23.0",
     "@crxjs/vite-plugin": "^2.0.0-beta.19",
     "@types/chrome": "^0.0.246",
+    "gulp": "^4.0.2",
+    "gulp-zip": "^6.0.0",
     "typescript": "^5.2.2",
     "vite": "^4.4.11",
     "vite-plugin-inferno": "0.0.1"

diff --git a/template-inferno-ts/src/zip.js b/template-inferno-ts/src/zip.js
@@ -0,0 +1,10 @@
+import gulp from 'gulp'
+import zip from 'gulp-zip'
+import { createRequire } from 'module'
+const require = createRequire(import.meta.url)
+const manifest = require('../build/manifest.json')
+
+gulp
+  .src('build/*')
+  .pipe(zip(`${manifest.name.replaceAll(' ', '-')}-${manifest.version}.zip`))
+  .pipe(gulp.dest('package'))
diff --git a/template-lit-js/package.json b/template-lit-js/package.json
@@ -19,13 +19,16 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
-    "fmt": "prettier --write '**/*.{js,json,css,scss,md}'"
+    "fmt": "prettier --write '**/*.{js,json,css,scss,md}'",
+    "zip": "npm run build && node src/zip.js"
   },
   "dependencies": {
     "lit": "^2.8.0"
   },
   "devDependencies": {
     "@crxjs/vite-plugin": "^2.0.0-beta.19",
+    "gulp": "^4.0.2",
+    "gulp-zip": "^6.0.0",
     "prettier": "^3.0.3",
     "vite": "^3.2.7"
   }

diff --git a/template-lit-js/src/zip.js b/template-lit-js/src/zip.js
@@ -0,0 +1,10 @@
+import gulp from 'gulp'
+import zip from 'gulp-zip'
+import { createRequire } from 'module'
+const require = createRequire(import.meta.url)
+const manifest = require('../build/manifest.json')
+
+gulp
+  .src('build/*')
+  .pipe(zip(`${manifest.name.replaceAll(' ', '-')}-${manifest.version}.zip`))
+  .pipe(gulp.dest('package'))
diff --git a/template-lit-ts/package.json b/template-lit-ts/package.json
@@ -19,14 +19,17 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",
-    "fmt": "prettier --write '**/*.{ts,json,css,scss,md}'"
+    "fmt": "prettier --write '**/*.{ts,json,css,scss,md}'",
+    "zip": "npm run build && node src/zip.js"
   },
   "dependencies": {
     "lit": "^3.0.0"
   },
   "devDependencies": {
     "@crxjs/vite-plugin": "^2.0.0-beta.19",
     "@types/chrome": "^0.0.246",
+    "gulp": "^4.0.2",
+    "gulp-zip": "^6.0.0",
     "path": "^0.12.7",
     "prettier": "^3.0.3",
     "typescript": "^5.2.2",

diff --git a/template-lit-ts/src/zip.js b/template-lit-ts/src/zip.js
@@ -0,0 +1,10 @@
+import gulp from 'gulp'
+import zip from 'gulp-zip'
+import { createRequire } from 'module'
+const require = createRequire(import.meta.url)
+const manifest = require('../build/manifest.json')
+
+gulp
+  .src('build/*')
+  .pipe(zip(`${manifest.name.replaceAll(' ', '-')}-${manifest.version}.zip`))
+  .pipe(gulp.dest('package'))
diff --git a/template-preact-js/package.json b/template-preact-js/package.json
@@ -19,14 +19,17 @@
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview",
-    "fmt": "prettier --write '**/*.{jsx,js,json,css,scss,md}'"
+    "fmt": "prettier --write '**/*.{jsx,js,json,css,scss,md}'",
+    "zip": "npm run build && node src/zip.js"
   },
   "dependencies": {
     "preact": "^10.18.1"
   },
   "devDependencies": {
     "@crxjs/vite-plugin": "^2.0.0-beta.19",
     "@preact/preset-vite": "^2.6.0",
+    "gulp": "^4.0.2",
+    "gulp-zip": "^6.0.0",
     "prettier": "^3.0.3",
     "vite": "^4.4.11"
   }

diff --git a/template-preact-js/src/zip.js b/template-preact-js/src/zip.js
@@ -0,0 +1,10 @@
+import gulp from 'gulp'
+import zip from 'gulp-zip'
+import { createRequire } from 'module'
+const require = createRequire(import.meta.url)
+const manifest = require('../build/manifest.json')
+
+gulp
+  .src('build/*')
+  .pipe(zip(`${manifest.name.replaceAll(' ', '-')}-${manifest.version}.zip`))
+  .pipe(gulp.dest('package'))
diff --git a/template-preact-ts/package.json b/template-preact-ts/package.json
@@ -19,7 +19,8 @@
     "dev": "vite",
     "build": "tsc && vite build",
     "preview": "vite preview",
-    "fmt": "prettier --write '**/*.{tsx,ts,json,css,scss,md}'"
+    "fmt": "prettier --write '**/*.{tsx,ts,json,css,scss,md}'",
+    "zip": "npm run build && node src/zip.js"
   },
   "dependencies": {
     "preact": "^10.18.1"
@@ -28,6 +29,8 @@
     "@crxjs/vite-plugin": "^2.0.0-beta.19",
     "@preact/preset-vite": "^2.6.0",
     "@types/chrome": "^0.0.246",
+    "gulp": "^4.0.2",
+    "gulp-zip": "^6.0.0",
     "prettier": "^3.0.3",
     "typescript": "^5.2.2",
     "vite": "^4.4.11"

diff --git a/template-preact-ts/src/zip.js b/template-preact-ts/src/zip.js
@@ -0,0 +1,10 @@
+import gulp from 'gulp'
+import zip from 'gulp-zip'
+import { createRequire } from 'module'
+const require = createRequire(import.meta.url)
+const manifest = require('../build/manifest.json')
+
+gulp
+  .src('build/*')
+  .pipe(zip(`${manifest.name.replaceAll(' ', '-')}-${manifest.version}.zip`))
+  .pipe(gulp.dest('package'))
diff --git a/template-react-js/package.json b/template-react-js/package.json
@@ -19,7 +19,8 @@
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview",
-    "fmt": "prettier --write '**/*.{jsx,js,json,css,scss,md}'"
+    "fmt": "prettier --write '**/*.{jsx,js,json,css,scss,md}'",
+    "zip": "npm run build && node src/zip.js"
   },
   "dependencies": {
     "react": "^18.2.0",
@@ -31,6 +32,8 @@
     "@types/react-dom": "^18.2.13",
     "@vitejs/plugin-react": "^4.1.0",
     "glob": "^10.3.10",
+    "gulp": "^4.0.2",
+    "gulp-zip": "^6.0.0",
     "prettier": "^3.0.3",
     "vite": "^4.4.11"
   }

diff --git a/template-react-js/src/zip.js b/template-react-js/src/zip.js
@@ -0,0 +1,10 @@
+import gulp from 'gulp'
+import zip from 'gulp-zip'
+import { createRequire } from 'module'
+const require = createRequire(import.meta.url)
+const manifest = require('../build/manifest.json')
+
+gulp
+  .src('build/*')
+  .pipe(zip(`${manifest.name.replaceAll(' ', '-')}-${manifest.version}.zip`))
+  .pipe(gulp.dest('package'))
diff --git a/template-react-ts/package.json b/template-react-ts/package.json
@@ -19,7 +19,8 @@
     "dev": "vite",
     "build": "tsc && vite build",
     "preview": "vite preview",
-    "fmt": "prettier --write '**/*.{tsx,ts,json,css,scss,md}'"
+    "fmt": "prettier --write '**/*.{tsx,ts,json,css,scss,md}'",
+    "zip": "npm run build && node src/zip.js"
   },
   "dependencies": {
     "react": "^18.2.0",
@@ -31,6 +32,8 @@
     "@types/react": "^18.2.28",
     "@types/react-dom": "^18.2.13",
     "@vitejs/plugin-react": "^4.1.0",
+    "gulp": "^4.0.2",
+    "gulp-zip": "^6.0.0",
     "prettier": "^3.0.3",
     "typescript": "^5.2.2",
     "vite": "^4.4.11"

diff --git a/template-react-ts/src/zip.js b/template-react-ts/src/zip.js
@@ -0,0 +1,10 @@
+import gulp from 'gulp'
+import zip from 'gulp-zip'
+import { createRequire } from 'module'
+const require = createRequire(import.meta.url)
+const manifest = require('../build/manifest.json')
+
+gulp
+  .src('build/*')
+  .pipe(zip(`${manifest.name.replaceAll(' ', '-')}-${manifest.version}.zip`))
+  .pipe(gulp.dest('package'))
diff --git a/template-solid-js/package.json b/template-solid-js/package.json
@@ -20,10 +20,13 @@
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview",
-    "fmt": "prettier --write '**/*.{tsx,ts,json,css,md}'"
+    "fmt": "prettier --write '**/*.{tsx,ts,json,css,md}'",
+    "zip": "npm run build && node src/zip.js"
   },
   "devDependencies": {
     "@crxjs/vite-plugin": "^2.0.0-beta.19",
+    "gulp": "^4.0.2",
+    "gulp-zip": "^6.0.0",
     "prettier": "^3.0.3",
     "vite": "^4.4.11",
     "vite-plugin-solid": "^2.7.1"

diff --git a/template-solid-js/src/zip.js b/template-solid-js/src/zip.js
@@ -0,0 +1,10 @@
+import gulp from 'gulp'
+import zip from 'gulp-zip'
+import { createRequire } from 'module'
+const require = createRequire(import.meta.url)
+const manifest = require('../build/manifest.json')
+
+gulp
+  .src('build/*')
+  .pipe(zip(`${manifest.name.replaceAll(' ', '-')}-${manifest.version}.zip`))
+  .pipe(gulp.dest('package'))
diff --git a/template-solid-ts/package.json b/template-solid-ts/package.json
@@ -20,11 +20,14 @@
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview",
-    "fmt": "prettier --write '**/*.{tsx,ts,json,css,md}'"
+    "fmt": "prettier --write '**/*.{tsx,ts,json,css,md}'",
+    "zip": "npm run build && node src/zip.js"
   },
   "devDependencies": {
     "@crxjs/vite-plugin": "^2.0.0-beta.19",
     "@types/chrome": "^0.0.246",
+    "gulp": "^4.0.2",
+    "gulp-zip": "^6.0.0",
     "prettier": "^3.0.3",
     "typescript": "^5.2.2",
     "vite": "^4.4.11",

diff --git a/template-solid-ts/src/zip.js b/template-solid-ts/src/zip.js
@@ -0,0 +1,10 @@
+import gulp from 'gulp'
+import zip from 'gulp-zip'
+import { createRequire } from 'module'
+const require = createRequire(import.meta.url)
+const manifest = require('../build/manifest.json')
+
+gulp
+  .src('build/*')
+  .pipe(zip(`${manifest.name.replaceAll(' ', '-')}-${manifest.version}.zip`))
+  .pipe(gulp.dest('package'))
diff --git a/template-stencil-ts/package.json b/template-stencil-ts/package.json
@@ -18,13 +18,16 @@
     "build": "stencil build",
     "start": "stencil build --dev --watch --serve",
     "generate": "stencil generate",
-    "fmt": "prettier --write '**/*.{jsx,js,json,css,md}'"
+    "fmt": "prettier --write '**/*.{jsx,js,json,css,md}'",
+    "zip": "npm run build && node src/zip.js"
   },
   "devDependencies": {
     "@stencil/core": "^4.4.0",
     "@types/chrome": "^0.0.246",
     "@types/node": "^20.8.3",
     "express": "^4.18.2",
+    "gulp": "^4.0.2",
+    "gulp-zip": "^6.0.0",
     "prettier": "^3.0.3",
     "typescript": "^5.2.2"
   }

diff --git a/template-stencil-ts/src/zip.js b/template-stencil-ts/src/zip.js
@@ -0,0 +1,10 @@
+import gulp from 'gulp'
+import zip from 'gulp-zip'
+import { createRequire } from 'module'
+const require = createRequire(import.meta.url)
+const manifest = require('../build/manifest.json')
+
+gulp
+  .src('build/*')
+  .pipe(zip(`${manifest.name.replaceAll(' ', '-')}-${manifest.version}.zip`))
+  .pipe(gulp.dest('package'))