create-addfox-app 0.1.1-beta.13 → 0.1.1-beta.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-addfox-app",
-  "version": "0.1.1-beta.13",
+  "version": "0.1.1-beta.14",
   "description": "Interactive scaffolder for addfox extension projects",
   "license": "MIT",
   "type": "module",

package/templates/template-preact-js/app/popup/App.jsx

@@ -18,6 +18,14 @@ export default function App() {
     <div style={popupStyle}>
       <img src="/icons/icon_128.png" alt="" width={64} height={64} />
       <div style={{ fontSize: 18, fontWeight: 600 }}>AddFox Preact</div>
+      <a
+        href="https://addfox.dev/"
+        target="_blank"
+        rel="noopener noreferrer"
+        style={{ fontSize: 13, color: "#2563eb" }}
+      >
+        addfox.dev
+      </a>
     </div>
   );
 }

package/templates/template-preact-js/public/welcome.html

@@ -15,5 +15,6 @@
   <img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
   <h1>Addfox + Preact</h1>
   <p>Your extension is ready. Happy building!</p>
+  <p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
 </body>
 </html>

package/templates/template-preact-ts/app/popup/App.tsx

@@ -18,6 +18,14 @@ export default function App() {
     <div style={popupStyle}>
       <img src="/icons/icon_128.png" alt="" width={64} height={64} />
       <div style={{ fontSize: 18, fontWeight: 600 }}>AddFox Preact</div>
+      <a
+        href="https://addfox.dev/"
+        target="_blank"
+        rel="noopener noreferrer"
+        style={{ fontSize: 13, color: "#2563eb" }}
+      >
+        addfox.dev
+      </a>
     </div>
   );
 }

package/templates/template-preact-ts/public/welcome.html

@@ -15,5 +15,6 @@
   <img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
   <h1>Addfox + Preact</h1>
   <p>Your extension is ready. Happy building!</p>
+  <p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
 </body>
 </html>

package/templates/template-react-js/app/popup/App.jsx

@@ -16,6 +16,14 @@ export default function App() {
     <div style={popupStyle}>
       <img src="/icons/icon_128.png" alt="" width={64} height={64} />
       <div style={{ fontSize: 18, fontWeight: 600 }}>AddFox React</div>
+      <a
+        href="https://addfox.dev/"
+        target="_blank"
+        rel="noopener noreferrer"
+        style={{ fontSize: 13, color: "#2563eb" }}
+      >
+        addfox.dev
+      </a>
     </div>
   );
 }

package/templates/template-react-js/public/welcome.html

@@ -15,5 +15,6 @@
   <img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
   <h1>Addfox + React</h1>
   <p>Your extension is ready. Happy building!</p>
+  <p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
 </body>
 </html>

package/templates/template-react-ts/app/popup/App.tsx

@@ -16,6 +16,14 @@ export default function App() {
     <div style={popupStyle}>
       <img src="/icons/icon_128.png" alt="" width={64} height={64} />
       <div style={{ fontSize: 18, fontWeight: 600 }}>AddFox React</div>
+      <a
+        href="https://addfox.dev/"
+        target="_blank"
+        rel="noopener noreferrer"
+        style={{ fontSize: 13, color: "#2563eb" }}
+      >
+        addfox.dev
+      </a>
     </div>
   );
 }

package/templates/template-react-ts/public/welcome.html

@@ -15,5 +15,6 @@
   <img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
   <h1>Addfox + React</h1>
   <p>Your extension is ready. Happy building!</p>
+  <p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
 </body>
 </html>

package/templates/template-solid-js/app/popup/App.jsx

@@ -21,6 +21,14 @@ export default function App() {
     <div style={popupStyle}>
       <img src="/icons/icon_128.png" alt="" width={64} height={64} />
       <div style={titleStyle}>AddFox Solid</div>
+      <a
+        href="https://addfox.dev/"
+        target="_blank"
+        rel="noopener noreferrer"
+        style={{ "font-size": "13px", color: "#2563eb" }}
+      >
+        addfox.dev
+      </a>
     </div>
   );
 }

package/templates/template-solid-js/public/welcome.html

@@ -15,5 +15,6 @@
   <img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
   <h1>Addfox + Solid</h1>
   <p>Your extension is ready. Happy building!</p>
+  <p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
 </body>
 </html>

package/templates/template-solid-ts/app/popup/App.tsx

@@ -21,6 +21,14 @@ export default function App() {
     <div style={popupStyle}>
       <img src="/icons/icon_128.png" alt="" width={64} height={64} />
       <div style={titleStyle}>AddFox Solid</div>
+      <a
+        href="https://addfox.dev/"
+        target="_blank"
+        rel="noopener noreferrer"
+        style={{ "font-size": "13px", color: "#2563eb" }}
+      >
+        addfox.dev
+      </a>
     </div>
   );
 }

package/templates/template-solid-ts/public/welcome.html

@@ -15,5 +15,6 @@
   <img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
   <h1>Addfox + Solid</h1>
   <p>Your extension is ready. Happy building!</p>
+  <p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
 </body>
 </html>

package/templates/template-svelte-js/app/popup/App.svelte

@@ -1,6 +1,7 @@
 <div class="popup">
   <img src="/icons/icon_128.png" alt="" width="64" height="64" />
   <div class="title">AddFox Svelte</div>
+  <a class="site-link" href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a>
 </div>
 
 <style>
@@ -21,4 +22,9 @@
     font-size: 18px;
     font-weight: 600;
   }
+
+  .site-link {
+    font-size: 13px;
+    color: #2563eb;
+  }
 </style>

package/templates/template-svelte-js/public/welcome.html

@@ -15,5 +15,6 @@
   <img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
   <h1>Addfox + Svelte</h1>
   <p>Your extension is ready. Happy building!</p>
+  <p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
 </body>
 </html>

package/templates/template-svelte-ts/app/popup/App.svelte

@@ -1,6 +1,7 @@
 <div class="popup">
   <img src="/icons/icon_128.png" alt="" width="64" height="64" />
   <div class="title">AddFox Svelte</div>
+  <a class="site-link" href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a>
 </div>
 
 <style>
@@ -21,4 +22,9 @@
     font-size: 18px;
     font-weight: 600;
   }
+
+  .site-link {
+    font-size: 13px;
+    color: #2563eb;
+  }
 </style>

package/templates/template-svelte-ts/public/welcome.html

@@ -15,5 +15,6 @@
   <img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
   <h1>Addfox + Svelte</h1>
   <p>Your extension is ready. Happy building!</p>
+  <p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
 </body>
 </html>

package/templates/template-vanilla-js/app/popup/index.js

@@ -28,9 +28,20 @@ function createTitle() {
   return title;
 }
 
+function createSiteLink() {
+  const a = document.createElement("a");
+  a.href = "https://addfox.dev/";
+  a.target = "_blank";
+  a.rel = "noopener noreferrer";
+  a.textContent = "addfox.dev";
+  a.style.fontSize = "13px";
+  a.style.color = "#2563eb";
+  return a;
+}
+
 function mountPopup(root) {
   applyPopupLayout(root);
-  root.append(createIcon(), createTitle());
+  root.append(createIcon(), createTitle(), createSiteLink());
 }
 
 const root = document.getElementById("root");

package/templates/template-vanilla-js/public/welcome.html

@@ -15,5 +15,6 @@
   <img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
   <h1>Addfox + Vanilla</h1>
   <p>Your extension is ready. Happy building!</p>
+  <p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
 </body>
 </html>

package/templates/template-vanilla-ts/app/popup/index.ts

@@ -28,9 +28,20 @@ function createTitle(): HTMLDivElement {
   return title;
 }
 
+function createSiteLink(): HTMLAnchorElement {
+  const a = document.createElement("a");
+  a.href = "https://addfox.dev/";
+  a.target = "_blank";
+  a.rel = "noopener noreferrer";
+  a.textContent = "addfox.dev";
+  a.style.fontSize = "13px";
+  a.style.color = "#2563eb";
+  return a;
+}
+
 function mountPopup(root: HTMLElement): void {
   applyPopupLayout(root);
-  root.append(createIcon(), createTitle());
+  root.append(createIcon(), createTitle(), createSiteLink());
 }
 
 const root = document.getElementById("root");

package/templates/template-vanilla-ts/public/welcome.html

@@ -15,5 +15,6 @@
   <img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
   <h1>Addfox + Vanilla</h1>
   <p>Your extension is ready. Happy building!</p>
+  <p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
 </body>
 </html>

package/templates/template-vue-js/app/popup/App.vue

@@ -2,6 +2,7 @@
   <div class="popup">
     <img src="/icons/icon_128.png" alt="" width="64" height="64" />
     <div class="title">AddFox Vue</div>
+    <a class="site-link" href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a>
   </div>
 </template>
 
@@ -25,4 +26,9 @@
   font-size: 18px;
   font-weight: 600;
 }
+
+.site-link {
+  font-size: 13px;
+  color: #2563eb;
+}
 </style>

package/templates/template-vue-js/public/welcome.html

@@ -15,5 +15,6 @@
   <img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
   <h1>Addfox + Vue</h1>
   <p>Your extension is ready. Happy building!</p>
+  <p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
 </body>
 </html>

package/templates/template-vue-ts/app/popup/App.vue

@@ -2,6 +2,7 @@
   <div class="popup">
     <img src="/icons/icon_128.png" alt="" width="64" height="64" />
     <div class="title">AddFox Vue</div>
+    <a class="site-link" href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a>
   </div>
 </template>
 
@@ -23,4 +24,9 @@
   font-size: 18px;
   font-weight: 600;
 }
+
+.site-link {
+  font-size: 13px;
+  color: #2563eb;
+}
 </style>

package/templates/template-vue-ts/public/welcome.html

@@ -15,5 +15,6 @@
   <img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
   <h1>Addfox + Vue</h1>
   <p>Your extension is ready. Happy building!</p>
+  <p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
 </body>
 </html>