@w0s/input-file-preview 3.0.4 → 3.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type { HTMLInputFileElement } from '../@types/lib.dom.d.ts';
|
|
1
2
|
/**
|
|
2
3
|
* Show preview with `<input type=file>`
|
|
3
4
|
*/
|
|
@@ -6,6 +7,6 @@ export default class {
|
|
|
6
7
|
/**
|
|
7
8
|
* @param thisElement - Target element
|
|
8
9
|
*/
|
|
9
|
-
constructor(thisElement:
|
|
10
|
+
constructor(thisElement: HTMLInputFileElement);
|
|
10
11
|
}
|
|
11
12
|
//# sourceMappingURL=InputFilePreview.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputFilePreview.d.ts","sourceRoot":"","sources":["../src/InputFilePreview.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InputFilePreview.d.ts","sourceRoot":"","sources":["../src/InputFilePreview.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAKnE;;GAEG;AACH,MAAM,CAAC,OAAO;;IASb;;OAEG;gBACS,WAAW,EAAE,oBAAoB;CA6F7C"}
|
package/dist/InputFilePreview.js
CHANGED
|
@@ -9,16 +9,12 @@ export default class {
|
|
|
9
9
|
#inputFileElement;
|
|
10
10
|
#preview; // プレビューを表示するテンプレート
|
|
11
11
|
#maxSize; // プレビューを行う最大サイズ
|
|
12
|
-
#previewElements =
|
|
12
|
+
#previewElements = []; // プレビューを表示する要素
|
|
13
13
|
/**
|
|
14
14
|
* @param thisElement - Target element
|
|
15
15
|
*/
|
|
16
16
|
constructor(thisElement) {
|
|
17
17
|
this.#inputFileElement = thisElement;
|
|
18
|
-
const { files } = thisElement;
|
|
19
|
-
if (files === null) {
|
|
20
|
-
throw new Error('Not a `<input type=file>`.');
|
|
21
|
-
}
|
|
22
18
|
const { preview: previewAttribute, maxSize: maxSizeAttribute } = thisElement.dataset;
|
|
23
19
|
this.#preview = new Preview(previewAttribute);
|
|
24
20
|
this.#maxSize = new MaxSize(maxSizeAttribute ?? '10485760');
|
|
@@ -36,7 +32,8 @@ export default class {
|
|
|
36
32
|
const fragment = document.createDocumentFragment();
|
|
37
33
|
[...files].forEach((file) => {
|
|
38
34
|
const templateElementClone = this.#preview.template.content.cloneNode(true);
|
|
39
|
-
|
|
35
|
+
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
36
|
+
const outputElement = templateElementClone.querySelector('output'); // Preview.ts にて存在チェック済み
|
|
40
37
|
outputElement.replaceChildren();
|
|
41
38
|
fragment.appendChild(templateElementClone);
|
|
42
39
|
const { name: fileName, size: fileSize, type: fileType } = file;
|
|
@@ -76,18 +73,16 @@ export default class {
|
|
|
76
73
|
break;
|
|
77
74
|
}
|
|
78
75
|
default:
|
|
76
|
+
/* 文字列チェックを行っているのでここには来ない */
|
|
77
|
+
throw new Error();
|
|
79
78
|
}
|
|
80
79
|
outputElement.appendChild(mediaElement);
|
|
81
80
|
});
|
|
82
81
|
});
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
while (count > 0) {
|
|
88
|
-
this.#previewElements.add(previousElement);
|
|
89
|
-
count -= 1;
|
|
90
|
-
previousElement = previousElement.previousElementSibling;
|
|
82
|
+
const { parentNode } = this.#preview.template;
|
|
83
|
+
if (parentNode !== null) {
|
|
84
|
+
parentNode.insertBefore(fragment, this.#preview.template);
|
|
85
|
+
this.#previewElements.splice(0, this.#previewElements.length, ...Array.from(parentNode.querySelectorAll(':scope > *')).filter((element) => element !== this.#preview.template));
|
|
91
86
|
}
|
|
92
87
|
};
|
|
93
88
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputFilePreview.js","sourceRoot":"","sources":["../src/InputFilePreview.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"InputFilePreview.js","sourceRoot":"","sources":["../src/InputFilePreview.ts"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"yBAcgB,mBAAmB,UAAU,CAAC,OAAO,CAAC,GAAG,gBAAgB,CAAC,OAAO,CAAC,GAAG,OAAO,GAAG,IAAI,KAAG,IAAI;AAA1G,wBAYE"}
|
package/dist/index.js
CHANGED
|
@@ -3,6 +3,9 @@ const validate = (element) => {
|
|
|
3
3
|
if (!(element instanceof HTMLInputElement)) {
|
|
4
4
|
throw new Error('Element must be a `HTMLInputElement`');
|
|
5
5
|
}
|
|
6
|
+
if (element.type !== 'file') {
|
|
7
|
+
throw new Error('Element must be a `<input type=file>`');
|
|
8
|
+
}
|
|
6
9
|
return element;
|
|
7
10
|
};
|
|
8
11
|
export default (elementOrElements) => {
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AAErD,MAAM,QAAQ,GAAG,CAAC,OAAgB,EAAwB,EAAE;IAC3D,IAAI,CAAC,CAAC,OAAO,YAAY,gBAAgB,CAAC,EAAE,CAAC;QAC5C,MAAM,IAAI,KAAK,CAAC,sCAAsC,CAAC,CAAC;IACzD,CAAC;IACD,IAAI,OAAO,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QAC7B,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC,CAAC;IAC1D,CAAC;IAED,OAAO,OAA+B,CAAC;AACxC,CAAC,CAAC;AAEF,eAAe,CAAC,iBAAmF,EAAQ,EAAE;IAC5G,IAAI,iBAAiB,KAAK,IAAI,EAAE,CAAC;QAChC,OAAO;IACR,CAAC;IAED,IAAI,iBAAiB,YAAY,OAAO,EAAE,CAAC;QAC1C,IAAI,gBAAgB,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACnD,CAAC;SAAM,CAAC;QACP,KAAK,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;YACjD,IAAI,gBAAgB,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC;QACzC,CAAC,CAAC,CAAC;IACJ,CAAC;AACF,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,51 +1,50 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@w0s/input-file-preview",
|
|
3
|
-
"version": "3.0.
|
|
4
|
-
"description": "Show preview with `<input type=file>`",
|
|
5
|
-
"keywords": [
|
|
6
|
-
"file"
|
|
7
|
-
],
|
|
8
|
-
"homepage": "https://github.com/SaekiTominaga/js-library-browser#readme",
|
|
9
|
-
"bugs": {
|
|
10
|
-
"url": "https://github.com/SaekiTominaga/js-library-browser/issues"
|
|
11
|
-
},
|
|
12
|
-
"license": "MIT",
|
|
13
|
-
"author": "Saeki Tominaga",
|
|
14
|
-
"files": [
|
|
15
|
-
"dist/**/*.d.ts",
|
|
16
|
-
"!dist/**/*.test.d.ts",
|
|
17
|
-
"dist/**/*.d.ts.map",
|
|
18
|
-
"!dist/**/*.test.d.ts.map",
|
|
19
|
-
"dist/**/*.js",
|
|
20
|
-
"!dist/**/*.test.js",
|
|
21
|
-
"dist/**/*.js.map",
|
|
22
|
-
"!dist/**/*.test.js.map"
|
|
23
|
-
],
|
|
24
|
-
"type": "module",
|
|
25
|
-
"main": "dist/index.js",
|
|
26
|
-
"module": "dist/index.js",
|
|
27
|
-
"types": "dist/index.d.ts",
|
|
28
|
-
"repository": {
|
|
29
|
-
"type": "git",
|
|
30
|
-
"url": "git+https://github.com/SaekiTominaga/js-library-browser.git"
|
|
31
|
-
},
|
|
32
|
-
"scripts": {
|
|
33
|
-
"
|
|
34
|
-
"prebuild": "rimraf dist/* -g",
|
|
35
|
-
"build": "tsc",
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
"
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@w0s/input-file-preview",
|
|
3
|
+
"version": "3.0.5",
|
|
4
|
+
"description": "Show preview with `<input type=file>`",
|
|
5
|
+
"keywords": [
|
|
6
|
+
"file"
|
|
7
|
+
],
|
|
8
|
+
"homepage": "https://github.com/SaekiTominaga/js-library-browser#readme",
|
|
9
|
+
"bugs": {
|
|
10
|
+
"url": "https://github.com/SaekiTominaga/js-library-browser/issues"
|
|
11
|
+
},
|
|
12
|
+
"license": "MIT",
|
|
13
|
+
"author": "Saeki Tominaga",
|
|
14
|
+
"files": [
|
|
15
|
+
"dist/**/*.d.ts",
|
|
16
|
+
"!dist/**/*.test.d.ts",
|
|
17
|
+
"dist/**/*.d.ts.map",
|
|
18
|
+
"!dist/**/*.test.d.ts.map",
|
|
19
|
+
"dist/**/*.js",
|
|
20
|
+
"!dist/**/*.test.js",
|
|
21
|
+
"dist/**/*.js.map",
|
|
22
|
+
"!dist/**/*.test.js.map"
|
|
23
|
+
],
|
|
24
|
+
"type": "module",
|
|
25
|
+
"main": "dist/index.js",
|
|
26
|
+
"module": "dist/index.js",
|
|
27
|
+
"types": "dist/index.d.ts",
|
|
28
|
+
"repository": {
|
|
29
|
+
"type": "git",
|
|
30
|
+
"url": "git+https://github.com/SaekiTominaga/js-library-browser.git"
|
|
31
|
+
},
|
|
32
|
+
"scripts": {
|
|
33
|
+
"dev": "conc \"http-server -o demo -c-1\" \"tsc -w\"",
|
|
34
|
+
"prebuild": "rimraf dist/* -g",
|
|
35
|
+
"build": "tsc",
|
|
36
|
+
"lint": "eslint src/**/*.ts",
|
|
37
|
+
"pretest": "npm run build",
|
|
38
|
+
"test": "cross-env NODE_OPTIONS=--experimental-vm-modules jest dist/.+\\.test\\.js -c ../../jest.config.mjs --roots packages/input-file-preview"
|
|
39
|
+
},
|
|
40
|
+
"dependencies": {
|
|
41
|
+
"@w0s/html-escape": "^4.0.2",
|
|
42
|
+
"whatwg-mimetype": "^4.0.0"
|
|
43
|
+
},
|
|
44
|
+
"devDependencies": {
|
|
45
|
+
"@types/whatwg-mimetype": "^3.0.2"
|
|
46
|
+
},
|
|
47
|
+
"publishConfig": {
|
|
48
|
+
"access": "public"
|
|
49
|
+
}
|
|
50
|
+
}
|