@w0s/input-file-preview 3.0.2 → 3.0.3

package/README.md

@@ -1,56 +1,56 @@
-# Show preview with `<input type=file>`
-
-[![npm version](https://badge.fury.io/js/%40w0s%2Finput-file-preview.svg)](https://www.npmjs.com/package/@w0s/input-file-preview)
-[![Workflow status](https://github.com/SaekiTominaga/js-library-browser/actions/workflows/input-file-preview.yml/badge.svg)](https://github.com/SaekiTominaga/js-library-browser/actions/workflows/input-file-preview.yml)
-
-## Demo
-
-- [Demo page](https://saekitominaga.github.io/js-library-browser/packages/input-file-preview/demo/)
-
-## Examples
-
-```HTML
-<script type="importmap">
-  {
-    "imports": {
-      "@w0s/input-file-preview": "...",
-      "@w0s/html-escape": "...",
-      "whatwg-mimetype": "..."
-    }
-  }
-</script>
-<script type="module">
-  import inputFilePreview from '@w0s/input-file-preview';
-
-  inputFilePreview(document.querySelectorAll('.js-input-file-preview')); // `getElementById()` or `getElementsByClassName()` or `getElementsByTagName()` or `querySelector()` or `querySelectorAll()`
-</script>
-
-<input type="file" class="js-input-file-preview"
-  data-preview="preview"
-  data-max-size="1048576"
-/>
-<template id="preview">
-  <output><code>${name}</code> (<data value="${size}">${size} byte</data>) cannot be previewed.</output>
-</template>
-```
-
-## HTML attributes
-
-<dl>
-<dt><code>type</code> [required]</dt>
-<dd>This attribute must include <code>file</code>.</dd>
-<dt><code>data-preview</code> [required]</dt>
-<dd>ID of the <code>&lt;template&gt;</code> element to display the preview.</dd>
-<dt><code>data-max-size</code> [optional]</dt>
-<dd>The number of bytes of maximum file size to preview (Files larger than this will not be previewed, but will not result in an error). If not specified, the default value is 10 MiB.</dd>
-</dl>
-
-## `<template>` element
-
-- `<template>` element must have one `<output>` element.
-  - 🆗 `<template> <output>Message</output> </template>`
-  - 🆗 `<ul> <template> <li> <output>Message</output> </li> </template> </ul>`
-  - 🆖 `<template> <p>Message</p> </template>`
-- Include the error message in the `<output>` element.
-- `${name}` in the `<output>` element is converted to the file name, and `${size}` is converted to the file size (in bytes).
-  - e.g. `<output><code>${name}</code> (<data value="${size}">${size} byte</data>) cannot be previewed.</output>`
+# Show preview with `<input type=file>`
+
+[![npm version](https://badge.fury.io/js/%40w0s%2Finput-file-preview.svg)](https://www.npmjs.com/package/@w0s/input-file-preview)
+[![Workflow status](https://github.com/SaekiTominaga/js-library-browser/actions/workflows/package-input-file-preview.yml/badge.svg)](https://github.com/SaekiTominaga/js-library-browser/actions/workflows/package-input-file-preview.yml)
+
+## Demo
+
+- [Demo page](https://saekitominaga.github.io/js-library-browser/packages/input-file-preview/demo/)
+
+## Examples
+
+```HTML
+<script type="importmap">
+  {
+    "imports": {
+      "@w0s/input-file-preview": "...",
+      "@w0s/html-escape": "...",
+      "whatwg-mimetype": "..."
+    }
+  }
+</script>
+<script type="module">
+  import inputFilePreview from '@w0s/input-file-preview';
+
+  inputFilePreview(document.querySelectorAll('.js-input-file-preview')); // `getElementById()` or `getElementsByClassName()` or `getElementsByTagName()` or `querySelector()` or `querySelectorAll()`
+</script>
+
+<input type="file" class="js-input-file-preview"
+  data-preview="preview"
+  data-max-size="1048576"
+/>
+<template id="preview">
+  <output><code>${name}</code> (<data value="${size}">${size} byte</data>) cannot be previewed.</output>
+</template>
+```
+
+## HTML attributes
+
+<dl>
+<dt><code>type</code> [required]</dt>
+<dd>This attribute must include <code>file</code>.</dd>
+<dt><code>data-preview</code> [required]</dt>
+<dd>ID of the <code>&lt;template&gt;</code> element to display the preview.</dd>
+<dt><code>data-max-size</code> [optional]</dt>
+<dd>The number of bytes of maximum file size to preview (Files larger than this will not be previewed, but will not result in an error). If not specified, the default value is 10 MiB.</dd>
+</dl>
+
+## `<template>` element
+
+- `<template>` element must have one `<output>` element.
+  - 🆗 `<template> <output>Message</output> </template>`
+  - 🆗 `<ul> <template> <li> <output>Message</output> </li> </template> </ul>`
+  - 🆖 `<template> <p>Message</p> </template>`
+- Include the error message in the `<output>` element.
+- `${name}` in the `<output>` element is converted to the file name, and `${size}` is converted to the file size (in bytes).
+  - e.g. `<output><code>${name}</code> (<data value="${size}">${size} byte</data>) cannot be previewed.</output>`

package/dist/InputFilePreview.js

@@ -1,7 +1,7 @@
 import MIMEType from 'whatwg-mimetype';
-import { convert } from './util/errorMessage.js';
-import Preview from './attribute/Preview.js';
-import MaxSize from './attribute/MaxSize.js';
+import { convert } from "./util/errorMessage.js";
+import Preview from "./attribute/Preview.js";
+import MaxSize from "./attribute/MaxSize.js";
 /**
  * Show preview with `<input type=file>`
  */

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"4CAUmC,UAAU,CAAC,OAAO,CAAC,GAAG,gBAAgB,CAAC,OAAO,CAAC,GAAG,OAAO,GAAG,IAAI,KAAG,IAAI;AAA1G,wBAYE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"yBAUgB,mBAAmB,UAAU,CAAC,OAAO,CAAC,GAAG,gBAAgB,CAAC,OAAO,CAAC,GAAG,OAAO,GAAG,IAAI,KAAG,IAAI;AAA1G,wBAYE"}

package/dist/index.js

@@ -1,4 +1,4 @@
-import InputFilePreview from './InputFilePreview.js';
+import InputFilePreview from "./InputFilePreview.js";
 const validate = (element) => {
     if (!(element instanceof HTMLInputElement)) {
         throw new Error('Element must be a `HTMLInputElement`');

package/dist/util/errorMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"errorMessage.d.ts","sourceRoot":"","sources":["../../src/util/errorMessage.ts"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,eAAO,MAAM,OAAO,YAAa,MAAM,QAAQ,IAAI,KAAG,MAIrD,CAAC"}
+{"version":3,"file":"errorMessage.d.ts","sourceRoot":"","sources":["../../src/util/errorMessage.ts"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,eAAO,MAAM,OAAO,GAAI,SAAS,MAAM,EAAE,MAAM,IAAI,KAAG,MAIrD,CAAC"}

package/dist/util/errorMessage.js

@@ -11,6 +11,6 @@ import { escape } from '@w0s/html-escape';
  */
 export const convert = (message, file) => {
     const { name, size } = file;
-    return message.replaceAll(/\$\{name\}/g, escape(name)).replaceAll(/\$\{size\}/g, String(size));
+    return message.replaceAll(/\$\{name\}/gu, escape(name)).replaceAll(/\$\{size\}/gu, String(size));
 };
 //# sourceMappingURL=errorMessage.js.map

package/dist/util/errorMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"errorMessage.js","sourceRoot":"","sources":["../../src/util/errorMessage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,OAAe,EAAE,IAAU,EAAU,EAAE;IAC9D,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAE5B,OAAO,OAAO,CAAC,UAAU,CAAC,aAAa,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,aAAa,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAChG,CAAC,CAAC"}
+{"version":3,"file":"errorMessage.js","sourceRoot":"","sources":["../../src/util/errorMessage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,OAAe,EAAE,IAAU,EAAU,EAAE;IAC9D,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAE5B,OAAO,OAAO,CAAC,UAAU,CAAC,cAAc,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,cAAc,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAClG,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@w0s/input-file-preview",
-	"version": "3.0.2",
+	"version": "3.0.3",
 	"description": "Show preview with `<input type=file>`",
 	"keywords": [
 		"file"
@@ -34,7 +34,7 @@
 		"prebuild": "rimraf dist/* -g",
 		"build": "tsc",
 		"watch": "tsc -w",
-		"lint": "eslint src/**/*.ts __tests__/**/*.js",
+		"lint": "eslint src/**/*.ts",
 		"pretest": "npm run build",
 		"test": "cross-env NODE_OPTIONS=--experimental-vm-modules jest dist/.+\\.test\\.js  -c ../../jest.config.mjs --roots packages/input-file-preview"
 	},