refactored all the examples to use a common script loader

rapi-doc · Oct 3, 2024 · 91b4805 · 91b4805
1 parent 5acfd47
commit 91b4805
Show file tree

Hide file tree

Showing 113 changed files with 1,055 additions and 2,894 deletions.
diff --git a/docs/examples-theme/cssparts-btn.html b/docs/examples-theme/cssparts-btn.html
@@ -1,19 +1,9 @@
 <!doctype html>
 <html>
   <head>
-    <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-132775238-1"></script>
-    <script>
-      window.dataLayer = window.dataLayer || [];
-      function gtag(){dataLayer.push(arguments);}
-      gtag('js', new Date());
-
-      gtag('config', 'UA-132775238-1');
-    </script>
-
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
-    <script type="module" src="../rapidoc-min.js"></script>
+    <script src="../load-rapidoc-and-other-common-scripts.js"></script>
     <style>
       rapi-doc::part(btn){ border-radius: 15px; }
       rapi-doc::part(btn-try) { 

diff --git a/docs/examples-theme/cssparts-nav1.html b/docs/examples-theme/cssparts-nav1.html
@@ -1,19 +1,9 @@
 <!doctype html>
 <html>
   <head>
-    <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-132775238-1"></script>
-    <script>
-      window.dataLayer = window.dataLayer || [];
-      function gtag(){dataLayer.push(arguments);}
-      gtag('js', new Date());
-
-      gtag('config', 'UA-132775238-1');
-    </script>
-
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
-    <script type="module" src="../rapidoc-min.js"></script>
+    <script src="./load-rapidoc-and-other-common-scripts.js"></script>
     <style>
       rapi-doc::part(section-navbar) {
         background: linear-gradient(90deg,#3d4e70, #2e3746);

diff --git a/docs/examples-theme/cssparts-nav2.html b/docs/examples-theme/cssparts-nav2.html
@@ -1,19 +1,9 @@
 <!doctype html>
 <html>
   <head>
-    <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-132775238-1"></script>
-    <script>
-      window.dataLayer = window.dataLayer || [];
-      function gtag(){dataLayer.push(arguments);}
-      gtag('js', new Date());
-
-      gtag('config', 'UA-132775238-1');
-    </script>
-
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
-    <script type="module" src="../rapidoc-min.js"></script>
+    <script src="./load-rapidoc-and-other-common-scripts.js"></script>
     <style>
       rapi-doc::part(nav-bar) {
         background-blend-mode: multiply;

diff --git a/docs/examples-theme/cssparts-servers.html b/docs/examples-theme/cssparts-servers.html
@@ -1,19 +1,9 @@
 <!doctype html>
 <html>
   <head>
-    <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-132775238-1"></script>
-    <script>
-      window.dataLayer = window.dataLayer || [];
-      function gtag(){dataLayer.push(arguments);}
-      gtag('js', new Date());
-
-      gtag('config', 'UA-132775238-1');
-    </script>
-
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
-    <script type="module" src="../rapidoc-min.js"></script>
+    <script src="./load-rapidoc-and-other-common-scripts.js"></script>
     <style>
       rapi-doc::part(overview-title) {
         color: #9b2f80;

diff --git a/docs/examples-theme/load-rapidoc-and-other-common-scripts.js b/docs/examples-theme/load-rapidoc-and-other-common-scripts.js
@@ -0,0 +1,34 @@
+(function loadRapidocAndOtherCommonScripts() {
+  // Google Analytics
+  const gaScript = document.createElement('script');
+  gaScript.async = true;
+  gaScript.src = 'https://www.googletagmanager.com/gtag/js?id=UA-132775238-1';
+  document.head.appendChild(gaScript);
+
+  window.dataLayer = window.dataLayer || [];
+  function gtag() {
+    // eslint-disable-next-line prefer-rest-params
+    window.dataLayer.push(arguments);
+  }
+  gtag('js', new Date());
+  gtag('config', 'UA-132775238-1');
+
+  // Include common StyleSheet used in all the examples
+  const linkStylesheet = document.createElement('link');
+  linkStylesheet.setAttribute('href', '../index.css');
+  linkStylesheet.setAttribute('rel', 'stylesheet');
+  document.head.appendChild(linkStylesheet);
+
+  // Load RapiDoc based on Mode (In local host load )
+  const isDev = window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1';
+  const script = document.createElement('script');
+  script.type = 'module';
+
+  if (isDev) {
+    script.src = '../rapidoc-min.js';
+  } else {
+    // In production, use the built file
+    script.src = '../rapidoc-min.js';
+  }
+  document.head.appendChild(script);
+}());
diff --git a/docs/examples/OA-3.1.html b/docs/examples/OA-3.1.html
@@ -1,20 +1,9 @@
 <!doctype html>
 <html>
   <head>
-    <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src='https://www.googletagmanager.com/gtag/js?id=UA-132775238-1'></script>
-    <script>
-      window.dataLayer = window.dataLayer || [];
-      function gtag(){dataLayer.push(arguments);}
-      gtag('js', new Date());
-      gtag('config', 'UA-132775238-1');
-    </script>
-    <meta charset='utf-8'>
-    <meta name='viewport' content='width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes'>
-    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;600&family=Roboto+Mono&display=swap" rel="stylesheet">
-    <script type='text/javascript' src='../rapidoc-min.js'></script>
-
-    <link href='../index.css' rel='stylesheet'>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
+    <script src="./load-rapidoc-and-other-common-scripts.js"></script>
   </head>
   <body>
     <rapi-doc id = "thedoc"

diff --git a/docs/examples/additional-props.html b/docs/examples/additional-props.html
@@ -1,29 +1,19 @@
 <!doctype html>
 <html>
   <head>
-    <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-132775238-1"></script>
-    <script>
-      window.dataLayer = window.dataLayer || [];
-      function gtag(){dataLayer.push(arguments);}
-      gtag('js', new Date());
-      gtag('config', 'UA-132775238-1');
-    </script>
-
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
-    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;600&family=Roboto+Mono&display=swap" rel="stylesheet">
-    <script type="text/javascript" src="../rapidoc-min.js"></script>
+    <script src="./load-rapidoc-and-other-common-scripts.js"></script>
   </head>
   <body>
-    <rapi-doc spec-url="../specs/additional-props.yaml" 
-      allow-authentication = "false" 
-      show-info = "false"
+    <rapi-doc spec-url="../specs/additional-props.yaml"
       show-header = "false"
+      show-info = "false"
+      allow-server-selection = "false"
+      allow-authentication = "false"
+      default-schema-tab = "schema" 
       render-style = "read"
       allow-try = "false" 
-      regular-font = 'Open Sans'
-      mono-font = "Roboto Mono"
     > </rapi-doc>
   </body>
 </html>
diff --git a/docs/examples/allof.html b/docs/examples/allof.html
@@ -1,28 +1,18 @@
 <!doctype html>
 <html>
   <head>
-    <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src='https://www.googletagmanager.com/gtag/js?id=UA-132775238-1'></script>
-    <script>
-      window.dataLayer = window.dataLayer || [];
-      function gtag(){dataLayer.push(arguments);}
-      gtag('js', new Date());
-      gtag('config', 'UA-132775238-1');
-    </script>
-    <meta charset='utf-8'>
-    <meta name='viewport' content='width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes'>
-    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;600&family=Roboto+Mono&display=swap" rel="stylesheet">
-    <script type='text/javascript' src='../rapidoc-min.js'></script>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
+    <script src="./load-rapidoc-and-other-common-scripts.js"></script>
   </head>
   <body>
     <rapi-doc spec-url="../specs/allof.yaml" 
-      allow-authentication = "false" 
-      allow-server-selection = "false"
+      show-header = "false"
       show-info = "false"
+      allow-server-selection = "false"
+      allow-authentication = "false"
+      default-schema-tab = "schema" 
       render-style = "read"
-      allow-try = "false" 
-      regular-font = 'Open Sans'
-      mono-font = "Roboto Mono"
     > </rapi-doc>
   </body>
 </html>
diff --git a/docs/examples/anyof.html b/docs/examples/anyof.html
@@ -1,29 +1,18 @@
 <!doctype html>
 <html>
   <head>
-    <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src='https://www.googletagmanager.com/gtag/js?id=UA-132775238-1'></script>
-    <script>
-      window.dataLayer = window.dataLayer || [];
-      function gtag(){dataLayer.push(arguments);}
-      gtag('js', new Date());
-      gtag('config', 'UA-132775238-1');
-    </script>
-    <meta charset='utf-8'>
-    <meta name='viewport' content='width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes'>
-    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;600&family=Roboto+Mono&display=swap" rel="stylesheet">
-    <script type='text/javascript' src='../rapidoc-min.js'></script>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
+    <script src="./load-rapidoc-and-other-common-scripts.js"></script>
   </head>
   <body>
     <rapi-doc spec-url="../specs/anyof.json" 
-      allow-server-selection = "false"
-      allow-authentication = "false" 
-      show-info = "false"
       show-header = "false"
+      show-info = "false"
+      allow-server-selection = "false"
+      allow-authentication = "false"
+      default-schema-tab = "schema" 
       render-style = "read"
-      allow-try = "false" 
-      regular-font = 'Open Sans'
-      mono-font = "Roboto Mono"
     > </rapi-doc>
   </body>
 </html>