From 8f44f32a41e5f630c1fb58221eba5a309a1ec72b Mon Sep 17 00:00:00 2001
From: czoczo <mr.czoczo@gmail.com>
Date: Sat, 7 Jun 2025 23:03:41 +0000
Subject: [PATCH] updated copy forms with generated URL and install cmd

---
 webpage/BetterBash/src/App.vue | 30 ++++++++++++++++++++++++++++--
 1 file changed, 28 insertions(+), 2 deletions(-)

diff --git a/webpage/BetterBash/src/App.vue b/webpage/BetterBash/src/App.vue
index 6cd332f..cbfaa25 100644
--- a/webpage/BetterBash/src/App.vue
+++ b/webpage/BetterBash/src/App.vue
@@ -154,6 +154,13 @@
       </div>
 
       <div class="share-section">
+        <h3>Quick install</h3>
+        <div class="share-url-container">
+            <input type="text" :value="installUrl" readonly id="installUrlInput" @click="selectUrlText" />
+            <button @click="copyCmdToClipboard">Copy command</button>
+        </div>
+        <p v-if="copyCmdSuccess" class="copy-success-message">Copied to clipboard!</p>
+        
         <h3>Share Your Theme</h3>
         <div class="share-url-container">
             <input type="text" :value="shareableUrl" readonly id="shareUrlInput" @click="selectUrlText" />
@@ -161,13 +168,13 @@
         </div>
         <p v-if="copySuccess" class="copy-success-message">Copied to clipboard!</p>
         
-        <h3>Load Theme from URL</h3>
+        <!---<h3>Load Theme from URL</h3>
         <div class="share-url-container">
             <input type="text" v-model="loadUrlInput" placeholder="Paste theme URL here..." id="loadUrlInput" />
             <button @click="loadThemeFromUrl">Load Theme</button>
         </div>
         <p v-if="loadError" class="load-error-message">{{ loadError }}</p>
-        <p v-if="loadSuccess" class="load-success-message">Theme loaded successfully!</p>
+        <p v-if="loadSuccess" class="load-success-message">Theme loaded successfully!</p>-->
       </div>
     </div>
   </div>
@@ -463,6 +470,11 @@ function parseShareCode(code) {
   }
 }
 
+const installUrl = computed(() => {
+  const code = generateShareCode(selectedColorAttributes.value, showAvatar.value);
+  return `curl -sL https://betterbash.cz0.cz/${code}/getbb.sh`;
+});
+
 const shareableUrl = computed(() => {
   const code = generateShareCode(selectedColorAttributes.value, showAvatar.value);
   return `${window.location.origin}${window.location.pathname}#${code}`;
@@ -482,6 +494,20 @@ async function copyUrlToClipboard() {
   }
 }
 
+const copyCmdSuccess = ref(false);
+async function copyCmdToClipboard() {
+  try {
+    await navigator.clipboard.writeText(installUrl.value);
+    copyCmdSuccess.value = true;
+    setTimeout(() => {
+      copyCmdSuccess.value = false;
+    }, 2000);
+  } catch (err) {
+    console.error('Failed to copy install command: ', err);
+        alert('Failed to copy install command. Please copy it manually.');
+  }
+}
+
 function selectUrlText() {
     const inputElement = document.getElementById('shareUrlInput');
     if (inputElement) {