From d943231f4084991f527466b604428660836011a3 Mon Sep 17 00:00:00 2001
From: Garrick Aden-Buie <garrick@adenbuie.com>
Date: Fri, 28 Jun 2024 16:48:59 -0400
Subject: [PATCH] feat: use object destructuring in the function signature

---
 export_template/index.html |  6 +++++-
 src/Components/App.tsx     | 12 ++++++++----
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/export_template/index.html b/export_template/index.html
index b9a219d3..da340575 100644
--- a/export_template/index.html
+++ b/export_template/index.html
@@ -12,7 +12,11 @@
     ></script>
     <script type="module">
       import { runExportedApp } from "./{{REL_PATH}}shinylive/shinylive.js";
-      runExportedApp("root", "{{APP_ENGINE}}", "{{REL_PATH}}");
+      runExportedApp({
+        id: "root",
+        appEngine: "{{APP_ENGINE}}",
+        relPath: "{{REL_PATH}}",
+      });
     </script>
     <link rel="stylesheet" href="./{{REL_PATH}}shinylive/style-resets.css" />
     <link rel="stylesheet" href="./{{REL_PATH}}shinylive/shinylive.css" />
diff --git a/src/Components/App.tsx b/src/Components/App.tsx
index 3e558250..a2de2c3b 100644
--- a/src/Components/App.tsx
+++ b/src/Components/App.tsx
@@ -568,11 +568,15 @@ export function App({
 
 // This function helps launch apps exported with the shinylive Python and R
 // packages and is used by `export_template/index.html`.
-export async function runExportedApp(
-  id: string,
-  appEngine: AppEngine,
+export async function runExportedApp({
+  id,
+  appEngine,
   relPath = "",
-) {
+}: {
+  id: string;
+  appEngine: AppEngine;
+  relPath: string;
+}) {
   const response = await fetch("./app.json");
   if (!response.ok) {
     throw new Error("HTTP error loading app.json: " + response.status);