From bb89fd763f70e9e3d55404b01dea3ed127dc9b57 Mon Sep 17 00:00:00 2001
From: "Chris K. Thomas" <135461249+chriskthomas@users.noreply.github.com>
Date: Sat, 29 Jun 2024 20:00:28 +0000
Subject: [PATCH] single source of ionicons version/cdn

---
 src/index.js     |  5 +++--
 src/index.php    | 31 +++++++++++++++++++++----------
 src/template.php |  4 ++--
 3 files changed, 26 insertions(+), 14 deletions(-)

diff --git a/src/index.js b/src/index.js
index 7aa620c..2c03d6c 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,5 +1,6 @@
 const localStorageIgnore = ["photo"];
 const themeUrl = document.getElementById("themes-source").value;
+const ioniconsUrl = document.getElementById("ionicons-source").value;
 
 // Elements
 const addCustomLinkButton = document.querySelector("a.btn");
@@ -324,8 +325,8 @@ function UpdatePreview() {
       ${email}
     </div>
     ${themeScriptTag}
-    <script type="module" src="https://cdn.jsdelivr.net/npm/ionicons@7.4.0/dist/ionicons/ionicons.esm.js"></script>
-    <script nomodule src="https://cdn.jsdelivr.net/npm/ionicons@7.4.0/dist/ionicons/ionicons.js"></script>`;
+    <script type="module" src="${ioniconsUrl}/dist/ionicons/ionicons.esm.js"></script>
+    <script nomodule src="${ioniconsUrl}/dist/ionicons/ionicons.js"></script>`;
 
   // If previewBlock is empty, append the iframe
   if (previewBlock.childElementCount === 0) {
diff --git a/src/index.php b/src/index.php
index 27e5956..5285f08 100644
--- a/src/index.php
+++ b/src/index.php
@@ -1,5 +1,6 @@
 <?php
 $themes_source = "https://cdn.jsdelivr.net/npm/linkfree-themes@1.1.0";
+$ionicons_source = "https://cdn.jsdelivr.net/npm/ionicons@7.4.0";
 
 $sites = [
   [
@@ -50,15 +51,15 @@
   <meta property="og:title" content="LinkFree Generator">
   <meta property="og:description" content="Create your own LinkFree and have all your links in one place">
   <meta property="og:url" content="https://linkfree.ckt.im/">
-  <meta property="og:image" content='https://opengraph.githubassets.com/<?=hash("sha256", date("Y-m-d H:i:s T"))?>/chriskthomas/linkfree-generator'>
+  <meta property="og:image" content='https://opengraph.githubassets.com/<?= hash("sha256", date("Y-m-d H:i:s T")) ?>/chriskthomas/linkfree-generator'>
   <meta property="og:type" content="website">
   <meta property="og:site_name" content="LinkFree Generator">
   <meta property="og:locale" content="en_US">
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:title" content="LinkFree Generator">
   <meta name="twitter:description" content="Create your own LinkFree and have all your links in one place">
-  <meta name="twitter:image" content='https://opengraph.githubassets.com/<?=hash("sha256", date("Y-m-d H:i:s T"))?>/chriskthomas/linkfree-generator'>
-  
+  <meta name="twitter:image" content='https://opengraph.githubassets.com/<?= hash("sha256", date("Y-m-d H:i:s T")) ?>/chriskthomas/linkfree-generator'>
+
   <title>LinkFree Generator</title>
   <link rel="stylesheet" href="index.css">
   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
@@ -68,7 +69,10 @@
   <div class="container my-3">
     <h1>Create your own LinkFree!</h1>
     <p>
-      Fill out this form to generate your own single page website. All fields are optional except for your name. So, don't worry if you don't have all these accounts. The output will be a single <code>index.html</code> file that you can upload to any static hosting provider such as GitHub Pages, Cloudflare Pages, Vercel, Netlify, or DigitalOcean Apps.
+      Fill out this form to generate your own single page website. All fields are optional except for your name.
+      So, don't worry if you don't have all these accounts. The output will be a single <code>index.html</code>
+      file that you can upload to any static hosting provider such as GitHub Pages, Cloudflare Pages, Vercel,
+      Netlify, or DigitalOcean Apps.
     </p>
     <form id="form" class="mb-3" action="api.php" method="post" enctype="multipart/form-data" accept-charset="utf-8">
       <div class="mb-3">
@@ -89,7 +93,8 @@
       <div class="mb-3">
         <label for="photo" class="form-label">Photo</label>
         <input type="file" id="photo" name="photo" class="form-control">
-        <div class="form-text">Make it small and square (about 220x220px). It will be embedded into the page (optional, max 2mb).</div>
+        <div class="form-text">Make it small and square (about 220x220px). It will be embedded into the page
+          (optional, max 2mb).</div>
       </div>
       <div class="mb-3">
         <label for="email" class="form-label">Email</label>
@@ -123,7 +128,8 @@
       <?php } ?>
       <div class="mb-3">
         <div class="form-text">
-          For custom links, you may use <a href="https://ionic.io/ionicons">any icon from ionicons</a> by name. For example, <code>logo-mastodon</code>. Icon field may be left blank.
+          For custom links, you may use <a href="https://ionic.io/ionicons">any icon from ionicons</a> by
+          name. For example, <code>logo-mastodon</code>. Icon field may be left blank.
         </div>
       </div>
       <div class="mb-3">
@@ -138,6 +144,7 @@
           You can <a href="https://chriskthomas.github.io/linkfree-themes/">preview themes here</a>.
         </div>
         <input type="hidden" id="themes-source" name="themes-source" value="<?= $themes_source ?>">
+        <input type="hidden" id="ionicons-source" name="ionicons-source" value="<?= $ionicons_source ?>">
       </div>
       <div class="mb-3 form-check">
         <input type="checkbox" id="ispreview" name="ispreview" class="form-check-input">
@@ -171,11 +178,15 @@
 
     </div>
   </footer>
-  
-  <button id="previewButton"><ion-icon name="eye"></ion-icon></button>
+
+  <button id="previewButton">
+    <ion-icon name="eye"></ion-icon>
+  </button>
   <div id="previewBlock"></div>
   <script src="./index.js"></script>
 
-  <script type="module" src="https://cdn.jsdelivr.net/npm/ionicons@7.4.0/dist/ionicons/ionicons.esm.js"></script>
+  <script type="module" src="<?= $ionicons_source ?>/dist/ionicons/ionicons.esm.js"></script>
+  <script nomodule src="<?= $ionicons_source ?>/dist/ionicons/ionicons.js"></script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/src/template.php b/src/template.php
index 74a76d7..4340eed 100644
--- a/src/template.php
+++ b/src/template.php
@@ -70,8 +70,8 @@
     <?php if (!empty($theme["js"])) { ?>
         <script src="<?= "{$_POST["themes-source"]}/{$theme["js"]}" ?>"></script>
     <?php } ?>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/ionicons@7.4.0/dist/ionicons/ionicons.esm.js"></script>
-    <script nomodule src="https://cdn.jsdelivr.net/npm/ionicons@7.4.0/dist/ionicons/ionicons.js"></script>
+    <script type="module" src="<?= $_POST["ionicons-source"] ?>/dist/ionicons/ionicons.esm.js"></script>
+    <script nomodule src="<?= $_POST["ionicons-source"] ?>/dist/ionicons/ionicons.js"></script>
 </body>
 
 </html>
\ No newline at end of file