Add a way to configure steps

docs/src/content/guides/api.mdx

@@ -51,6 +51,8 @@ driverObj.refresh();
 driverObj.getConfig();
 driverObj.setConfig({ /* ... */ });
 
+driverObj.setSteps([ /* ... */ ]); // Set the steps
+
 // Look at the state section of configuration for format of the state
 // https://driverjs.com/docs/configuration#state
 driverObj.getState();

index.html

@@ -209,6 +209,7 @@
         <button id="progress-tour">Progress Text</button>
         <button id="progress-tour-template">Progress Text Template</button>
         <button id="api-test">API Test</button>
+        <button id="reconfigure-steps">Re Configuring Steps</button>
       </div>
 
       <ul>
@@ -461,6 +462,31 @@ npm install driver.js</pre
         driverObj.drive();
       });
 
+      document.getElementById("reconfigure-steps").addEventListener("click", () => {
+        const driverObj = driver({
+          animate: true,
+          steps: basicTourSteps,
+          showProgress: true,
+        });
+
+        driverObj.setSteps([
+          {
+            element: "h1",
+            popover: {
+              description: "This is a new description"
+            }
+          },
+          {
+            element: "p",
+            popover: {
+              description: "This is another new description"
+            }
+          }
+        ])
+
+        driverObj.drive();
+      });
+
       document.getElementById("async-tour").addEventListener("click", () => {
         const driverObj = driver({
           animate: true,

package.json

@@ -1,7 +1,7 @@
 {
   "name": "driver.js",
   "private": false,
-  "version": "1.0.3",
+  "version": "1.0.4",
   "main": "./dist/driver.js.cjs",
   "module": "./dist/driver.js.mjs",
   "types": "./dist/driver.js.d.ts",

src/driver.ts

@@ -187,19 +187,25 @@ export function driver(options: Config = {}) {
         disableButtons: [...(!hasPreviousStep ? ["previous" as AllowedButtons] : [])],
         showProgress: showProgress,
         progressText: progressTextReplaced,
-        onNextClick: onNextClick ? onNextClick : () => {
-          if (!hasNextStep) {
-            destroy();
-          } else {
-            drive(stepIndex + 1);
-          }
-        },
-        onPrevClick: onPrevClick ? onPrevClick : () => {
-          drive(stepIndex - 1);
-        },
-        onCloseClick: onCloseClick ? onCloseClick : () => {
-          destroy();
-        },
+        onNextClick: onNextClick
+          ? onNextClick
+          : () => {
+              if (!hasNextStep) {
+                destroy();
+              } else {
+                drive(stepIndex + 1);
+              }
+            },
+        onPrevClick: onPrevClick
+          ? onPrevClick
+          : () => {
+              drive(stepIndex - 1);
+            },
+        onCloseClick: onCloseClick
+          ? onCloseClick
+          : () => {
+              destroy();
+            },
         ...(currentStep?.popover || {}),
       },
     });
@@ -261,6 +267,13 @@ export function driver(options: Config = {}) {
       drive(stepIndex);
     },
     setConfig: configure,
+    setSteps: (steps: DriveStep[]) => {
+      resetState();
+      configure({
+        ...getConfig(),
+        steps,
+      });
+    },
     getConfig,
     getState,
     getActiveIndex: () => getState("activeIndex"),