mirror/workadventure-map
1
0
Fork 0
mirror of https://github.com/MatomoCamp/workadventure-map.git synced 2024-09-19 16:03:45 +02:00
Code Releases Activity

Merge pull request #6 from GRL78/master

Browse source 
Final meetup-map configuration
This commit is contained in:
David Négrier 2021-08-24 16:29:23 +02:00 committed by GitHub
commit 2664e94cba
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
11 changed files with 38 additions and 9041 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
map.json
View file

File diff suppressed because one or more lines are too long

9031
package-lock.json generated
View file

File diff suppressed because it is too large Load diff

2
package.json
View file

@ -7,7 +7,7 @@
"@tsconfig/svelte": "^1.0.10",
"@types/mini-css-extract-plugin": "^1.4.3",
"@types/webpack-dev-server": "^3.11.4",
"@workadventure/iframe-api-typings": "^1.2.1",
"@workadventure/iframe-api-typings": "^1.4.12",
"cross-env": "^7.0.3",
"css-loader": "^5.2.4",
"eslint": "^7.24.0",

5
src/Components/App.svelte
View file

@ -1,16 +1,13 @@
<script lang="ts">
import ChooseSpace from "./ChooseSpace.svelte";
import Miniature from "./Miniature.svelte";
import type { JitsiConfig } from "./Configs/JitsiConfig";
import type { YoutubeConfig } from "./Configs/YoutubeConfig";
import type { SvelteComponent } from "svelte";
import type { WorkAdventureApi } from "../../../../workadventure.src/workadventure/front/dist/src/iframe_api";
import type { WorkAdventureApi } from "@workadventure/iframe-api-typings";
import { ConferenceStore } from "../Stores/ConferenceStore";
import { MeetingRoomStore } from "../Stores/MeetingRoomStore";
import { OpenCoWebsiteStore } from "../Stores/OpenCoWebsiteStore";
import { ExitStore } from "../Stores/ExitStore";
import { StartStore } from "../Stores/StartStore";
import { get } from "svelte/store";
export let WA: WorkAdventureApi;

13
src/Components/Miniature.svelte
View file

@ -1,20 +1,23 @@
<script lang="ts">
import { MeetingRoomStore } from "../Stores/MeetingRoomStore";
import miniatureConfig5 from "../../image/mini-config-5-rooms.png"
import miniatureConfig4 from "../../image/mini-config-4-rooms.png"
import miniatureConfig3 from "../../image/mini-config-3-rooms.png"
import miniatureConfig2 from "../../image/mini-config-2-rooms.png"
</script>
<div class="img-miniature">
{#if $MeetingRoomStore.nbRooms === 5}
<img src="../../image/mini-config-5-rooms.png" alt="Miniature Configuration with 5 rooms"/>
<img src="{miniatureConfig5}" alt="Miniature Configuration with 5 rooms"/>
{/if}
{#if $MeetingRoomStore.nbRooms === 4}
<img src="../../image/mini-config-4-rooms.png" alt="Miniature Configuration with 4 rooms"/>
<img src="{miniatureConfig4}" alt="Miniature Configuration with 4 rooms"/>
{/if}
{#if $MeetingRoomStore.nbRooms === 3}
<img src="../../image/mini-config-3-rooms.png" alt="Miniature Configuration with 3 rooms"/>
<img src="{miniatureConfig3}" alt="Miniature Configuration with 3 rooms"/>
{/if}
{#if $MeetingRoomStore.nbRooms === 2}
<img src="../../image/mini-config-2-rooms.png" alt="Miniature Configuration with 2 rooms"/>
<img src="{miniatureConfig2}" alt="Miniature Configuration with 2 rooms"/>
{/if}
<section class="show-space-Amphi">Amphi</section>

4
src/Stores/VariableMapper.ts
View file

@ -1,4 +1,4 @@
import type {Readable, Writable} from "svelte/store";
import type {Readable} from "svelte/store";
/**
* A function that maps a WorkAdventure variable to a Svelte store
@ -12,7 +12,7 @@ export function mapVariableToStore(variableName: string, store: Readable<unknown
WA.state.saveVariable(variableName, value);
});
WA.state.onVariableChange(variableName).subscribe((value) => {
WA.state.onVariableChange(variableName).subscribe((value: unknown) => {
store.set(value);
});
}

3
src/iframe.html
View file

@ -8,8 +8,7 @@
<title>WorkAdventure</title>
<script src="http://play.workadventure.localhost/iframe_api.js"></script>
<link rel="stylesheet" href="./node_modules/nes.css/css/nes.min.css">
<script src="https://play.workadventu.re/iframe_api.js"></script>
</head>
<body>

2
src/iframe.ts
View file

@ -1,4 +1,4 @@
/// <reference path="../../../workadventure.src/workadventure/front/dist/src/iframe_api.d.ts" />
/// <reference path="../node_modules/@workadventure/iframe-api-typings/iframe_api.d.ts" />
import App from "./Components/App.svelte";
import "../style/style.scss";

10
src/index.ts
View file

@ -1,4 +1,4 @@
/// <reference path="../../../workadventure.src/workadventure/front/dist/src/iframe_api.d.ts" />
/// <reference path="../node_modules/@workadventure/iframe-api-typings/iframe_api.d.ts" />
// You can write your WorkAdventure script here, if any.
// The "WA" global object is available from anywhere.
@ -13,9 +13,6 @@ import type {OpenCoWebSiteConfig} from "./Components/Configs/OpenCoWebSiteConfig
import type {ExitConfig} from "./Components/Configs/ExitConfig";
import type {YoutubeConfig} from "./Components/Configs/YoutubeConfig";
WA.ui.registerMenuCommand('Configure the room', () => {
WA.nav.openCoWebSite("../iframe.html", true);
});
/*Start by hiding the following layer :
- Open/North
- Open/East
@ -32,6 +29,11 @@ WA.room.hideLayer('meetingroom-6');
WA.room.hideLayer('meetingroom-7');
WA.onInit().then(() => {
if (WA.player.tags.includes('configure') || WA.player.tags.includes('admin')) {
WA.ui.registerMenuCommand('Configure the room', () => {
WA.nav.openCoWebSite("../iframe.html", true);
});
}
applyMetadata();
});

1
style/style.scss
View file

@ -1,4 +1,5 @@
@import "~@fontsource/press-start-2p/index.css";
@import "~nes.css/css/nes.css";
*{
font-family: "Press Start 2P";

2
webpack.config.ts
View file

@ -141,7 +141,7 @@ module.exports = {
return pathData.chunk?.name === 'main' ? 'js/[name].js': 'js/[name].[contenthash].js';
},
path: path.resolve(__dirname, 'dist'),
publicPath: '/'
publicPath: 'auto'
},
plugins: [
new webpack.HotModuleReplacementPlugin(),