merge install and load into a single page

duckdb · Sep 11, 2024 · 71bae7b · 71bae7b
1 parent 38bde67
commit 71bae7b
Show file tree

Hide file tree

Showing 6 changed files with 66 additions and 72 deletions.
diff --git a/_data/menu_docs_dev.json b/_data/menu_docs_dev.json
@@ -520,6 +520,10 @@
                 {
                   "page": "VACUUM",
                   "url": "vacuum"
+                },
+                {
+                  "page": "LOAD/INSTALL",
+                  "url": "load_and_install"
                 }
               ]
             },

diff --git a/docs/sql/statements/install.md b/docs/sql/statements/install.md
diff --git a/docs/sql/statements/load.md b/docs/sql/statements/load.md
diff --git a/docs/sql/statements/load_and_install.md b/docs/sql/statements/load_and_install.md
@@ -0,0 +1,49 @@
+---
+layout: docu
+title: LOAD/INSTALL Statements
+railroad: statements/load_and_install.js
+---
+
+# INSTALL
+
+The `INSTALL` statement downloads an extension so it can be loaded into a duckdb session.
+
+## Examples
+
+Install the [`httpfs`]({% link docs/extensions/httpfs/overview.md %}) extension:
+
+```sql
+INSTALL httpfs;
+```
+
+Install the h3 [community extension]({% link docs/extensions/community_extensions.md %}):
+
+```sql
+INSTALL h3 from community;
+```
+
+## Syntax
+
+<div id="rrdiagram2"></div>
+
+# LOAD
+
+The `LOAD` statement loads an installed duckdb extension into the current session.
+
+## Examples
+
+Load the [`httpfs`]({% link docs/extensions/httpfs/overview.md %}) extension:
+
+```sql
+LOAD httpfs;
+```
+
+Load the [`spatial`]({% link docs/extensions/spatial.md %}) extension:
+
+```sql
+LOAD spatial;
+```
+
+## Syntax
+
+<div id="rrdiagram1"></div>
diff --git a/js/statements/load.js b/js/statements/load.js
diff --git a/js/statements/install.js → js/statements/load_and_install.js b/js/statements/install.js → js/statements/load_and_install.js
@@ -1,3 +1,12 @@
+function GenerateLoad(options = {}) {
+    return Diagram([
+        AutomaticStack([
+            Keyword("LOAD"),
+            Expression("extension-name")
+        ])
+    ])
+}
+
 function GenerateInstall(options = {}) {
     return Diagram([
         AutomaticStack([
@@ -27,7 +36,10 @@ function GenerateInstall(options = {}) {
 
 function Initialize(options = {}) {
     document.getElementById("rrdiagram1").classList.add("limit-width");
-    document.getElementById("rrdiagram1").innerHTML = GenerateInstall(options).toString();
+    document.getElementById("rrdiagram1").innerHTML = GenerateLoad(options).toString();
+
+    document.getElementById("rrdiagram2").classList.add("limit-width");
+    document.getElementById("rrdiagram2").innerHTML = GenerateInstall(options).toString();
 }
 
 function Refresh(node_name, set_node) {