feat(tutorialv1): create "new tutorial v1"

 - HTML Tutorial is all information and videos for onboarding and feature presentations,
 - The launcher is html iframe to launch the integration user experience within WorkAdventure. This application will be set in our back office administration and available to WorkAdventure customers.

Author: gparant

.eslintignore

@@ -1,2 +1,5 @@
 dist/
-jest.config.js
+jest.config.js
+tailwind.config.js
+tailwind.config.cjs
+postcss.config.js

.eslintrc

@@ -1,3 +1,10 @@
 {
-  "extends": "@rpidanny/eslint-config-typescript"
+  "extends": "@rpidanny/eslint-config-typescript",
+  "rules": {
+    "no-unused-vars": "off",
+    "simple-import-sort/imports": "off",
+    "arrow-parens": "off",
+    "camelcase": "off",
+    "no-throw-literal": "error"
+  }
 }

package-lock.json

@@ -47,20 +47,23 @@
     ]
   },
   "devDependencies": {
+    "@16bits/nes.css": "^2.3.2",
     "@commitlint/cli": "^13.1.0",
     "@commitlint/config-conventional": "^13.1.0",
     "@rpidanny/eslint-config-typescript": "^1.0.0",
     "@semantic-release/changelog": "^5.0.1",
     "@semantic-release/commit-analyzer": "^8.0.1",
     "@semantic-release/git": "^9.0.0",
     "@semantic-release/npm": "^7.1.0",
+    "@tailwindcss/forms": "^0.5.3",
     "@tsconfig/svelte": "^2.0.1",
     "@types/copy-webpack-plugin": "^8.0.1",
     "@types/jest": "^27.0.1",
     "@types/mini-css-extract-plugin": "^2.2.0",
     "@types/mustache": "^4.1.2",
     "@types/webpack-dev-server": "^4.1.0",
     "@workadventure/iframe-api-typings": "^1.7.2",
+    "autoprefixer": "^10.4.8",
     "copy-webpack-plugin": "^9.0.1",
     "cross-env": "^7.0.3",
     "css-loader": "^5.2.4",
@@ -73,6 +76,7 @@
     "mini-css-extract-plugin": "^2.2.2",
     "node-polyfill-webpack-plugin": "^1.1.2",
     "npm-run-all": "^4.1.5",
+    "postcss": "^8.4.16",
     "prettier": "^2.0.5",
     "sass": "^1.32.12",
     "sass-loader": "^12.1.0",
@@ -81,6 +85,7 @@
     "svelte-check": "^2.1.0",
     "svelte-loader": "^3.1.1",
     "svelte-preprocess": "^4.7.3",
+    "tailwindcss": "^3.1.8",
     "ts-jest": "^26.1.4",
     "ts-loader": "^9.2.5",
     "ts-node": "^10.1.0",
@@ -99,10 +104,12 @@
   },
   "unpkg": "dist/bundle.js",
   "dependencies": {
-    "@fontsource/press-start-2p": "^4.5.0",
+    "@fontsource/press-start-2p": "^4.5.10",
+    "@workadventure-style/sweetsky": "^1.0.2",
     "@workadventure/tiled-map-type-guard": "^2.0.4",
     "mustache": "^4.2.0",
     "nes.css": "^2.3.0",
-    "play-dtmf": "^0.1.1"
+    "play-dtmf": "^0.1.1",
+    "postcss-loader": "^7.0.1"
   }
 }

package.json

@@ -0,0 +1,2 @@
+const postcssConfig = require("@workadventure-style/sweetsky/postcss.config");
+module.exports = postcssConfig;