use handlebars if statements in templating

kaustubh1211 · Jul 23, 2023 · 7d6d41f · 7d6d41f
1 parent 386afd2
commit 7d6d41f
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 25 deletions.
diff --git a/example.env b/example.env
@@ -1,5 +1,8 @@
-# make sure the cors proxy url does NOT have a slash at the end
-VITE_CORS_PROXY_URL=...
 VITE_TMDB_READ_API_KEY=...
 VITE_OPENSEARCH_ENABLED=false
-VITE_APP_DOMAIN="http://localhost:5173"
+
+# make sure the cors proxy url does NOT have a slash at the end
+VITE_CORS_PROXY_URL=...
+
+# make sure the domain does NOT have a slash at the end
+VITE_APP_DOMAIN=http://localhost:5173
diff --git a/index.html b/index.html
@@ -34,25 +34,27 @@
 
     <title>movie-web</title>
 
-	<!-- OpenSearch -->
-    {{{ opensearch }}}
-
-	<!-- Google Sitelinks -->
-	<script type="application/ld+json">
-		{
-		  "@context": "https://schema.org",
-		  "@type": "WebSite",
-		  "url": "https://movie-web.app/",
-		  "potentialAction": {
-			"@type": "SearchAction",
-			"target": {
-			  "@type": "EntryPoint",
-			  "urlTemplate": "https://movie-web.app/browse/{search_term_string}"
-			},
-			"query-input": "required name=search_term_string"
-		  }
-		}
-		</script>
+    {{#if opensearchEnabled }}
+      <!-- OpenSearch -->
+      <link rel="search" type="application/opensearchdescription+xml" title="movie-web" href="/opensearch.xml">
+
+      <!-- Google Sitelinks -->
+      <script type="application/ld+json">
+        {
+          "@context": "https://schema.org",
+          "@type": "WebSite",
+          "url": "{{ routeDomain }}",
+          "potentialAction": {
+          "@type": "SearchAction",
+          "target": {
+            "@type": "EntryPoint",
+            "urlTemplate": "{{ routeDomain }}/browse/?q={search_term_string}"
+          },
+          "query-input": "required name=search_term_string"
+          }
+        }
+      </script>
+    {{/if}}
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/src/assets/opensearch.xml.hbs b/src/assets/opensearch.xml.hbs
@@ -2,5 +2,5 @@
   <ShortName>movie-web</ShortName>
   <Description>The place for your favorite movies &amp; shows</Description>
   <InputEncoding>UTF-8</InputEncoding>
-  <Url type="text/html" template="{{ appdomain }}/browse/{searchTerms}" />
+  <Url type="text/html" template="{{ routeDomain }}/browse/?q={searchTerms}" />
 </OpenSearchDescription>
diff --git a/vite.config.ts b/vite.config.ts
@@ -13,8 +13,10 @@ export default defineConfig(({ mode }) => {
     plugins: [
       handlebars({
         vars: {
-          opensearch: env.VITE_OPENSEARCH_ENABLED ? '<link rel="search" type="application/opensearchdescription+xml" title="movie-web" href="src/assets/opensearch.xml">' : "",
-          appdomain: env.VITE_APP_DOMAIN,
+          opensearchEnabled: env.VITE_OPENSEARCH_ENABLED === "true",
+          routeDomain: env.VITE_APP_DOMAIN + (env.VITE_NORMAL_ROUTER !== 'true' ? "/#" : ""),
+          domain: env.VITE_APP_DOMAIN,
+          env,
         },
       }),
       react({