@workadventure/map-starter-kit-core 0.0.1 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/dist/server.d.ts +5 -0
  2. package/dist/server.js +524 -0
  3. package/dist/server.js.map +1 -0
  4. package/package.json +23 -4
  5. package/.github/workflows/release.yml +0 -47
  6. package/semantic-release.config.js +0 -8
  7. package/src/controllers/FrontController.ts +0 -95
  8. package/src/controllers/MapController.ts +0 -104
  9. package/src/controllers/UploaderController.ts +0 -333
  10. package/src/getCoreRoot.ts +0 -40
  11. package/src/views/index.html +0 -169
  12. package/src/views/step1-git.html +0 -154
  13. package/src/views/step2-hosting.html +0 -153
  14. package/src/views/step3-steps-selfhosted.html +0 -502
  15. package/src/views/step3-steps.html +0 -549
  16. package/src/views/step4-validated-selfhosted.html +0 -188
  17. package/src/views/step4-validated.html +0 -80
  18. package/tsconfig.json +0 -35
  19. package/vite.config.ts +0 -53
  20. /package/{public → dist}/assets/index.js +0 -0
  21. /package/{public → dist}/images/badumtss.svg +0 -0
  22. /package/{public → dist}/images/brand-discord.svg +0 -0
  23. /package/{public → dist}/images/brand-github.svg +0 -0
  24. /package/{public → dist}/images/brand-linkedin.svg +0 -0
  25. /package/{public → dist}/images/brand-x.svg +0 -0
  26. /package/{public → dist}/images/brand-youtube.svg +0 -0
  27. /package/{public → dist}/images/favicon.svg +0 -0
  28. /package/{public → dist}/images/logo.svg +0 -0
  29. /package/{public → dist}/images/unknown-room-image copy.png +0 -0
  30. /package/{public → dist}/images/unknown-room-image.png +0 -0
  31. /package/{public → dist}/styles/styles.css +0 -0
  32. /package/{public → dist}/styles/styles.css.map +0 -0
package/src/views/index.html DELETED
@@ -1,169 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
-
4
- <head>
5
- <meta charset="UTF-8">
6
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
7
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
8
- <meta name="robots" content="noindex">
9
- <meta name="title" content="WorkAdventure Starter Kit">
10
-
11
- <link href="public/styles/styles.css" rel="stylesheet">
12
-
13
- <title>WorkAdventure test map</title>
14
- <link rel="icon" href="/images/favicon.svg" type="image/svg+xml">
15
- <script src="https://cdn.jsdelivr.net/npm/mustache@4.2.0/mustache.min.js"></script>
16
- <script type="module">
17
- document.addEventListener("DOMContentLoaded", (event) => {
18
- // Load index.js to have access to getMapsList
19
- import('/public/assets/index.js').then(() => {
20
- loadTMJ();
21
- });
22
- });
23
-
24
- async function loadTMJ() {
25
- try {
26
- // Get the list of maps from the API
27
- const maps = await window.getMapsList();
28
-
29
- // Retrieve map images for background fade
30
- const mapImages = maps
31
- .map(map => {
32
- if (map.mapImage) {
33
- return map.mapImage.startsWith('http') ? map.mapImage : `/${map.mapImage}`;
34
- }
35
- return null;
36
- })
37
- .filter(img => img !== null);
38
-
39
- // Create background image fade
40
- if (mapImages.length > 0) {
41
- await window.createBackgroundImageFade(mapImages);
42
- }
43
-
44
- // Mustache template for a map card
45
- const cardTemplate = `
46
- <div class="map-cover" style="background-image: url('{{mapImageUrl}}');"></div>
47
- <div class="map-date">
48
- Last edit: {{lastModifiedFormatted}}
49
- </div>
50
- <div class="map-name">
51
- {{mapName}}
52
- </div>
53
- <div class="map-detail">
54
- <div class="map-file">
55
- <strong>{{filename}}</strong>.tmj
56
- </div>
57
- <div class="map-weight">
58
- <strong>{{size}}</strong>
59
- <span style="opacity: .5">Mo</span>
60
- </div>
61
- </div>
62
- <div class="map-desc">
63
- {{mapDescription}}
64
- </div>
65
- <div class="map-testurl">
66
- <a href="#" class="btn" data-map-path="{{path}}">Test my map</a>
67
- </div>
68
- `;
69
-
70
- // Prepare data for Mustache
71
- const mapsData = maps.map(map => {
72
- // Build the image URL - use the first available image or a default image
73
- const mapImageUrl = map.mapImage
74
- ? (map.mapImage.startsWith('http') ? map.mapImage : `/${map.mapImage}`)
75
- : (mapImages.length > 0 ? mapImages[0] : 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1620" height="1024"><rect fill="%231b2a41" width="100%" height="100%"/></svg>');
76
-
77
- return {
78
- ...map,
79
- mapImageUrl: mapImageUrl,
80
- mapDescription: map.mapDescription || 'No description available'
81
- };
82
- });
83
-
84
- // Render each map with Mustache and inject them into the container
85
- const mainElement = document.querySelector('main');
86
- if (mainElement) {
87
- // Clear existing content
88
- mainElement.innerHTML = '';
89
-
90
- // Create a section for each map
91
- mapsData.forEach(map => {
92
- const section = document.createElement('section');
93
- section.className = 'card-map';
94
- section.innerHTML = Mustache.render(cardTemplate, map);
95
-
96
- // Add an event handler for the "Test my map" button
97
- const testBtn = section.querySelector('.map-testurl a');
98
- if (testBtn) {
99
- testBtn.addEventListener('click', (e) => {
100
- e.preventDefault();
101
- const host = window.location.host;
102
- let path = window.location.pathname;
103
- if (path.endsWith('index.html')) {
104
- path = path.substr(0, path.length - 'index.html'.length);
105
- }
106
- const instanceId = Math.random().toString(36).substring(2, 15);
107
- const url = `https://play.workadventu.re/_/${instanceId}/${host}${path}${map.path}`;
108
- window.open(url, '_blank');
109
- });
110
- }
111
-
112
- mainElement.appendChild(section);
113
- });
114
- }
115
- } catch (error) {
116
- console.error('Error loading maps:', error);
117
- }
118
- }
119
- </script>
120
- </head>
121
-
122
- <body>
123
- <div class="content">
124
- <header>
125
- <div class="logo">
126
- <a href="https://workadventu.re/" target="_blank" title="Workadventure">
127
- <img src="public/images/logo.svg" alt="Workadventure logo" height="36" />
128
- </a>
129
- </div>
130
- <div style="flex-grow: 1;"></div>
131
- <div class="socials">
132
- <a href="https://discord.gg/G6Xh9ZM9aR" target="_blank" title="discord">
133
- <img src="/public/images/brand-discord.svg" alt="discord">
134
- </a>
135
- <a href="https://github.com/thecodingmachine/workadventure" target="_blank" title="github">
136
- <img src="/public/images/brand-github.svg" alt="github">
137
- </a>
138
- <a href="https://www.youtube.com/channel/UCXJ9igV-kb9gw1ftR33y5tA" target="_blank" title="youtube">
139
- <img src="/public/images/brand-youtube.svg" alt="youtube">
140
- </a>
141
- <a href="https://twitter.com/Workadventure_" target="_blank" title="twitter">
142
- <img src="/public/images/brand-x.svg" alt="X">
143
- </a>
144
- <a href="https://www.linkedin.com/company/workadventu-re" target="_blank" title="linkedin">
145
- <img src="/public/images/brand-linkedin.svg" alt="linkedin">
146
- </a>
147
- </div>
148
- <div class="btn-header-wrapper">
149
- <a href="https://discord.gg/G6Xh9ZM9aR" target="_blank" class="btn btn-light">Talk to the community</a>
150
- <a href="https://docs.workadventu.re/map-building/" target="_blank" class="btn">Documentation</a>
151
- </div>
152
- </header>
153
- <main>
154
- <!-- Map cards will be injected here dynamically by Mustache -->
155
- </main>
156
- <div class="button-wrapper">
157
- <div style="flex-grow: 1;">
158
- </div>
159
- <div>
160
- <a href="step1-git">
161
- Publish
162
- </a>
163
- </div>
164
- </div>
165
- </div>
166
- <div class="bg"></div>
167
- </body>
168
-
169
- </html>
package/src/views/step1-git.html DELETED
@@ -1,154 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
-
4
- <head>
5
- <meta charset="UTF-8">
6
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
7
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
8
- <meta name="robots" content="noindex">
9
- <meta name="title" content="WorkAdventure Starter Kit">
10
-
11
- <link href="public/styles/styles.css" rel="stylesheet">
12
-
13
- <title>WorkAdventure test map</title>
14
- <link rel="icon" href="/images/favicon.svg" type="image/svg+xml">
15
- <script type="module">
16
- document.addEventListener("DOMContentLoaded", (event) => {
17
- // Load index.js to have access to getMapsList
18
- import('/public/assets/index.js').then(() => {
19
- window.createBackgroundImageFade();
20
- });
21
- });
22
- </script>
23
- </head>
24
-
25
- <body>
26
- <div class="content">
27
- <header>
28
- <div class="logo">
29
- <a href="https://workadventu.re/" target="_blank" title="Workadventure">
30
- <img src="public/images/logo.svg" alt="Workadventure logo" height="36" />
31
- </a>
32
- </div>
33
- <div style="flex-grow: 1;"></div>
34
- <div class="socials">
35
- <a href="https://discord.gg/G6Xh9ZM9aR" target="_blank" title="discord">
36
- <img src="/public/images/brand-discord.svg" alt="discord">
37
- </a>
38
- <a href="https://github.com/thecodingmachine/workadventure" target="_blank" title="github">
39
- <img src="/public/images/brand-github.svg" alt="github">
40
- </a>
41
- <a href="https://www.youtube.com/channel/UCXJ9igV-kb9gw1ftR33y5tA" target="_blank" title="youtube">
42
- <img src="/public/images/brand-youtube.svg" alt="youtube">
43
- </a>
44
- <a href="https://twitter.com/Workadventure_" target="_blank" title="twitter">
45
- <img src="/public/images/brand-x.svg" alt="X">
46
- </a>
47
- <a href="https://www.linkedin.com/company/workadventu-re" target="_blank" title="linkedin">
48
- <img src="/public/images/brand-linkedin.svg" alt="linkedin">
49
- </a>
50
- </div>
51
- <div class="btn-header-wrapper">
52
- <a href="https://discord.gg/G6Xh9ZM9aR" target="_blank" class="btn btn-light">Talk to the community</a>
53
- <a href="https://docs.workadventu.re/map-building/" target="_blank" class="btn">Documentation</a>
54
- </div>
55
- </header>
56
- <main>
57
- <section class="form-center">
58
- <h1>
59
- How do you want to publish your map?
60
- </h1>
61
- <div class="sub-heading">
62
- Choose the workflow that best fits your team and your way of working.
63
- </div>
64
- <div class="radio-wrapper">
65
- <label class="radio-card">
66
- <input name="advanced" class="radio" type="radio">
67
- <div class="card-details">
68
- <svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
69
- <path d="M8.125 19.5L16.25 27.625L32.5 11.375" stroke="#4156F6" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
70
- </svg>
71
-
72
- <h2>
73
- Advanced publishing
74
- </h2>
75
- <div>
76
- <strong>Designed for teams using Git and file versioning.</strong>
77
- Full control over your files and collaboration workflow.
78
- </div>
79
- </div>
80
- </label>
81
- <label class="radio-card">
82
- <input name="advanced" class="radio" type="radio" checked>
83
- <div class="card-details">
84
- <svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
85
- <path d="M8.125 19.5L16.25 27.625L32.5 11.375" stroke="#4156F6" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
86
- </svg>
87
-
88
- <h2>
89
- Recommended publishing
90
- </h2>
91
- <div>
92
- <strong>The easiest and fastest way to publish your map.</strong>
93
- No technical setup required. Ideal for getting started quickly.
94
- </div>
95
- </div>
96
- </label>
97
- </div>
98
-
99
- </section>
100
- </main>
101
- <div class="button-wrapper">
102
- <div>
103
- <a href="/" class="btn btn-ghost">
104
- Previous
105
- </a>
106
- </div>
107
- <div style="flex-grow: 1;">
108
- </div>
109
- <div>
110
- <a href="step2-hosting" class="btn btn-secondary">
111
- Start configuration
112
- </a>
113
- </div>
114
- </div>
115
- </div>
116
- <div class="bg"></div>
117
- <script>
118
- // Get radio buttons by finding the label containing "Advanced publishing"
119
- const radioButtons = document.querySelectorAll('input[name="advanced"]');
120
- const startConfigButton = document.querySelector('a[href="step2-hosting"]');
121
- const docUrl = "https://docs.workadventu.re/map-building/tiled-editor/publish/wa-hosted";
122
-
123
- // Find Advanced publishing radio button by checking parent label text
124
- let advancedPublishingRadio = null;
125
- radioButtons.forEach(radio => {
126
- const label = radio.closest('label');
127
- if (label && label.textContent.includes('Advanced publishing')) {
128
- advancedPublishingRadio = radio;
129
- }
130
- });
131
-
132
- // Function to update button href based on selection
133
- function updateButtonHref() {
134
- // Check if Advanced publishing is selected
135
- if (advancedPublishingRadio && advancedPublishingRadio.checked) {
136
- startConfigButton.href = docUrl;
137
- startConfigButton.target = "_blank";
138
- } else {
139
- startConfigButton.href = "step2-hosting";
140
- startConfigButton.removeAttribute("target");
141
- }
142
- }
143
-
144
- // Add event listeners to all radio buttons
145
- radioButtons.forEach(radio => {
146
- radio.addEventListener('change', updateButtonHref);
147
- });
148
-
149
- // Initialize on page load
150
- updateButtonHref();
151
- </script>
152
- </body>
153
-
154
- </html>
package/src/views/step2-hosting.html DELETED
@@ -1,153 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
-
4
- <head>
5
- <meta charset="UTF-8">
6
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
7
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
8
- <meta name="robots" content="noindex">
9
- <meta name="title" content="WorkAdventure Starter Kit">
10
-
11
- <link href="public/styles/styles.css" rel="stylesheet">
12
-
13
- <title>WorkAdventure test map</title>
14
- <link rel="icon" href="/images/favicon.svg" type="image/svg+xml">
15
- </head>
16
-
17
- <body>
18
- <div class="content">
19
- <header>
20
- <div class="logo">
21
- <a href="https://workadventu.re/" target="_blank" title="Workadventure">
22
- <img src="public/images/logo.svg" alt="Workadventure logo" height="36" />
23
- </a>
24
- </div>
25
- <div style="flex-grow: 1;"></div>
26
- <div class="socials">
27
- <a href="https://discord.gg/G6Xh9ZM9aR" target="_blank" title="discord">
28
- <img src="/public/images/brand-discord.svg" alt="discord">
29
- </a>
30
- <a href="https://github.com/thecodingmachine/workadventure" target="_blank" title="github">
31
- <img src="/public/images/brand-github.svg" alt="github">
32
- </a>
33
- <a href="https://www.youtube.com/channel/UCXJ9igV-kb9gw1ftR33y5tA" target="_blank" title="youtube">
34
- <img src="/public/images/brand-youtube.svg" alt="youtube">
35
- </a>
36
- <a href="https://twitter.com/Workadventure_" target="_blank" title="twitter">
37
- <img src="/public/images/brand-x.svg" alt="X">
38
- </a>
39
- <a href="https://www.linkedin.com/company/workadventu-re" target="_blank" title="linkedin">
40
- <img src="/public/images/brand-linkedin.svg" alt="linkedin">
41
- </a>
42
- </div>
43
- <div class="btn-header-wrapper">
44
- <a href="#" class="btn btn-light">Talk to the community</a>
45
- <a href="#" class="btn">Documentation</a>
46
- </div>
47
- <script type="module">
48
- document.addEventListener("DOMContentLoaded", (event) => {
49
- // Load index.js to have access to getMapsList
50
- import('/public/assets/index.js').then(() => {
51
- window.createBackgroundImageFade();
52
- });
53
- });
54
- </script>
55
- </header>
56
- <main>
57
- <section class="form-center">
58
- <h1>
59
- Which version of WorkAdventure do you use?
60
- </h1>
61
- <div class="sub-heading">
62
- Choose the setup that matches how your WorkAdventure instance is running. This will help us adapt the publishing process to your setup.
63
- </div>
64
- <div class="radio-wrapper">
65
- <label class="radio-card">
66
- <input name="advanced" class="radio" type="radio">
67
- <div class="card-details">
68
- <svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
69
- <path d="M8.125 19.5L16.25 27.625L32.5 11.375" stroke="#4156F6" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
70
- </svg>
71
-
72
- <h2>
73
- I use self-hosted
74
- </h2>
75
- <div>
76
- Your map is published on your own WorkAdventure instance.
77
- <strong>You manage the hosting, configuration, and updates yourself.</strong>
78
- </div>
79
- </div>
80
- </label>
81
- <label class="radio-card">
82
- <input name="advanced" class="radio" type="radio">
83
- <div class="card-details">
84
- <svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
85
- <path d="M8.125 19.5L16.25 27.625L32.5 11.375" stroke="#4156F6" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
86
- </svg>
87
-
88
- <h2>
89
- I use SaaS version
90
- </h2>
91
- <div>
92
- Your map is published on the WorkAdventure platform.
93
- <strong>We handle hosting, updates, and infrastructure for you.</strong>
94
- </div>
95
- </div>
96
- </label>
97
- </div>
98
-
99
- </section>
100
- </main>
101
- <div class="button-wrapper">
102
- <div>
103
- <a href="step1-git" class="btn btn-ghost">
104
- Previous
105
- </a>
106
- </div>
107
- <div style="flex-grow: 1;">
108
- </div>
109
- <div>
110
- <a href="step3-steps" class="btn btn-secondary">
111
- Configure
112
- </a>
113
- </div>
114
- </div>
115
- </div>
116
- <div class="bg"></div>
117
- <script>
118
- // Get radio buttons by finding the label containing "I use self-hosted"
119
- const radioButtons = document.querySelectorAll('input[name="advanced"]');
120
- const configureButton = document.querySelector('a[href="step3-steps"]');
121
-
122
- // Find "I use self-hosted" radio button by checking parent label text
123
- let selfHostedRadio = null;
124
- radioButtons.forEach(radio => {
125
- const label = radio.closest('label');
126
- if (label && label.textContent.includes('I use self-hosted')) {
127
- selfHostedRadio = radio;
128
- }
129
- });
130
-
131
- // Function to update button href based on selection
132
- function updateButtonHref() {
133
- // Check if "I use self-hosted" is selected
134
- if (selfHostedRadio && selfHostedRadio.checked) {
135
- configureButton.href = "step3-steps-selfhosted";
136
- configureButton.removeAttribute("target");
137
- } else {
138
- configureButton.href = "step3-steps";
139
- configureButton.removeAttribute("target");
140
- }
141
- }
142
-
143
- // Add event listeners to all radio buttons
144
- radioButtons.forEach(radio => {
145
- radio.addEventListener('change', updateButtonHref);
146
- });
147
-
148
- // Initialize on page load
149
- updateButtonHref();
150
- </script>
151
- </body>
152
-
153
- </html>