completely re-implemented guided tours in typescript

Author: it-s

.babelrc

@@ -5,7 +5,8 @@
       {
         "modules": false
       }
-    ]
+    ],
+    "@babel/preset-typescript"
   ],
   "plugins": []
 }

package.json

@@ -1,7 +1,7 @@
 {
   "name": "tourguidejs",
   "version": "2.0.0",
-  "src": "src/Tour.js",
+  "src": "src/Tour.ts",
   "main": "tourguide.js",
   "module": "tourguide.esm.js",
   "description": "Guided tour feature plugin for docsie manager",
@@ -34,12 +34,16 @@
     "npm": ">=3.0.0",
     "node": ">=6.0.0"
   },
+  "dependencies": {
+    "snarkdown": "^2.0.0",
+    "@floating-ui/dom": "^1.0.10",
+    "umbrellajs": "^3.1.0"
+  },
   "devDependencies": {
     "@babel/core": "^7.14.3",
     "@babel/plugin-external-helpers": "^7.12.13",
     "@babel/preset-env": "^7.14.4",
-    "@floating-ui/dom": "^1.0.10",
-    "@popperjs/core": "^2.11.6",
+    "@babel/preset-typescript": "^7.21.5",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^19.0.0",
     "@rollup/plugin-node-resolve": "^13.0.0",
@@ -58,10 +62,7 @@
     "rollup-plugin-sass": "^1.2.2",
     "rollup-plugin-sizes": "^0.4.2",
     "rollup-plugin-terser": "^7.0.2",
-    "sass": "^1.49.0",
-    "scroll-into-view": "^1.15.0",
-    "snarkdown": "^2.0.0",
-    "umbrellajs": "^3.1.0"
+    "sass": "^1.49.0"
   },
   "commonjs": [
     "node_modules/**"
@@ -77,4 +78,4 @@
     ]
   },
   "browserslist": "> 0.25%, not dead"
-}
+}

rollup.config.js

@@ -1,5 +1,5 @@
 import filesize from "rollup-plugin-filesize";
-import { eslint } from "rollup-plugin-eslint";
+// import { eslint } from "rollup-plugin-eslint";
 import babel from "@rollup/plugin-babel";
 import commonjs from "@rollup/plugin-commonjs";
 import resolve from "@rollup/plugin-node-resolve";
@@ -11,6 +11,7 @@ import pkg from "./package.json";
 const isDev = Boolean(process.argv.find((arg) => arg === "--configDev"));
 
 const babelplugin = babel({
+  extensions: ['.js', '.jsx', '.ts', '.tsx'],
   babelHelpers: "bundled",
   exclude: pkg.commonjs
 });
@@ -25,6 +26,7 @@ const replaceplugin = replace({
     : JSON.stringify("production"),
 });
 const resolveplugin = resolve({
+  extensions: ['.js', '.jsx', '.ts', '.tsx'],
   mainFields: ["module", "jsnext:main", "browser"],
   browser: true,
   preferBuiltins: true
@@ -48,12 +50,12 @@ export default [{
     file: pkg.main
   },
   plugins: [
-    eslint({
-      fix: true,
-      include: [
-        "./src/**",
-      ]
-    }),
+    // eslint({
+    //   fix: true,
+    //   include: [
+    //     "./src/**",
+    //   ]
+    // }),
     ...plugins
   ]
 }, {

src/Tour.scss

@@ -0,0 +1,48 @@
+:host {
+    position: absolute;
+    overflow: visible;
+    top: 0;
+    left: 0;
+    width: 0;
+    height: 0;
+    box-sizing: border-box;
+    line-height: 1.4;
+    text-align: left;
+    text-rendering: optimizespeed;
+    font-family: var(--tourguide-font-family);
+    font-size: var(--tourguide-font-size);
+    color: var(--tourguide-text-color);
+    /* 1 */
+    -webkit-text-size-adjust: 100%;
+    /* 2 */
+    -moz-tab-size: 4;
+    /* 3 */
+    tab-size: 4;
+    /* 3 */
+
+    * {
+        margin: 0;
+        padding: 0;
+        background: none;
+        border: none;
+        border-width: 0;
+        border-style: none;
+        border-color: currentColor;
+        box-shadow: none;
+        color: inherit;
+        appearance: none;
+        font-size: inherit;
+        font-weight: inherit;
+        text-decoration: none;
+    }
+
+    a,
+    button {
+        cursor: pointer;
+
+        &:hover,
+        &:focus {
+            outline: 5px auto var(--tourguide-focus-color);
+        }
+    }
+}