Skip to content

Commit 9efb0d6

Browse files
guocaoyiguocaoyi
committed
feat(lit&inferno):out of box functions, countor \ newtab timer \ events
1 parent 19b1150 commit 9efb0d6

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

74 files changed

+1102
-269
lines changed

‎README.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
- 🥡 Out of Box (Background \ Content \ Popup \ Options \ SidePanel \ DevTools \ NewTab)
1616
- 🧶 Optimized Builds
1717

18-
[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)
18+
[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)
1919

2020
## Installing
2121

‎docs/README.de-DE.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
- 🥡 Sofort einsatzbereit (Background \ Content \ Popup \ Options \ SidePanel \ DevTools \ NewTab)
1616
- 🧶 Optimierte Builds
1717

18-
[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)
18+
[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)
1919

2020
## Installation
2121

‎docs/README.fr-FR.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
- 🥢 Prise en charge de plusieurs langages ([JavaScript](https://www.javascript.com/) · [TypeScript](https://www.typescriptlang.org/))
1616
- 🧶 Création optimisée
1717

18-
[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)
18+
[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)
1919

2020
## Installation
2121

‎docs/README.id-ID.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
- 🥢 Mendukung Berbagai Bahasa ([JavaScript](https://www.javascript.com/) · [TypeScript](https://www.typescriptlang.org/))
1616
- 🧶 Pembangunan Teroptimasi (Latar Belakang · Konten · Popup · Opsi · Panel Sisi · Panel Devtools)
1717

18-
[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)
18+
[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)
1919

2020
## Instalasi
2121

‎docs/README.ja-JP.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
- 🥢 複数の言語をサポート（[JavaScript](https://www.javascript.com/) · [TypeScript](https://www.typescriptlang.org/)）
1616
- 🧶 最適化されたビルド
1717

18-
[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)
18+
[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)
1919

2020
## インストール
2121

‎docs/README.ko-KR.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
- 🥢 다양한 언어 지원 ([JavaScript](https://www.javascript.com/) · [TypeScript](https://www.typescriptlang.org/))
1616
- 🧶 최적화된 빌드 (백그라운드 · 컨텐츠 · 팝업 · 옵션 · 사이드패널 · 개발도구 패널)
1717

18-
[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)
18+
[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)
1919

2020
## 설치
2121

‎docs/README.ru-RU.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
- 🥢 Поддержка нескольких языков ([JavaScript](https://www.javascript.com/) · [TypeScript](https://www.typescriptlang.org/))
1616
- 🧶 Оптимизированные сборки (Фон · Контент · Всплывающее окно · Опции · Боковая панель · Панель инструментов разработчика)
1717

18-
[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)
18+
[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)
1919

2020
## Установка
2121

‎docs/README.zh-CN.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
- 🌈 多种前端框架支持（[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)）
1515
- 🥢 多语言支持（[JavaScript](https://www.javascript.com/) · [TypeScript](https://www.typescriptlang.org/)）
1616

17-
[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)
17+
[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)
1818

1919
## 安装
2020

‎docs/img/crx-preview.png

55.9 KB
Loading

‎index.ts

+9-9
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ const cwd = process.cwd()
1717
*/
1818
const Boilerplates = [
1919
{
20-
name: 'react', // star:191 wd:15097
20+
name: 'react', // star:214 wd:17209
2121
kolor: ansi256(81),
2222
variants: [
2323
{
@@ -33,7 +33,7 @@ const Boilerplates = [
3333
],
3434
},
3535
{
36-
name: 'vue', // star:197 wd:3223
36+
name: 'vue', // star:206 wd:3219
3737
kolor: ansi256(36),
3838
variants: [
3939
{
@@ -49,7 +49,7 @@ const Boilerplates = [
4949
],
5050
},
5151
{
52-
name: 'svelte', // star:60.3 wd:339
52+
name: 'svelte', // star:73 wd:580
5353
kolor: ansi256(203),
5454
variants: [
5555
{
@@ -65,7 +65,7 @@ const Boilerplates = [
6565
],
6666
},
6767
{
68-
name: 'preact', // star:32 wd:1385
68+
name: 'preact', // star:35 wd:2119
6969
kolor: ansi256(56),
7070
variants: [
7171
{
@@ -81,7 +81,7 @@ const Boilerplates = [
8181
],
8282
},
8383
{
84-
name: 'solid', // star:19.9 wd:30
84+
name: 'solid', // star:29 wd:114
8585
kolor: ansi256(25),
8686
variants: [
8787
{
@@ -97,7 +97,7 @@ const Boilerplates = [
9797
],
9898
},
9999
{
100-
name: 'alpine', // star:21.1 wd:93
100+
name: 'alpine', // star:25 wd:131
101101
kolor: ansi256(116),
102102
variants: [
103103
{
@@ -113,7 +113,7 @@ const Boilerplates = [
113113
],
114114
},
115115
{
116-
name: 'lit', // star:11.9 wd:300
116+
name: 'lit', // star:16 wd:1142
117117
kolor: ansi256(43),
118118
variants: [
119119
{
@@ -129,7 +129,7 @@ const Boilerplates = [
129129
],
130130
},
131131
{
132-
name: 'stencil', // star:11.9 wd:655
132+
name: 'stencil', // star:12 wd:739
133133
kolor: ansi256(69),
134134
variants: [
135135
{
@@ -140,7 +140,7 @@ const Boilerplates = [
140140
],
141141
},
142142
{
143-
name: 'inferno', // star:15.9 wd:88
143+
name: 'inferno', // star:15.9 wd:127
144144
kolor: ansi256(202),
145145
variants: [
146146
{

‎package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "create-chrome-ext",
3-
"version": "0.9.0",
3+
"version": "0.9.1",
44
"type": "module",
55
"description": "Scaffolding your chrome extension, multiple boilerplates supported!",
66
"author": "yalda",

‎template-alpine-js/devtools.html

+78
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,78 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="icon" href="/icons/logo.ico" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>Chrome Extension + Alpine + JS + Vite</title>
8+
<style>
9+
:root {
10+
font-family:
11+
system-ui,
12+
-apple-system,
13+
BlinkMacSystemFont,
14+
'Segoe UI',
15+
Roboto,
16+
Oxygen,
17+
Ubuntu,
18+
Cantarell,
19+
'Open Sans',
20+
'Helvetica Neue',
21+
sans-serif;
22+
23+
color-scheme: light dark;
24+
background-color: #242424;
25+
}
26+
27+
@media (prefers-color-scheme: light) {
28+
:root {
29+
background-color: #fafafa;
30+
}
31+
32+
a:hover {
33+
color: #48a9c1;
34+
}
35+
}
36+
37+
body {
38+
min-width: 20rem;
39+
margin: 0;
40+
}
41+
42+
body {
43+
min-width: 20rem;
44+
}
45+
46+
main {
47+
text-align: center;
48+
padding: 1em;
49+
margin: 0 auto;
50+
}
51+
52+
h3 {
53+
color: #48a9c1;
54+
text-transform: uppercase;
55+
font-size: 1.5rem;
56+
font-weight: 200;
57+
line-height: 1.2rem;
58+
margin: 2rem auto;
59+
}
60+
61+
a {
62+
font-size: 0.5rem;
63+
margin: 0.5rem;
64+
color: #cccccc;
65+
text-decoration: none;
66+
}
67+
</style>
68+
</head>
69+
<body>
70+
<main>
71+
<h3>DevTools Page</h3>
72+
<a href="'https://github.com/guocaoyi/create-chrome-ext'" target="_blank">
73+
generated by create-chrome-ext
74+
</a>
75+
</main>
76+
<script type="module" src="/src/devtools/index.js"></script>
77+
</body>
78+
</html>

‎template-alpine-js/newtab.html

+84
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,84 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="icon" href="/icons/logo.ico" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>Chrome Extension + Alpine + JS + Vite</title>
8+
<style>
9+
:root {
10+
font-family:
11+
system-ui,
12+
-apple-system,
13+
BlinkMacSystemFont,
14+
'Segoe UI',
15+
Roboto,
16+
Oxygen,
17+
Ubuntu,
18+
Cantarell,
19+
'Open Sans',
20+
'Helvetica Neue',
21+
sans-serif;
22+
23+
color-scheme: light dark;
24+
background-color: #242424;
25+
}
26+
27+
@media (prefers-color-scheme: light) {
28+
:root {
29+
background-color: #fafafa;
30+
}
31+
}
32+
33+
body {
34+
min-width: 20rem;
35+
margin: 0;
36+
}
37+
38+
section::before {
39+
content: '';
40+
position: fixed;
41+
z-index: -1;
42+
width: 100vw;
43+
height: 100vh;
44+
background-image: url('https://source.unsplash.com/random');
45+
background-size: cover;
46+
filter: blur(10px);
47+
}
48+
49+
section {
50+
width: 100vw;
51+
height: 100vh;
52+
53+
display: flex;
54+
flex-direction: column;
55+
justify-content: space-between;
56+
align-items: center;
57+
}
58+
59+
h1 {
60+
color: #48a9c1;
61+
text-transform: uppercase;
62+
font-size: 6rem;
63+
margin: 2rem auto;
64+
}
65+
66+
a {
67+
font-size: 0.5rem;
68+
margin: 0.5rem;
69+
color: #cccccc;
70+
text-decoration: none;
71+
}
72+
</style>
73+
</head>
74+
<body>
75+
<section x-data="newtab">
76+
<span></span>
77+
<h1 x-text="time">00:00</h1>
78+
<a href="https://github.com/guocaoyi/create-chrome-ext" target="_blank">
79+
generated by create-chrome-ext
80+
</a>
81+
</section>
82+
<script type="module" src="/src/newtab/index.js"></script>
83+
</body>
84+
</html>

0 commit comments

Comments
 (0)