Feat/0.9.0

README.md

@@ -15,7 +15,7 @@
 - 🥡 Out of Box (Background \ Content \ Popup \ Options \ SidePanel \ DevTools \ NewTab)
 - 🧶 Optimized Builds
 
-[English](./README.md) · [简体中文](./docs/README.zh-CN.md) · [French](./docs/README.fr-FR.md) · [한국어](./docs/README.ko-KR.md) · [Indonesian](./docs/README.id-ID.md) · [Русский](./docs/README.ru-RU.md) · [Deutsch](./docs/README.de-DE.md) · [日本語](./docs/README.ja-JP.md) (Translated by ChatGPT)
+[English](./README.md) · [简体中文](./docs/README.zh-CN.md) · [French](./docs/README.fr-FR.md) · [한국어](./docs/README.ko-KR.md) · [Indonesian](./docs/README.id-ID.md) · [Русский](./docs/README.ru-RU.md) · [Deutsch](./docs/README.de-DE.md) · [日本語](./docs/README.ja-JP.md) (by ChatGPT)
 
 ## Installing
 

docs/README.de-DE.md

@@ -15,7 +15,7 @@
 - 🥡 Sofort einsatzbereit (Background \ Content \ Popup \ Options \ SidePanel \ DevTools \ NewTab)
 - 🧶 Optimierte Builds
 
-[English](../README.md) · [简体中文](./README.zh-CN.md) · [French](./README.fr-FR.md) · [한국어](./README.ko-KR.md) · [Indonesian](./README.id-ID.md) · [Русский](./README.ru-RU.md) · [Deutsch](./README.de-DE.md) · [日本語](./README.ja-JP.md) (Translated by ChatGPT)
+[English](../README.md) · [简体中文](./README.zh-CN.md) · [French](./README.fr-FR.md) · [한국어](./README.ko-KR.md) · [Indonesian](./README.id-ID.md) · [Русский](./README.ru-RU.md) · Deutsch · [日本語](./README.ja-JP.md) (by ChatGPT)
 
 ## Installation
 

docs/README.fr-FR.md

@@ -15,7 +15,7 @@
 - 🥢 Prise en charge de plusieurs langages ([JavaScript](https://www.javascript.com/) · [TypeScript](https://www.typescriptlang.org/))
 - 🧶 Création optimisée
 
-[English](../README.md) · [简体中文](./README.zh-CN.md) · [French](./README.fr-FR.md) · [한국어](./README.ko-KR.md) · [Indonesian](./README.id-ID.md) · [Русский](./README.ru-RU.md) · [Deutsch](./README.de-DE.md) · [日本語](./README.ja-JP.md) (Translated by ChatGPT)
+[English](../README.md) · [简体中文](./README.zh-CN.md) · French · [한국어](./README.ko-KR.md) · [Indonesian](./README.id-ID.md) · [Русский](./README.ru-RU.md) · [Deutsch](./README.de-DE.md) · [日本語](./README.ja-JP.md) (by ChatGPT)
 
 ## Installation
 

docs/README.id-ID.md

@@ -15,7 +15,7 @@
 - 🥢 Mendukung Berbagai Bahasa ([JavaScript](https://www.javascript.com/) · [TypeScript](https://www.typescriptlang.org/))
 - 🧶 Pembangunan Teroptimasi (Latar Belakang · Konten · Popup · Opsi · Panel Sisi · Panel Devtools)
 
-[English](../README.md) · [简体中文](./README.zh-CN.md) · [French](./README.fr-FR.md) · [한국어](./README.ko-KR.md) · [Indonesian](./README.id-ID.md) · [Русский](./README.ru-RU.md) · [Deutsch](./README.de-DE.md) · [日本語](./README.ja-JP.md) (Translated by ChatGPT)
+[English](../README.md) · [简体中文](./README.zh-CN.md) · [French](./README.fr-FR.md) · [한국어](./README.ko-KR.md) · Indonesian · [Русский](./README.ru-RU.md) · [Deutsch](./README.de-DE.md) · [日本語](./README.ja-JP.md) (by ChatGPT)
 
 ## Instalasi
 

docs/README.ja-JP.md

@@ -15,7 +15,7 @@
 - 🥢 複数の言語をサポート（[JavaScript](https://www.javascript.com/) · [TypeScript](https://www.typescriptlang.org/)）
 - 🧶 最適化されたビルド
 
-[English](../README.md) · [简体中文](./README.zh-CN.md) · [French](./README.fr-FR.md) · [한국어](./README.ko-KR.md) · [Indonesian](./README.id-ID.md) · [Русский](./README.ru-RU.md) · [Deutsch](./README.de-DE.md) · [日本語](./README.ja-JP.md) (Translated by ChatGPT)
+[English](../README.md) · [简体中文](./README.zh-CN.md) · [French](./README.fr-FR.md) · [한국어](./README.ko-KR.md) · [Indonesian](./README.id-ID.md) · [Русский](./README.ru-RU.md) · [Deutsch](./README.de-DE.md) · 日本語 (by ChatGPT)
 
 ## インストール
 

docs/README.ko-KR.md

@@ -15,7 +15,7 @@
 - 🥢 다양한 언어 지원 ([JavaScript](https://www.javascript.com/) · [TypeScript](https://www.typescriptlang.org/))
 - 🧶 최적화된 빌드 (백그라운드 · 컨텐츠 · 팝업 · 옵션 · 사이드패널 · 개발도구 패널)
 
-[English](../README.md) · [简体中文](./README.zh-CN.md) · [French](./README.fr-FR.md) · [한국어](./README.ko-KR.md) · [Indonesian](./README.id-ID.md) · [Русский](./README.ru-RU.md) · [Deutsch](./README.de-DE.md) · [日本語](./README.ja-JP.md) (Translated by ChatGPT)
+[English](../README.md) · [简体中文](./README.zh-CN.md) · [French](./README.fr-FR.md) · 한국어 · [Indonesian](./README.id-ID.md) · [Русский](./README.ru-RU.md) · [Deutsch](./README.de-DE.md) · [日本語](./README.ja-JP.md) (by ChatGPT)
 
 ## 설치
 

docs/README.ru-RU.md

@@ -15,7 +15,7 @@
 - 🥢 Поддержка нескольких языков ([JavaScript](https://www.javascript.com/) · [TypeScript](https://www.typescriptlang.org/))
 - 🧶 Оптимизированные сборки (Фон · Контент · Всплывающее окно · Опции · Боковая панель · Панель инструментов разработчика)
 
-[English](../README.md) · [简体中文](./README.zh-CN.md) · [French](./README.fr-FR.md) · [한국어](./README.ko-KR.md) · [Indonesian](./README.id-ID.md) · [Русский](./README.ru-RU.md) · [Deutsch](./README.de-DE.md) · [日本語](./README.ja-JP.md) (Translated by ChatGPT)
+[English](../README.md) · [简体中文](./README.zh-CN.md) · [French](./README.fr-FR.md) · [한국어](./README.ko-KR.md) · [Indonesian](./README.id-ID.md) · Русский · [Deutsch](./README.de-DE.md) · [日本語](./README.ja-JP.md) (by ChatGPT)
 
 ## Установка
 

docs/README.zh-CN.md

@@ -14,7 +14,7 @@
 - 🌈 多种前端框架支持（[React](https://reactjs.org) · [Vue](https://vuejs.org) · [Svelte](https://svelte.dev) · [Preact](https://preactjs.com) · [Solid](https://www.solidjs.com) · [Alpine](https://alpinejs.dev) · [Lit](https://lit.dev) · [Inferno](https://www.infernojs.org) · [Stencil](https://stenciljs.com) · [Vanilla](http://vanilla-js.com)）
 - 🥢 多语言支持（[JavaScript](https://www.javascript.com/) · [TypeScript](https://www.typescriptlang.org/)）
 
-[English](../README.md) · [简体中文](./README.zh-CN.md) · [French](./README.fr-FR.md) · [한국어](./README.ko-KR.md) · [Indonesian](./README.id-ID.md) · [Русский](./README.ru-RU.md) · [Deutsch](./README.de-DE.md) · [日本語](./README.ja-JP.md) (Translated by ChatGPT)
+[English](../README.md) · 简体中文 · [French](./README.fr-FR.md) · [한국어](./README.ko-KR.md) · [Indonesian](./README.id-ID.md) · [Русский](./README.ru-RU.md) · [Deutsch](./README.de-DE.md) · [日本語](./README.ja-JP.md) (by ChatGPT)
 
 ## 安装
 

index.ts

@@ -17,7 +17,7 @@ const cwd = process.cwd()
  */
 const Boilerplates = [
   {
-    name: 'react', // star:191 wd:15097
+    name: 'react', // star:214 wd:17209
     kolor: ansi256(81),
     variants: [
       {
@@ -33,7 +33,7 @@ const Boilerplates = [
     ],
   },
   {
-    name: 'vue', // star:197 wd:3223
+    name: 'vue', // star:206 wd:3219
     kolor: ansi256(36),
     variants: [
       {
@@ -49,7 +49,7 @@ const Boilerplates = [
     ],
   },
   {
-    name: 'svelte', // star:60.3 wd:339
+    name: 'svelte', // star:73 wd:580
     kolor: ansi256(203),
     variants: [
       {
@@ -65,7 +65,7 @@ const Boilerplates = [
     ],
   },
   {
-    name: 'preact', // star:32 wd:1385
+    name: 'preact', // star:35 wd:2119
     kolor: ansi256(56),
     variants: [
       {
@@ -81,7 +81,7 @@ const Boilerplates = [
     ],
   },
   {
-    name: 'solid', // star:19.9 wd:30
+    name: 'solid', // star:29 wd:114
     kolor: ansi256(25),
     variants: [
       {
@@ -97,7 +97,7 @@ const Boilerplates = [
     ],
   },
   {
-    name: 'alpine', // star:21.1 wd:93
+    name: 'alpine', // star:25 wd:131
     kolor: ansi256(116),
     variants: [
       {
@@ -113,7 +113,7 @@ const Boilerplates = [
     ],
   },
   {
-    name: 'lit', // star:11.9 wd:300
+    name: 'lit', // star:16 wd:1142
     kolor: ansi256(43),
     variants: [
       {
@@ -129,7 +129,7 @@ const Boilerplates = [
     ],
   },
   {
-    name: 'stencil', // star:11.9 wd:655
+    name: 'stencil', // star:12 wd:739
     kolor: ansi256(69),
     variants: [
       {
@@ -140,7 +140,7 @@ const Boilerplates = [
     ],
   },
   {
-    name: 'inferno', // star:15.9 wd:88
+    name: 'inferno', // star:15.9 wd:127
     kolor: ansi256(202),
     variants: [
       {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-chrome-ext",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "type": "module",
   "description": "Scaffolding your chrome extension, multiple boilerplates supported!",
   "author": "yalda",

template-alpine-js/devtools.html

@@ -0,0 +1,78 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/icons/logo.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Chrome Extension + Alpine + JS + Vite</title>
+    <style>
+      :root {
+        font-family:
+          system-ui,
+          -apple-system,
+          BlinkMacSystemFont,
+          'Segoe UI',
+          Roboto,
+          Oxygen,
+          Ubuntu,
+          Cantarell,
+          'Open Sans',
+          'Helvetica Neue',
+          sans-serif;
+
+        color-scheme: light dark;
+        background-color: #242424;
+      }
+
+      @media (prefers-color-scheme: light) {
+        :root {
+          background-color: #fafafa;
+        }
+
+        a:hover {
+          color: #48a9c1;
+        }
+      }
+
+      body {
+        min-width: 20rem;
+        margin: 0;
+      }
+
+      body {
+        min-width: 20rem;
+      }
+
+      main {
+        text-align: center;
+        padding: 1em;
+        margin: 0 auto;
+      }
+
+      h3 {
+        color: #48a9c1;
+        text-transform: uppercase;
+        font-size: 1.5rem;
+        font-weight: 200;
+        line-height: 1.2rem;
+        margin: 2rem auto;
+      }
+
+      a {
+        font-size: 0.5rem;
+        margin: 0.5rem;
+        color: #cccccc;
+        text-decoration: none;
+      }
+    </style>
+  </head>
+  <body>
+    <main>
+      <h3>DevTools Page</h3>
+      <a href="'https://github.com/guocaoyi/create-chrome-ext'" target="_blank">
+        generated by create-chrome-ext
+      </a>
+    </main>
+    <script type="module" src="/src/devtools/index.js"></script>
+  </body>
+</html>

template-alpine-js/newtab.html

@@ -0,0 +1,84 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/icons/logo.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Chrome Extension + Alpine + JS + Vite</title>
+    <style>
+      :root {
+        font-family:
+          system-ui,
+          -apple-system,
+          BlinkMacSystemFont,
+          'Segoe UI',
+          Roboto,
+          Oxygen,
+          Ubuntu,
+          Cantarell,
+          'Open Sans',
+          'Helvetica Neue',
+          sans-serif;
+
+        color-scheme: light dark;
+        background-color: #242424;
+      }
+
+      @media (prefers-color-scheme: light) {
+        :root {
+          background-color: #fafafa;
+        }
+      }
+
+      body {
+        min-width: 20rem;
+        margin: 0;
+      }
+
+      section::before {
+        content: '';
+        position: fixed;
+        z-index: -1;
+        width: 100vw;
+        height: 100vh;
+        background-image: url('https://source.unsplash.com/random');
+        background-size: cover;
+        filter: blur(10px);
+      }
+
+      section {
+        width: 100vw;
+        height: 100vh;
+
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        align-items: center;
+      }
+
+      h1 {
+        color: #48a9c1;
+        text-transform: uppercase;
+        font-size: 6rem;
+        margin: 2rem auto;
+      }
+
+      a {
+        font-size: 0.5rem;
+        margin: 0.5rem;
+        color: #cccccc;
+        text-decoration: none;
+      }
+    </style>
+  </head>
+  <body>
+    <section x-data="newtab">
+      <span></span>
+      <h1 x-text="time">00:00</h1>
+      <a href="https://github.com/guocaoyi/create-chrome-ext" target="_blank">
+        generated by create-chrome-ext
+      </a>
+    </section>
+    <script type="module" src="/src/newtab/index.js"></script>
+  </body>
+</html>