From 81a4e7ea4a7a0bad7fcd126092af5f96eb87b165 Mon Sep 17 00:00:00 2001
From: cdxker <fdenzell@gmail.com>
Date: Wed, 18 Dec 2024 13:32:42 -0800
Subject: [PATCH] feature: update version on public page, modify instructions
 to createElement as the default

---
 server/src/public/page.html                  | 4 ++--
 server/src/public/search-component-code.html | 9 ++++++---
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/server/src/public/page.html b/server/src/public/page.html
index ffcd41c3a..472e756a8 100644
--- a/server/src/public/page.html
+++ b/server/src/public/page.html
@@ -4,7 +4,7 @@
     <link rel="stylesheet" href="/static/output.css" />
     <link
       rel="stylesheet"
-      href="https://unpkg.com/trieve-search-component@0.2.30/dist/index.css"
+      href="https://search-component.trieve.ai/dist/index.css"
     />
     <link
       rel="apple-touch-icon"
@@ -291,7 +291,7 @@
     </style>
 
     <script type="module">
-      import {renderToDiv} from 'https://unpkg.com/trieve-search-component@0.2.30/dist/vanilla/index.js';
+      import {renderToDiv} from 'https://search-component.trieve.ai/dist/vanilla/index.js';
       const root = document.getElementById('root');
       renderToDiv(root, {
         ... {{params | tojson}}
diff --git a/server/src/public/search-component-code.html b/server/src/public/search-component-code.html
index b0b6c9c40..092a890c5 100644
--- a/server/src/public/search-component-code.html
+++ b/server/src/public/search-component-code.html
@@ -2,13 +2,16 @@
 <code class="language-javascript">
 &lt;link
   rel="stylesheet"
-  href="https://unpkg.com/trieve-search-component@0.2.29/dist/index.css"
+  href="https://search-component.trieve.ai/dist/index.css"
 /&gt;
 
 &lt;script type="module"&gt;
-  import {renderToDiv} from 'https://unpkg.com/trieve-search-component@0.2.29/dist/vanilla/index.js';
+  import {renderToDiv} from 'https://search-component.trieve.ai/dist/vanilla/index.js';
   window.addEventListener('load', () => {
-    const root = document.getElementById('root');
+    const root = document.createElement('div');
+    root.classList.add('trigger');
+    document.body.appendChild(root);
+
     renderToDiv(root, {
       {% if params.apiKey -%}
       apiKey: "{{ params.apiKey }}",