feat: improve resourcesfiles loading

openlayers · Sep 8, 2024 · 27be623 · 27be623
1 parent 2cf78d0
commit 27be623
Show file tree

Hide file tree

Showing 6 changed files with 24 additions and 29 deletions.
diff --git a/examples/_code-sandbox.js b/examples/_code-sandbox.js
@@ -13,19 +13,30 @@ export async function initCodeSandbox(indexJsPath, ...filesPathes) {
   indexJsContent = indexJsContent.replaceAll(/(olcs\/.*?).ts('?;?)/ig, '$1.js$2');
 
   const additionalJsFiles = {};
+  const resourcesFiles = filesPathes
+      .filter(path => path.indexOf('data/') === 0)
+      // eslint-disable-next-line arrow-body-style
+      .map(path => ({
+        [path]: {
+          'isBinary': true,
+          content: `https://openlayers.org/ol-cesium/examples/${path}`
+        }
+      }));
+  const jsFiles = filesPathes.filter(path => path.indexOf('data/') !== 0);
 
-  for (const filePath of filesPathes) {
+  for (const filePath of jsFiles) {
     const responseFile = await fetch(filePath);
     const txtDataFile = await responseFile.text();
 
     additionalJsFiles[filePath.replace('./', '').replace('rawjs', '')] = {content: txtDataFile};
   }
 
-  initCodeSandboxButton({indexJsContent, additionalJsFiles});
+  initCodeSandboxButton({indexJsContent, additionalJsFiles, resourcesFiles});
 }
 
 function initCodeSandboxButton(options) {
-  const {indexJsContent, additionalJsFiles} = options;
+  const {indexJsContent, additionalJsFiles, resourcesFiles} = options;
+
   let indexHtmlContent = '';
   const button = document.getElementById('sandbox-button');
   const form = document.querySelector('#sandbox-form');
@@ -39,7 +50,6 @@ function initCodeSandboxButton(options) {
   divExampleCodeSource.querySelectorAll('.clear-map-sandbox').forEach(map => map.innerHTML = '');
   indexHtmlContent = divExampleCodeSource.innerHTML;
 
-
   const indexHtml = `
 <!DOCTYPE html>
 <html>
@@ -139,32 +149,17 @@ function initCodeSandboxButton(options) {
       '.babelrc': {
         content: '{ "plugins": ["@babel/plugin-proposal-class-properties"] }'
       },
-      'data/geojson/countries.geojson': {
-        'isBinary': true,
-        content: 'https://openlayers.org/ol-cesium/examples/data/geojson/countries.geojson'
-      },
-      'data/geojson/buildings.geojson': {
-        'isBinary': true,
-        content: 'https://openlayers.org/ol-cesium/examples/data/geojson/buildings.geojson'
-      },
-      'data/geojson/vector_data.geojson': {
-        'isBinary': true,
-        content: 'https://openlayers.org/ol-cesium/examples/data/geojson/vector_data.geojson'
-      },
-      'data/icon.png': {
-        'isBinary': true,
-        content: 'https://openlayers.org/ol-cesium/examples/data/icon.png'
-      },
-      'data/Box.gltf': {
-        'isBinary': true,
-        content: 'https://openlayers.org/ol-cesium/examples/data/Box.gltf'
-      },
       'index.js': {
         content: indexJsContent,
       },
       'index.html': {
         content: indexHtml
       },
+      ...resourcesFiles.reduce((acc, curr) => {
+        const key = Object.keys(curr)[0]; // Récupérer la clé de l'objet
+        acc[key] = curr[key]; // Ajouter la propriété à l'objet accumulé
+        return acc;
+      }, {}),
       ...additionalJsFiles
     }
   };

diff --git a/examples/buildings.js b/examples/buildings.js
@@ -93,4 +93,4 @@ map.on('click', (e) => {
 //##REMOVE## Keep this tag, split code here for code sandbox
 
 import {initCodeSandbox} from './_code-sandbox.js';
-initCodeSandbox('rawjs/buildings.js');
+initCodeSandbox('rawjs/buildings.js', 'data/geojson/buildings.geojson');
diff --git a/examples/groundvectors.js b/examples/groundvectors.js
@@ -154,7 +154,7 @@ ol3d.enableAutoRenderLoop();
 //##REMOVE## Keep this tag, split code here for code sandbox
 
 import {initCodeSandbox} from './_code-sandbox.js';
-initCodeSandbox('rawjs/groundvectors.js', './data/geojson/ground_vector_data.geojson');
+initCodeSandbox('rawjs/groundvectors.js', 'data/geojson/ground_vector_data.geojson');
 
 // faire à la demande
 // définir un objet

diff --git a/examples/selection.js b/examples/selection.js
@@ -62,5 +62,5 @@ map.on('click', (e) => {
 //##REMOVE## Keep this tag, split code here for code sandbox
 
 import {initCodeSandbox} from './_code-sandbox.js';
-initCodeSandbox('rawjs/selection.js');
+initCodeSandbox('rawjs/selection.js', 'data/geojson/countries.geojson');
 
diff --git a/examples/tracking.js b/examples/tracking.js
@@ -80,4 +80,4 @@ setInterval(() => {
 //##REMOVE## Keep this tag, split code here for code sandbox
 
 import {initCodeSandbox} from './_code-sandbox.js';
-initCodeSandbox('rawjs/tracking.js');
+initCodeSandbox('rawjs/tracking.js', 'data/icon.png');
diff --git a/examples/vectors.js b/examples/vectors.js
@@ -410,4 +410,4 @@ ol3d.enableAutoRenderLoop();
 //##REMOVE## Keep this tag, split code here for code sandbox
 
 import {initCodeSandbox} from './_code-sandbox.js';
-initCodeSandbox('rawjs/vectors.js');
+initCodeSandbox('rawjs/vectors.js', 'data/geojson/vector_data.geojson', 'data/Box.gltf', 'data/icon.png');