Première utilisation d'un fork de spritezero

lib/buildSprites.ts

@@ -0,0 +1,48 @@
+import fs from 'fs'
+import glob from 'glob'
+import path from 'path'
+import spritezero from '@jutaz/spritezero'
+
+const pixelRatios = [1, 2]
+
+pixelRatios.forEach(function (pxRatio) {
+	var svgs = ['restaurant', 'cafe']
+		//		.sync(path.resolve(path.join(__dirname, 'input/*.svg')))
+		.map(function (id) {
+			return {
+				svg: fs.readFileSync(
+					path.resolve(path.join(__dirname, '../public/icons/' + id + '.svg'))
+				),
+				id,
+			}
+		})
+
+	var pngPath = path.resolve(
+		path.join(__dirname, '../public/sprite/sprite-cartes@' + pxRatio + '.png')
+	)
+	var jsonPath = path.resolve(
+		path.join(__dirname, '../public/sprite/sprite-cartes@' + pxRatio + '.json')
+	)
+
+	// Pass `true` in the layout parameter to generate a data layout
+	// suitable for exporting to a JSON sprite manifest file.
+	spritezero.generateLayout(
+		{ imgs: svgs, pixelRatio: pxRatio, sdf: true, format: true },
+		function (err, dataLayout) {
+			if (err) return
+			fs.writeFileSync(jsonPath, JSON.stringify(dataLayout))
+		}
+	)
+
+	// Pass `false` in the layout parameter to generate an image layout
+	// suitable for exporting to a PNG sprite image file.
+	spritezero.generateLayout(
+		{ imgs: svgs, pixelRatio: pxRatio, sdf: true, format: false },
+		function (err, imageLayout) {
+			spritezero.generateImage(imageLayout, function (err, image) {
+				if (err) return
+				fs.writeFileSync(pngPath, image)
+			})
+		}
+	)
+})

package.json

@@ -49,6 +49,7 @@
 		"@babel/plugin-syntax-import-attributes": "^7.26.0",
 		"@babel/runtime": "^7.25.9",
 		"@dwayneparton/geojson-to-gpx": "^0.2.0",
+		"@jutaz/spritezero": "^9.0.0",
 		"@mapbox/polyline": "^1.2.1",
 		"@mapbox/sphericalmercator": "^2.0.0",
 		"@mdx-js/loader": "^3.1.0",
@@ -84,6 +85,7 @@
 		"jsdom": "^25.0.1",
 		"maplibre-gl": "5",
 		"maplibre-gl-indoorequal": "^1.3.0",
+		"mapnik": "^4.5.9",
 		"next": "15.1.4",
 		"next-contentlayer2": "v0.5.3",
 		"next-mdx-remote": "^5.0.0",

public/sprite/sprite-cartes@1.json

@@ -0,0 +1 @@
+{"cafe":{"width":15,"height":15,"x":0,"y":0,"pixelRatio":1},"restaurant":{"width":15,"height":15,"x":15,"y":0,"pixelRatio":1}}

public/sprite/sprite-cartes@2.json

@@ -0,0 +1 @@
+{"cafe":{"width":30,"height":30,"x":0,"y":0,"pixelRatio":2},"restaurant":{"width":30,"height":30,"x":30,"y":0,"pixelRatio":2}}