create-addfox-app 0.1.1-beta.14 → 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.
Files changed (25) hide show
  1. package/package.json +2 -2
  2. package/templates/template-preact-js/app/popup/App.jsx +31 -31
  3. package/templates/template-preact-js/public/welcome.html +20 -20
  4. package/templates/template-preact-ts/app/popup/App.tsx +31 -31
  5. package/templates/template-preact-ts/public/welcome.html +20 -20
  6. package/templates/template-react-js/app/popup/App.jsx +29 -29
  7. package/templates/template-react-js/public/welcome.html +20 -20
  8. package/templates/template-react-ts/app/popup/App.tsx +29 -29
  9. package/templates/template-react-ts/public/welcome.html +20 -20
  10. package/templates/template-solid-js/app/popup/App.jsx +34 -34
  11. package/templates/template-solid-js/public/welcome.html +20 -20
  12. package/templates/template-solid-ts/app/popup/App.tsx +34 -34
  13. package/templates/template-solid-ts/public/welcome.html +20 -20
  14. package/templates/template-svelte-js/app/popup/App.svelte +30 -30
  15. package/templates/template-svelte-js/public/welcome.html +20 -20
  16. package/templates/template-svelte-ts/app/popup/App.svelte +30 -30
  17. package/templates/template-svelte-ts/public/welcome.html +20 -20
  18. package/templates/template-vanilla-js/app/popup/index.js +48 -48
  19. package/templates/template-vanilla-js/public/welcome.html +20 -20
  20. package/templates/template-vanilla-ts/app/popup/index.ts +48 -48
  21. package/templates/template-vanilla-ts/public/welcome.html +20 -20
  22. package/templates/template-vue-js/app/popup/App.vue +34 -34
  23. package/templates/template-vue-js/public/welcome.html +20 -20
  24. package/templates/template-vue-ts/app/popup/App.vue +32 -32
  25. package/templates/template-vue-ts/public/welcome.html +20 -20
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "create-addfox-app",
3
- "version": "0.1.1-beta.14",
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.7"
20
+ "@addfox/pkg-manager": "0.1.1-beta.8"
21
21
  },
22
22
  "devDependencies": {
23
23
  "@rslib/core": "^0.20.0",
package/templates/template-preact-js/app/popup/App.jsx CHANGED
@@ -1,31 +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
- <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
+ 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
+ }
package/templates/template-preact-js/public/welcome.html CHANGED
@@ -1,20 +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
- <p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
19
- </body>
20
- </html>
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>
package/templates/template-preact-ts/app/popup/App.tsx CHANGED
@@ -1,31 +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
- <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
+ 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
+ }
package/templates/template-preact-ts/public/welcome.html CHANGED
@@ -1,20 +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
- <p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
19
- </body>
20
- </html>
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>
package/templates/template-react-js/app/popup/App.jsx CHANGED
@@ -1,29 +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
- <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
+ 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
+ }
package/templates/template-react-js/public/welcome.html CHANGED
@@ -1,20 +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
- <p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
19
- </body>
20
- </html>
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>
package/templates/template-react-ts/app/popup/App.tsx CHANGED
@@ -1,29 +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
- <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
+ 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
+ }
package/templates/template-react-ts/public/welcome.html CHANGED
@@ -1,20 +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
- <p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
19
- </body>
20
- </html>
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>
package/templates/template-solid-js/app/popup/App.jsx CHANGED
@@ -1,34 +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
- <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
+ 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
+ }
package/templates/template-solid-js/public/welcome.html CHANGED
@@ -1,20 +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
- <p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
19
- </body>
20
- </html>
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>
package/templates/template-solid-ts/app/popup/App.tsx CHANGED
@@ -1,34 +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
- <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
+ 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
+ }