gulp-stacksvg 1.0.2 → 1.0.3

package/README.md

@@ -49,11 +49,11 @@ Unlike all other methods for assembling a sprite, the stack does not limit us in
 We can use the stack in all four possible ways:
 
 - in markup:
-	- in `src` of `img` tag — static,
-	- in the `href` of the `use` tag — with the possibility of repainting,
+  - in `src` of `img` tag — static,
+  - in the `href` of the `use` tag — with the possibility of repainting,
 - in styles:
-	- in `url()` properties `background` — static,
-	- in `url()` properties `mask` — with the possibility of repainting.
+  - in `url()` properties `background` — static,
+  - in `url()` properties `mask` — with the possibility of repainting.
 
 [Demo page](https://firefoxic.github.io/gulp-stacksvg/test/) to prove it.
 
@@ -63,7 +63,7 @@ This method was first mentioned in a Simurai [article](https://simurai.com/blog/
 
 This can be done much easier. In general, the stack is arranged almost like a symbol sprite, but without changing the icon tag (it remain the `svg` tag, as in the original icon files) and with the addition of a tiny bit of style.
 
-```svg
+```xml
 <?xml version="1.0" encoding="UTF-8"?>
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 
@@ -75,7 +75,7 @@ This can be done much easier. In general, the stack is arranged almost like a sy
 
 <img align="left" width="90" height="90" title="sun" src="https://raw.githubusercontent.com/firefoxic/gulp-stacksvg/main/test/stack.svg#sun-alpha">
 
-```svg
+```xml
 <svg id="sun" viewBox="0 0 24 24">
 	<!-- Inner code of sun icon -->
 </svg>
@@ -83,7 +83,7 @@ This can be done much easier. In general, the stack is arranged almost like a sy
 
 <img align="left" width="90" height="90" title="heart" src="https://raw.githubusercontent.com/firefoxic/gulp-stacksvg/main/test/stack.svg#heart-red">
 
-```svg
+```xml
 <svg id="heart" viewBox="0 0 24 24">
 	<!-- Inner code of heart icon -->
 </svg>
@@ -91,13 +91,13 @@ This can be done much easier. In general, the stack is arranged almost like a sy
 
 <img align="left" width="90" height="90" title="thumbup" src="https://raw.githubusercontent.com/firefoxic/gulp-stacksvg/main/test/stack.svg#thumbup-alpha">
 
-```svg
+```xml
 <svg id="thumbup" viewBox="0 0 24 24">
 	<!-- Inner code of thumbup icon -->
 </svg>
 ```
 
-```svg
+```xml
 </svg>
 ```
 
@@ -141,7 +141,7 @@ And now the icons from the external sprite are available in the styles <img widt
 ```
 
 > ⚠️ Note:  
-> For the `mask` property, we still need an autoprefixer.
+> We still need the [autoprefixer](https://github.com/postcss/autoprefixer) for the mask property.
 
 For an icon inserted via `mask`, simply change the `background`. Moreover, unlike `use`, you can draw anything in the background under the mask, for example, a gradient.
 

package/index.js

@@ -20,7 +20,7 @@ export function stacksvg ({ output = `stack.svg`, separator = `_`, spacer = `-`
 	let isEmpty = true
 	const ids = {}
 	const namespaces = {}
-	const stack = parse(`<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg"><style>:root{visibility:hidden}:target{visibility:visible}</style></svg>`)
+	const stack = parse(`<svg xmlns="http://www.w3.org/2000/svg"><style>:root{visibility:hidden}:target{visibility:visible}</style></svg>`)
 	const rootSvg = stack.querySelector(`svg`)
 	const stream = new Transform({ objectMode: true })
 
@@ -36,9 +36,7 @@ export function stacksvg ({ output = `stack.svg`, separator = `_`, spacer = `-`
 
 		const icon = parse(file.contents.toString()).querySelector(`svg`)
 
-		if (file && isEmpty) {
-			isEmpty = false
-		}
+		isEmpty = false
 
 		const iconId = basename(
 			file.relative.split(sep).join(separator).replace(/\s/g, spacer),

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "gulp-stacksvg",
-	"version": "1.0.2",
+	"version": "1.0.3",
 	"type": "module",
 	"description": "Combine svg files into one with stack method",
 	"main": "index.js",