respimagen 2.0.2 → 2.1.0

package/.github/workflows/npm-publish.yml

@@ -14,20 +14,22 @@ jobs:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
-          node-version: 20
+          node-version: 24
       - run: npm ci
       - run: npm test
 
   publish-npm:
     needs: build
     runs-on: ubuntu-latest
+    permissions:
+      id-token: write
+      contents: read
     steps:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
-          node-version: 20
+          node-version: 24
           registry-url: https://registry.npmjs.org/
+      - run: npm -v
       - run: npm ci
       - run: npm publish
-        env:
-          NODE_AUTH_TOKEN: ${{secrets.npm_token}}

package/index.js

@@ -46,12 +46,25 @@ const argv = yargs(process.argv.slice(2))
 const { input, outputdir } = argv;
 const sizes = [];
 
+const parseSize = (value) => {
+  const str = String(value).trim();
+  const match = str.match(/^(\d+)(?:\s*[x×]\s*\d+)?$/i);
+  if (!match) return null;
+  const parsed = parseInt(match[1], 10);
+  return Number.isFinite(parsed) ? parsed : null;
+};
+
 if (argv.sizes) {
   // yargs may parse a single numeric size as Number (e.g. -s 100),
   // so coerce to string before splitting to avoid calling .split on a Number.
   const sizesRaw =
     typeof argv.sizes === "string" ? argv.sizes : String(argv.sizes);
-  sizes.push(...sizesRaw.split(",").map((s) => parseInt(s)));
+  sizes.push(
+    ...sizesRaw
+      .split(",")
+      .map((s) => parseSize(s))
+      .filter((s) => s !== null)
+  );
 }
 
 const options = {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "respimagen",
-	"version": "2.0.2",
+	"version": "2.1.0",
 	"description": "",
 	"main": "index.js",
 	"type": "module",
@@ -26,6 +26,6 @@
 	},
 	"repository": {
 		"type": "git",
-		"url": "git+https://github.com/devinekask/respimagen.git"
+		"url": "https://github.com/devinekask/respimagen"
 	}
-}
+}

package/readme.md

@@ -4,11 +4,35 @@ This is a Node.js script and library that generates responsive images for your w
 
 Feel free to use it and modify it to your needs.
 
-## CLI Usage
+## Installation
+
+Use it via npx:
+
+```bash
+npx respimagen
+```
+
+or install it globally using npm:
 
 ```bash
-node index.js <input> -s [sizes] -t [filetypes] -o [outputdir] -c [clear]
+npm install -g respimagen
+```
+
+### Show help
+
+```bash
+respimagen --help
+```
+
+## Usage
+
+```bash
+respimagen <input> -s [sizes] -t [filetypes] -o [outputdir] -c [clear]
+```
+
+### Options
 
+``` bash
 Positional Arguments:
   input            file or directory to process                       [required]
 
@@ -24,18 +48,32 @@ Options:
   -c               clear the output directory before processing, default false
                                                       [boolean] [default: false]
 
-Examples:
-  node index.js beach.jpg -s 500,750 -t webp,avif
-    Resize and convert beach.jpg to 500px and 750px in webp and avif format
+```
+
+## Examples
+
+Resize and convert beach.jpg to 500px and 750px in webp and avif format.
+
+```bash
+  respimagen beach.jpg -s 500,750 -t webp,avif
+```
+
+Convert all images to avif, keeping original dimensions
 
-  node index.js ./photos
-    Convert all images to avif, keeping original dimensions
+```bash
+  respimagen  ./photos
+```
 
-  node index.js ./photos -s 300,500,700
-    Process all images with multiple sizes (avif format)
+ Process all images with multiple sizes (avif format)
 
-  node index.js ./photos -s 300,500,700 -t webp,avif -o output -c
-    Process all images with multiple sizes and formats, clearing output first
+```bash
+  respimagen ./photos -s 300,500,700
+```
+
+Process all images with multiple sizes and formats, clearing output first
+
+```bash
+  respimagen ./photos -s 300,500,700 -t webp,avif -o output -c
 ```
 
 ## Programmatic Usage

package/test/file.test.mjs

@@ -64,3 +64,51 @@ test("integration CLI single file", async (t) => {
   await fs.rm(tmpDir, { recursive: true, force: true }).catch(() => {});
   await fs.rm(fixturesDir, { recursive: true, force: true }).catch(() => {});
 });
+
+test("integration CLI accepts width×height sizes", async () => {
+  await ensureDir(tmpDir);
+  await ensureDir(fixturesDir);
+
+  const inputImage = path.join(fixturesDir, "test.png");
+  const outDir = path.join(tmpDir, "output");
+
+  // create a tiny 200x200 red PNG
+  await sharp({
+    create: {
+      width: 200,
+      height: 200,
+      channels: 3,
+      background: { r: 255, g: 0, b: 0 },
+    },
+  })
+    .png()
+    .toFile(inputImage);
+
+  const nodeBin = process.execPath;
+  const cliArgs = [
+    "index.js",
+    inputImage,
+    "-s",
+    "70×50, 40×20",
+    "-t",
+    "jpeg",
+    "-o",
+    outDir,
+    "-c",
+  ];
+
+  const { stdout } = await run(nodeBin, cliArgs);
+  assert.match(stdout, /Everything done/);
+
+  const expectedFiles = [
+    path.join(outDir, "test-70.jpeg"),
+    path.join(outDir, "test-40.jpeg"),
+  ];
+  for (const f of expectedFiles) {
+    const stat = await fs.stat(f);
+    assert.ok(stat.isFile());
+  }
+
+  await fs.rm(tmpDir, { recursive: true, force: true }).catch(() => {});
+  await fs.rm(fixturesDir, { recursive: true, force: true }).catch(() => {});
+});