images.json generation

.gitignore

@@ -105,3 +105,4 @@ dist
 
 # Build file
 build.html
+images/images.json

images/generateList.js

@@ -0,0 +1,11 @@
+const fs = require('fs');
+
+fs.readdir('./images', (err, files) => {
+    files = files.filter(file => !file.endsWith(".js") && !file.endsWith(".json"));
+    const list = files.map(file => ({
+        title: file.split('.').slice(0, -1).join('.'),
+        file,
+    }));
+    let json = JSON.stringify({images:list}, null, 4);
+    fs.writeFileSync('./images/images.json', json);
+});

package.json

@@ -4,7 +4,10 @@
 	"version": "1.0.0",
 	"scripts": {
 		"start": "budo src/index.js",
-		"build": "browserify -p tinyify src/index.js | htmlify > build.html"
+		"build": "browserify -p tinyify src/index.js | htmlify > build.html",
+		"genList": "node images/generateList.js",
+		"prestart": "npm run genList",
+		"prebuild": "npm run genList"
 	},
 	"license": "MIT",
 	"dependencies": {

readme.md

@@ -28,7 +28,7 @@ npm build
 
 ## Using it with [local images](https://clementcariou.github.io/virtual-art-gallery/build?api=local)
 
-You can access the local api using this URI params: ```?api=local```. You can change the displayed images and title modifying [images/images.json](images/images.json) and placing your images in the folder [images](images). You need to build the project apply changes on [images/images.json](images/images.json).
+The local api is accessible using this URI params in the address bar: ```?api=local``` (it's possible to load automatically this API by changing the default API in the [api.js](api/api.js) file). You can change the displayed images in the folder [images](images), you will need to rebuild the project (or relauch the dev server) to apply the modifications.
 
 ## Evolutions