create-addfox-app 0.1.1-beta.13 → 0.1.1-beta.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +2 -2
- package/templates/template-preact-js/app/popup/App.jsx +31 -23
- package/templates/template-preact-js/public/welcome.html +20 -19
- package/templates/template-preact-ts/app/popup/App.tsx +31 -23
- package/templates/template-preact-ts/public/welcome.html +20 -19
- package/templates/template-react-js/app/popup/App.jsx +29 -21
- package/templates/template-react-js/public/welcome.html +20 -19
- package/templates/template-react-ts/app/popup/App.tsx +29 -21
- package/templates/template-react-ts/public/welcome.html +20 -19
- package/templates/template-solid-js/app/popup/App.jsx +34 -26
- package/templates/template-solid-js/public/welcome.html +20 -19
- package/templates/template-solid-ts/app/popup/App.tsx +34 -26
- package/templates/template-solid-ts/public/welcome.html +20 -19
- package/templates/template-svelte-js/app/popup/App.svelte +30 -24
- package/templates/template-svelte-js/public/welcome.html +20 -19
- package/templates/template-svelte-ts/app/popup/App.svelte +30 -24
- package/templates/template-svelte-ts/public/welcome.html +20 -19
- package/templates/template-vanilla-js/app/popup/index.js +48 -37
- package/templates/template-vanilla-js/public/welcome.html +20 -19
- package/templates/template-vanilla-ts/app/popup/index.ts +48 -37
- package/templates/template-vanilla-ts/public/welcome.html +20 -19
- package/templates/template-vue-js/app/popup/App.vue +34 -28
- package/templates/template-vue-js/public/welcome.html +20 -19
- package/templates/template-vue-ts/app/popup/App.vue +32 -26
- package/templates/template-vue-ts/public/welcome.html +20 -19
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "create-addfox-app",
|
|
3
|
-
"version": "0.1.1-beta.
|
|
3
|
+
"version": "0.1.1-beta.15",
|
|
4
4
|
"description": "Interactive scaffolder for addfox extension projects",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"prompts": "^2.4.2",
|
|
18
18
|
"kolorist": "^1.8.0",
|
|
19
19
|
"minimist": "^1.2.8",
|
|
20
|
-
"@addfox/pkg-manager": "0.1.1-beta.
|
|
20
|
+
"@addfox/pkg-manager": "0.1.1-beta.8"
|
|
21
21
|
},
|
|
22
22
|
"devDependencies": {
|
|
23
23
|
"@rslib/core": "^0.20.0",
|
|
@@ -1,23 +1,31 @@
|
|
|
1
|
-
import { h } from "preact";
|
|
2
|
-
|
|
3
|
-
export default function App() {
|
|
4
|
-
const popupStyle = {
|
|
5
|
-
width: 320,
|
|
6
|
-
minHeight: 200,
|
|
7
|
-
padding: 16,
|
|
8
|
-
boxSizing: "border-box",
|
|
9
|
-
display: "flex",
|
|
10
|
-
flexDirection: "column",
|
|
11
|
-
alignItems: "center",
|
|
12
|
-
justifyContent: "center",
|
|
13
|
-
gap: 12,
|
|
14
|
-
fontFamily: 'system-ui, -apple-system, "Segoe UI", sans-serif',
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
return (
|
|
18
|
-
<div style={popupStyle}>
|
|
19
|
-
<img src="/icons/icon_128.png" alt="" width={64} height={64} />
|
|
20
|
-
<div style={{ fontSize: 18, fontWeight: 600 }}>AddFox Preact</div>
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
1
|
+
import { h } from "preact";
|
|
2
|
+
|
|
3
|
+
export default function App() {
|
|
4
|
+
const popupStyle = {
|
|
5
|
+
width: 320,
|
|
6
|
+
minHeight: 200,
|
|
7
|
+
padding: 16,
|
|
8
|
+
boxSizing: "border-box",
|
|
9
|
+
display: "flex",
|
|
10
|
+
flexDirection: "column",
|
|
11
|
+
alignItems: "center",
|
|
12
|
+
justifyContent: "center",
|
|
13
|
+
gap: 12,
|
|
14
|
+
fontFamily: 'system-ui, -apple-system, "Segoe UI", sans-serif',
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
return (
|
|
18
|
+
<div style={popupStyle}>
|
|
19
|
+
<img src="/icons/icon_128.png" alt="" width={64} height={64} />
|
|
20
|
+
<div style={{ fontSize: 18, fontWeight: 600 }}>AddFox Preact</div>
|
|
21
|
+
<a
|
|
22
|
+
href="https://addfox.dev/"
|
|
23
|
+
target="_blank"
|
|
24
|
+
rel="noopener noreferrer"
|
|
25
|
+
style={{ fontSize: 13, color: "#2563eb" }}
|
|
26
|
+
>
|
|
27
|
+
addfox.dev
|
|
28
|
+
</a>
|
|
29
|
+
</div>
|
|
30
|
+
);
|
|
31
|
+
}
|
|
@@ -1,19 +1,20 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8" />
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
|
-
<title>Welcome - Addfox + Preact</title>
|
|
7
|
-
<style>
|
|
8
|
-
body { font-family: system-ui, sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; margin: 0; background: #fafafa; color: #1a1a1a; }
|
|
9
|
-
h1 { font-size: 1.75rem; font-weight: 700; margin: 0 0 0.5rem; }
|
|
10
|
-
p { font-size: 1rem; color: #666; margin: 0; }
|
|
11
|
-
.welcome-icon { width: 96px; height: 96px; margin-bottom: 1rem; object-fit: contain; border-radius: 12px; }
|
|
12
|
-
</style>
|
|
13
|
-
</head>
|
|
14
|
-
<body>
|
|
15
|
-
<img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
|
|
16
|
-
<h1>Addfox + Preact</h1>
|
|
17
|
-
<p>Your extension is ready. Happy building!</p>
|
|
18
|
-
</
|
|
19
|
-
</
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8" />
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
|
+
<title>Welcome - Addfox + Preact</title>
|
|
7
|
+
<style>
|
|
8
|
+
body { font-family: system-ui, sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; margin: 0; background: #fafafa; color: #1a1a1a; }
|
|
9
|
+
h1 { font-size: 1.75rem; font-weight: 700; margin: 0 0 0.5rem; }
|
|
10
|
+
p { font-size: 1rem; color: #666; margin: 0; }
|
|
11
|
+
.welcome-icon { width: 96px; height: 96px; margin-bottom: 1rem; object-fit: contain; border-radius: 12px; }
|
|
12
|
+
</style>
|
|
13
|
+
</head>
|
|
14
|
+
<body>
|
|
15
|
+
<img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
|
|
16
|
+
<h1>Addfox + Preact</h1>
|
|
17
|
+
<p>Your extension is ready. Happy building!</p>
|
|
18
|
+
<p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
|
|
19
|
+
</body>
|
|
20
|
+
</html>
|
|
@@ -1,23 +1,31 @@
|
|
|
1
|
-
import { h } from "preact";
|
|
2
|
-
|
|
3
|
-
export default function App() {
|
|
4
|
-
const popupStyle = {
|
|
5
|
-
width: 320,
|
|
6
|
-
minHeight: 200,
|
|
7
|
-
padding: 16,
|
|
8
|
-
boxSizing: "border-box" as const,
|
|
9
|
-
display: "flex",
|
|
10
|
-
flexDirection: "column" as const,
|
|
11
|
-
alignItems: "center",
|
|
12
|
-
justifyContent: "center",
|
|
13
|
-
gap: 12,
|
|
14
|
-
fontFamily: 'system-ui, -apple-system, "Segoe UI", sans-serif',
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
return (
|
|
18
|
-
<div style={popupStyle}>
|
|
19
|
-
<img src="/icons/icon_128.png" alt="" width={64} height={64} />
|
|
20
|
-
<div style={{ fontSize: 18, fontWeight: 600 }}>AddFox Preact</div>
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
1
|
+
import { h } from "preact";
|
|
2
|
+
|
|
3
|
+
export default function App() {
|
|
4
|
+
const popupStyle = {
|
|
5
|
+
width: 320,
|
|
6
|
+
minHeight: 200,
|
|
7
|
+
padding: 16,
|
|
8
|
+
boxSizing: "border-box" as const,
|
|
9
|
+
display: "flex",
|
|
10
|
+
flexDirection: "column" as const,
|
|
11
|
+
alignItems: "center",
|
|
12
|
+
justifyContent: "center",
|
|
13
|
+
gap: 12,
|
|
14
|
+
fontFamily: 'system-ui, -apple-system, "Segoe UI", sans-serif',
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
return (
|
|
18
|
+
<div style={popupStyle}>
|
|
19
|
+
<img src="/icons/icon_128.png" alt="" width={64} height={64} />
|
|
20
|
+
<div style={{ fontSize: 18, fontWeight: 600 }}>AddFox Preact</div>
|
|
21
|
+
<a
|
|
22
|
+
href="https://addfox.dev/"
|
|
23
|
+
target="_blank"
|
|
24
|
+
rel="noopener noreferrer"
|
|
25
|
+
style={{ fontSize: 13, color: "#2563eb" }}
|
|
26
|
+
>
|
|
27
|
+
addfox.dev
|
|
28
|
+
</a>
|
|
29
|
+
</div>
|
|
30
|
+
);
|
|
31
|
+
}
|
|
@@ -1,19 +1,20 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8" />
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
|
-
<title>Welcome - Addfox + Preact</title>
|
|
7
|
-
<style>
|
|
8
|
-
body { font-family: system-ui, sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; margin: 0; background: #fafafa; color: #1a1a1a; }
|
|
9
|
-
h1 { font-size: 1.75rem; font-weight: 700; margin: 0 0 0.5rem; }
|
|
10
|
-
p { font-size: 1rem; color: #666; margin: 0; }
|
|
11
|
-
.welcome-icon { width: 96px; height: 96px; margin-bottom: 1rem; object-fit: contain; border-radius: 12px; }
|
|
12
|
-
</style>
|
|
13
|
-
</head>
|
|
14
|
-
<body>
|
|
15
|
-
<img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
|
|
16
|
-
<h1>Addfox + Preact</h1>
|
|
17
|
-
<p>Your extension is ready. Happy building!</p>
|
|
18
|
-
</
|
|
19
|
-
</
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8" />
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
|
+
<title>Welcome - Addfox + Preact</title>
|
|
7
|
+
<style>
|
|
8
|
+
body { font-family: system-ui, sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; margin: 0; background: #fafafa; color: #1a1a1a; }
|
|
9
|
+
h1 { font-size: 1.75rem; font-weight: 700; margin: 0 0 0.5rem; }
|
|
10
|
+
p { font-size: 1rem; color: #666; margin: 0; }
|
|
11
|
+
.welcome-icon { width: 96px; height: 96px; margin-bottom: 1rem; object-fit: contain; border-radius: 12px; }
|
|
12
|
+
</style>
|
|
13
|
+
</head>
|
|
14
|
+
<body>
|
|
15
|
+
<img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
|
|
16
|
+
<h1>Addfox + Preact</h1>
|
|
17
|
+
<p>Your extension is ready. Happy building!</p>
|
|
18
|
+
<p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
|
|
19
|
+
</body>
|
|
20
|
+
</html>
|
|
@@ -1,21 +1,29 @@
|
|
|
1
|
-
export default function App() {
|
|
2
|
-
const popupStyle = {
|
|
3
|
-
width: 320,
|
|
4
|
-
minHeight: 200,
|
|
5
|
-
padding: 16,
|
|
6
|
-
boxSizing: "border-box",
|
|
7
|
-
display: "flex",
|
|
8
|
-
flexDirection: "column",
|
|
9
|
-
alignItems: "center",
|
|
10
|
-
justifyContent: "center",
|
|
11
|
-
gap: 12,
|
|
12
|
-
fontFamily: 'system-ui, -apple-system, "Segoe UI", sans-serif',
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
return (
|
|
16
|
-
<div style={popupStyle}>
|
|
17
|
-
<img src="/icons/icon_128.png" alt="" width={64} height={64} />
|
|
18
|
-
<div style={{ fontSize: 18, fontWeight: 600 }}>AddFox React</div>
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
1
|
+
export default function App() {
|
|
2
|
+
const popupStyle = {
|
|
3
|
+
width: 320,
|
|
4
|
+
minHeight: 200,
|
|
5
|
+
padding: 16,
|
|
6
|
+
boxSizing: "border-box",
|
|
7
|
+
display: "flex",
|
|
8
|
+
flexDirection: "column",
|
|
9
|
+
alignItems: "center",
|
|
10
|
+
justifyContent: "center",
|
|
11
|
+
gap: 12,
|
|
12
|
+
fontFamily: 'system-ui, -apple-system, "Segoe UI", sans-serif',
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
return (
|
|
16
|
+
<div style={popupStyle}>
|
|
17
|
+
<img src="/icons/icon_128.png" alt="" width={64} height={64} />
|
|
18
|
+
<div style={{ fontSize: 18, fontWeight: 600 }}>AddFox React</div>
|
|
19
|
+
<a
|
|
20
|
+
href="https://addfox.dev/"
|
|
21
|
+
target="_blank"
|
|
22
|
+
rel="noopener noreferrer"
|
|
23
|
+
style={{ fontSize: 13, color: "#2563eb" }}
|
|
24
|
+
>
|
|
25
|
+
addfox.dev
|
|
26
|
+
</a>
|
|
27
|
+
</div>
|
|
28
|
+
);
|
|
29
|
+
}
|
|
@@ -1,19 +1,20 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8" />
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
|
-
<title>Welcome - Addfox + React</title>
|
|
7
|
-
<style>
|
|
8
|
-
body { font-family: system-ui, sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; margin: 0; background: #fafafa; color: #1a1a1a; }
|
|
9
|
-
h1 { font-size: 1.75rem; font-weight: 700; margin: 0 0 0.5rem; }
|
|
10
|
-
p { font-size: 1rem; color: #666; margin: 0; }
|
|
11
|
-
.welcome-icon { width: 96px; height: 96px; margin-bottom: 1rem; object-fit: contain; border-radius: 12px; }
|
|
12
|
-
</style>
|
|
13
|
-
</head>
|
|
14
|
-
<body>
|
|
15
|
-
<img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
|
|
16
|
-
<h1>Addfox + React</h1>
|
|
17
|
-
<p>Your extension is ready. Happy building!</p>
|
|
18
|
-
</
|
|
19
|
-
</
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8" />
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
|
+
<title>Welcome - Addfox + React</title>
|
|
7
|
+
<style>
|
|
8
|
+
body { font-family: system-ui, sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; margin: 0; background: #fafafa; color: #1a1a1a; }
|
|
9
|
+
h1 { font-size: 1.75rem; font-weight: 700; margin: 0 0 0.5rem; }
|
|
10
|
+
p { font-size: 1rem; color: #666; margin: 0; }
|
|
11
|
+
.welcome-icon { width: 96px; height: 96px; margin-bottom: 1rem; object-fit: contain; border-radius: 12px; }
|
|
12
|
+
</style>
|
|
13
|
+
</head>
|
|
14
|
+
<body>
|
|
15
|
+
<img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
|
|
16
|
+
<h1>Addfox + React</h1>
|
|
17
|
+
<p>Your extension is ready. Happy building!</p>
|
|
18
|
+
<p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
|
|
19
|
+
</body>
|
|
20
|
+
</html>
|
|
@@ -1,21 +1,29 @@
|
|
|
1
|
-
export default function App() {
|
|
2
|
-
const popupStyle = {
|
|
3
|
-
width: 320,
|
|
4
|
-
minHeight: 200,
|
|
5
|
-
padding: 16,
|
|
6
|
-
boxSizing: "border-box" as const,
|
|
7
|
-
display: "flex",
|
|
8
|
-
flexDirection: "column" as const,
|
|
9
|
-
alignItems: "center",
|
|
10
|
-
justifyContent: "center",
|
|
11
|
-
gap: 12,
|
|
12
|
-
fontFamily: 'system-ui, -apple-system, "Segoe UI", sans-serif',
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
return (
|
|
16
|
-
<div style={popupStyle}>
|
|
17
|
-
<img src="/icons/icon_128.png" alt="" width={64} height={64} />
|
|
18
|
-
<div style={{ fontSize: 18, fontWeight: 600 }}>AddFox React</div>
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
1
|
+
export default function App() {
|
|
2
|
+
const popupStyle = {
|
|
3
|
+
width: 320,
|
|
4
|
+
minHeight: 200,
|
|
5
|
+
padding: 16,
|
|
6
|
+
boxSizing: "border-box" as const,
|
|
7
|
+
display: "flex",
|
|
8
|
+
flexDirection: "column" as const,
|
|
9
|
+
alignItems: "center",
|
|
10
|
+
justifyContent: "center",
|
|
11
|
+
gap: 12,
|
|
12
|
+
fontFamily: 'system-ui, -apple-system, "Segoe UI", sans-serif',
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
return (
|
|
16
|
+
<div style={popupStyle}>
|
|
17
|
+
<img src="/icons/icon_128.png" alt="" width={64} height={64} />
|
|
18
|
+
<div style={{ fontSize: 18, fontWeight: 600 }}>AddFox React</div>
|
|
19
|
+
<a
|
|
20
|
+
href="https://addfox.dev/"
|
|
21
|
+
target="_blank"
|
|
22
|
+
rel="noopener noreferrer"
|
|
23
|
+
style={{ fontSize: 13, color: "#2563eb" }}
|
|
24
|
+
>
|
|
25
|
+
addfox.dev
|
|
26
|
+
</a>
|
|
27
|
+
</div>
|
|
28
|
+
);
|
|
29
|
+
}
|
|
@@ -1,19 +1,20 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8" />
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
|
-
<title>Welcome - Addfox + React</title>
|
|
7
|
-
<style>
|
|
8
|
-
body { font-family: system-ui, sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; margin: 0; background: #fafafa; color: #1a1a1a; }
|
|
9
|
-
h1 { font-size: 1.75rem; font-weight: 700; margin: 0 0 0.5rem; }
|
|
10
|
-
p { font-size: 1rem; color: #666; margin: 0; }
|
|
11
|
-
.welcome-icon { width: 96px; height: 96px; margin-bottom: 1rem; object-fit: contain; border-radius: 12px; }
|
|
12
|
-
</style>
|
|
13
|
-
</head>
|
|
14
|
-
<body>
|
|
15
|
-
<img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
|
|
16
|
-
<h1>Addfox + React</h1>
|
|
17
|
-
<p>Your extension is ready. Happy building!</p>
|
|
18
|
-
</
|
|
19
|
-
</
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8" />
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
|
+
<title>Welcome - Addfox + React</title>
|
|
7
|
+
<style>
|
|
8
|
+
body { font-family: system-ui, sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; margin: 0; background: #fafafa; color: #1a1a1a; }
|
|
9
|
+
h1 { font-size: 1.75rem; font-weight: 700; margin: 0 0 0.5rem; }
|
|
10
|
+
p { font-size: 1rem; color: #666; margin: 0; }
|
|
11
|
+
.welcome-icon { width: 96px; height: 96px; margin-bottom: 1rem; object-fit: contain; border-radius: 12px; }
|
|
12
|
+
</style>
|
|
13
|
+
</head>
|
|
14
|
+
<body>
|
|
15
|
+
<img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
|
|
16
|
+
<h1>Addfox + React</h1>
|
|
17
|
+
<p>Your extension is ready. Happy building!</p>
|
|
18
|
+
<p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
|
|
19
|
+
</body>
|
|
20
|
+
</html>
|
|
@@ -1,26 +1,34 @@
|
|
|
1
|
-
export default function App() {
|
|
2
|
-
const popupStyle = {
|
|
3
|
-
width: "320px",
|
|
4
|
-
"min-height": "200px",
|
|
5
|
-
padding: "16px",
|
|
6
|
-
"box-sizing": "border-box",
|
|
7
|
-
display: "flex",
|
|
8
|
-
"flex-direction": "column",
|
|
9
|
-
"align-items": "center",
|
|
10
|
-
"justify-content": "center",
|
|
11
|
-
gap: "12px",
|
|
12
|
-
"font-family": 'system-ui, -apple-system, "Segoe UI", sans-serif',
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
const titleStyle = {
|
|
16
|
-
"font-size": "18px",
|
|
17
|
-
"font-weight": "600",
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
return (
|
|
21
|
-
<div style={popupStyle}>
|
|
22
|
-
<img src="/icons/icon_128.png" alt="" width={64} height={64} />
|
|
23
|
-
<div style={titleStyle}>AddFox Solid</div>
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
1
|
+
export default function App() {
|
|
2
|
+
const popupStyle = {
|
|
3
|
+
width: "320px",
|
|
4
|
+
"min-height": "200px",
|
|
5
|
+
padding: "16px",
|
|
6
|
+
"box-sizing": "border-box",
|
|
7
|
+
display: "flex",
|
|
8
|
+
"flex-direction": "column",
|
|
9
|
+
"align-items": "center",
|
|
10
|
+
"justify-content": "center",
|
|
11
|
+
gap: "12px",
|
|
12
|
+
"font-family": 'system-ui, -apple-system, "Segoe UI", sans-serif',
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
const titleStyle = {
|
|
16
|
+
"font-size": "18px",
|
|
17
|
+
"font-weight": "600",
|
|
18
|
+
};
|
|
19
|
+
|
|
20
|
+
return (
|
|
21
|
+
<div style={popupStyle}>
|
|
22
|
+
<img src="/icons/icon_128.png" alt="" width={64} height={64} />
|
|
23
|
+
<div style={titleStyle}>AddFox Solid</div>
|
|
24
|
+
<a
|
|
25
|
+
href="https://addfox.dev/"
|
|
26
|
+
target="_blank"
|
|
27
|
+
rel="noopener noreferrer"
|
|
28
|
+
style={{ "font-size": "13px", color: "#2563eb" }}
|
|
29
|
+
>
|
|
30
|
+
addfox.dev
|
|
31
|
+
</a>
|
|
32
|
+
</div>
|
|
33
|
+
);
|
|
34
|
+
}
|
|
@@ -1,19 +1,20 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8" />
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
|
-
<title>Welcome - Addfox + Solid</title>
|
|
7
|
-
<style>
|
|
8
|
-
body { font-family: system-ui, sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; margin: 0; background: #fafafa; color: #1a1a1a; }
|
|
9
|
-
h1 { font-size: 1.75rem; font-weight: 700; margin: 0 0 0.5rem; }
|
|
10
|
-
p { font-size: 1rem; color: #666; margin: 0; }
|
|
11
|
-
.welcome-icon { width: 96px; height: 96px; margin-bottom: 1rem; object-fit: contain; border-radius: 12px; }
|
|
12
|
-
</style>
|
|
13
|
-
</head>
|
|
14
|
-
<body>
|
|
15
|
-
<img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
|
|
16
|
-
<h1>Addfox + Solid</h1>
|
|
17
|
-
<p>Your extension is ready. Happy building!</p>
|
|
18
|
-
</
|
|
19
|
-
</
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8" />
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
|
+
<title>Welcome - Addfox + Solid</title>
|
|
7
|
+
<style>
|
|
8
|
+
body { font-family: system-ui, sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; margin: 0; background: #fafafa; color: #1a1a1a; }
|
|
9
|
+
h1 { font-size: 1.75rem; font-weight: 700; margin: 0 0 0.5rem; }
|
|
10
|
+
p { font-size: 1rem; color: #666; margin: 0; }
|
|
11
|
+
.welcome-icon { width: 96px; height: 96px; margin-bottom: 1rem; object-fit: contain; border-radius: 12px; }
|
|
12
|
+
</style>
|
|
13
|
+
</head>
|
|
14
|
+
<body>
|
|
15
|
+
<img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
|
|
16
|
+
<h1>Addfox + Solid</h1>
|
|
17
|
+
<p>Your extension is ready. Happy building!</p>
|
|
18
|
+
<p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
|
|
19
|
+
</body>
|
|
20
|
+
</html>
|
|
@@ -1,26 +1,34 @@
|
|
|
1
|
-
export default function App() {
|
|
2
|
-
const popupStyle = {
|
|
3
|
-
width: "320px",
|
|
4
|
-
"min-height": "200px",
|
|
5
|
-
padding: "16px",
|
|
6
|
-
"box-sizing": "border-box",
|
|
7
|
-
display: "flex",
|
|
8
|
-
"flex-direction": "column",
|
|
9
|
-
"align-items": "center",
|
|
10
|
-
"justify-content": "center",
|
|
11
|
-
gap: "12px",
|
|
12
|
-
"font-family": 'system-ui, -apple-system, "Segoe UI", sans-serif',
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
const titleStyle = {
|
|
16
|
-
"font-size": "18px",
|
|
17
|
-
"font-weight": "600",
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
return (
|
|
21
|
-
<div style={popupStyle}>
|
|
22
|
-
<img src="/icons/icon_128.png" alt="" width={64} height={64} />
|
|
23
|
-
<div style={titleStyle}>AddFox Solid</div>
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
1
|
+
export default function App() {
|
|
2
|
+
const popupStyle = {
|
|
3
|
+
width: "320px",
|
|
4
|
+
"min-height": "200px",
|
|
5
|
+
padding: "16px",
|
|
6
|
+
"box-sizing": "border-box",
|
|
7
|
+
display: "flex",
|
|
8
|
+
"flex-direction": "column",
|
|
9
|
+
"align-items": "center",
|
|
10
|
+
"justify-content": "center",
|
|
11
|
+
gap: "12px",
|
|
12
|
+
"font-family": 'system-ui, -apple-system, "Segoe UI", sans-serif',
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
const titleStyle = {
|
|
16
|
+
"font-size": "18px",
|
|
17
|
+
"font-weight": "600",
|
|
18
|
+
};
|
|
19
|
+
|
|
20
|
+
return (
|
|
21
|
+
<div style={popupStyle}>
|
|
22
|
+
<img src="/icons/icon_128.png" alt="" width={64} height={64} />
|
|
23
|
+
<div style={titleStyle}>AddFox Solid</div>
|
|
24
|
+
<a
|
|
25
|
+
href="https://addfox.dev/"
|
|
26
|
+
target="_blank"
|
|
27
|
+
rel="noopener noreferrer"
|
|
28
|
+
style={{ "font-size": "13px", color: "#2563eb" }}
|
|
29
|
+
>
|
|
30
|
+
addfox.dev
|
|
31
|
+
</a>
|
|
32
|
+
</div>
|
|
33
|
+
);
|
|
34
|
+
}
|
|
@@ -1,19 +1,20 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8" />
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
|
-
<title>Welcome - Addfox + Solid</title>
|
|
7
|
-
<style>
|
|
8
|
-
body { font-family: system-ui, sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; margin: 0; background: #fafafa; color: #1a1a1a; }
|
|
9
|
-
h1 { font-size: 1.75rem; font-weight: 700; margin: 0 0 0.5rem; }
|
|
10
|
-
p { font-size: 1rem; color: #666; margin: 0; }
|
|
11
|
-
.welcome-icon { width: 96px; height: 96px; margin-bottom: 1rem; object-fit: contain; border-radius: 12px; }
|
|
12
|
-
</style>
|
|
13
|
-
</head>
|
|
14
|
-
<body>
|
|
15
|
-
<img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
|
|
16
|
-
<h1>Addfox + Solid</h1>
|
|
17
|
-
<p>Your extension is ready. Happy building!</p>
|
|
18
|
-
</
|
|
19
|
-
</
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8" />
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
|
+
<title>Welcome - Addfox + Solid</title>
|
|
7
|
+
<style>
|
|
8
|
+
body { font-family: system-ui, sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; margin: 0; background: #fafafa; color: #1a1a1a; }
|
|
9
|
+
h1 { font-size: 1.75rem; font-weight: 700; margin: 0 0 0.5rem; }
|
|
10
|
+
p { font-size: 1rem; color: #666; margin: 0; }
|
|
11
|
+
.welcome-icon { width: 96px; height: 96px; margin-bottom: 1rem; object-fit: contain; border-radius: 12px; }
|
|
12
|
+
</style>
|
|
13
|
+
</head>
|
|
14
|
+
<body>
|
|
15
|
+
<img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
|
|
16
|
+
<h1>Addfox + Solid</h1>
|
|
17
|
+
<p>Your extension is ready. Happy building!</p>
|
|
18
|
+
<p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
|
|
19
|
+
</body>
|
|
20
|
+
</html>
|
|
@@ -1,24 +1,30 @@
|
|
|
1
|
-
<div class="popup">
|
|
2
|
-
<img src="/icons/icon_128.png" alt="" width="64" height="64" />
|
|
3
|
-
<div class="title">AddFox Svelte</div>
|
|
4
|
-
</
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
font-
|
|
23
|
-
|
|
24
|
-
|
|
1
|
+
<div class="popup">
|
|
2
|
+
<img src="/icons/icon_128.png" alt="" width="64" height="64" />
|
|
3
|
+
<div class="title">AddFox Svelte</div>
|
|
4
|
+
<a class="site-link" href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a>
|
|
5
|
+
</div>
|
|
6
|
+
|
|
7
|
+
<style>
|
|
8
|
+
.popup {
|
|
9
|
+
width: 320px;
|
|
10
|
+
min-height: 200px;
|
|
11
|
+
padding: 16px;
|
|
12
|
+
box-sizing: border-box;
|
|
13
|
+
display: flex;
|
|
14
|
+
flex-direction: column;
|
|
15
|
+
align-items: center;
|
|
16
|
+
justify-content: center;
|
|
17
|
+
gap: 12px;
|
|
18
|
+
font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.title {
|
|
22
|
+
font-size: 18px;
|
|
23
|
+
font-weight: 600;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.site-link {
|
|
27
|
+
font-size: 13px;
|
|
28
|
+
color: #2563eb;
|
|
29
|
+
}
|
|
30
|
+
</style>
|
|
@@ -1,19 +1,20 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8" />
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
|
-
<title>Welcome - Addfox + Svelte</title>
|
|
7
|
-
<style>
|
|
8
|
-
body { font-family: system-ui, sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; margin: 0; background: #fafafa; color: #1a1a1a; }
|
|
9
|
-
h1 { font-size: 1.75rem; font-weight: 700; margin: 0 0 0.5rem; }
|
|
10
|
-
p { font-size: 1rem; color: #666; margin: 0; }
|
|
11
|
-
.welcome-icon { width: 96px; height: 96px; margin-bottom: 1rem; object-fit: contain; border-radius: 12px; }
|
|
12
|
-
</style>
|
|
13
|
-
</head>
|
|
14
|
-
<body>
|
|
15
|
-
<img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
|
|
16
|
-
<h1>Addfox + Svelte</h1>
|
|
17
|
-
<p>Your extension is ready. Happy building!</p>
|
|
18
|
-
</
|
|
19
|
-
</
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8" />
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
|
+
<title>Welcome - Addfox + Svelte</title>
|
|
7
|
+
<style>
|
|
8
|
+
body { font-family: system-ui, sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; margin: 0; background: #fafafa; color: #1a1a1a; }
|
|
9
|
+
h1 { font-size: 1.75rem; font-weight: 700; margin: 0 0 0.5rem; }
|
|
10
|
+
p { font-size: 1rem; color: #666; margin: 0; }
|
|
11
|
+
.welcome-icon { width: 96px; height: 96px; margin-bottom: 1rem; object-fit: contain; border-radius: 12px; }
|
|
12
|
+
</style>
|
|
13
|
+
</head>
|
|
14
|
+
<body>
|
|
15
|
+
<img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
|
|
16
|
+
<h1>Addfox + Svelte</h1>
|
|
17
|
+
<p>Your extension is ready. Happy building!</p>
|
|
18
|
+
<p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
|
|
19
|
+
</body>
|
|
20
|
+
</html>
|
|
@@ -1,24 +1,30 @@
|
|
|
1
|
-
<div class="popup">
|
|
2
|
-
<img src="/icons/icon_128.png" alt="" width="64" height="64" />
|
|
3
|
-
<div class="title">AddFox Svelte</div>
|
|
4
|
-
</
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
font-
|
|
23
|
-
|
|
24
|
-
|
|
1
|
+
<div class="popup">
|
|
2
|
+
<img src="/icons/icon_128.png" alt="" width="64" height="64" />
|
|
3
|
+
<div class="title">AddFox Svelte</div>
|
|
4
|
+
<a class="site-link" href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a>
|
|
5
|
+
</div>
|
|
6
|
+
|
|
7
|
+
<style>
|
|
8
|
+
.popup {
|
|
9
|
+
width: 320px;
|
|
10
|
+
min-height: 200px;
|
|
11
|
+
padding: 16px;
|
|
12
|
+
box-sizing: border-box;
|
|
13
|
+
display: flex;
|
|
14
|
+
flex-direction: column;
|
|
15
|
+
align-items: center;
|
|
16
|
+
justify-content: center;
|
|
17
|
+
gap: 12px;
|
|
18
|
+
font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.title {
|
|
22
|
+
font-size: 18px;
|
|
23
|
+
font-weight: 600;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.site-link {
|
|
27
|
+
font-size: 13px;
|
|
28
|
+
color: #2563eb;
|
|
29
|
+
}
|
|
30
|
+
</style>
|
|
@@ -1,19 +1,20 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8" />
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
|
-
<title>Welcome - Addfox + Svelte</title>
|
|
7
|
-
<style>
|
|
8
|
-
body { font-family: system-ui, sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; margin: 0; background: #fafafa; color: #1a1a1a; }
|
|
9
|
-
h1 { font-size: 1.75rem; font-weight: 700; margin: 0 0 0.5rem; }
|
|
10
|
-
p { font-size: 1rem; color: #666; margin: 0; }
|
|
11
|
-
.welcome-icon { width: 96px; height: 96px; margin-bottom: 1rem; object-fit: contain; border-radius: 12px; }
|
|
12
|
-
</style>
|
|
13
|
-
</head>
|
|
14
|
-
<body>
|
|
15
|
-
<img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
|
|
16
|
-
<h1>Addfox + Svelte</h1>
|
|
17
|
-
<p>Your extension is ready. Happy building!</p>
|
|
18
|
-
</
|
|
19
|
-
</
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8" />
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
|
+
<title>Welcome - Addfox + Svelte</title>
|
|
7
|
+
<style>
|
|
8
|
+
body { font-family: system-ui, sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; margin: 0; background: #fafafa; color: #1a1a1a; }
|
|
9
|
+
h1 { font-size: 1.75rem; font-weight: 700; margin: 0 0 0.5rem; }
|
|
10
|
+
p { font-size: 1rem; color: #666; margin: 0; }
|
|
11
|
+
.welcome-icon { width: 96px; height: 96px; margin-bottom: 1rem; object-fit: contain; border-radius: 12px; }
|
|
12
|
+
</style>
|
|
13
|
+
</head>
|
|
14
|
+
<body>
|
|
15
|
+
<img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
|
|
16
|
+
<h1>Addfox + Svelte</h1>
|
|
17
|
+
<p>Your extension is ready. Happy building!</p>
|
|
18
|
+
<p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
|
|
19
|
+
</body>
|
|
20
|
+
</html>
|
|
@@ -1,37 +1,48 @@
|
|
|
1
|
-
function applyPopupLayout(el) {
|
|
2
|
-
el.style.width = "320px";
|
|
3
|
-
el.style.minHeight = "200px";
|
|
4
|
-
el.style.padding = "16px";
|
|
5
|
-
el.style.boxSizing = "border-box";
|
|
6
|
-
el.style.display = "flex";
|
|
7
|
-
el.style.flexDirection = "column";
|
|
8
|
-
el.style.alignItems = "center";
|
|
9
|
-
el.style.justifyContent = "center";
|
|
10
|
-
el.style.gap = "12px";
|
|
11
|
-
el.style.fontFamily = 'system-ui, -apple-system, "Segoe UI", sans-serif';
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
function createIcon() {
|
|
15
|
-
const img = document.createElement("img");
|
|
16
|
-
img.src = "/icons/icon_128.png";
|
|
17
|
-
img.alt = "";
|
|
18
|
-
img.width = 64;
|
|
19
|
-
img.height = 64;
|
|
20
|
-
return img;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
function createTitle() {
|
|
24
|
-
const title = document.createElement("div");
|
|
25
|
-
title.textContent = "AddFox Vanilla";
|
|
26
|
-
title.style.fontSize = "18px";
|
|
27
|
-
title.style.fontWeight = "600";
|
|
28
|
-
return title;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
function
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
1
|
+
function applyPopupLayout(el) {
|
|
2
|
+
el.style.width = "320px";
|
|
3
|
+
el.style.minHeight = "200px";
|
|
4
|
+
el.style.padding = "16px";
|
|
5
|
+
el.style.boxSizing = "border-box";
|
|
6
|
+
el.style.display = "flex";
|
|
7
|
+
el.style.flexDirection = "column";
|
|
8
|
+
el.style.alignItems = "center";
|
|
9
|
+
el.style.justifyContent = "center";
|
|
10
|
+
el.style.gap = "12px";
|
|
11
|
+
el.style.fontFamily = 'system-ui, -apple-system, "Segoe UI", sans-serif';
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
function createIcon() {
|
|
15
|
+
const img = document.createElement("img");
|
|
16
|
+
img.src = "/icons/icon_128.png";
|
|
17
|
+
img.alt = "";
|
|
18
|
+
img.width = 64;
|
|
19
|
+
img.height = 64;
|
|
20
|
+
return img;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
function createTitle() {
|
|
24
|
+
const title = document.createElement("div");
|
|
25
|
+
title.textContent = "AddFox Vanilla";
|
|
26
|
+
title.style.fontSize = "18px";
|
|
27
|
+
title.style.fontWeight = "600";
|
|
28
|
+
return title;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
function createSiteLink() {
|
|
32
|
+
const a = document.createElement("a");
|
|
33
|
+
a.href = "https://addfox.dev/";
|
|
34
|
+
a.target = "_blank";
|
|
35
|
+
a.rel = "noopener noreferrer";
|
|
36
|
+
a.textContent = "addfox.dev";
|
|
37
|
+
a.style.fontSize = "13px";
|
|
38
|
+
a.style.color = "#2563eb";
|
|
39
|
+
return a;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
function mountPopup(root) {
|
|
43
|
+
applyPopupLayout(root);
|
|
44
|
+
root.append(createIcon(), createTitle(), createSiteLink());
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
const root = document.getElementById("root");
|
|
48
|
+
if (root) mountPopup(root);
|
|
@@ -1,19 +1,20 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8" />
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
|
-
<title>Welcome - Addfox + Vanilla</title>
|
|
7
|
-
<style>
|
|
8
|
-
body { font-family: system-ui, sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; margin: 0; background: #fafafa; color: #1a1a1a; }
|
|
9
|
-
h1 { font-size: 1.75rem; font-weight: 700; margin: 0 0 0.5rem; }
|
|
10
|
-
p { font-size: 1rem; color: #666; margin: 0; }
|
|
11
|
-
.welcome-icon { width: 96px; height: 96px; margin-bottom: 1rem; object-fit: contain; border-radius: 12px; }
|
|
12
|
-
</style>
|
|
13
|
-
</head>
|
|
14
|
-
<body>
|
|
15
|
-
<img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
|
|
16
|
-
<h1>Addfox + Vanilla</h1>
|
|
17
|
-
<p>Your extension is ready. Happy building!</p>
|
|
18
|
-
</
|
|
19
|
-
</
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8" />
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
|
+
<title>Welcome - Addfox + Vanilla</title>
|
|
7
|
+
<style>
|
|
8
|
+
body { font-family: system-ui, sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; margin: 0; background: #fafafa; color: #1a1a1a; }
|
|
9
|
+
h1 { font-size: 1.75rem; font-weight: 700; margin: 0 0 0.5rem; }
|
|
10
|
+
p { font-size: 1rem; color: #666; margin: 0; }
|
|
11
|
+
.welcome-icon { width: 96px; height: 96px; margin-bottom: 1rem; object-fit: contain; border-radius: 12px; }
|
|
12
|
+
</style>
|
|
13
|
+
</head>
|
|
14
|
+
<body>
|
|
15
|
+
<img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
|
|
16
|
+
<h1>Addfox + Vanilla</h1>
|
|
17
|
+
<p>Your extension is ready. Happy building!</p>
|
|
18
|
+
<p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
|
|
19
|
+
</body>
|
|
20
|
+
</html>
|
|
@@ -1,37 +1,48 @@
|
|
|
1
|
-
function applyPopupLayout(el: HTMLElement): void {
|
|
2
|
-
el.style.width = "320px";
|
|
3
|
-
el.style.minHeight = "200px";
|
|
4
|
-
el.style.padding = "16px";
|
|
5
|
-
el.style.boxSizing = "border-box";
|
|
6
|
-
el.style.display = "flex";
|
|
7
|
-
el.style.flexDirection = "column";
|
|
8
|
-
el.style.alignItems = "center";
|
|
9
|
-
el.style.justifyContent = "center";
|
|
10
|
-
el.style.gap = "12px";
|
|
11
|
-
el.style.fontFamily = 'system-ui, -apple-system, "Segoe UI", sans-serif';
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
function createIcon(): HTMLImageElement {
|
|
15
|
-
const img = document.createElement("img");
|
|
16
|
-
img.src = "/icons/icon_128.png";
|
|
17
|
-
img.alt = "";
|
|
18
|
-
img.width = 64;
|
|
19
|
-
img.height = 64;
|
|
20
|
-
return img;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
function createTitle(): HTMLDivElement {
|
|
24
|
-
const title = document.createElement("div");
|
|
25
|
-
title.textContent = "AddFox Vanilla";
|
|
26
|
-
title.style.fontSize = "18px";
|
|
27
|
-
title.style.fontWeight = "600";
|
|
28
|
-
return title;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
function
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
1
|
+
function applyPopupLayout(el: HTMLElement): void {
|
|
2
|
+
el.style.width = "320px";
|
|
3
|
+
el.style.minHeight = "200px";
|
|
4
|
+
el.style.padding = "16px";
|
|
5
|
+
el.style.boxSizing = "border-box";
|
|
6
|
+
el.style.display = "flex";
|
|
7
|
+
el.style.flexDirection = "column";
|
|
8
|
+
el.style.alignItems = "center";
|
|
9
|
+
el.style.justifyContent = "center";
|
|
10
|
+
el.style.gap = "12px";
|
|
11
|
+
el.style.fontFamily = 'system-ui, -apple-system, "Segoe UI", sans-serif';
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
function createIcon(): HTMLImageElement {
|
|
15
|
+
const img = document.createElement("img");
|
|
16
|
+
img.src = "/icons/icon_128.png";
|
|
17
|
+
img.alt = "";
|
|
18
|
+
img.width = 64;
|
|
19
|
+
img.height = 64;
|
|
20
|
+
return img;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
function createTitle(): HTMLDivElement {
|
|
24
|
+
const title = document.createElement("div");
|
|
25
|
+
title.textContent = "AddFox Vanilla";
|
|
26
|
+
title.style.fontSize = "18px";
|
|
27
|
+
title.style.fontWeight = "600";
|
|
28
|
+
return title;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
function createSiteLink(): HTMLAnchorElement {
|
|
32
|
+
const a = document.createElement("a");
|
|
33
|
+
a.href = "https://addfox.dev/";
|
|
34
|
+
a.target = "_blank";
|
|
35
|
+
a.rel = "noopener noreferrer";
|
|
36
|
+
a.textContent = "addfox.dev";
|
|
37
|
+
a.style.fontSize = "13px";
|
|
38
|
+
a.style.color = "#2563eb";
|
|
39
|
+
return a;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
function mountPopup(root: HTMLElement): void {
|
|
43
|
+
applyPopupLayout(root);
|
|
44
|
+
root.append(createIcon(), createTitle(), createSiteLink());
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
const root = document.getElementById("root");
|
|
48
|
+
if (root) mountPopup(root);
|
|
@@ -1,19 +1,20 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8" />
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
|
-
<title>Welcome - Addfox + Vanilla</title>
|
|
7
|
-
<style>
|
|
8
|
-
body { font-family: system-ui, sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; margin: 0; background: #fafafa; color: #1a1a1a; }
|
|
9
|
-
h1 { font-size: 1.75rem; font-weight: 700; margin: 0 0 0.5rem; }
|
|
10
|
-
p { font-size: 1rem; color: #666; margin: 0; }
|
|
11
|
-
.welcome-icon { width: 96px; height: 96px; margin-bottom: 1rem; object-fit: contain; border-radius: 12px; }
|
|
12
|
-
</style>
|
|
13
|
-
</head>
|
|
14
|
-
<body>
|
|
15
|
-
<img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
|
|
16
|
-
<h1>Addfox + Vanilla</h1>
|
|
17
|
-
<p>Your extension is ready. Happy building!</p>
|
|
18
|
-
</
|
|
19
|
-
</
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8" />
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
|
+
<title>Welcome - Addfox + Vanilla</title>
|
|
7
|
+
<style>
|
|
8
|
+
body { font-family: system-ui, sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; margin: 0; background: #fafafa; color: #1a1a1a; }
|
|
9
|
+
h1 { font-size: 1.75rem; font-weight: 700; margin: 0 0 0.5rem; }
|
|
10
|
+
p { font-size: 1rem; color: #666; margin: 0; }
|
|
11
|
+
.welcome-icon { width: 96px; height: 96px; margin-bottom: 1rem; object-fit: contain; border-radius: 12px; }
|
|
12
|
+
</style>
|
|
13
|
+
</head>
|
|
14
|
+
<body>
|
|
15
|
+
<img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
|
|
16
|
+
<h1>Addfox + Vanilla</h1>
|
|
17
|
+
<p>Your extension is ready. Happy building!</p>
|
|
18
|
+
<p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
|
|
19
|
+
</body>
|
|
20
|
+
</html>
|
|
@@ -1,28 +1,34 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="popup">
|
|
3
|
-
<img src="/icons/icon_128.png" alt="" width="64" height="64" />
|
|
4
|
-
<div class="title">AddFox Vue</div>
|
|
5
|
-
|
|
6
|
-
</
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
font-
|
|
27
|
-
|
|
28
|
-
|
|
1
|
+
<template>
|
|
2
|
+
<div class="popup">
|
|
3
|
+
<img src="/icons/icon_128.png" alt="" width="64" height="64" />
|
|
4
|
+
<div class="title">AddFox Vue</div>
|
|
5
|
+
<a class="site-link" href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a>
|
|
6
|
+
</div>
|
|
7
|
+
</template>
|
|
8
|
+
|
|
9
|
+
<script setup></script>
|
|
10
|
+
|
|
11
|
+
<style scoped>
|
|
12
|
+
.popup {
|
|
13
|
+
width: 320px;
|
|
14
|
+
min-height: 200px;
|
|
15
|
+
padding: 16px;
|
|
16
|
+
box-sizing: border-box;
|
|
17
|
+
display: flex;
|
|
18
|
+
flex-direction: column;
|
|
19
|
+
align-items: center;
|
|
20
|
+
justify-content: center;
|
|
21
|
+
gap: 12px;
|
|
22
|
+
font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.title {
|
|
26
|
+
font-size: 18px;
|
|
27
|
+
font-weight: 600;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.site-link {
|
|
31
|
+
font-size: 13px;
|
|
32
|
+
color: #2563eb;
|
|
33
|
+
}
|
|
34
|
+
</style>
|
|
@@ -1,19 +1,20 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8" />
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
|
-
<title>Welcome - Addfox + Vue</title>
|
|
7
|
-
<style>
|
|
8
|
-
body { font-family: system-ui, sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; margin: 0; background: #fafafa; color: #1a1a1a; }
|
|
9
|
-
h1 { font-size: 1.75rem; font-weight: 700; margin: 0 0 0.5rem; }
|
|
10
|
-
p { font-size: 1rem; color: #666; margin: 0; }
|
|
11
|
-
.welcome-icon { width: 96px; height: 96px; margin-bottom: 1rem; object-fit: contain; border-radius: 12px; }
|
|
12
|
-
</style>
|
|
13
|
-
</head>
|
|
14
|
-
<body>
|
|
15
|
-
<img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
|
|
16
|
-
<h1>Addfox + Vue</h1>
|
|
17
|
-
<p>Your extension is ready. Happy building!</p>
|
|
18
|
-
</
|
|
19
|
-
</
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8" />
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
|
+
<title>Welcome - Addfox + Vue</title>
|
|
7
|
+
<style>
|
|
8
|
+
body { font-family: system-ui, sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; margin: 0; background: #fafafa; color: #1a1a1a; }
|
|
9
|
+
h1 { font-size: 1.75rem; font-weight: 700; margin: 0 0 0.5rem; }
|
|
10
|
+
p { font-size: 1rem; color: #666; margin: 0; }
|
|
11
|
+
.welcome-icon { width: 96px; height: 96px; margin-bottom: 1rem; object-fit: contain; border-radius: 12px; }
|
|
12
|
+
</style>
|
|
13
|
+
</head>
|
|
14
|
+
<body>
|
|
15
|
+
<img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
|
|
16
|
+
<h1>Addfox + Vue</h1>
|
|
17
|
+
<p>Your extension is ready. Happy building!</p>
|
|
18
|
+
<p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
|
|
19
|
+
</body>
|
|
20
|
+
</html>
|
|
@@ -1,26 +1,32 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="popup">
|
|
3
|
-
<img src="/icons/icon_128.png" alt="" width="64" height="64" />
|
|
4
|
-
<div class="title">AddFox Vue</div>
|
|
5
|
-
|
|
6
|
-
</
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
font-
|
|
25
|
-
|
|
26
|
-
|
|
1
|
+
<template>
|
|
2
|
+
<div class="popup">
|
|
3
|
+
<img src="/icons/icon_128.png" alt="" width="64" height="64" />
|
|
4
|
+
<div class="title">AddFox Vue</div>
|
|
5
|
+
<a class="site-link" href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a>
|
|
6
|
+
</div>
|
|
7
|
+
</template>
|
|
8
|
+
|
|
9
|
+
<style scoped>
|
|
10
|
+
.popup {
|
|
11
|
+
width: 320px;
|
|
12
|
+
min-height: 200px;
|
|
13
|
+
padding: 16px;
|
|
14
|
+
box-sizing: border-box;
|
|
15
|
+
display: flex;
|
|
16
|
+
flex-direction: column;
|
|
17
|
+
align-items: center;
|
|
18
|
+
justify-content: center;
|
|
19
|
+
gap: 12px;
|
|
20
|
+
font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.title {
|
|
24
|
+
font-size: 18px;
|
|
25
|
+
font-weight: 600;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.site-link {
|
|
29
|
+
font-size: 13px;
|
|
30
|
+
color: #2563eb;
|
|
31
|
+
}
|
|
32
|
+
</style>
|
|
@@ -1,19 +1,20 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8" />
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
|
-
<title>Welcome - Addfox + Vue</title>
|
|
7
|
-
<style>
|
|
8
|
-
body { font-family: system-ui, sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; margin: 0; background: #fafafa; color: #1a1a1a; }
|
|
9
|
-
h1 { font-size: 1.75rem; font-weight: 700; margin: 0 0 0.5rem; }
|
|
10
|
-
p { font-size: 1rem; color: #666; margin: 0; }
|
|
11
|
-
.welcome-icon { width: 96px; height: 96px; margin-bottom: 1rem; object-fit: contain; border-radius: 12px; }
|
|
12
|
-
</style>
|
|
13
|
-
</head>
|
|
14
|
-
<body>
|
|
15
|
-
<img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
|
|
16
|
-
<h1>Addfox + Vue</h1>
|
|
17
|
-
<p>Your extension is ready. Happy building!</p>
|
|
18
|
-
</
|
|
19
|
-
</
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8" />
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
|
+
<title>Welcome - Addfox + Vue</title>
|
|
7
|
+
<style>
|
|
8
|
+
body { font-family: system-ui, sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; margin: 0; background: #fafafa; color: #1a1a1a; }
|
|
9
|
+
h1 { font-size: 1.75rem; font-weight: 700; margin: 0 0 0.5rem; }
|
|
10
|
+
p { font-size: 1rem; color: #666; margin: 0; }
|
|
11
|
+
.welcome-icon { width: 96px; height: 96px; margin-bottom: 1rem; object-fit: contain; border-radius: 12px; }
|
|
12
|
+
</style>
|
|
13
|
+
</head>
|
|
14
|
+
<body>
|
|
15
|
+
<img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
|
|
16
|
+
<h1>Addfox + Vue</h1>
|
|
17
|
+
<p>Your extension is ready. Happy building!</p>
|
|
18
|
+
<p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
|
|
19
|
+
</body>
|
|
20
|
+
</html>
|