fix: change strategy launcher new tutorial v1 (#186)

- Create new `tutorialv1` script with typescript,
- Add new environment variable `WORKADVENTURE_URL` and inject it in webpack.

Author: gparant

src/Features/tutorialv1.ts

@@ -0,0 +1,28 @@
+import { defaultAssetsUrl } from "./default_assets_url";
+
+export function launchTutorialv1(): void {
+    const hots = defaultAssetsUrl;
+
+    const tutoUrl = `${hots}/tutorialv1.html`;
+    if (
+        process.env.NODE_ENV != undefined &&
+        process.env.NODE_ENV === "development" &&
+        process.env.WORKADVENTURE_URL != undefined
+    ) {
+        process.env.WORKADVENTURE_URL?.replace("play.", "extra.");
+    }
+    console.info("Start onboarding application!", tutoUrl);
+
+    console.info("Player tutorial done information: ", WA.player.state.tutorialDone);
+    if (WA.player.state.tutorialDone) return;
+
+    //open modal and show onboarding tuto
+    //TODO delete ts-ignore when new scripting release is up
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    WA.ui.modal.openModal({
+        src: tutoUrl,
+        allow: "fullscreen; clipboard-read; clipboard-write",
+        allowApi: true,
+    });
+}

src/Iframes/TutorialV1/Launcher/index.ts

@@ -1,24 +1,8 @@
-import { defaultAssetsUrl } from "../../../Features/default_assets_url";
+import { launchTutorialv1 } from "../../../Features/tutorialv1";
 
 console.info("Onboarding script initialized!");
 document.addEventListener("DOMContentLoaded", () => {
-    const tutoUrl = `${defaultAssetsUrl}/tutorialv1.html`;
-    console.info("Start onboarding application!", tutoUrl);
-
-    //TODO delete ts-ignore when new scripting release is up
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    if (WA.player.state.tutorialDone) return;
-
-    //open modal and show onboarding tuto
-    //TODO delete ts-ignore when new scripting release is up
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    WA.ui.modal.openModal({
-        src: tutoUrl,
-        allow: "fullscreen; clipboard-read; clipboard-write",
-        allowApi: true,
-    });
+    launchTutorialv1();
 });
 
 export {};

src/init.ts

@@ -2,7 +2,6 @@ import { initDoors } from "./Features/doors";
 import { initSpecialProperties } from "./Features/special_properties";
 import { initConfiguration } from "./Features/configuration";
 import { initPropertiesTemplates } from "./Features/properties_templates";
-import { initTutorial } from "./Features/tutorial";
 
 /**
  * Bootstraps all the features of the extra library.
@@ -15,7 +14,6 @@ export function bootstrapExtra(): Promise<void> {
             initSpecialProperties().catch((e) => console.error(e));
             initConfiguration().catch((e) => console.error(e));
             initPropertiesTemplates().catch((e) => console.error(e));
-            initTutorial().catch((e) => console.error(e));
         })
         .catch((e) => console.error(e));
 }

webpack.config.ts

@@ -292,5 +292,11 @@ module.exports = {
         new CopyPlugin({
             patterns: resources,
         }),
+        new webpack.EnvironmentPlugin({
+            "process.env.WORKADVENTURE_URL": process.env.WORKADVENTURE_URL
+                ? JSON.stringify(process.env.WORKADVENTURE_URL)
+                : null,
+            "process.env.NODE_ENV": process.env.NODE_ENV,
+        }),
     ],
 } as Configuration & WebpackDevServer.Configuration;