diff --git a/apps/remix-ide/src/app.js b/apps/remix-ide/src/app.js index d88b3272cf..f965ee3071 100644 --- a/apps/remix-ide/src/app.js +++ b/apps/remix-ide/src/app.js @@ -20,6 +20,7 @@ import { MainPanel } from './app/components/main-panel' import { OffsetToLineColumnConverter, CompilerMetadata, CompilerArtefacts, FetchAndCompile, CompilerImports } from '@remix-project/core-plugin' import migrateFileSystem from './migrateFileSystem' +const introJs = require('intro.js') const isElectron = require('is-electron') const csjs = require('csjs-inject') @@ -499,4 +500,10 @@ Please make a backup of your contracts and start using http://remix.ethereum.org framingService.start(params) if (params.embed) framingService.embed() + //if (!params) { + if (!localStorage.getItem('hadTour_initial')) { + introJs().start() + localStorage.setItem('hadTour_initial', true) + } + //} } diff --git a/apps/remix-ide/src/app/components/vertical-icons.js b/apps/remix-ide/src/app/components/vertical-icons.js index 7a31682ed1..04ea78e5f6 100644 --- a/apps/remix-ide/src/app/components/vertical-icons.js +++ b/apps/remix-ide/src/app/components/vertical-icons.js @@ -270,16 +270,18 @@ export class VerticalIcons extends Plugin { this.iconKind.settings = yo`
` this.view = yo` -
- ${home} - ${this.iconKind.fileexplorer} - ${this.iconKind.compiler} - ${this.iconKind.udapp} - ${this.iconKind.testing} - ${this.iconKind.analysis} - ${this.iconKind.debugging} - ${this.iconKind.none} - ${this.iconKind.settings} +
+
+ ${home} + ${this.iconKind.fileexplorer} + ${this.iconKind.compiler} + ${this.iconKind.udapp} + ${this.iconKind.testing} + ${this.iconKind.analysis} + ${this.iconKind.debugging} + ${this.iconKind.none} + ${this.iconKind.settings} +
` return this.view diff --git a/apps/remix-ide/src/index.html b/apps/remix-ide/src/index.html index 6741c21c19..dd238f72b8 100644 --- a/apps/remix-ide/src/index.html +++ b/apps/remix-ide/src/index.html @@ -56,6 +56,7 @@ } + - + + + + diff --git a/package-lock.json b/package-lock.json index d5f2e4d0ef..49a7464213 100644 --- a/package-lock.json +++ b/package-lock.json @@ -20124,6 +20124,11 @@ "resolved": "https://registry.npmjs.org/interpret/-/interpret-1.4.0.tgz", "integrity": "sha512-agE4QfB2Lkp9uICn7BAqoscw4SZP9kTE2hxiFI3jBPmXJfdqiahTbUuKGsMoN2GtqL9AxhYioAcVvgsb1HvRbA==" }, + "intro.js": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/intro.js/-/intro.js-4.0.0.tgz", + "integrity": "sha512-IS8+p4rpnWUq2Vd8YRgjR8w9lbyLvT0ptscBqA4iudO68oven39CvxHfxopfwlNUGgmgcyX17DOETof+D90AXA==" + }, "invariant": { "version": "2.2.4", "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz", diff --git a/package.json b/package.json index 781ee00078..196e3e23d5 100644 --- a/package.json +++ b/package.json @@ -158,6 +158,7 @@ "form-data": "^4.0.0", "fs-extra": "^3.0.1", "http-server": "^0.11.1", + "intro.js": "^4.0.0", "isbinaryfile": "^3.0.2", "isomorphic-git": "^1.8.2", "jquery": "^3.3.1",