From 4cab5ceff5058e46dc03b7d135934cde52f3302c Mon Sep 17 00:00:00 2001 From: hyeonjun-L Date: Tue, 27 Jun 2023 17:00:33 +0900 Subject: [PATCH 01/15] =?UTF-8?q?Init:=20webpack=20=EC=84=A4=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .gitignore | 4 + index.html | 12 + package-lock.json | 3974 +++++++++++++++++++++++++++++++++++++++++++++ package.json | 23 + src/index.js | 3 + src/style.css | 4 + webpack.config.js | 29 + 7 files changed, 4049 insertions(+) create mode 100644 .gitignore create mode 100644 index.html create mode 100644 package-lock.json create mode 100644 package.json create mode 100644 src/index.js create mode 100644 src/style.css create mode 100644 webpack.config.js diff --git a/.gitignore b/.gitignore new file mode 100644 index 00000000..45d7ecf8 --- /dev/null +++ b/.gitignore @@ -0,0 +1,4 @@ +node_modules +bundles +dist +.vscode \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 00000000..7bac4f56 --- /dev/null +++ b/index.html @@ -0,0 +1,12 @@ + + + + + + + Document + + +
+ + diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 00000000..5b2a73f4 --- /dev/null +++ b/package-lock.json @@ -0,0 +1,3974 @@ +{ + "name": "fedc4-5_project_notion_vanillajs", + "version": "1.0.0", + "lockfileVersion": 3, + "requires": true, + "packages": { + "": { + "name": "fedc4-5_project_notion_vanillajs", + "version": "1.0.0", + "license": "ISC", + "dependencies": { + "html-webpack-plugin": "^5.5.3", + "webpack-cli": "^5.1.4" + }, + "devDependencies": { + "css-loader": "^6.8.1", + "style-loader": "^3.3.3", + "webpack-dev-server": "^4.15.1" + } + }, + "node_modules/@discoveryjs/json-ext": { + "version": "0.5.7", + "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz", + "integrity": "sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==", + "engines": { + "node": ">=10.0.0" + } + }, + "node_modules/@jridgewell/gen-mapping": { + "version": "0.3.3", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz", + "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==", + "dependencies": { + "@jridgewell/set-array": "^1.0.1", + "@jridgewell/sourcemap-codec": "^1.4.10", + "@jridgewell/trace-mapping": "^0.3.9" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/resolve-uri": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz", + "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==", + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/set-array": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz", + "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==", + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/source-map": { + "version": "0.3.3", + "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.3.tgz", + "integrity": "sha512-b+fsZXeLYi9fEULmfBrhxn4IrPlINf8fiNarzTof004v3lFdntdwa9PF7vFJqm3mg7s+ScJMxXaE3Acp1irZcg==", + "dependencies": { + "@jridgewell/gen-mapping": "^0.3.0", + "@jridgewell/trace-mapping": "^0.3.9" + } + }, + "node_modules/@jridgewell/sourcemap-codec": { + "version": "1.4.14", + "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz", + "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==" + }, + "node_modules/@jridgewell/trace-mapping": { + "version": "0.3.18", + "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz", + "integrity": "sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==", + "dependencies": { + "@jridgewell/resolve-uri": "3.1.0", + "@jridgewell/sourcemap-codec": "1.4.14" + } + }, + "node_modules/@leichtgewicht/ip-codec": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@leichtgewicht/ip-codec/-/ip-codec-2.0.4.tgz", + "integrity": "sha512-Hcv+nVC0kZnQ3tD9GVu5xSMR4VVYOteQIr/hwFPVEvPdlXqgGEuRjiheChHgdM+JyqdgNcmzZOX/tnl0JOiI7A==", + "dev": true + }, + "node_modules/@types/body-parser": { + "version": "1.19.2", + "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.2.tgz", + "integrity": "sha512-ALYone6pm6QmwZoAgeyNksccT9Q4AWZQ6PvfwR37GT6r6FWUPguq6sUmNGSMV2Wr761oQoBxwGGa6DR5o1DC9g==", + "dev": true, + "dependencies": { + "@types/connect": "*", + "@types/node": "*" + } + }, + "node_modules/@types/bonjour": { + "version": "3.5.10", + "resolved": "https://registry.npmjs.org/@types/bonjour/-/bonjour-3.5.10.tgz", + "integrity": "sha512-p7ienRMiS41Nu2/igbJxxLDWrSZ0WxM8UQgCeO9KhoVF7cOVFkrKsiDr1EsJIla8vV3oEEjGcz11jc5yimhzZw==", + "dev": true, + "dependencies": { + "@types/node": "*" + } + }, + "node_modules/@types/connect": { + "version": "3.4.35", + "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.35.tgz", + "integrity": "sha512-cdeYyv4KWoEgpBISTxWvqYsVy444DOqehiF3fM3ne10AmJ62RSyNkUnxMJXHQWRQQX2eR94m5y1IZyDwBjV9FQ==", + "dev": true, + "dependencies": { + "@types/node": "*" + } + }, + "node_modules/@types/connect-history-api-fallback": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/@types/connect-history-api-fallback/-/connect-history-api-fallback-1.5.0.tgz", + "integrity": "sha512-4x5FkPpLipqwthjPsF7ZRbOv3uoLUFkTA9G9v583qi4pACvq0uTELrB8OLUzPWUI4IJIyvM85vzkV1nyiI2Lig==", + "dev": true, + "dependencies": { + "@types/express-serve-static-core": "*", + "@types/node": "*" + } + }, + "node_modules/@types/eslint": { + "version": "8.40.2", + "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.40.2.tgz", + "integrity": "sha512-PRVjQ4Eh9z9pmmtaq8nTjZjQwKFk7YIHIud3lRoKRBgUQjgjRmoGxxGEPXQkF+lH7QkHJRNr5F4aBgYCW0lqpQ==", + "peer": true, + "dependencies": { + "@types/estree": "*", + "@types/json-schema": "*" + } + }, + "node_modules/@types/eslint-scope": { + "version": "3.7.4", + "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.4.tgz", + "integrity": "sha512-9K4zoImiZc3HlIp6AVUDE4CWYx22a+lhSZMYNpbjW04+YF0KWj4pJXnEMjdnFTiQibFFmElcsasJXDbdI/EPhA==", + "peer": true, + "dependencies": { + "@types/eslint": "*", + "@types/estree": "*" + } + }, + "node_modules/@types/estree": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.1.tgz", + "integrity": "sha512-LG4opVs2ANWZ1TJoKc937iMmNstM/d0ae1vNbnBvBhqCSezgVUOzcLCqbI5elV8Vy6WKwKjaqR+zO9VKirBBCA==", + "peer": true + }, + "node_modules/@types/express": { + "version": "4.17.17", + "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.17.tgz", + "integrity": "sha512-Q4FmmuLGBG58btUnfS1c1r/NQdlp3DMfGDGig8WhfpA2YRUtEkxAjkZb0yvplJGYdF1fsQ81iMDcH24sSCNC/Q==", + "dev": true, + "dependencies": { + "@types/body-parser": "*", + "@types/express-serve-static-core": "^4.17.33", + "@types/qs": "*", + "@types/serve-static": "*" + } + }, + "node_modules/@types/express-serve-static-core": { + "version": "4.17.35", + "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.17.35.tgz", + "integrity": "sha512-wALWQwrgiB2AWTT91CB62b6Yt0sNHpznUXeZEcnPU3DRdlDIz74x8Qg1UUYKSVFi+va5vKOLYRBI1bRKiLLKIg==", + "dev": true, + "dependencies": { + "@types/node": "*", + "@types/qs": "*", + "@types/range-parser": "*", + "@types/send": "*" + } + }, + "node_modules/@types/html-minifier-terser": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz", + "integrity": "sha512-oh/6byDPnL1zeNXFrDXFLyZjkr1MsBG667IM792caf1L2UPOOMf65NFzjUH/ltyfwjAGfs1rsX1eftK0jC/KIg==" + }, + "node_modules/@types/http-errors": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.1.tgz", + "integrity": "sha512-/K3ds8TRAfBvi5vfjuz8y6+GiAYBZ0x4tXv1Av6CWBWn0IlADc+ZX9pMq7oU0fNQPnBwIZl3rmeLp6SBApbxSQ==", + "dev": true + }, + "node_modules/@types/http-proxy": { + "version": "1.17.11", + "resolved": "https://registry.npmjs.org/@types/http-proxy/-/http-proxy-1.17.11.tgz", + "integrity": "sha512-HC8G7c1WmaF2ekqpnFq626xd3Zz0uvaqFmBJNRZCGEZCXkvSdJoNFn/8Ygbd9fKNQj8UzLdCETaI0UWPAjK7IA==", + "dev": true, + "dependencies": { + "@types/node": "*" + } + }, + "node_modules/@types/json-schema": { + "version": "7.0.12", + "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.12.tgz", + "integrity": "sha512-Hr5Jfhc9eYOQNPYO5WLDq/n4jqijdHNlDXjuAQkkt+mWdQR+XJToOHrsD4cPaMXpn6KO7y2+wM8AZEs8VpBLVA==" + }, + "node_modules/@types/mime": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.2.tgz", + "integrity": "sha512-YATxVxgRqNH6nHEIsvg6k2Boc1JHI9ZbH5iWFFv/MTkchz3b1ieGDa5T0a9RznNdI0KhVbdbWSN+KWWrQZRxTw==", + "dev": true + }, + "node_modules/@types/node": { + "version": "20.3.2", + "resolved": "https://registry.npmjs.org/@types/node/-/node-20.3.2.tgz", + "integrity": "sha512-vOBLVQeCQfIcF/2Y7eKFTqrMnizK5lRNQ7ykML/5RuwVXVWxYkgwS7xbt4B6fKCUPgbSL5FSsjHQpaGQP/dQmw==" + }, + "node_modules/@types/qs": { + "version": "6.9.7", + "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.7.tgz", + "integrity": "sha512-FGa1F62FT09qcrueBA6qYTrJPVDzah9a+493+o2PCXsesWHIn27G98TsSMs3WPNbZIEj4+VJf6saSFpvD+3Zsw==", + "dev": true + }, + "node_modules/@types/range-parser": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.4.tgz", + "integrity": "sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw==", + "dev": true + }, + "node_modules/@types/retry": { + "version": "0.12.0", + "resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.0.tgz", + "integrity": "sha512-wWKOClTTiizcZhXnPY4wikVAwmdYHp8q6DmC+EJUzAMsycb7HB32Kh9RN4+0gExjmPmZSAQjgURXIGATPegAvA==", + "dev": true + }, + "node_modules/@types/send": { + "version": "0.17.1", + "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.1.tgz", + "integrity": "sha512-Cwo8LE/0rnvX7kIIa3QHCkcuF21c05Ayb0ZfxPiv0W8VRiZiNW/WuRupHKpqqGVGf7SUA44QSOUKaEd9lIrd/Q==", + "dev": true, + "dependencies": { + "@types/mime": "^1", + "@types/node": "*" + } + }, + "node_modules/@types/serve-index": { + "version": "1.9.1", + "resolved": "https://registry.npmjs.org/@types/serve-index/-/serve-index-1.9.1.tgz", + "integrity": "sha512-d/Hs3nWDxNL2xAczmOVZNj92YZCS6RGxfBPjKzuu/XirCgXdpKEb88dYNbrYGint6IVWLNP+yonwVAuRC0T2Dg==", + "dev": true, + "dependencies": { + "@types/express": "*" + } + }, + "node_modules/@types/serve-static": { + "version": "1.15.2", + "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.2.tgz", + "integrity": "sha512-J2LqtvFYCzaj8pVYKw8klQXrLLk7TBZmQ4ShlcdkELFKGwGMfevMLneMMRkMgZxotOD9wg497LpC7O8PcvAmfw==", + "dev": true, + "dependencies": { + "@types/http-errors": "*", + "@types/mime": "*", + "@types/node": "*" + } + }, + "node_modules/@types/sockjs": { + "version": "0.3.33", + "resolved": "https://registry.npmjs.org/@types/sockjs/-/sockjs-0.3.33.tgz", + "integrity": "sha512-f0KEEe05NvUnat+boPTZ0dgaLZ4SfSouXUgv5noUiefG2ajgKjmETo9ZJyuqsl7dfl2aHlLJUiki6B4ZYldiiw==", + "dev": true, + "dependencies": { + "@types/node": "*" + } + }, + "node_modules/@types/ws": { + "version": "8.5.5", + "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.5.tgz", + "integrity": "sha512-lwhs8hktwxSjf9UaZ9tG5M03PGogvFaH8gUgLNbN9HKIg0dvv6q+gkSuJ8HN4/VbyxkuLzCjlN7GquQ0gUJfIg==", + "dev": true, + "dependencies": { + "@types/node": "*" + } + }, + "node_modules/@webassemblyjs/ast": { + "version": "1.11.6", + "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.6.tgz", + "integrity": "sha512-IN1xI7PwOvLPgjcf180gC1bqn3q/QaOCwYUahIOhbYUu8KA/3tw2RT/T0Gidi1l7Hhj5D/INhJxiICObqpMu4Q==", + "peer": true, + "dependencies": { + "@webassemblyjs/helper-numbers": "1.11.6", + "@webassemblyjs/helper-wasm-bytecode": "1.11.6" + } + }, + "node_modules/@webassemblyjs/floating-point-hex-parser": { + "version": "1.11.6", + "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.6.tgz", + "integrity": "sha512-ejAj9hfRJ2XMsNHk/v6Fu2dGS+i4UaXBXGemOfQ/JfQ6mdQg/WXtwleQRLLS4OvfDhv8rYnVwH27YJLMyYsxhw==", + "peer": true + }, + "node_modules/@webassemblyjs/helper-api-error": { + "version": "1.11.6", + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.6.tgz", + "integrity": "sha512-o0YkoP4pVu4rN8aTJgAyj9hC2Sv5UlkzCHhxqWj8butaLvnpdc2jOwh4ewE6CX0txSfLn/UYaV/pheS2Txg//Q==", + "peer": true + }, + "node_modules/@webassemblyjs/helper-buffer": { + "version": "1.11.6", + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.6.tgz", + "integrity": "sha512-z3nFzdcp1mb8nEOFFk8DrYLpHvhKC3grJD2ardfKOzmbmJvEf/tPIqCY+sNcwZIY8ZD7IkB2l7/pqhUhqm7hLA==", + "peer": true + }, + "node_modules/@webassemblyjs/helper-numbers": { + "version": "1.11.6", + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.6.tgz", + "integrity": "sha512-vUIhZ8LZoIWHBohiEObxVm6hwP034jwmc9kuq5GdHZH0wiLVLIPcMCdpJzG4C11cHoQ25TFIQj9kaVADVX7N3g==", + "peer": true, + "dependencies": { + "@webassemblyjs/floating-point-hex-parser": "1.11.6", + "@webassemblyjs/helper-api-error": "1.11.6", + "@xtuc/long": "4.2.2" + } + }, + "node_modules/@webassemblyjs/helper-wasm-bytecode": { + "version": "1.11.6", + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.6.tgz", + "integrity": "sha512-sFFHKwcmBprO9e7Icf0+gddyWYDViL8bpPjJJl0WHxCdETktXdmtWLGVzoHbqUcY4Be1LkNfwTmXOJUFZYSJdA==", + "peer": true + }, + "node_modules/@webassemblyjs/helper-wasm-section": { + "version": "1.11.6", + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.6.tgz", + "integrity": "sha512-LPpZbSOwTpEC2cgn4hTydySy1Ke+XEu+ETXuoyvuyezHO3Kjdu90KK95Sh9xTbmjrCsUwvWwCOQQNta37VrS9g==", + "peer": true, + "dependencies": { + "@webassemblyjs/ast": "1.11.6", + "@webassemblyjs/helper-buffer": "1.11.6", + "@webassemblyjs/helper-wasm-bytecode": "1.11.6", + "@webassemblyjs/wasm-gen": "1.11.6" + } + }, + "node_modules/@webassemblyjs/ieee754": { + "version": "1.11.6", + "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.6.tgz", + "integrity": "sha512-LM4p2csPNvbij6U1f19v6WR56QZ8JcHg3QIJTlSwzFcmx6WSORicYj6I63f9yU1kEUtrpG+kjkiIAkevHpDXrg==", + "peer": true, + "dependencies": { + "@xtuc/ieee754": "^1.2.0" + } + }, + "node_modules/@webassemblyjs/leb128": { + "version": "1.11.6", + "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.6.tgz", + "integrity": "sha512-m7a0FhE67DQXgouf1tbN5XQcdWoNgaAuoULHIfGFIEVKA6tu/edls6XnIlkmS6FrXAquJRPni3ZZKjw6FSPjPQ==", + "peer": true, + "dependencies": { + "@xtuc/long": "4.2.2" + } + }, + "node_modules/@webassemblyjs/utf8": { + "version": "1.11.6", + "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.6.tgz", + "integrity": "sha512-vtXf2wTQ3+up9Zsg8sa2yWiQpzSsMyXj0qViVP6xKGCUT8p8YJ6HqI7l5eCnWx1T/FYdsv07HQs2wTFbbof/RA==", + "peer": true + }, + "node_modules/@webassemblyjs/wasm-edit": { + "version": "1.11.6", + "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.6.tgz", + "integrity": "sha512-Ybn2I6fnfIGuCR+Faaz7YcvtBKxvoLV3Lebn1tM4o/IAJzmi9AWYIPWpyBfU8cC+JxAO57bk4+zdsTjJR+VTOw==", + "peer": true, + "dependencies": { + "@webassemblyjs/ast": "1.11.6", + "@webassemblyjs/helper-buffer": "1.11.6", + "@webassemblyjs/helper-wasm-bytecode": "1.11.6", + "@webassemblyjs/helper-wasm-section": "1.11.6", + "@webassemblyjs/wasm-gen": "1.11.6", + "@webassemblyjs/wasm-opt": "1.11.6", + "@webassemblyjs/wasm-parser": "1.11.6", + "@webassemblyjs/wast-printer": "1.11.6" + } + }, + "node_modules/@webassemblyjs/wasm-gen": { + "version": "1.11.6", + "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.6.tgz", + "integrity": "sha512-3XOqkZP/y6B4F0PBAXvI1/bky7GryoogUtfwExeP/v7Nzwo1QLcq5oQmpKlftZLbT+ERUOAZVQjuNVak6UXjPA==", + "peer": true, + "dependencies": { + "@webassemblyjs/ast": "1.11.6", + "@webassemblyjs/helper-wasm-bytecode": "1.11.6", + "@webassemblyjs/ieee754": "1.11.6", + "@webassemblyjs/leb128": "1.11.6", + "@webassemblyjs/utf8": "1.11.6" + } + }, + "node_modules/@webassemblyjs/wasm-opt": { + "version": "1.11.6", + "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.6.tgz", + "integrity": "sha512-cOrKuLRE7PCe6AsOVl7WasYf3wbSo4CeOk6PkrjS7g57MFfVUF9u6ysQBBODX0LdgSvQqRiGz3CXvIDKcPNy4g==", + "peer": true, + "dependencies": { + "@webassemblyjs/ast": "1.11.6", + "@webassemblyjs/helper-buffer": "1.11.6", + "@webassemblyjs/wasm-gen": "1.11.6", + "@webassemblyjs/wasm-parser": "1.11.6" + } + }, + "node_modules/@webassemblyjs/wasm-parser": { + "version": "1.11.6", + "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.6.tgz", + "integrity": "sha512-6ZwPeGzMJM3Dqp3hCsLgESxBGtT/OeCvCZ4TA1JUPYgmhAx38tTPR9JaKy0S5H3evQpO/h2uWs2j6Yc/fjkpTQ==", + "peer": true, + "dependencies": { + "@webassemblyjs/ast": "1.11.6", + "@webassemblyjs/helper-api-error": "1.11.6", + "@webassemblyjs/helper-wasm-bytecode": "1.11.6", + "@webassemblyjs/ieee754": "1.11.6", + "@webassemblyjs/leb128": "1.11.6", + "@webassemblyjs/utf8": "1.11.6" + } + }, + "node_modules/@webassemblyjs/wast-printer": { + "version": "1.11.6", + "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.11.6.tgz", + "integrity": "sha512-JM7AhRcE+yW2GWYaKeHL5vt4xqee5N2WcezptmgyhNS+ScggqcT1OtXykhAb13Sn5Yas0j2uv9tHgrjwvzAP4A==", + "peer": true, + "dependencies": { + "@webassemblyjs/ast": "1.11.6", + "@xtuc/long": "4.2.2" + } + }, + "node_modules/@webpack-cli/configtest": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/@webpack-cli/configtest/-/configtest-2.1.1.tgz", + "integrity": "sha512-wy0mglZpDSiSS0XHrVR+BAdId2+yxPSoJW8fsna3ZpYSlufjvxnP4YbKTCBZnNIcGN4r6ZPXV55X4mYExOfLmw==", + "engines": { + "node": ">=14.15.0" + }, + "peerDependencies": { + "webpack": "5.x.x", + "webpack-cli": "5.x.x" + } + }, + "node_modules/@webpack-cli/info": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/@webpack-cli/info/-/info-2.0.2.tgz", + "integrity": "sha512-zLHQdI/Qs1UyT5UBdWNqsARasIA+AaF8t+4u2aS2nEpBQh2mWIVb8qAklq0eUENnC5mOItrIB4LiS9xMtph18A==", + "engines": { + "node": ">=14.15.0" + }, + "peerDependencies": { + "webpack": "5.x.x", + "webpack-cli": "5.x.x" + } + }, + "node_modules/@webpack-cli/serve": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/@webpack-cli/serve/-/serve-2.0.5.tgz", + "integrity": "sha512-lqaoKnRYBdo1UgDX8uF24AfGMifWK19TxPmM5FHc2vAGxrJ/qtyUyFBWoY1tISZdelsQ5fBcOusifo5o5wSJxQ==", + "engines": { + "node": ">=14.15.0" + }, + "peerDependencies": { + "webpack": "5.x.x", + "webpack-cli": "5.x.x" + }, + "peerDependenciesMeta": { + "webpack-dev-server": { + "optional": true + } + } + }, + "node_modules/@xtuc/ieee754": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz", + "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==", + "peer": true + }, + "node_modules/@xtuc/long": { + "version": "4.2.2", + "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz", + "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==", + "peer": true + }, + "node_modules/accepts": { + "version": "1.3.8", + "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz", + "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==", + "dev": true, + "dependencies": { + "mime-types": "~2.1.34", + "negotiator": "0.6.3" + }, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/acorn": { + "version": "8.9.0", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.9.0.tgz", + "integrity": "sha512-jaVNAFBHNLXspO543WnNNPZFRtavh3skAkITqD0/2aeMkKZTN+254PyhwxFYrk3vQ1xfY+2wbesJMs/JC8/PwQ==", + "bin": { + "acorn": "bin/acorn" + }, + "engines": { + "node": ">=0.4.0" + } + }, + "node_modules/acorn-import-assertions": { + "version": "1.9.0", + "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.9.0.tgz", + "integrity": "sha512-cmMwop9x+8KFhxvKrKfPYmN6/pKTYYHBqLa0DfvVZcKMJWNyWLnaqND7dx/qn66R7ewM1UX5XMaDVP5wlVTaVA==", + "peer": true, + "peerDependencies": { + "acorn": "^8" + } + }, + "node_modules/ajv": { + "version": "6.12.6", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", + "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", + "peer": true, + "dependencies": { + "fast-deep-equal": "^3.1.1", + "fast-json-stable-stringify": "^2.0.0", + "json-schema-traverse": "^0.4.1", + "uri-js": "^4.2.2" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/epoberezkin" + } + }, + "node_modules/ajv-formats": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz", + "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==", + "dev": true, + "dependencies": { + "ajv": "^8.0.0" + }, + "peerDependencies": { + "ajv": "^8.0.0" + }, + "peerDependenciesMeta": { + "ajv": { + "optional": true + } + } + }, + "node_modules/ajv-formats/node_modules/ajv": { + "version": "8.12.0", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz", + "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==", + "dev": true, + "dependencies": { + "fast-deep-equal": "^3.1.1", + "json-schema-traverse": "^1.0.0", + "require-from-string": "^2.0.2", + "uri-js": "^4.2.2" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/epoberezkin" + } + }, + "node_modules/ajv-formats/node_modules/json-schema-traverse": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz", + "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==", + "dev": true + }, + "node_modules/ajv-keywords": { + "version": "3.5.2", + "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz", + "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==", + "peer": true, + "peerDependencies": { + "ajv": "^6.9.1" + } + }, + "node_modules/ansi-html-community": { + "version": "0.0.8", + "resolved": "https://registry.npmjs.org/ansi-html-community/-/ansi-html-community-0.0.8.tgz", + "integrity": "sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw==", + "dev": true, + "engines": [ + "node >= 0.8.0" + ], + "bin": { + "ansi-html": "bin/ansi-html" + } + }, + "node_modules/ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "engines": { + "node": ">=8" + } + }, + "node_modules/anymatch": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz", + "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==", + "dev": true, + "dependencies": { + "normalize-path": "^3.0.0", + "picomatch": "^2.0.4" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/array-flatten": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-2.1.2.tgz", + "integrity": "sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ==", + "dev": true + }, + "node_modules/balanced-match": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", + "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==", + "dev": true + }, + "node_modules/batch": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/batch/-/batch-0.6.1.tgz", + "integrity": "sha512-x+VAiMRL6UPkx+kudNvxTl6hB2XNNCG2r+7wixVfIYwu/2HKRXimwQyaumLjMveWvT2Hkd/cAJw+QBMfJ/EKVw==", + "dev": true + }, + "node_modules/binary-extensions": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz", + "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/body-parser": { + "version": "1.20.1", + "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.1.tgz", + "integrity": "sha512-jWi7abTbYwajOytWCQc37VulmWiRae5RyTpaCyDcS5/lMdtwSz5lOpDE67srw/HYe35f1z3fDQw+3txg7gNtWw==", + "dev": true, + "dependencies": { + "bytes": "3.1.2", + "content-type": "~1.0.4", + "debug": "2.6.9", + "depd": "2.0.0", + "destroy": "1.2.0", + "http-errors": "2.0.0", + "iconv-lite": "0.4.24", + "on-finished": "2.4.1", + "qs": "6.11.0", + "raw-body": "2.5.1", + "type-is": "~1.6.18", + "unpipe": "1.0.0" + }, + "engines": { + "node": ">= 0.8", + "npm": "1.2.8000 || >= 1.4.16" + } + }, + "node_modules/body-parser/node_modules/bytes": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz", + "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==", + "dev": true, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/bonjour-service": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/bonjour-service/-/bonjour-service-1.1.1.tgz", + "integrity": "sha512-Z/5lQRMOG9k7W+FkeGTNjh7htqn/2LMnfOvBZ8pynNZCM9MwkQkI3zeI4oz09uWdcgmgHugVvBqxGg4VQJ5PCg==", + "dev": true, + "dependencies": { + "array-flatten": "^2.1.2", + "dns-equal": "^1.0.0", + "fast-deep-equal": "^3.1.3", + "multicast-dns": "^7.2.5" + } + }, + "node_modules/boolbase": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz", + "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==" + }, + "node_modules/brace-expansion": { + "version": "1.1.11", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", + "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "dev": true, + "dependencies": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, + "node_modules/braces": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", + "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "dev": true, + "dependencies": { + "fill-range": "^7.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/browserslist": { + "version": "4.21.9", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.9.tgz", + "integrity": "sha512-M0MFoZzbUrRU4KNfCrDLnvyE7gub+peetoTid3TBIqtunaDJyXlwhakT+/VkvSXcfIzFfK/nkCs4nmyTmxdNSg==", + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/browserslist" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "peer": true, + "dependencies": { + "caniuse-lite": "^1.0.30001503", + "electron-to-chromium": "^1.4.431", + "node-releases": "^2.0.12", + "update-browserslist-db": "^1.0.11" + }, + "bin": { + "browserslist": "cli.js" + }, + "engines": { + "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7" + } + }, + "node_modules/buffer-from": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz", + "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==" + }, + "node_modules/bytes": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz", + "integrity": "sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==", + "dev": true, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/call-bind": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz", + "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==", + "dev": true, + "dependencies": { + "function-bind": "^1.1.1", + "get-intrinsic": "^1.0.2" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/camel-case": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-4.1.2.tgz", + "integrity": "sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==", + "dependencies": { + "pascal-case": "^3.1.2", + "tslib": "^2.0.3" + } + }, + "node_modules/caniuse-lite": { + "version": "1.0.30001508", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001508.tgz", + "integrity": "sha512-sdQZOJdmt3GJs1UMNpCCCyeuS2IEGLXnHyAo9yIO5JJDjbjoVRij4M1qep6P6gFpptD1PqIYgzM+gwJbOi92mw==", + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/caniuse-lite" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "peer": true + }, + "node_modules/chokidar": { + "version": "3.5.3", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz", + "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==", + "dev": true, + "funding": [ + { + "type": "individual", + "url": "https://paulmillr.com/funding/" + } + ], + "dependencies": { + "anymatch": "~3.1.2", + "braces": "~3.0.2", + "glob-parent": "~5.1.2", + "is-binary-path": "~2.1.0", + "is-glob": "~4.0.1", + "normalize-path": "~3.0.0", + "readdirp": "~3.6.0" + }, + "engines": { + "node": ">= 8.10.0" + }, + "optionalDependencies": { + "fsevents": "~2.3.2" + } + }, + "node_modules/chrome-trace-event": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz", + "integrity": "sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==", + "peer": true, + "engines": { + "node": ">=6.0" + } + }, + "node_modules/clean-css": { + "version": "5.3.2", + "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-5.3.2.tgz", + "integrity": "sha512-JVJbM+f3d3Q704rF4bqQ5UUyTtuJ0JRKNbTKVEeujCCBoMdkEi+V+e8oktO9qGQNSvHrFTM6JZRXrUvGR1czww==", + "dependencies": { + "source-map": "~0.6.0" + }, + "engines": { + "node": ">= 10.0" + } + }, + "node_modules/clone-deep": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/clone-deep/-/clone-deep-4.0.1.tgz", + "integrity": "sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==", + "dependencies": { + "is-plain-object": "^2.0.4", + "kind-of": "^6.0.2", + "shallow-clone": "^3.0.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/colorette": { + "version": "2.0.20", + "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz", + "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==" + }, + "node_modules/commander": { + "version": "2.20.3", + "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz", + "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==" + }, + "node_modules/compressible": { + "version": "2.0.18", + "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz", + "integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==", + "dev": true, + "dependencies": { + "mime-db": ">= 1.43.0 < 2" + }, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/compression": { + "version": "1.7.4", + "resolved": "https://registry.npmjs.org/compression/-/compression-1.7.4.tgz", + "integrity": "sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==", + "dev": true, + "dependencies": { + "accepts": "~1.3.5", + "bytes": "3.0.0", + "compressible": "~2.0.16", + "debug": "2.6.9", + "on-headers": "~1.0.2", + "safe-buffer": "5.1.2", + "vary": "~1.1.2" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/compression/node_modules/safe-buffer": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", + "dev": true + }, + "node_modules/concat-map": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", + "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==", + "dev": true + }, + "node_modules/connect-history-api-fallback": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/connect-history-api-fallback/-/connect-history-api-fallback-2.0.0.tgz", + "integrity": "sha512-U73+6lQFmfiNPrYbXqr6kZ1i1wiRqXnp2nhMsINseWXO8lDau0LGEffJ8kQi4EjLZympVgRdvqjAgiZ1tgzDDA==", + "dev": true, + "engines": { + "node": ">=0.8" + } + }, + "node_modules/content-disposition": { + "version": "0.5.4", + "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz", + "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==", + "dev": true, + "dependencies": { + "safe-buffer": "5.2.1" + }, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/content-type": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz", + "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==", + "dev": true, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/cookie": { + "version": "0.5.0", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.5.0.tgz", + "integrity": "sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==", + "dev": true, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/cookie-signature": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz", + "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==", + "dev": true + }, + "node_modules/core-util-is": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz", + "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==", + "dev": true + }, + "node_modules/cross-spawn": { + "version": "7.0.3", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz", + "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==", + "dependencies": { + "path-key": "^3.1.0", + "shebang-command": "^2.0.0", + "which": "^2.0.1" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/css-loader": { + "version": "6.8.1", + "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-6.8.1.tgz", + "integrity": "sha512-xDAXtEVGlD0gJ07iclwWVkLoZOpEvAWaSyf6W18S2pOC//K8+qUDIx8IIT3D+HjnmkJPQeesOPv5aiUaJsCM2g==", + "dev": true, + "dependencies": { + "icss-utils": "^5.1.0", + "postcss": "^8.4.21", + "postcss-modules-extract-imports": "^3.0.0", + "postcss-modules-local-by-default": "^4.0.3", + "postcss-modules-scope": "^3.0.0", + "postcss-modules-values": "^4.0.0", + "postcss-value-parser": "^4.2.0", + "semver": "^7.3.8" + }, + "engines": { + "node": ">= 12.13.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + }, + "peerDependencies": { + "webpack": "^5.0.0" + } + }, + "node_modules/css-select": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/css-select/-/css-select-4.3.0.tgz", + "integrity": "sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==", + "dependencies": { + "boolbase": "^1.0.0", + "css-what": "^6.0.1", + "domhandler": "^4.3.1", + "domutils": "^2.8.0", + "nth-check": "^2.0.1" + }, + "funding": { + "url": "https://github.com/sponsors/fb55" + } + }, + "node_modules/css-what": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz", + "integrity": "sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==", + "engines": { + "node": ">= 6" + }, + "funding": { + "url": "https://github.com/sponsors/fb55" + } + }, + "node_modules/cssesc": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", + "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==", + "dev": true, + "bin": { + "cssesc": "bin/cssesc" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "dev": true, + "dependencies": { + "ms": "2.0.0" + } + }, + "node_modules/default-gateway": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/default-gateway/-/default-gateway-6.0.3.tgz", + "integrity": "sha512-fwSOJsbbNzZ/CUFpqFBqYfYNLj1NbMPm8MMCIzHjC83iSJRBEGmDUxU+WP661BaBQImeC2yHwXtz+P/O9o+XEg==", + "dev": true, + "dependencies": { + "execa": "^5.0.0" + }, + "engines": { + "node": ">= 10" + } + }, + "node_modules/define-lazy-prop": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz", + "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/depd": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz", + "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==", + "dev": true, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/destroy": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz", + "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==", + "dev": true, + "engines": { + "node": ">= 0.8", + "npm": "1.2.8000 || >= 1.4.16" + } + }, + "node_modules/detect-node": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/detect-node/-/detect-node-2.1.0.tgz", + "integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==", + "dev": true + }, + "node_modules/dns-equal": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/dns-equal/-/dns-equal-1.0.0.tgz", + "integrity": "sha512-z+paD6YUQsk+AbGCEM4PrOXSss5gd66QfcVBFTKR/HpFL9jCqikS94HYwKww6fQyO7IxrIIyUu+g0Ka9tUS2Cg==", + "dev": true + }, + "node_modules/dns-packet": { + "version": "5.6.0", + "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-5.6.0.tgz", + "integrity": "sha512-rza3UH1LwdHh9qyPXp8lkwpjSNk/AMD3dPytUoRoqnypDUhY0xvbdmVhWOfxO68frEfV9BU8V12Ez7ZsHGZpCQ==", + "dev": true, + "dependencies": { + "@leichtgewicht/ip-codec": "^2.0.1" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/dom-converter": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/dom-converter/-/dom-converter-0.2.0.tgz", + "integrity": "sha512-gd3ypIPfOMr9h5jIKq8E3sHOTCjeirnl0WK5ZdS1AW0Odt0b1PaWaHdJ4Qk4klv+YB9aJBS7mESXjFoDQPu6DA==", + "dependencies": { + "utila": "~0.4" + } + }, + "node_modules/dom-serializer": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz", + "integrity": "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==", + "dependencies": { + "domelementtype": "^2.0.1", + "domhandler": "^4.2.0", + "entities": "^2.0.0" + }, + "funding": { + "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1" + } + }, + "node_modules/domelementtype": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz", + "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/fb55" + } + ] + }, + "node_modules/domhandler": { + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz", + "integrity": "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==", + "dependencies": { + "domelementtype": "^2.2.0" + }, + "engines": { + "node": ">= 4" + }, + "funding": { + "url": "https://github.com/fb55/domhandler?sponsor=1" + } + }, + "node_modules/domutils": { + "version": "2.8.0", + "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz", + "integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==", + "dependencies": { + "dom-serializer": "^1.0.1", + "domelementtype": "^2.2.0", + "domhandler": "^4.2.0" + }, + "funding": { + "url": "https://github.com/fb55/domutils?sponsor=1" + } + }, + "node_modules/dot-case": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz", + "integrity": "sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==", + "dependencies": { + "no-case": "^3.0.4", + "tslib": "^2.0.3" + } + }, + "node_modules/ee-first": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz", + "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==", + "dev": true + }, + "node_modules/electron-to-chromium": { + "version": "1.4.441", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.441.tgz", + "integrity": "sha512-LlCgQ8zgYZPymf5H4aE9itwiIWH4YlCiv1HFLmmcBeFYi5E+3eaIFnjHzYtcFQbaKfAW+CqZ9pgxo33DZuoqPg==", + "peer": true + }, + "node_modules/encodeurl": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", + "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==", + "dev": true, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/enhanced-resolve": { + "version": "5.15.0", + "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz", + "integrity": "sha512-LXYT42KJ7lpIKECr2mAXIaMldcNCh/7E0KBKOu4KSfkHmP+mZmSs+8V5gBAqisWBy0OO4W5Oyys0GO1Y8KtdKg==", + "peer": true, + "dependencies": { + "graceful-fs": "^4.2.4", + "tapable": "^2.2.0" + }, + "engines": { + "node": ">=10.13.0" + } + }, + "node_modules/entities": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz", + "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==", + "funding": { + "url": "https://github.com/fb55/entities?sponsor=1" + } + }, + "node_modules/envinfo": { + "version": "7.10.0", + "resolved": "https://registry.npmjs.org/envinfo/-/envinfo-7.10.0.tgz", + "integrity": "sha512-ZtUjZO6l5mwTHvc1L9+1q5p/R3wTopcfqMW8r5t8SJSKqeVI/LtajORwRFEKpEFuekjD0VBjwu1HMxL4UalIRw==", + "bin": { + "envinfo": "dist/cli.js" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/es-module-lexer": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.3.0.tgz", + "integrity": "sha512-vZK7T0N2CBmBOixhmjdqx2gWVbFZ4DXZ/NyRMZVlJXPa7CyFS+/a4QQsDGDQy9ZfEzxFuNEsMLeQJnKP2p5/JA==", + "peer": true + }, + "node_modules/escalade": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz", + "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==", + "peer": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/escape-html": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz", + "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==", + "dev": true + }, + "node_modules/eslint-scope": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz", + "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==", + "peer": true, + "dependencies": { + "esrecurse": "^4.3.0", + "estraverse": "^4.1.1" + }, + "engines": { + "node": ">=8.0.0" + } + }, + "node_modules/esrecurse": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz", + "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==", + "peer": true, + "dependencies": { + "estraverse": "^5.2.0" + }, + "engines": { + "node": ">=4.0" + } + }, + "node_modules/esrecurse/node_modules/estraverse": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz", + "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==", + "peer": true, + "engines": { + "node": ">=4.0" + } + }, + "node_modules/estraverse": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz", + "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==", + "peer": true, + "engines": { + "node": ">=4.0" + } + }, + "node_modules/etag": { + "version": "1.8.1", + "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz", + "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==", + "dev": true, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/eventemitter3": { + "version": "4.0.7", + "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz", + "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==", + "dev": true + }, + "node_modules/events": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz", + "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==", + "peer": true, + "engines": { + "node": ">=0.8.x" + } + }, + "node_modules/execa": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz", + "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==", + "dev": true, + "dependencies": { + "cross-spawn": "^7.0.3", + "get-stream": "^6.0.0", + "human-signals": "^2.1.0", + "is-stream": "^2.0.0", + "merge-stream": "^2.0.0", + "npm-run-path": "^4.0.1", + "onetime": "^5.1.2", + "signal-exit": "^3.0.3", + "strip-final-newline": "^2.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sindresorhus/execa?sponsor=1" + } + }, + "node_modules/express": { + "version": "4.18.2", + "resolved": "https://registry.npmjs.org/express/-/express-4.18.2.tgz", + "integrity": "sha512-5/PsL6iGPdfQ/lKM1UuielYgv3BUoJfz1aUwU9vHZ+J7gyvwdQXFEBIEIaxeGf0GIcreATNyBExtalisDbuMqQ==", + "dev": true, + "dependencies": { + "accepts": "~1.3.8", + "array-flatten": "1.1.1", + "body-parser": "1.20.1", + "content-disposition": "0.5.4", + "content-type": "~1.0.4", + "cookie": "0.5.0", + "cookie-signature": "1.0.6", + "debug": "2.6.9", + "depd": "2.0.0", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "finalhandler": "1.2.0", + "fresh": "0.5.2", + "http-errors": "2.0.0", + "merge-descriptors": "1.0.1", + "methods": "~1.1.2", + "on-finished": "2.4.1", + "parseurl": "~1.3.3", + "path-to-regexp": "0.1.7", + "proxy-addr": "~2.0.7", + "qs": "6.11.0", + "range-parser": "~1.2.1", + "safe-buffer": "5.2.1", + "send": "0.18.0", + "serve-static": "1.15.0", + "setprototypeof": "1.2.0", + "statuses": "2.0.1", + "type-is": "~1.6.18", + "utils-merge": "1.0.1", + "vary": "~1.1.2" + }, + "engines": { + "node": ">= 0.10.0" + } + }, + "node_modules/express/node_modules/array-flatten": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz", + "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==", + "dev": true + }, + "node_modules/fast-deep-equal": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz", + "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==" + }, + "node_modules/fast-json-stable-stringify": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz", + "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==", + "peer": true + }, + "node_modules/fastest-levenshtein": { + "version": "1.0.16", + "resolved": "https://registry.npmjs.org/fastest-levenshtein/-/fastest-levenshtein-1.0.16.tgz", + "integrity": "sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==", + "engines": { + "node": ">= 4.9.1" + } + }, + "node_modules/faye-websocket": { + "version": "0.11.4", + "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.11.4.tgz", + "integrity": "sha512-CzbClwlXAuiRQAlUyfqPgvPoNKTckTPGfwZV4ZdAhVcP2lh9KUxJg2b5GkE7XbjKQ3YJnQ9z6D9ntLAlB+tP8g==", + "dev": true, + "dependencies": { + "websocket-driver": ">=0.5.1" + }, + "engines": { + "node": ">=0.8.0" + } + }, + "node_modules/fill-range": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", + "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "dev": true, + "dependencies": { + "to-regex-range": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/finalhandler": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.2.0.tgz", + "integrity": "sha512-5uXcUVftlQMFnWC9qu/svkWv3GTd2PfUhK/3PLkYNAe7FbqJMt3515HaxE6eRL74GdsriiwujiawdaB1BpEISg==", + "dev": true, + "dependencies": { + "debug": "2.6.9", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "on-finished": "2.4.1", + "parseurl": "~1.3.3", + "statuses": "2.0.1", + "unpipe": "~1.0.0" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/find-up": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz", + "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==", + "dependencies": { + "locate-path": "^5.0.0", + "path-exists": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/follow-redirects": { + "version": "1.15.2", + "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz", + "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==", + "dev": true, + "funding": [ + { + "type": "individual", + "url": "https://github.com/sponsors/RubenVerborgh" + } + ], + "engines": { + "node": ">=4.0" + }, + "peerDependenciesMeta": { + "debug": { + "optional": true + } + } + }, + "node_modules/forwarded": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz", + "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==", + "dev": true, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/fresh": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz", + "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==", + "dev": true, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/fs-monkey": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/fs-monkey/-/fs-monkey-1.0.4.tgz", + "integrity": "sha512-INM/fWAxMICjttnD0DX1rBvinKskj5G1w+oy/pnm9u/tSlnBrzFonJMcalKJ30P8RRsPzKcCG7Q8l0jx5Fh9YQ==", + "dev": true + }, + "node_modules/fs.realpath": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", + "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==", + "dev": true + }, + "node_modules/fsevents": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz", + "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==", + "dev": true, + "hasInstallScript": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^8.16.0 || ^10.6.0 || >=11.0.0" + } + }, + "node_modules/function-bind": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz", + "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==" + }, + "node_modules/get-intrinsic": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz", + "integrity": "sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==", + "dev": true, + "dependencies": { + "function-bind": "^1.1.1", + "has": "^1.0.3", + "has-proto": "^1.0.1", + "has-symbols": "^1.0.3" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/get-stream": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz", + "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==", + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/glob": { + "version": "7.2.3", + "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz", + "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==", + "dev": true, + "dependencies": { + "fs.realpath": "^1.0.0", + "inflight": "^1.0.4", + "inherits": "2", + "minimatch": "^3.1.1", + "once": "^1.3.0", + "path-is-absolute": "^1.0.0" + }, + "engines": { + "node": "*" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/glob-parent": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", + "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", + "dev": true, + "dependencies": { + "is-glob": "^4.0.1" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/glob-to-regexp": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz", + "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==", + "peer": true + }, + "node_modules/graceful-fs": { + "version": "4.2.11", + "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz", + "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==" + }, + "node_modules/handle-thing": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/handle-thing/-/handle-thing-2.0.1.tgz", + "integrity": "sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==", + "dev": true + }, + "node_modules/has": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz", + "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==", + "dependencies": { + "function-bind": "^1.1.1" + }, + "engines": { + "node": ">= 0.4.0" + } + }, + "node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "peer": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/has-proto": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz", + "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==", + "dev": true, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/has-symbols": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz", + "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==", + "dev": true, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/he": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz", + "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==", + "bin": { + "he": "bin/he" + } + }, + "node_modules/hpack.js": { + "version": "2.1.6", + "resolved": "https://registry.npmjs.org/hpack.js/-/hpack.js-2.1.6.tgz", + "integrity": "sha512-zJxVehUdMGIKsRaNt7apO2Gqp0BdqW5yaiGHXXmbpvxgBYVZnAql+BJb4RO5ad2MgpbZKn5G6nMnegrH1FcNYQ==", + "dev": true, + "dependencies": { + "inherits": "^2.0.1", + "obuf": "^1.0.0", + "readable-stream": "^2.0.1", + "wbuf": "^1.1.0" + } + }, + "node_modules/hpack.js/node_modules/readable-stream": { + "version": "2.3.8", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz", + "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==", + "dev": true, + "dependencies": { + "core-util-is": "~1.0.0", + "inherits": "~2.0.3", + "isarray": "~1.0.0", + "process-nextick-args": "~2.0.0", + "safe-buffer": "~5.1.1", + "string_decoder": "~1.1.1", + "util-deprecate": "~1.0.1" + } + }, + "node_modules/hpack.js/node_modules/safe-buffer": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", + "dev": true + }, + "node_modules/hpack.js/node_modules/string_decoder": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", + "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", + "dev": true, + "dependencies": { + "safe-buffer": "~5.1.0" + } + }, + "node_modules/html-entities": { + "version": "2.4.0", + "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-2.4.0.tgz", + "integrity": "sha512-igBTJcNNNhvZFRtm8uA6xMY6xYleeDwn3PeBCkDz7tHttv4F2hsDI2aPgNERWzvRcNYHNT3ymRaQzllmXj4YsQ==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/mdevils" + }, + { + "type": "patreon", + "url": "https://patreon.com/mdevils" + } + ] + }, + "node_modules/html-minifier-terser": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz", + "integrity": "sha512-YXxSlJBZTP7RS3tWnQw74ooKa6L9b9i9QYXY21eUEvhZ3u9XLfv6OnFsQq6RxkhHygsaUMvYsZRV5rU/OVNZxw==", + "dependencies": { + "camel-case": "^4.1.2", + "clean-css": "^5.2.2", + "commander": "^8.3.0", + "he": "^1.2.0", + "param-case": "^3.0.4", + "relateurl": "^0.2.7", + "terser": "^5.10.0" + }, + "bin": { + "html-minifier-terser": "cli.js" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/html-minifier-terser/node_modules/commander": { + "version": "8.3.0", + "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz", + "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==", + "engines": { + "node": ">= 12" + } + }, + "node_modules/html-webpack-plugin": { + "version": "5.5.3", + "resolved": "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-5.5.3.tgz", + "integrity": "sha512-6YrDKTuqaP/TquFH7h4srYWsZx+x6k6+FbsTm0ziCwGHDP78Unr1r9F/H4+sGmMbX08GQcJ+K64x55b+7VM/jg==", + "dependencies": { + "@types/html-minifier-terser": "^6.0.0", + "html-minifier-terser": "^6.0.2", + "lodash": "^4.17.21", + "pretty-error": "^4.0.0", + "tapable": "^2.0.0" + }, + "engines": { + "node": ">=10.13.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/html-webpack-plugin" + }, + "peerDependencies": { + "webpack": "^5.20.0" + } + }, + "node_modules/htmlparser2": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-6.1.0.tgz", + "integrity": "sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==", + "funding": [ + "https://github.com/fb55/htmlparser2?sponsor=1", + { + "type": "github", + "url": "https://github.com/sponsors/fb55" + } + ], + "dependencies": { + "domelementtype": "^2.0.1", + "domhandler": "^4.0.0", + "domutils": "^2.5.2", + "entities": "^2.0.0" + } + }, + "node_modules/http-deceiver": { + "version": "1.2.7", + "resolved": "https://registry.npmjs.org/http-deceiver/-/http-deceiver-1.2.7.tgz", + "integrity": "sha512-LmpOGxTfbpgtGVxJrj5k7asXHCgNZp5nLfp+hWc8QQRqtb7fUy6kRY3BO1h9ddF6yIPYUARgxGOwB42DnxIaNw==", + "dev": true + }, + "node_modules/http-errors": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz", + "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==", + "dev": true, + "dependencies": { + "depd": "2.0.0", + "inherits": "2.0.4", + "setprototypeof": "1.2.0", + "statuses": "2.0.1", + "toidentifier": "1.0.1" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/http-parser-js": { + "version": "0.5.8", + "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.5.8.tgz", + "integrity": "sha512-SGeBX54F94Wgu5RH3X5jsDtf4eHyRogWX1XGT3b4HuW3tQPM4AaBzoUji/4AAJNXCEOWZ5O0DgZmJw1947gD5Q==", + "dev": true + }, + "node_modules/http-proxy": { + "version": "1.18.1", + "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz", + "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==", + "dev": true, + "dependencies": { + "eventemitter3": "^4.0.0", + "follow-redirects": "^1.0.0", + "requires-port": "^1.0.0" + }, + "engines": { + "node": ">=8.0.0" + } + }, + "node_modules/http-proxy-middleware": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-2.0.6.tgz", + "integrity": "sha512-ya/UeJ6HVBYxrgYotAZo1KvPWlgB48kUJLDePFeneHsVujFaW5WNj2NgWCAE//B1Dl02BIfYlpNgBy8Kf8Rjmw==", + "dev": true, + "dependencies": { + "@types/http-proxy": "^1.17.8", + "http-proxy": "^1.18.1", + "is-glob": "^4.0.1", + "is-plain-obj": "^3.0.0", + "micromatch": "^4.0.2" + }, + "engines": { + "node": ">=12.0.0" + }, + "peerDependencies": { + "@types/express": "^4.17.13" + }, + "peerDependenciesMeta": { + "@types/express": { + "optional": true + } + } + }, + "node_modules/human-signals": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz", + "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==", + "dev": true, + "engines": { + "node": ">=10.17.0" + } + }, + "node_modules/iconv-lite": { + "version": "0.4.24", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz", + "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==", + "dev": true, + "dependencies": { + "safer-buffer": ">= 2.1.2 < 3" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/icss-utils": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz", + "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==", + "dev": true, + "engines": { + "node": "^10 || ^12 || >= 14" + }, + "peerDependencies": { + "postcss": "^8.1.0" + } + }, + "node_modules/import-local": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/import-local/-/import-local-3.1.0.tgz", + "integrity": "sha512-ASB07uLtnDs1o6EHjKpX34BKYDSqnFerfTOJL2HvMqF70LnxpjkzDB8J44oT9pu4AMPkQwf8jl6szgvNd2tRIg==", + "dependencies": { + "pkg-dir": "^4.2.0", + "resolve-cwd": "^3.0.0" + }, + "bin": { + "import-local-fixture": "fixtures/cli.js" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/inflight": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", + "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==", + "dev": true, + "dependencies": { + "once": "^1.3.0", + "wrappy": "1" + } + }, + "node_modules/inherits": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", + "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==", + "dev": true + }, + "node_modules/interpret": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/interpret/-/interpret-3.1.1.tgz", + "integrity": "sha512-6xwYfHbajpoF0xLW+iwLkhwgvLoZDfjYfoFNu8ftMoXINzwuymNLd9u/KmwtdT2GbR+/Cz66otEGEVVUHX9QLQ==", + "engines": { + "node": ">=10.13.0" + } + }, + "node_modules/ipaddr.js": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.1.0.tgz", + "integrity": "sha512-LlbxQ7xKzfBusov6UMi4MFpEg0m+mAm9xyNGEduwXMEDuf4WfzB/RZwMVYEd7IKGvh4IUkEXYxtAVu9T3OelJQ==", + "dev": true, + "engines": { + "node": ">= 10" + } + }, + "node_modules/is-binary-path": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", + "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==", + "dev": true, + "dependencies": { + "binary-extensions": "^2.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/is-core-module": { + "version": "2.12.1", + "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.1.tgz", + "integrity": "sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==", + "dependencies": { + "has": "^1.0.3" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/is-docker": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz", + "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==", + "dev": true, + "bin": { + "is-docker": "cli.js" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/is-extglob": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", + "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-glob": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", + "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", + "dev": true, + "dependencies": { + "is-extglob": "^2.1.1" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-number": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", + "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", + "dev": true, + "engines": { + "node": ">=0.12.0" + } + }, + "node_modules/is-plain-obj": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-3.0.0.tgz", + "integrity": "sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA==", + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/is-plain-object": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", + "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", + "dependencies": { + "isobject": "^3.0.1" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-stream": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz", + "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==", + "dev": true, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/is-wsl": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz", + "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==", + "dev": true, + "dependencies": { + "is-docker": "^2.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/isarray": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", + "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==", + "dev": true + }, + "node_modules/isexe": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", + "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==" + }, + "node_modules/isobject": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz", + "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/jest-worker": { + "version": "27.5.1", + "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz", + "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==", + "peer": true, + "dependencies": { + "@types/node": "*", + "merge-stream": "^2.0.0", + "supports-color": "^8.0.0" + }, + "engines": { + "node": ">= 10.13.0" + } + }, + "node_modules/json-parse-even-better-errors": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz", + "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==", + "peer": true + }, + "node_modules/json-schema-traverse": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", + "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", + "peer": true + }, + "node_modules/kind-of": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", + "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/launch-editor": { + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/launch-editor/-/launch-editor-2.6.0.tgz", + "integrity": "sha512-JpDCcQnyAAzZZaZ7vEiSqL690w7dAEyLao+KC96zBplnYbJS7TYNjvM3M7y3dGz+v7aIsJk3hllWuc0kWAjyRQ==", + "dev": true, + "dependencies": { + "picocolors": "^1.0.0", + "shell-quote": "^1.7.3" + } + }, + "node_modules/loader-runner": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.0.tgz", + "integrity": "sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==", + "peer": true, + "engines": { + "node": ">=6.11.5" + } + }, + "node_modules/locate-path": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz", + "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==", + "dependencies": { + "p-locate": "^4.1.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/lodash": { + "version": "4.17.21", + "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", + "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==" + }, + "node_modules/lower-case": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz", + "integrity": "sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==", + "dependencies": { + "tslib": "^2.0.3" + } + }, + "node_modules/lru-cache": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", + "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", + "dev": true, + "dependencies": { + "yallist": "^4.0.0" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/media-typer": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz", + "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==", + "dev": true, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/memfs": { + "version": "3.5.3", + "resolved": "https://registry.npmjs.org/memfs/-/memfs-3.5.3.tgz", + "integrity": "sha512-UERzLsxzllchadvbPs5aolHh65ISpKpM+ccLbOJ8/vvpBKmAWf+la7dXFy7Mr0ySHbdHrFv5kGFCUHHe6GFEmw==", + "dev": true, + "dependencies": { + "fs-monkey": "^1.0.4" + }, + "engines": { + "node": ">= 4.0.0" + } + }, + "node_modules/merge-descriptors": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz", + "integrity": "sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w==", + "dev": true + }, + "node_modules/merge-stream": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz", + "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==" + }, + "node_modules/methods": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz", + "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==", + "dev": true, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/micromatch": { + "version": "4.0.5", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz", + "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==", + "dev": true, + "dependencies": { + "braces": "^3.0.2", + "picomatch": "^2.3.1" + }, + "engines": { + "node": ">=8.6" + } + }, + "node_modules/mime": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz", + "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==", + "dev": true, + "bin": { + "mime": "cli.js" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/mime-db": { + "version": "1.52.0", + "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz", + "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/mime-types": { + "version": "2.1.35", + "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz", + "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==", + "dependencies": { + "mime-db": "1.52.0" + }, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/mimic-fn": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz", + "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/minimalistic-assert": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz", + "integrity": "sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==", + "dev": true + }, + "node_modules/minimatch": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", + "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", + "dev": true, + "dependencies": { + "brace-expansion": "^1.1.7" + }, + "engines": { + "node": "*" + } + }, + "node_modules/ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true + }, + "node_modules/multicast-dns": { + "version": "7.2.5", + "resolved": "https://registry.npmjs.org/multicast-dns/-/multicast-dns-7.2.5.tgz", + "integrity": "sha512-2eznPJP8z2BFLX50tf0LuODrpINqP1RVIm/CObbTcBRITQgmC/TjcREF1NeTBzIcR5XO/ukWo+YHOjBbFwIupg==", + "dev": true, + "dependencies": { + "dns-packet": "^5.2.2", + "thunky": "^1.0.2" + }, + "bin": { + "multicast-dns": "cli.js" + } + }, + "node_modules/nanoid": { + "version": "3.3.6", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz", + "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "bin": { + "nanoid": "bin/nanoid.cjs" + }, + "engines": { + "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" + } + }, + "node_modules/negotiator": { + "version": "0.6.3", + "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz", + "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==", + "dev": true, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/neo-async": { + "version": "2.6.2", + "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz", + "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==", + "peer": true + }, + "node_modules/no-case": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz", + "integrity": "sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==", + "dependencies": { + "lower-case": "^2.0.2", + "tslib": "^2.0.3" + } + }, + "node_modules/node-forge": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.3.1.tgz", + "integrity": "sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==", + "dev": true, + "engines": { + "node": ">= 6.13.0" + } + }, + "node_modules/node-releases": { + "version": "2.0.12", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.12.tgz", + "integrity": "sha512-QzsYKWhXTWx8h1kIvqfnC++o0pEmpRQA/aenALsL2F4pqNVr7YzcdMlDij5WBnwftRbJCNJL/O7zdKaxKPHqgQ==", + "peer": true + }, + "node_modules/normalize-path": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", + "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/npm-run-path": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz", + "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==", + "dev": true, + "dependencies": { + "path-key": "^3.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/nth-check": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz", + "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==", + "dependencies": { + "boolbase": "^1.0.0" + }, + "funding": { + "url": "https://github.com/fb55/nth-check?sponsor=1" + } + }, + "node_modules/object-inspect": { + "version": "1.12.3", + "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.3.tgz", + "integrity": "sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==", + "dev": true, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/obuf": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/obuf/-/obuf-1.1.2.tgz", + "integrity": "sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==", + "dev": true + }, + "node_modules/on-finished": { + "version": "2.4.1", + "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz", + "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==", + "dev": true, + "dependencies": { + "ee-first": "1.1.1" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/on-headers": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.2.tgz", + "integrity": "sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==", + "dev": true, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/once": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", + "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==", + "dev": true, + "dependencies": { + "wrappy": "1" + } + }, + "node_modules/onetime": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz", + "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==", + "dev": true, + "dependencies": { + "mimic-fn": "^2.1.0" + }, + "engines": { + "node": ">=6" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/open": { + "version": "8.4.2", + "resolved": "https://registry.npmjs.org/open/-/open-8.4.2.tgz", + "integrity": "sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==", + "dev": true, + "dependencies": { + "define-lazy-prop": "^2.0.0", + "is-docker": "^2.1.1", + "is-wsl": "^2.2.0" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/p-limit": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz", + "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==", + "dependencies": { + "p-try": "^2.0.0" + }, + "engines": { + "node": ">=6" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/p-locate": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz", + "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==", + "dependencies": { + "p-limit": "^2.2.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/p-retry": { + "version": "4.6.2", + "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-4.6.2.tgz", + "integrity": "sha512-312Id396EbJdvRONlngUx0NydfrIQ5lsYu0znKVUzVvArzEIt08V1qhtyESbGVd1FGX7UKtiFp5uwKZdM8wIuQ==", + "dev": true, + "dependencies": { + "@types/retry": "0.12.0", + "retry": "^0.13.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/p-try": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz", + "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==", + "engines": { + "node": ">=6" + } + }, + "node_modules/param-case": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz", + "integrity": "sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==", + "dependencies": { + "dot-case": "^3.0.4", + "tslib": "^2.0.3" + } + }, + "node_modules/parseurl": { + "version": "1.3.3", + "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz", + "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==", + "dev": true, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/pascal-case": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz", + "integrity": "sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==", + "dependencies": { + "no-case": "^3.0.4", + "tslib": "^2.0.3" + } + }, + "node_modules/path-exists": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz", + "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==", + "engines": { + "node": ">=8" + } + }, + "node_modules/path-is-absolute": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", + "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/path-key": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz", + "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==", + "engines": { + "node": ">=8" + } + }, + "node_modules/path-parse": { + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz", + "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==" + }, + "node_modules/path-to-regexp": { + "version": "0.1.7", + "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz", + "integrity": "sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ==", + "dev": true + }, + "node_modules/picocolors": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", + "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==" + }, + "node_modules/picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "dev": true, + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/pkg-dir": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz", + "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==", + "dependencies": { + "find-up": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/postcss": { + "version": "8.4.24", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.24.tgz", + "integrity": "sha512-M0RzbcI0sO/XJNucsGjvWU9ERWxb/ytp1w6dKtxTKgixdtQDq4rmx/g8W1hnaheq9jgwL/oyEdH5Bc4WwJKMqg==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/postcss" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "dependencies": { + "nanoid": "^3.3.6", + "picocolors": "^1.0.0", + "source-map-js": "^1.0.2" + }, + "engines": { + "node": "^10 || ^12 || >=14" + } + }, + "node_modules/postcss-modules-extract-imports": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz", + "integrity": "sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==", + "dev": true, + "engines": { + "node": "^10 || ^12 || >= 14" + }, + "peerDependencies": { + "postcss": "^8.1.0" + } + }, + "node_modules/postcss-modules-local-by-default": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.3.tgz", + "integrity": "sha512-2/u2zraspoACtrbFRnTijMiQtb4GW4BvatjaG/bCjYQo8kLTdevCUlwuBHx2sCnSyrI3x3qj4ZK1j5LQBgzmwA==", + "dev": true, + "dependencies": { + "icss-utils": "^5.0.0", + "postcss-selector-parser": "^6.0.2", + "postcss-value-parser": "^4.1.0" + }, + "engines": { + "node": "^10 || ^12 || >= 14" + }, + "peerDependencies": { + "postcss": "^8.1.0" + } + }, + "node_modules/postcss-modules-scope": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-3.0.0.tgz", + "integrity": "sha512-hncihwFA2yPath8oZ15PZqvWGkWf+XUfQgUGamS4LqoP1anQLOsOJw0vr7J7IwLpoY9fatA2qiGUGmuZL0Iqlg==", + "dev": true, + "dependencies": { + "postcss-selector-parser": "^6.0.4" + }, + "engines": { + "node": "^10 || ^12 || >= 14" + }, + "peerDependencies": { + "postcss": "^8.1.0" + } + }, + "node_modules/postcss-modules-values": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/postcss-modules-values/-/postcss-modules-values-4.0.0.tgz", + "integrity": "sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==", + "dev": true, + "dependencies": { + "icss-utils": "^5.0.0" + }, + "engines": { + "node": "^10 || ^12 || >= 14" + }, + "peerDependencies": { + "postcss": "^8.1.0" + } + }, + "node_modules/postcss-selector-parser": { + "version": "6.0.13", + "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz", + "integrity": "sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==", + "dev": true, + "dependencies": { + "cssesc": "^3.0.0", + "util-deprecate": "^1.0.2" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/postcss-value-parser": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", + "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==", + "dev": true + }, + "node_modules/pretty-error": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-4.0.0.tgz", + "integrity": "sha512-AoJ5YMAcXKYxKhuJGdcvse+Voc6v1RgnsR3nWcYU7q4t6z0Q6T86sv5Zq8VIRbOWWFpvdGE83LtdSMNd+6Y0xw==", + "dependencies": { + "lodash": "^4.17.20", + "renderkid": "^3.0.0" + } + }, + "node_modules/process-nextick-args": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz", + "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==", + "dev": true + }, + "node_modules/proxy-addr": { + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz", + "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==", + "dev": true, + "dependencies": { + "forwarded": "0.2.0", + "ipaddr.js": "1.9.1" + }, + "engines": { + "node": ">= 0.10" + } + }, + "node_modules/proxy-addr/node_modules/ipaddr.js": { + "version": "1.9.1", + "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz", + "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==", + "dev": true, + "engines": { + "node": ">= 0.10" + } + }, + "node_modules/punycode": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz", + "integrity": "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==", + "engines": { + "node": ">=6" + } + }, + "node_modules/qs": { + "version": "6.11.0", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.0.tgz", + "integrity": "sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==", + "dev": true, + "dependencies": { + "side-channel": "^1.0.4" + }, + "engines": { + "node": ">=0.6" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/randombytes": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz", + "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==", + "peer": true, + "dependencies": { + "safe-buffer": "^5.1.0" + } + }, + "node_modules/range-parser": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz", + "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==", + "dev": true, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/raw-body": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.1.tgz", + "integrity": "sha512-qqJBtEyVgS0ZmPGdCFPWJ3FreoqvG4MVQln/kCgF7Olq95IbOp0/BWyMwbdtn4VTvkM8Y7khCQ2Xgk/tcrCXig==", + "dev": true, + "dependencies": { + "bytes": "3.1.2", + "http-errors": "2.0.0", + "iconv-lite": "0.4.24", + "unpipe": "1.0.0" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/raw-body/node_modules/bytes": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz", + "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==", + "dev": true, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/readable-stream": { + "version": "3.6.2", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz", + "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==", + "dev": true, + "dependencies": { + "inherits": "^2.0.3", + "string_decoder": "^1.1.1", + "util-deprecate": "^1.0.1" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/readdirp": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz", + "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==", + "dev": true, + "dependencies": { + "picomatch": "^2.2.1" + }, + "engines": { + "node": ">=8.10.0" + } + }, + "node_modules/rechoir": { + "version": "0.8.0", + "resolved": "https://registry.npmjs.org/rechoir/-/rechoir-0.8.0.tgz", + "integrity": "sha512-/vxpCXddiX8NGfGO/mTafwjq4aFa/71pvamip0++IQk3zG8cbCj0fifNPrjjF1XMXUne91jL9OoxmdykoEtifQ==", + "dependencies": { + "resolve": "^1.20.0" + }, + "engines": { + "node": ">= 10.13.0" + } + }, + "node_modules/relateurl": { + "version": "0.2.7", + "resolved": "https://registry.npmjs.org/relateurl/-/relateurl-0.2.7.tgz", + "integrity": "sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==", + "engines": { + "node": ">= 0.10" + } + }, + "node_modules/renderkid": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/renderkid/-/renderkid-3.0.0.tgz", + "integrity": "sha512-q/7VIQA8lmM1hF+jn+sFSPWGlMkSAeNYcPLmDQx2zzuiDfaLrOmumR8iaUKlenFgh0XRPIUeSPlH3A+AW3Z5pg==", + "dependencies": { + "css-select": "^4.1.3", + "dom-converter": "^0.2.0", + "htmlparser2": "^6.1.0", + "lodash": "^4.17.21", + "strip-ansi": "^6.0.1" + } + }, + "node_modules/require-from-string": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz", + "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/requires-port": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz", + "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==", + "dev": true + }, + "node_modules/resolve": { + "version": "1.22.2", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.2.tgz", + "integrity": "sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==", + "dependencies": { + "is-core-module": "^2.11.0", + "path-parse": "^1.0.7", + "supports-preserve-symlinks-flag": "^1.0.0" + }, + "bin": { + "resolve": "bin/resolve" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/resolve-cwd": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-3.0.0.tgz", + "integrity": "sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==", + "dependencies": { + "resolve-from": "^5.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/resolve-from": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz", + "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==", + "engines": { + "node": ">=8" + } + }, + "node_modules/retry": { + "version": "0.13.1", + "resolved": "https://registry.npmjs.org/retry/-/retry-0.13.1.tgz", + "integrity": "sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==", + "dev": true, + "engines": { + "node": ">= 4" + } + }, + "node_modules/rimraf": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz", + "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==", + "dev": true, + "dependencies": { + "glob": "^7.1.3" + }, + "bin": { + "rimraf": "bin.js" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/safe-buffer": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz", + "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ] + }, + "node_modules/safer-buffer": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", + "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==", + "dev": true + }, + "node_modules/schema-utils": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz", + "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==", + "peer": true, + "dependencies": { + "@types/json-schema": "^7.0.8", + "ajv": "^6.12.5", + "ajv-keywords": "^3.5.2" + }, + "engines": { + "node": ">= 10.13.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + } + }, + "node_modules/select-hose": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz", + "integrity": "sha512-mEugaLK+YfkijB4fx0e6kImuJdCIt2LxCRcbEYPqRGCs4F2ogyfZU5IAZRdjCP8JPq2AtdNoC/Dux63d9Kiryg==", + "dev": true + }, + "node_modules/selfsigned": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/selfsigned/-/selfsigned-2.1.1.tgz", + "integrity": "sha512-GSL3aowiF7wa/WtSFwnUrludWFoNhftq8bUkH9pkzjpN2XSPOAYEgg6e0sS9s0rZwgJzJiQRPU18A6clnoW5wQ==", + "dev": true, + "dependencies": { + "node-forge": "^1" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/semver": { + "version": "7.5.3", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.3.tgz", + "integrity": "sha512-QBlUtyVk/5EeHbi7X0fw6liDZc7BBmEaSYn01fMU1OUYbf6GPsbTtd8WmnqbI20SeycoHSeiybkE/q1Q+qlThQ==", + "dev": true, + "dependencies": { + "lru-cache": "^6.0.0" + }, + "bin": { + "semver": "bin/semver.js" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/send": { + "version": "0.18.0", + "resolved": "https://registry.npmjs.org/send/-/send-0.18.0.tgz", + "integrity": "sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==", + "dev": true, + "dependencies": { + "debug": "2.6.9", + "depd": "2.0.0", + "destroy": "1.2.0", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "fresh": "0.5.2", + "http-errors": "2.0.0", + "mime": "1.6.0", + "ms": "2.1.3", + "on-finished": "2.4.1", + "range-parser": "~1.2.1", + "statuses": "2.0.1" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/send/node_modules/ms": { + "version": "2.1.3", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz", + "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==", + "dev": true + }, + "node_modules/serialize-javascript": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.1.tgz", + "integrity": "sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==", + "peer": true, + "dependencies": { + "randombytes": "^2.1.0" + } + }, + "node_modules/serve-index": { + "version": "1.9.1", + "resolved": "https://registry.npmjs.org/serve-index/-/serve-index-1.9.1.tgz", + "integrity": "sha512-pXHfKNP4qujrtteMrSBb0rc8HJ9Ms/GrXwcUtUtD5s4ewDJI8bT3Cz2zTVRMKtri49pLx2e0Ya8ziP5Ya2pZZw==", + "dev": true, + "dependencies": { + "accepts": "~1.3.4", + "batch": "0.6.1", + "debug": "2.6.9", + "escape-html": "~1.0.3", + "http-errors": "~1.6.2", + "mime-types": "~2.1.17", + "parseurl": "~1.3.2" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/serve-index/node_modules/depd": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz", + "integrity": "sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==", + "dev": true, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/serve-index/node_modules/http-errors": { + "version": "1.6.3", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz", + "integrity": "sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==", + "dev": true, + "dependencies": { + "depd": "~1.1.2", + "inherits": "2.0.3", + "setprototypeof": "1.1.0", + "statuses": ">= 1.4.0 < 2" + }, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/serve-index/node_modules/inherits": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz", + "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==", + "dev": true + }, + "node_modules/serve-index/node_modules/setprototypeof": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz", + "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==", + "dev": true + }, + "node_modules/serve-index/node_modules/statuses": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz", + "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==", + "dev": true, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/serve-static": { + "version": "1.15.0", + "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.15.0.tgz", + "integrity": "sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==", + "dev": true, + "dependencies": { + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "parseurl": "~1.3.3", + "send": "0.18.0" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/setprototypeof": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz", + "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==", + "dev": true + }, + "node_modules/shallow-clone": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/shallow-clone/-/shallow-clone-3.0.1.tgz", + "integrity": "sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==", + "dependencies": { + "kind-of": "^6.0.2" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/shebang-command": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", + "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==", + "dependencies": { + "shebang-regex": "^3.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/shebang-regex": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz", + "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==", + "engines": { + "node": ">=8" + } + }, + "node_modules/shell-quote": { + "version": "1.8.1", + "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.1.tgz", + "integrity": "sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==", + "dev": true, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/side-channel": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz", + "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==", + "dev": true, + "dependencies": { + "call-bind": "^1.0.0", + "get-intrinsic": "^1.0.2", + "object-inspect": "^1.9.0" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/signal-exit": { + "version": "3.0.7", + "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz", + "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==", + "dev": true + }, + "node_modules/sockjs": { + "version": "0.3.24", + "resolved": "https://registry.npmjs.org/sockjs/-/sockjs-0.3.24.tgz", + "integrity": "sha512-GJgLTZ7vYb/JtPSSZ10hsOYIvEYsjbNU+zPdIHcUaWVNUEPivzxku31865sSSud0Da0W4lEeOPlmw93zLQchuQ==", + "dev": true, + "dependencies": { + "faye-websocket": "^0.11.3", + "uuid": "^8.3.2", + "websocket-driver": "^0.7.4" + } + }, + "node_modules/source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/source-map-js": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz", + "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/source-map-support": { + "version": "0.5.21", + "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz", + "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==", + "dependencies": { + "buffer-from": "^1.0.0", + "source-map": "^0.6.0" + } + }, + "node_modules/spdy": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/spdy/-/spdy-4.0.2.tgz", + "integrity": "sha512-r46gZQZQV+Kl9oItvl1JZZqJKGr+oEkB08A6BzkiR7593/7IbtuncXHd2YoYeTsG4157ZssMu9KYvUHLcjcDoA==", + "dev": true, + "dependencies": { + "debug": "^4.1.0", + "handle-thing": "^2.0.0", + "http-deceiver": "^1.2.7", + "select-hose": "^2.0.0", + "spdy-transport": "^3.0.0" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/spdy-transport": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/spdy-transport/-/spdy-transport-3.0.0.tgz", + "integrity": "sha512-hsLVFE5SjA6TCisWeJXFKniGGOpBgMLmerfO2aCyCU5s7nJ/rpAepqmFifv/GCbSbueEeAJJnmSQ2rKC/g8Fcw==", + "dev": true, + "dependencies": { + "debug": "^4.1.0", + "detect-node": "^2.0.4", + "hpack.js": "^2.1.6", + "obuf": "^1.1.2", + "readable-stream": "^3.0.6", + "wbuf": "^1.7.3" + } + }, + "node_modules/spdy-transport/node_modules/debug": { + "version": "4.3.4", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz", + "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==", + "dev": true, + "dependencies": { + "ms": "2.1.2" + }, + "engines": { + "node": ">=6.0" + }, + "peerDependenciesMeta": { + "supports-color": { + "optional": true + } + } + }, + "node_modules/spdy-transport/node_modules/ms": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", + "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", + "dev": true + }, + "node_modules/spdy/node_modules/debug": { + "version": "4.3.4", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz", + "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==", + "dev": true, + "dependencies": { + "ms": "2.1.2" + }, + "engines": { + "node": ">=6.0" + }, + "peerDependenciesMeta": { + "supports-color": { + "optional": true + } + } + }, + "node_modules/spdy/node_modules/ms": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", + "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", + "dev": true + }, + "node_modules/statuses": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz", + "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==", + "dev": true, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/string_decoder": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz", + "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==", + "dev": true, + "dependencies": { + "safe-buffer": "~5.2.0" + } + }, + "node_modules/strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/strip-final-newline": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz", + "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/style-loader": { + "version": "3.3.3", + "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-3.3.3.tgz", + "integrity": "sha512-53BiGLXAcll9maCYtZi2RCQZKa8NQQai5C4horqKyRmHj9H7QmcUyucrH+4KW/gBQbXM2AsB0axoEcFZPlfPcw==", + "dev": true, + "engines": { + "node": ">= 12.13.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + }, + "peerDependencies": { + "webpack": "^5.0.0" + } + }, + "node_modules/supports-color": { + "version": "8.1.1", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz", + "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==", + "peer": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/supports-color?sponsor=1" + } + }, + "node_modules/supports-preserve-symlinks-flag": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", + "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==", + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/tapable": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz", + "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==", + "engines": { + "node": ">=6" + } + }, + "node_modules/terser": { + "version": "5.18.1", + "resolved": "https://registry.npmjs.org/terser/-/terser-5.18.1.tgz", + "integrity": "sha512-j1n0Ao919h/Ai5r43VAnfV/7azUYW43GPxK7qSATzrsERfW7+y2QW9Cp9ufnRF5CQUWbnLSo7UJokSWCqg4tsQ==", + "dependencies": { + "@jridgewell/source-map": "^0.3.3", + "acorn": "^8.8.2", + "commander": "^2.20.0", + "source-map-support": "~0.5.20" + }, + "bin": { + "terser": "bin/terser" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/terser-webpack-plugin": { + "version": "5.3.9", + "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.9.tgz", + "integrity": "sha512-ZuXsqE07EcggTWQjXUj+Aot/OMcD0bMKGgF63f7UxYcu5/AJF53aIpK1YoP5xR9l6s/Hy2b+t1AM0bLNPRuhwA==", + "peer": true, + "dependencies": { + "@jridgewell/trace-mapping": "^0.3.17", + "jest-worker": "^27.4.5", + "schema-utils": "^3.1.1", + "serialize-javascript": "^6.0.1", + "terser": "^5.16.8" + }, + "engines": { + "node": ">= 10.13.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + }, + "peerDependencies": { + "webpack": "^5.1.0" + }, + "peerDependenciesMeta": { + "@swc/core": { + "optional": true + }, + "esbuild": { + "optional": true + }, + "uglify-js": { + "optional": true + } + } + }, + "node_modules/thunky": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/thunky/-/thunky-1.1.0.tgz", + "integrity": "sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==", + "dev": true + }, + "node_modules/to-regex-range": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", + "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", + "dev": true, + "dependencies": { + "is-number": "^7.0.0" + }, + "engines": { + "node": ">=8.0" + } + }, + "node_modules/toidentifier": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz", + "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==", + "dev": true, + "engines": { + "node": ">=0.6" + } + }, + "node_modules/tslib": { + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.0.tgz", + "integrity": "sha512-7At1WUettjcSRHXCyYtTselblcHl9PJFFVKiCAy/bY97+BPZXSQ2wbq0P9s8tK2G7dFQfNnlJnPAiArVBVBsfA==" + }, + "node_modules/type-is": { + "version": "1.6.18", + "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz", + "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==", + "dev": true, + "dependencies": { + "media-typer": "0.3.0", + "mime-types": "~2.1.24" + }, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/unpipe": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz", + "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==", + "dev": true, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/update-browserslist-db": { + "version": "1.0.11", + "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.11.tgz", + "integrity": "sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==", + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/browserslist" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "peer": true, + "dependencies": { + "escalade": "^3.1.1", + "picocolors": "^1.0.0" + }, + "bin": { + "update-browserslist-db": "cli.js" + }, + "peerDependencies": { + "browserslist": ">= 4.21.0" + } + }, + "node_modules/uri-js": { + "version": "4.4.1", + "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz", + "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==", + "dependencies": { + "punycode": "^2.1.0" + } + }, + "node_modules/util-deprecate": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", + "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", + "dev": true + }, + "node_modules/utila": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/utila/-/utila-0.4.0.tgz", + "integrity": "sha512-Z0DbgELS9/L/75wZbro8xAnT50pBVFQZ+hUEueGDU5FN51YSCYM+jdxsfCiHjwNP/4LCDD0i/graKpeBnOXKRA==" + }, + "node_modules/utils-merge": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz", + "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==", + "dev": true, + "engines": { + "node": ">= 0.4.0" + } + }, + "node_modules/uuid": { + "version": "8.3.2", + "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz", + "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==", + "dev": true, + "bin": { + "uuid": "dist/bin/uuid" + } + }, + "node_modules/vary": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", + "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==", + "dev": true, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/watchpack": { + "version": "2.4.0", + "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz", + "integrity": "sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==", + "peer": true, + "dependencies": { + "glob-to-regexp": "^0.4.1", + "graceful-fs": "^4.1.2" + }, + "engines": { + "node": ">=10.13.0" + } + }, + "node_modules/wbuf": { + "version": "1.7.3", + "resolved": "https://registry.npmjs.org/wbuf/-/wbuf-1.7.3.tgz", + "integrity": "sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==", + "dev": true, + "dependencies": { + "minimalistic-assert": "^1.0.0" + } + }, + "node_modules/webpack": { + "version": "5.88.0", + "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.88.0.tgz", + "integrity": "sha512-O3jDhG5e44qIBSi/P6KpcCcH7HD+nYIHVBhdWFxcLOcIGN8zGo5nqF3BjyNCxIh4p1vFdNnreZv2h2KkoAw3lw==", + "peer": true, + "dependencies": { + "@types/eslint-scope": "^3.7.3", + "@types/estree": "^1.0.0", + "@webassemblyjs/ast": "^1.11.5", + "@webassemblyjs/wasm-edit": "^1.11.5", + "@webassemblyjs/wasm-parser": "^1.11.5", + "acorn": "^8.7.1", + "acorn-import-assertions": "^1.9.0", + "browserslist": "^4.14.5", + "chrome-trace-event": "^1.0.2", + "enhanced-resolve": "^5.15.0", + "es-module-lexer": "^1.2.1", + "eslint-scope": "5.1.1", + "events": "^3.2.0", + "glob-to-regexp": "^0.4.1", + "graceful-fs": "^4.2.9", + "json-parse-even-better-errors": "^2.3.1", + "loader-runner": "^4.2.0", + "mime-types": "^2.1.27", + "neo-async": "^2.6.2", + "schema-utils": "^3.2.0", + "tapable": "^2.1.1", + "terser-webpack-plugin": "^5.3.7", + "watchpack": "^2.4.0", + "webpack-sources": "^3.2.3" + }, + "bin": { + "webpack": "bin/webpack.js" + }, + "engines": { + "node": ">=10.13.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + }, + "peerDependenciesMeta": { + "webpack-cli": { + "optional": true + } + } + }, + "node_modules/webpack-cli": { + "version": "5.1.4", + "resolved": "https://registry.npmjs.org/webpack-cli/-/webpack-cli-5.1.4.tgz", + "integrity": "sha512-pIDJHIEI9LR0yxHXQ+Qh95k2EvXpWzZ5l+d+jIo+RdSm9MiHfzazIxwwni/p7+x4eJZuvG1AJwgC4TNQ7NRgsg==", + "dependencies": { + "@discoveryjs/json-ext": "^0.5.0", + "@webpack-cli/configtest": "^2.1.1", + "@webpack-cli/info": "^2.0.2", + "@webpack-cli/serve": "^2.0.5", + "colorette": "^2.0.14", + "commander": "^10.0.1", + "cross-spawn": "^7.0.3", + "envinfo": "^7.7.3", + "fastest-levenshtein": "^1.0.12", + "import-local": "^3.0.2", + "interpret": "^3.1.1", + "rechoir": "^0.8.0", + "webpack-merge": "^5.7.3" + }, + "bin": { + "webpack-cli": "bin/cli.js" + }, + "engines": { + "node": ">=14.15.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + }, + "peerDependencies": { + "webpack": "5.x.x" + }, + "peerDependenciesMeta": { + "@webpack-cli/generators": { + "optional": true + }, + "webpack-bundle-analyzer": { + "optional": true + }, + "webpack-dev-server": { + "optional": true + } + } + }, + "node_modules/webpack-cli/node_modules/commander": { + "version": "10.0.1", + "resolved": "https://registry.npmjs.org/commander/-/commander-10.0.1.tgz", + "integrity": "sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==", + "engines": { + "node": ">=14" + } + }, + "node_modules/webpack-dev-middleware": { + "version": "5.3.3", + "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-5.3.3.tgz", + "integrity": "sha512-hj5CYrY0bZLB+eTO+x/j67Pkrquiy7kWepMHmUMoPsmcUaeEnQJqFzHJOyxgWlq746/wUuA64p9ta34Kyb01pA==", + "dev": true, + "dependencies": { + "colorette": "^2.0.10", + "memfs": "^3.4.3", + "mime-types": "^2.1.31", + "range-parser": "^1.2.1", + "schema-utils": "^4.0.0" + }, + "engines": { + "node": ">= 12.13.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + }, + "peerDependencies": { + "webpack": "^4.0.0 || ^5.0.0" + } + }, + "node_modules/webpack-dev-middleware/node_modules/ajv": { + "version": "8.12.0", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz", + "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==", + "dev": true, + "dependencies": { + "fast-deep-equal": "^3.1.1", + "json-schema-traverse": "^1.0.0", + "require-from-string": "^2.0.2", + "uri-js": "^4.2.2" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/epoberezkin" + } + }, + "node_modules/webpack-dev-middleware/node_modules/ajv-keywords": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz", + "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==", + "dev": true, + "dependencies": { + "fast-deep-equal": "^3.1.3" + }, + "peerDependencies": { + "ajv": "^8.8.2" + } + }, + "node_modules/webpack-dev-middleware/node_modules/json-schema-traverse": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz", + "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==", + "dev": true + }, + "node_modules/webpack-dev-middleware/node_modules/schema-utils": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.2.0.tgz", + "integrity": "sha512-L0jRsrPpjdckP3oPug3/VxNKt2trR8TcabrM6FOAAlvC/9Phcmm+cuAgTlxBqdBR1WJx7Naj9WHw+aOmheSVbw==", + "dev": true, + "dependencies": { + "@types/json-schema": "^7.0.9", + "ajv": "^8.9.0", + "ajv-formats": "^2.1.1", + "ajv-keywords": "^5.1.0" + }, + "engines": { + "node": ">= 12.13.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + } + }, + "node_modules/webpack-dev-server": { + "version": "4.15.1", + "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-4.15.1.tgz", + "integrity": "sha512-5hbAst3h3C3L8w6W4P96L5vaV0PxSmJhxZvWKYIdgxOQm8pNZ5dEOmmSLBVpP85ReeyRt6AS1QJNyo/oFFPeVA==", + "dev": true, + "dependencies": { + "@types/bonjour": "^3.5.9", + "@types/connect-history-api-fallback": "^1.3.5", + "@types/express": "^4.17.13", + "@types/serve-index": "^1.9.1", + "@types/serve-static": "^1.13.10", + "@types/sockjs": "^0.3.33", + "@types/ws": "^8.5.5", + "ansi-html-community": "^0.0.8", + "bonjour-service": "^1.0.11", + "chokidar": "^3.5.3", + "colorette": "^2.0.10", + "compression": "^1.7.4", + "connect-history-api-fallback": "^2.0.0", + "default-gateway": "^6.0.3", + "express": "^4.17.3", + "graceful-fs": "^4.2.6", + "html-entities": "^2.3.2", + "http-proxy-middleware": "^2.0.3", + "ipaddr.js": "^2.0.1", + "launch-editor": "^2.6.0", + "open": "^8.0.9", + "p-retry": "^4.5.0", + "rimraf": "^3.0.2", + "schema-utils": "^4.0.0", + "selfsigned": "^2.1.1", + "serve-index": "^1.9.1", + "sockjs": "^0.3.24", + "spdy": "^4.0.2", + "webpack-dev-middleware": "^5.3.1", + "ws": "^8.13.0" + }, + "bin": { + "webpack-dev-server": "bin/webpack-dev-server.js" + }, + "engines": { + "node": ">= 12.13.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + }, + "peerDependencies": { + "webpack": "^4.37.0 || ^5.0.0" + }, + "peerDependenciesMeta": { + "webpack": { + "optional": true + }, + "webpack-cli": { + "optional": true + } + } + }, + "node_modules/webpack-dev-server/node_modules/ajv": { + "version": "8.12.0", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz", + "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==", + "dev": true, + "dependencies": { + "fast-deep-equal": "^3.1.1", + "json-schema-traverse": "^1.0.0", + "require-from-string": "^2.0.2", + "uri-js": "^4.2.2" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/epoberezkin" + } + }, + "node_modules/webpack-dev-server/node_modules/ajv-keywords": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz", + "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==", + "dev": true, + "dependencies": { + "fast-deep-equal": "^3.1.3" + }, + "peerDependencies": { + "ajv": "^8.8.2" + } + }, + "node_modules/webpack-dev-server/node_modules/json-schema-traverse": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz", + "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==", + "dev": true + }, + "node_modules/webpack-dev-server/node_modules/schema-utils": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.2.0.tgz", + "integrity": "sha512-L0jRsrPpjdckP3oPug3/VxNKt2trR8TcabrM6FOAAlvC/9Phcmm+cuAgTlxBqdBR1WJx7Naj9WHw+aOmheSVbw==", + "dev": true, + "dependencies": { + "@types/json-schema": "^7.0.9", + "ajv": "^8.9.0", + "ajv-formats": "^2.1.1", + "ajv-keywords": "^5.1.0" + }, + "engines": { + "node": ">= 12.13.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + } + }, + "node_modules/webpack-merge": { + "version": "5.9.0", + "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-5.9.0.tgz", + "integrity": "sha512-6NbRQw4+Sy50vYNTw7EyOn41OZItPiXB8GNv3INSoe3PSFaHJEz3SHTrYVaRm2LilNGnFUzh0FAwqPEmU/CwDg==", + "dependencies": { + "clone-deep": "^4.0.1", + "wildcard": "^2.0.0" + }, + "engines": { + "node": ">=10.0.0" + } + }, + "node_modules/webpack-sources": { + "version": "3.2.3", + "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz", + "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==", + "peer": true, + "engines": { + "node": ">=10.13.0" + } + }, + "node_modules/websocket-driver": { + "version": "0.7.4", + "resolved": "https://registry.npmjs.org/websocket-driver/-/websocket-driver-0.7.4.tgz", + "integrity": "sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==", + "dev": true, + "dependencies": { + "http-parser-js": ">=0.5.1", + "safe-buffer": ">=5.1.0", + "websocket-extensions": ">=0.1.1" + }, + "engines": { + "node": ">=0.8.0" + } + }, + "node_modules/websocket-extensions": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/websocket-extensions/-/websocket-extensions-0.1.4.tgz", + "integrity": "sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==", + "dev": true, + "engines": { + "node": ">=0.8.0" + } + }, + "node_modules/which": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", + "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==", + "dependencies": { + "isexe": "^2.0.0" + }, + "bin": { + "node-which": "bin/node-which" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/wildcard": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/wildcard/-/wildcard-2.0.1.tgz", + "integrity": "sha512-CC1bOL87PIWSBhDcTrdeLo6eGT7mCFtrg0uIJtqJUFyK+eJnzl8A1niH56uu7KMa5XFrtiV+AQuHO3n7DsHnLQ==" + }, + "node_modules/wrappy": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", + "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==", + "dev": true + }, + "node_modules/ws": { + "version": "8.13.0", + "resolved": "https://registry.npmjs.org/ws/-/ws-8.13.0.tgz", + "integrity": "sha512-x9vcZYTrFPC7aSIbj7sRCYo7L/Xb8Iy+pW0ng0wt2vCJv7M9HOMy0UoN3rr+IFC7hb7vXoqS+P9ktyLLLhO+LA==", + "dev": true, + "engines": { + "node": ">=10.0.0" + }, + "peerDependencies": { + "bufferutil": "^4.0.1", + "utf-8-validate": ">=5.0.2" + }, + "peerDependenciesMeta": { + "bufferutil": { + "optional": true + }, + "utf-8-validate": { + "optional": true + } + } + }, + "node_modules/yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true + } + } +} diff --git a/package.json b/package.json new file mode 100644 index 00000000..a225e0d2 --- /dev/null +++ b/package.json @@ -0,0 +1,23 @@ +{ + "name": "fedc4-5_project_notion_vanillajs", + "version": "1.0.0", + "description": "- 프로젝트 기한\r - 프로젝트 수행 기간 : 2023년 6월 27일(화) ~ 2023년 7월 6일(목)\r - 멘티 코드 리뷰 기간 : 2023년 7월 7일(금) ~ 2023년 7월 10일(월)\r - 멘토 코드 리뷰 기간 : 2023년 7월 7일(금) ~ 2023년 7월 13일(목)\r - 코드 리뷰 반영 기간 : 2023년 7월 14일(금) ~ 2023년 7월 17일(월)\r - 내용\r - [[Day 19] 노션 클로닝 요구사항](https://school.programmers.co.kr/app/courses/17516/curriculum/lessons/196456#part-46365)을 확인해 주세요.", + "main": "index.js", + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1", + "start": "webpack serve --open --mode=development", + "build": "webpack --mode=production" + }, + "keywords": [], + "author": "", + "license": "ISC", + "dependencies": { + "html-webpack-plugin": "^5.5.3", + "webpack-cli": "^5.1.4" + }, + "devDependencies": { + "css-loader": "^6.8.1", + "style-loader": "^3.3.3", + "webpack-dev-server": "^4.15.1" + } +} diff --git a/src/index.js b/src/index.js new file mode 100644 index 00000000..c95fc0b9 --- /dev/null +++ b/src/index.js @@ -0,0 +1,3 @@ +import "./style.css"; + +document.getElementById("root").innerHTML = "안녕하세요"; diff --git a/src/style.css b/src/style.css new file mode 100644 index 00000000..83ae7abf --- /dev/null +++ b/src/style.css @@ -0,0 +1,4 @@ +body { + font-size: 30px; + color: blue; +} diff --git a/webpack.config.js b/webpack.config.js new file mode 100644 index 00000000..5a50daa9 --- /dev/null +++ b/webpack.config.js @@ -0,0 +1,29 @@ +const path = require("path"); +const HtmlWebpackPlugin = require("html-webpack-plugin"); + +module.exports = { + entry: "./src/index.js", + output: { + filename: "main.js", + path: path.resolve(__dirname, "dist"), + }, + plugins: [ + new HtmlWebpackPlugin({ + template: "./index.html", + }), + ], + module: { + rules: [ + { + test: /\.css$/, + use: ["style-loader", "css-loader"], + }, + ], + }, + devServer: { + static: { + directory: path.resolve(__dirname, "dist"), + }, + port: 3000, + }, +}; From 30c7de8dab6de623a0ff3d9638bfabaf26039577 Mon Sep 17 00:00:00 2001 From: hyeonjun-L Date: Sat, 1 Jul 2023 01:46:12 +0900 Subject: [PATCH 02/15] =?UTF-8?q?Feat/Fix=20:=20=EB=AC=B8=EC=84=9C=20?= =?UTF-8?q?=EB=A6=AC=EC=8A=A4=ED=8A=B8=20=ED=98=B8=EB=B2=84=20=EA=B8=B0?= =?UTF-8?q?=EB=8A=A5=20=EA=B5=AC=ED=98=84=20=EC=99=84=EB=A3=8C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/App.js | 16 +++++ src/components/document/DocumentList.js | 68 +++++++++++++++++++ src/components/document/DocumentListEditor.js | 24 +++++++ src/components/document/DocumentListPage.js | 18 +++++ src/components/document/index.js | 3 + src/components/index.js | 1 + index.html => src/index.html | 2 +- src/index.js | 5 +- src/style.css | 5 +- src/util/api.js | 20 ++++++ src/util/store.js | 59 ++++++++++++++++ webpack.config.js | 29 +++++--- 12 files changed, 236 insertions(+), 14 deletions(-) create mode 100644 src/components/App.js create mode 100644 src/components/document/DocumentList.js create mode 100644 src/components/document/DocumentListEditor.js create mode 100644 src/components/document/DocumentListPage.js create mode 100644 src/components/document/index.js create mode 100644 src/components/index.js rename index.html => src/index.html (90%) create mode 100644 src/util/api.js create mode 100644 src/util/store.js diff --git a/src/components/App.js b/src/components/App.js new file mode 100644 index 00000000..00a96e77 --- /dev/null +++ b/src/components/App.js @@ -0,0 +1,16 @@ +import DocumentListPage from "./document/DocumentListPage"; +import store from "../util/store.js"; + +export default class App { + constructor({ $target }) { + this.$target = $target; + this.store = new store(); + this.render(); + } + + render() { + // const { store } = this.store; + // console.log(store); + new DocumentListPage({ $target: this.$target, store: this.store }); + } +} diff --git a/src/components/document/DocumentList.js b/src/components/document/DocumentList.js new file mode 100644 index 00000000..864d9bd9 --- /dev/null +++ b/src/components/document/DocumentList.js @@ -0,0 +1,68 @@ +import { DocumentListEditor } from "./index"; + +export default class DocumentList { + constructor({ $target, store }) { + this.$list = document.createElement("ul"); + + this.initEvent(); + $target.appendChild(this.$list); + this.render({ store }); + } + + initEvent() { + this.$list.addEventListener("click", (event) => { + const targetDocument = event.target; + if (targetDocument.classList.contains("select-document")) { + console.log(targetDocument); + } + }); + + this.$list.addEventListener("mouseover", (event) => { + const targetDocument = event.target; + + if (targetDocument.documentListEditor) { + targetDocument.documentListEditor.show(); + return; + } + + if (targetDocument.matches(".select-document")) { + const documentListEditor = new DocumentListEditor({ + $target: targetDocument, + }); + + targetDocument.documentListEditor = documentListEditor; + + targetDocument.addEventListener("mouseleave", () => { + targetDocument.documentListEditor.hide(); + }); + } + }); + } + + createCustomListString(document, string) { + const nextDocument = document.documents; + string += `
  • + ${document.title} +
    • `; + if (!!nextDocument) { + string += ""; + } + return string; + } + + async render({ store }) { + // await store.documentsGet(); + const { documentsTree } = store.state; + const htmlString = documentsTree.reduce((acc, doc) => { + return this.createCustomListString(doc, acc); + }, ""); + this.$list.innerHTML = htmlString; + } +} + +// const post = await request("/documents"); +// console.log(post); diff --git a/src/components/document/DocumentListEditor.js b/src/components/document/DocumentListEditor.js new file mode 100644 index 00000000..8914d345 --- /dev/null +++ b/src/components/document/DocumentListEditor.js @@ -0,0 +1,24 @@ +export default class DocumentListEditor { + constructor({ $target, store }) { + this.$editor = document.createElement("span"); + $target.appendChild(this.$editor); + + this.$editor.classList.add("document-list-editor"); + this.render(); + } + + render() { + this.$editor.innerHTML = ` + + + `; + } + + hide() { + this.$editor.style.display = "none"; + } + + show() { + this.$editor.style.display = "inline-block"; + } +} diff --git a/src/components/document/DocumentListPage.js b/src/components/document/DocumentListPage.js new file mode 100644 index 00000000..f81a2d05 --- /dev/null +++ b/src/components/document/DocumentListPage.js @@ -0,0 +1,18 @@ +import DocumentList from "./documentList.js"; +import DocumentListEditor from "./DocumentListEditor.js"; + +export default class DocumentListPage { + constructor({ $target, store }) { + this.$documentPage = document.createElement("setion"); + $target.appendChild(this.$documentPage); + + this.render({ store }); + } + + render({ store }) { + new DocumentList({ + $target: this.$documentPage, + store, + }); + } +} diff --git a/src/components/document/index.js b/src/components/document/index.js new file mode 100644 index 00000000..345440d4 --- /dev/null +++ b/src/components/document/index.js @@ -0,0 +1,3 @@ +export { default as DocumentListPage } from "./DocumentListPage"; +export { default as DocumentListEditor } from "./DocumentListEditor"; +export { default as DocumentList } from "./documentList"; diff --git a/src/components/index.js b/src/components/index.js new file mode 100644 index 00000000..83774145 --- /dev/null +++ b/src/components/index.js @@ -0,0 +1 @@ +export { default as DocumentListView } from "./document/DocumentListPage"; diff --git a/index.html b/src/index.html similarity index 90% rename from index.html rename to src/index.html index 7bac4f56..b3da6589 100644 --- a/index.html +++ b/src/index.html @@ -7,6 +7,6 @@ Document -
    +
    diff --git a/src/index.js b/src/index.js index c95fc0b9..63cd6b25 100644 --- a/src/index.js +++ b/src/index.js @@ -1,3 +1,6 @@ import "./style.css"; +import App from "./components/App"; -document.getElementById("root").innerHTML = "안녕하세요"; +const $target = document.querySelector("#root"); + +new App({ $target }); diff --git a/src/style.css b/src/style.css index 83ae7abf..542cafe1 100644 --- a/src/style.css +++ b/src/style.css @@ -1,4 +1,3 @@ -body { - font-size: 30px; - color: blue; +.select-document:hover { + background-color: lightblue; } diff --git a/src/util/api.js b/src/util/api.js new file mode 100644 index 00000000..ffdf0ccd --- /dev/null +++ b/src/util/api.js @@ -0,0 +1,20 @@ +export const API_END_POINT = "https://kdt-frontend.programmers.co.kr"; + +export const request = async (url, options = {}) => { + try { + const res = await fetch(`${API_END_POINT}${url}`, { + ...options, + headers: { + "x-username": "leehyeonjun", + }, + }); + + if (res.ok) { + return await res.json(); + } + + throw new Error("API 처리중 뭔가 이상합니다!"); + } catch (e) { + alert(e.message); + } +}; diff --git a/src/util/store.js b/src/util/store.js new file mode 100644 index 00000000..b80402cf --- /dev/null +++ b/src/util/store.js @@ -0,0 +1,59 @@ +import { request } from "./api.js"; + +export default class store { + constructor() { + this.state = { + documentsTree: [ + { + id: 1, + title: "테스트", + documents: [], + }, + { + id: 1, // Document id + title: "노션을 만들자", // Document title + documents: [ + { + id: 2, + title: "블라블라", + documents: [ + { + id: 3, + title: "함냐함냐", + documents: [], + }, + ], + }, + { + id: 4, + title: "랄라랄라", + documents: [ + { + id: 5, + title: "함하함하", + documents: [], + }, + ], + }, + ], + }, + { + id: 4, + title: "hello!", + documents: [], + }, + ], + documentContent: {}, + selectDocumentId: 0, + }; + } + + setState(nextState) { + this.state = nextState; + } + + async documentsGet() { + const documentsTree = await request("/documents"); + this.setState({ ...this.state, documentsTree }); + } +} diff --git a/webpack.config.js b/webpack.config.js index 5a50daa9..a5dc02ad 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -2,28 +2,39 @@ const path = require("path"); const HtmlWebpackPlugin = require("html-webpack-plugin"); module.exports = { - entry: "./src/index.js", + mode: "none", + entry: { + index: path.resolve(__dirname, "src/index.js"), + }, output: { filename: "main.js", path: path.resolve(__dirname, "dist"), + clean: true, }, - plugins: [ - new HtmlWebpackPlugin({ - template: "./index.html", - }), - ], module: { rules: [ { - test: /\.css$/, + test: /\.css$/i, use: ["style-loader", "css-loader"], }, ], }, + plugins: [ + new HtmlWebpackPlugin({ + filename: "index.html", + template: path.resolve(__dirname, "src/index.html"), + }), + ], devServer: { static: { - directory: path.resolve(__dirname, "dist"), + directory: path.join(__dirname, "dist"), }, - port: 3000, + watchFiles: [ + path.resolve(__dirname, "src"), + path.resolve(__dirname, "index.html"), + ], + port: 9000, + open: true, + compress: true, }, }; From c1ed06ffb42d5b5ce82c0369ce76add9d1071fa2 Mon Sep 17 00:00:00 2001 From: hyeonjun-L Date: Sun, 2 Jul 2023 15:01:20 +0900 Subject: [PATCH 03/15] =?UTF-8?q?Feat:=20=EB=AC=B8=EC=84=9C=20=EC=82=AD?= =?UTF-8?q?=EC=A0=9C=20=EB=B0=8F=20=EC=83=9D=EC=84=B1=20=EA=B8=B0=EB=8A=A5?= =?UTF-8?q?=EA=B5=AC=ED=98=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/App.js | 21 +++++-- src/components/document/DocumentListEditor.js | 24 -------- src/components/document/DocumentListPage.js | 18 ------ src/components/document/index.js | 3 - src/components/sidebar/DocumentInput.js | 44 ++++++++++++++ .../{document => sidebar}/DocumentList.js | 23 +++++--- src/components/sidebar/DocumentListEditor.js | 50 ++++++++++++++++ src/components/sidebar/DocumnetAddBtn.js | 27 +++++++++ src/components/sidebar/SidebarPage.js | 32 ++++++++++ src/components/sidebar/index.js | 3 + src/style.css | 9 +++ src/util/api.js | 3 + src/util/documentStore.js | 29 +++++++++ src/util/store.js | 59 ------------------- 14 files changed, 227 insertions(+), 118 deletions(-) delete mode 100644 src/components/document/DocumentListEditor.js delete mode 100644 src/components/document/DocumentListPage.js delete mode 100644 src/components/document/index.js create mode 100644 src/components/sidebar/DocumentInput.js rename src/components/{document => sidebar}/DocumentList.js (77%) create mode 100644 src/components/sidebar/DocumentListEditor.js create mode 100644 src/components/sidebar/DocumnetAddBtn.js create mode 100644 src/components/sidebar/SidebarPage.js create mode 100644 src/components/sidebar/index.js create mode 100644 src/util/documentStore.js delete mode 100644 src/util/store.js diff --git a/src/components/App.js b/src/components/App.js index 00a96e77..c261bd75 100644 --- a/src/components/App.js +++ b/src/components/App.js @@ -1,16 +1,25 @@ -import DocumentListPage from "./document/DocumentListPage"; -import store from "../util/store.js"; +import SidebarPage from "./sidebar/SidebarPage"; +import documentStore from "../util/documentStore.js"; export default class App { constructor({ $target }) { this.$target = $target; - this.store = new store(); + this.documentStore = new documentStore(); + + this.init(); + } + + async init() { + await this.documentStore.documentsGet(); this.render(); } render() { - // const { store } = this.store; - // console.log(store); - new DocumentListPage({ $target: this.$target, store: this.store }); + const { documentStore } = this; + + new SidebarPage({ + $target: this.$target, + documentStore, + }); } } diff --git a/src/components/document/DocumentListEditor.js b/src/components/document/DocumentListEditor.js deleted file mode 100644 index 8914d345..00000000 --- a/src/components/document/DocumentListEditor.js +++ /dev/null @@ -1,24 +0,0 @@ -export default class DocumentListEditor { - constructor({ $target, store }) { - this.$editor = document.createElement("span"); - $target.appendChild(this.$editor); - - this.$editor.classList.add("document-list-editor"); - this.render(); - } - - render() { - this.$editor.innerHTML = ` - - - `; - } - - hide() { - this.$editor.style.display = "none"; - } - - show() { - this.$editor.style.display = "inline-block"; - } -} diff --git a/src/components/document/DocumentListPage.js b/src/components/document/DocumentListPage.js deleted file mode 100644 index f81a2d05..00000000 --- a/src/components/document/DocumentListPage.js +++ /dev/null @@ -1,18 +0,0 @@ -import DocumentList from "./documentList.js"; -import DocumentListEditor from "./DocumentListEditor.js"; - -export default class DocumentListPage { - constructor({ $target, store }) { - this.$documentPage = document.createElement("setion"); - $target.appendChild(this.$documentPage); - - this.render({ store }); - } - - render({ store }) { - new DocumentList({ - $target: this.$documentPage, - store, - }); - } -} diff --git a/src/components/document/index.js b/src/components/document/index.js deleted file mode 100644 index 345440d4..00000000 --- a/src/components/document/index.js +++ /dev/null @@ -1,3 +0,0 @@ -export { default as DocumentListPage } from "./DocumentListPage"; -export { default as DocumentListEditor } from "./DocumentListEditor"; -export { default as DocumentList } from "./documentList"; diff --git a/src/components/sidebar/DocumentInput.js b/src/components/sidebar/DocumentInput.js new file mode 100644 index 00000000..93f8f15f --- /dev/null +++ b/src/components/sidebar/DocumentInput.js @@ -0,0 +1,44 @@ +export default class DocumentInput { + constructor({ $target, onSubmit, parent }) { + this.parent = parent; + this.onSubmit = onSubmit; + this.$inputContainer = document.querySelector(".input-container"); + + if (this.$inputContainer) { + this.hide(); + } + + this.$inputContainer = document.createElement("ul"); + this.$inputContainer.classList.add("input-container"); + $target.insertAdjacentElement("afterend", this.$inputContainer); + this.initEvent(); + this.render(); + } + + initEvent() { + const { $inputContainer, parent, onSubmit } = this; + + $inputContainer.addEventListener("submit", async (event) => { + event.preventDefault(); + + const inputElement = event.target.querySelector("input[type='text']"); + const { value } = inputElement; + + onSubmit({ title: value, parent }); + this.hide(); + }); + } + + render() { + this.$inputContainer.innerHTML = ` +
    + + + + `; + } + + hide() { + this.$inputContainer.remove(); + } +} diff --git a/src/components/document/DocumentList.js b/src/components/sidebar/DocumentList.js similarity index 77% rename from src/components/document/DocumentList.js rename to src/components/sidebar/DocumentList.js index 864d9bd9..5a5465ab 100644 --- a/src/components/document/DocumentList.js +++ b/src/components/sidebar/DocumentList.js @@ -1,12 +1,15 @@ import { DocumentListEditor } from "./index"; export default class DocumentList { - constructor({ $target, store }) { + constructor({ $target, initalState, onSubmit }) { this.$list = document.createElement("ul"); + this.$list.classList.add("document-list"); + this.state = initalState; + this.onSubmit = onSubmit; this.initEvent(); $target.appendChild(this.$list); - this.render({ store }); + this.render(); } initEvent() { @@ -28,6 +31,7 @@ export default class DocumentList { if (targetDocument.matches(".select-document")) { const documentListEditor = new DocumentListEditor({ $target: targetDocument, + onSubmit: this.onSubmit, }); targetDocument.documentListEditor = documentListEditor; @@ -41,9 +45,9 @@ export default class DocumentList { createCustomListString(document, string) { const nextDocument = document.documents; - string += `
  • + string += `
    ${document.title} -
    • `; + `; if (!!nextDocument) { string += "
      "; for (const documents of nextDocument) { @@ -54,14 +58,17 @@ export default class DocumentList { return string; } - async render({ store }) { - // await store.documentsGet(); - const { documentsTree } = store.state; - const htmlString = documentsTree.reduce((acc, doc) => { + render() { + const htmlString = this.state.reduce((acc, doc) => { return this.createCustomListString(doc, acc); }, ""); this.$list.innerHTML = htmlString; } + + setState(nextState) { + this.state = nextState; + this.render(); + } } // const post = await request("/documents"); diff --git a/src/components/sidebar/DocumentListEditor.js b/src/components/sidebar/DocumentListEditor.js new file mode 100644 index 00000000..60626fbe --- /dev/null +++ b/src/components/sidebar/DocumentListEditor.js @@ -0,0 +1,50 @@ +import { request } from "../../util/api.js"; +import DocumentInput from "./DocumentInput.js"; +export default class DocumentListEditor { + constructor({ $target, onSubmit }) { + this.$editor = document.createElement("span"); + this.$target = $target; + this.onSubmit = onSubmit; + $target.appendChild(this.$editor); + + this.initEvent(); + this.render(); + } + + initEvent() { + this.$editor.addEventListener("click", async (event) => { + event.preventDefault(); + const action = event.target.dataset.action; + if (action === "produce") { + new DocumentInput({ + $target: this.$target.nextElementSibling, + onSubmit: this.onSubmit, + parent: this.$target.id, + }); + } else if (action === "delete") { + //따로 빼자 + await request(`/documents/${this.$target.id}`, { + method: "DELETE", + }); + // + } + }); + } + + render() { + this.$editor.innerHTML = ` + + + + + `; + } + + hide() { + this.$editor.style.display = "none"; + } + + show() { + this.$editor.style.display = "inline-block"; + } +} diff --git a/src/components/sidebar/DocumnetAddBtn.js b/src/components/sidebar/DocumnetAddBtn.js new file mode 100644 index 00000000..5575a44a --- /dev/null +++ b/src/components/sidebar/DocumnetAddBtn.js @@ -0,0 +1,27 @@ +import DocumentInput from "./DocumentInput.js"; +export default class DocumentAddBtn { + constructor({ $target, onSubmit }) { + this.$target = $target; + this.$button = document.createElement("form"); + this.onSubmit = onSubmit; + $target.appendChild(this.$button); + this.initEvent(); + this.render(); + } + + initEvent() { + this.$button.addEventListener("click", (event) => { + event.preventDefault(); + new DocumentInput({ + $target: this.$target.querySelector(".document-list"), + onSubmit: this.onSubmit, + }); + }); + } + + render() { + this.$button.innerHTML = ` + + `; + } +} diff --git a/src/components/sidebar/SidebarPage.js b/src/components/sidebar/SidebarPage.js new file mode 100644 index 00000000..f675b384 --- /dev/null +++ b/src/components/sidebar/SidebarPage.js @@ -0,0 +1,32 @@ +import DocumentList from "./DocumentList.js"; +import DocumentAddBtn from "./DocumnetAddBtn.js"; + +export default class SidebarPage { + constructor({ $target, documentStore }) { + this.$documentPage = document.createElement("setion"); + $target.appendChild(this.$documentPage); + this.documentStore = documentStore; + this.render(); + } + + render() { + const { $documentPage, documentStore } = this; + + const documentList = new DocumentList({ + $target: $documentPage, + initalState: documentStore.state.documentsTree, + onSubmit: async (post) => { + await documentStore.documentProduce(post); + documentList.setState(documentStore.state.documentsTree); + }, + }); + + new DocumentAddBtn({ + $target: $documentPage, + onSubmit: async (post) => { + await documentStore.documentProduce(post); + documentList.setState(documentStore.state.documentsTree); + }, + }); + } +} diff --git a/src/components/sidebar/index.js b/src/components/sidebar/index.js new file mode 100644 index 00000000..146f23b7 --- /dev/null +++ b/src/components/sidebar/index.js @@ -0,0 +1,3 @@ +export { default as DocumentListPage } from "./SidebarPage.js"; +export { default as DocumentListEditor } from "./DocumentListEditor.js"; +export { default as DocumentList } from "./DocumentList.js"; diff --git a/src/style.css b/src/style.css index 542cafe1..2dca1e0d 100644 --- a/src/style.css +++ b/src/style.css @@ -1,3 +1,12 @@ .select-document:hover { background-color: lightblue; } +/* +.document-list-editor { + display: inline-block; +} */ + +/* main { + display: flex; + flex-direction: column; +} */ diff --git a/src/util/api.js b/src/util/api.js index ffdf0ccd..8e7ec0e1 100644 --- a/src/util/api.js +++ b/src/util/api.js @@ -5,6 +5,7 @@ export const request = async (url, options = {}) => { const res = await fetch(`${API_END_POINT}${url}`, { ...options, headers: { + "Content-Type": "application/json", "x-username": "leehyeonjun", }, }); @@ -18,3 +19,5 @@ export const request = async (url, options = {}) => { alert(e.message); } }; + +export const documentsGet = async () => {}; diff --git a/src/util/documentStore.js b/src/util/documentStore.js new file mode 100644 index 00000000..d0c450a3 --- /dev/null +++ b/src/util/documentStore.js @@ -0,0 +1,29 @@ +import { request } from "./api.js"; + +export default class store { + constructor() { + this.state = { + documentsTree: [], + documentContent: {}, + selectDocumentId: 0, + }; + } + + setState(nextState) { + this.state = nextState; + } + + async documentsGet() { + const documentsTree = await request("/documents"); + this.setState({ ...this.state, documentsTree }); + } + + //parent null 일때 + async documentProduce(post) { + await request("/documents", { + method: "POST", + body: JSON.stringify(post), + }); + await this.documentsGet(); + } +} diff --git a/src/util/store.js b/src/util/store.js deleted file mode 100644 index b80402cf..00000000 --- a/src/util/store.js +++ /dev/null @@ -1,59 +0,0 @@ -import { request } from "./api.js"; - -export default class store { - constructor() { - this.state = { - documentsTree: [ - { - id: 1, - title: "테스트", - documents: [], - }, - { - id: 1, // Document id - title: "노션을 만들자", // Document title - documents: [ - { - id: 2, - title: "블라블라", - documents: [ - { - id: 3, - title: "함냐함냐", - documents: [], - }, - ], - }, - { - id: 4, - title: "랄라랄라", - documents: [ - { - id: 5, - title: "함하함하", - documents: [], - }, - ], - }, - ], - }, - { - id: 4, - title: "hello!", - documents: [], - }, - ], - documentContent: {}, - selectDocumentId: 0, - }; - } - - setState(nextState) { - this.state = nextState; - } - - async documentsGet() { - const documentsTree = await request("/documents"); - this.setState({ ...this.state, documentsTree }); - } -} From 97dbb2efb9e98880e5e0b4806772da3f206c1c4c Mon Sep 17 00:00:00 2001 From: hyeonjun-L Date: Mon, 3 Jul 2023 01:13:39 +0900 Subject: [PATCH 04/15] =?UTF-8?q?Feat=20:=20=ED=8F=B4=EB=8D=94=20=ED=86=A0?= =?UTF-8?q?=EA=B8=80=20=EA=B8=B0=EB=8A=A5=20=EA=B5=AC=ED=98=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package-lock.json | 74 ++++++++++++++++++-- package.json | 1 + public/arrowImg.svg | 1 + src/components/sidebar/DocumentInput.js | 9 +-- src/components/sidebar/DocumentList.js | 32 +++++++-- src/components/sidebar/DocumentListEditor.js | 13 ++-- src/components/sidebar/DocumnetAddBtn.js | 6 +- src/components/sidebar/SidebarPage.js | 8 ++- src/style.css | 4 ++ src/util/documentStore.js | 8 ++- webpack.config.js | 11 +++ 11 files changed, 138 insertions(+), 29 deletions(-) create mode 100644 public/arrowImg.svg diff --git a/package-lock.json b/package-lock.json index 5b2a73f4..c98eb102 100644 --- a/package-lock.json +++ b/package-lock.json @@ -14,6 +14,7 @@ }, "devDependencies": { "css-loader": "^6.8.1", + "file-loader": "^6.2.0", "style-loader": "^3.3.3", "webpack-dev-server": "^4.15.1" } @@ -510,7 +511,6 @@ "version": "6.12.6", "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", - "peer": true, "dependencies": { "fast-deep-equal": "^3.1.1", "fast-json-stable-stringify": "^2.0.0", @@ -565,7 +565,6 @@ "version": "3.5.2", "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz", "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==", - "peer": true, "peerDependencies": { "ajv": "^6.9.1" } @@ -621,6 +620,15 @@ "integrity": "sha512-x+VAiMRL6UPkx+kudNvxTl6hB2XNNCG2r+7wixVfIYwu/2HKRXimwQyaumLjMveWvT2Hkd/cAJw+QBMfJ/EKVw==", "dev": true }, + "node_modules/big.js": { + "version": "5.2.2", + "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz", + "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==", + "dev": true, + "engines": { + "node": "*" + } + }, "node_modules/binary-extensions": { "version": "2.2.0", "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz", @@ -1183,6 +1191,15 @@ "integrity": "sha512-LlCgQ8zgYZPymf5H4aE9itwiIWH4YlCiv1HFLmmcBeFYi5E+3eaIFnjHzYtcFQbaKfAW+CqZ9pgxo33DZuoqPg==", "peer": true }, + "node_modules/emojis-list": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz", + "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==", + "dev": true, + "engines": { + "node": ">= 4" + } + }, "node_modules/encodeurl": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", @@ -1391,8 +1408,7 @@ "node_modules/fast-json-stable-stringify": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz", - "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==", - "peer": true + "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==" }, "node_modules/fastest-levenshtein": { "version": "1.0.16", @@ -1414,6 +1430,26 @@ "node": ">=0.8.0" } }, + "node_modules/file-loader": { + "version": "6.2.0", + "resolved": "https://registry.npmjs.org/file-loader/-/file-loader-6.2.0.tgz", + "integrity": "sha512-qo3glqyTa61Ytg4u73GultjHGjdRyig3tG6lPtyX/jOEJvHif9uB0/OCI2Kif6ctF3caQTW2G5gym21oAsI4pw==", + "dev": true, + "dependencies": { + "loader-utils": "^2.0.0", + "schema-utils": "^3.0.0" + }, + "engines": { + "node": ">= 10.13.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + }, + "peerDependencies": { + "webpack": "^4.0.0 || ^5.0.0" + } + }, "node_modules/fill-range": { "version": "7.0.1", "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", @@ -2086,8 +2122,19 @@ "node_modules/json-schema-traverse": { "version": "0.4.1", "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", - "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", - "peer": true + "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==" + }, + "node_modules/json5": { + "version": "2.2.3", + "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz", + "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==", + "dev": true, + "bin": { + "json5": "lib/cli.js" + }, + "engines": { + "node": ">=6" + } }, "node_modules/kind-of": { "version": "6.0.3", @@ -2116,6 +2163,20 @@ "node": ">=6.11.5" } }, + "node_modules/loader-utils": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz", + "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==", + "dev": true, + "dependencies": { + "big.js": "^5.2.2", + "emojis-list": "^3.0.0", + "json5": "^2.1.2" + }, + "engines": { + "node": ">=8.9.0" + } + }, "node_modules/locate-path": { "version": "5.0.0", "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz", @@ -2954,7 +3015,6 @@ "version": "3.3.0", "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz", "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==", - "peer": true, "dependencies": { "@types/json-schema": "^7.0.8", "ajv": "^6.12.5", diff --git a/package.json b/package.json index a225e0d2..b037e45c 100644 --- a/package.json +++ b/package.json @@ -17,6 +17,7 @@ }, "devDependencies": { "css-loader": "^6.8.1", + "file-loader": "^6.2.0", "style-loader": "^3.3.3", "webpack-dev-server": "^4.15.1" } diff --git a/public/arrowImg.svg b/public/arrowImg.svg new file mode 100644 index 00000000..c816ba82 --- /dev/null +++ b/public/arrowImg.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/sidebar/DocumentInput.js b/src/components/sidebar/DocumentInput.js index 93f8f15f..e7e792fc 100644 --- a/src/components/sidebar/DocumentInput.js +++ b/src/components/sidebar/DocumentInput.js @@ -1,7 +1,7 @@ export default class DocumentInput { - constructor({ $target, onSubmit, parent }) { + constructor({ $target, sendCreateFolderRequest, parent }) { this.parent = parent; - this.onSubmit = onSubmit; + this.sendCreateFolderRequest = sendCreateFolderRequest; this.$inputContainer = document.querySelector(".input-container"); if (this.$inputContainer) { @@ -16,7 +16,7 @@ export default class DocumentInput { } initEvent() { - const { $inputContainer, parent, onSubmit } = this; + const { $inputContainer, parent, sendCreateFolderRequest } = this; $inputContainer.addEventListener("submit", async (event) => { event.preventDefault(); @@ -24,7 +24,7 @@ export default class DocumentInput { const inputElement = event.target.querySelector("input[type='text']"); const { value } = inputElement; - onSubmit({ title: value, parent }); + sendCreateFolderRequest({ title: value, parent }); this.hide(); }); } @@ -36,6 +36,7 @@ export default class DocumentInput {
      `; + this.$inputContainer.querySelector("input[type='text']").focus(); } hide() { diff --git a/src/components/sidebar/DocumentList.js b/src/components/sidebar/DocumentList.js index 5a5465ab..1968deb8 100644 --- a/src/components/sidebar/DocumentList.js +++ b/src/components/sidebar/DocumentList.js @@ -1,11 +1,18 @@ import { DocumentListEditor } from "./index"; +import arrowImg from "../../../public/arrowImg.svg"; export default class DocumentList { - constructor({ $target, initalState, onSubmit }) { + constructor({ + $target, + initalState, + sendCreateFolderRequest, + sendDeleteFolderRequest, + }) { this.$list = document.createElement("ul"); this.$list.classList.add("document-list"); this.state = initalState; - this.onSubmit = onSubmit; + this.sendCreateFolderRequest = sendCreateFolderRequest; + this.sendDeleteFolderRequest = sendDeleteFolderRequest; this.initEvent(); $target.appendChild(this.$list); @@ -18,6 +25,21 @@ export default class DocumentList { if (targetDocument.classList.contains("select-document")) { console.log(targetDocument); } + + if (targetDocument.classList.contains("toggle-folder")) { + const $subfolder = targetDocument.parentNode.nextElementSibling; + const state = $subfolder.dataset.toggle; + + if (state === "true") { + $subfolder.style.display = "none"; + $subfolder.dataset.toggle = "false"; + targetDocument.style.transform = "rotate(-90deg)"; + } else { + $subfolder.style.display = ""; + $subfolder.dataset.toggle = "true"; + targetDocument.style.transform = "rotate(0deg)"; + } + } }); this.$list.addEventListener("mouseover", (event) => { @@ -31,7 +53,8 @@ export default class DocumentList { if (targetDocument.matches(".select-document")) { const documentListEditor = new DocumentListEditor({ $target: targetDocument, - onSubmit: this.onSubmit, + sendCreateFolderRequest: this.sendCreateFolderRequest, + sendDeleteFolderRequest: this.sendDeleteFolderRequest, }); targetDocument.documentListEditor = documentListEditor; @@ -46,10 +69,11 @@ export default class DocumentList { createCustomListString(document, string) { const nextDocument = document.documents; string += `
      + arrow.svg ${document.title}
      `; if (!!nextDocument) { - string += "
        "; + string += "
          "; for (const documents of nextDocument) { string = this.createCustomListString(documents, string); } diff --git a/src/components/sidebar/DocumentListEditor.js b/src/components/sidebar/DocumentListEditor.js index 60626fbe..4a70f9ab 100644 --- a/src/components/sidebar/DocumentListEditor.js +++ b/src/components/sidebar/DocumentListEditor.js @@ -1,10 +1,11 @@ import { request } from "../../util/api.js"; import DocumentInput from "./DocumentInput.js"; export default class DocumentListEditor { - constructor({ $target, onSubmit }) { + constructor({ $target, sendCreateFolderRequest, sendDeleteFolderRequest }) { this.$editor = document.createElement("span"); this.$target = $target; - this.onSubmit = onSubmit; + this.sendCreateFolderRequest = sendCreateFolderRequest; + this.sendDeleteFolderRequest = sendDeleteFolderRequest; $target.appendChild(this.$editor); this.initEvent(); @@ -18,15 +19,11 @@ export default class DocumentListEditor { if (action === "produce") { new DocumentInput({ $target: this.$target.nextElementSibling, - onSubmit: this.onSubmit, + sendCreateFolderRequest: this.sendCreateFolderRequest, parent: this.$target.id, }); } else if (action === "delete") { - //따로 빼자 - await request(`/documents/${this.$target.id}`, { - method: "DELETE", - }); - // + this.sendDeleteFolderRequest(this.$target.id); } }); } diff --git a/src/components/sidebar/DocumnetAddBtn.js b/src/components/sidebar/DocumnetAddBtn.js index 5575a44a..60dfca0d 100644 --- a/src/components/sidebar/DocumnetAddBtn.js +++ b/src/components/sidebar/DocumnetAddBtn.js @@ -1,9 +1,9 @@ import DocumentInput from "./DocumentInput.js"; export default class DocumentAddBtn { - constructor({ $target, onSubmit }) { + constructor({ $target, sendCreateFolderRequest }) { this.$target = $target; this.$button = document.createElement("form"); - this.onSubmit = onSubmit; + this.sendCreateFolderRequest = sendCreateFolderRequest; $target.appendChild(this.$button); this.initEvent(); this.render(); @@ -14,7 +14,7 @@ export default class DocumentAddBtn { event.preventDefault(); new DocumentInput({ $target: this.$target.querySelector(".document-list"), - onSubmit: this.onSubmit, + sendCreateFolderRequest: this.sendCreateFolderRequest, }); }); } diff --git a/src/components/sidebar/SidebarPage.js b/src/components/sidebar/SidebarPage.js index f675b384..beeb4a57 100644 --- a/src/components/sidebar/SidebarPage.js +++ b/src/components/sidebar/SidebarPage.js @@ -15,15 +15,19 @@ export default class SidebarPage { const documentList = new DocumentList({ $target: $documentPage, initalState: documentStore.state.documentsTree, - onSubmit: async (post) => { + sendCreateFolderRequest: async (post) => { await documentStore.documentProduce(post); documentList.setState(documentStore.state.documentsTree); }, + sendDeleteFolderRequest: async (post) => { + await documentStore.documentDelet(post); + documentList.setState(documentStore.state.documentsTree); + }, }); new DocumentAddBtn({ $target: $documentPage, - onSubmit: async (post) => { + sendCreateFolderRequest: async (post) => { await documentStore.documentProduce(post); documentList.setState(documentStore.state.documentsTree); }, diff --git a/src/style.css b/src/style.css index 2dca1e0d..28bd304f 100644 --- a/src/style.css +++ b/src/style.css @@ -1,6 +1,10 @@ .select-document:hover { background-color: lightblue; } + +.document-group { + border-left: solid 1px rgba(163, 163, 163, 0.678); +} /* .document-list-editor { display: inline-block; diff --git a/src/util/documentStore.js b/src/util/documentStore.js index d0c450a3..fd0254df 100644 --- a/src/util/documentStore.js +++ b/src/util/documentStore.js @@ -18,7 +18,6 @@ export default class store { this.setState({ ...this.state, documentsTree }); } - //parent null 일때 async documentProduce(post) { await request("/documents", { method: "POST", @@ -26,4 +25,11 @@ export default class store { }); await this.documentsGet(); } + + async documentDelet(id) { + await request(`/documents/${id}`, { + method: "DELETE", + }); + await this.documentsGet(); + } } diff --git a/webpack.config.js b/webpack.config.js index a5dc02ad..bb5f7846 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -17,6 +17,17 @@ module.exports = { test: /\.css$/i, use: ["style-loader", "css-loader"], }, + { + test: /\.(svg|png|jpe?g|gif)$/i, + use: [ + { + loader: "file-loader", + options: { + name: "static/media/[name].[hash:8].[ext]", + }, + }, + ], + }, ], }, plugins: [ From 3228360cb20cfde086f1af6542643280cecc20a6 Mon Sep 17 00:00:00 2001 From: hyeonjun-L Date: Mon, 3 Jul 2023 02:36:12 +0900 Subject: [PATCH 05/15] =?UTF-8?q?Refactor:=20store=20=EC=8B=B1=EA=B8=80?= =?UTF-8?q?=ED=86=A4=20=ED=8C=A8=ED=84=B4=EC=9C=BC=EB=A1=9C=20=EB=B3=80?= =?UTF-8?q?=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/App.js | 8 ++---- src/components/sidebar/DocumentInput.js | 10 ++++---- src/components/sidebar/DocumentList.js | 18 +++++-------- src/components/sidebar/DocumentListEditor.js | 11 +++----- src/components/sidebar/SidebarPage.js | 19 ++++---------- src/util/{documentStore.js => Store.js} | 27 ++++++++++++++++++-- 6 files changed, 48 insertions(+), 45 deletions(-) rename src/util/{documentStore.js => Store.js} (54%) diff --git a/src/components/App.js b/src/components/App.js index c261bd75..6a15532a 100644 --- a/src/components/App.js +++ b/src/components/App.js @@ -1,25 +1,21 @@ import SidebarPage from "./sidebar/SidebarPage"; -import documentStore from "../util/documentStore.js"; +import store from "../util/Store.js"; export default class App { constructor({ $target }) { this.$target = $target; - this.documentStore = new documentStore(); this.init(); } async init() { - await this.documentStore.documentsGet(); + await store.documentsGet(); this.render(); } render() { - const { documentStore } = this; - new SidebarPage({ $target: this.$target, - documentStore, }); } } diff --git a/src/components/sidebar/DocumentInput.js b/src/components/sidebar/DocumentInput.js index e7e792fc..cd6388d3 100644 --- a/src/components/sidebar/DocumentInput.js +++ b/src/components/sidebar/DocumentInput.js @@ -1,7 +1,7 @@ +import store from "../../util/Store.js"; export default class DocumentInput { - constructor({ $target, sendCreateFolderRequest, parent }) { - this.parent = parent; - this.sendCreateFolderRequest = sendCreateFolderRequest; + constructor({ $target, targetId }) { + this.targetId = targetId; this.$inputContainer = document.querySelector(".input-container"); if (this.$inputContainer) { @@ -16,7 +16,7 @@ export default class DocumentInput { } initEvent() { - const { $inputContainer, parent, sendCreateFolderRequest } = this; + const { $inputContainer, targetId } = this; $inputContainer.addEventListener("submit", async (event) => { event.preventDefault(); @@ -24,7 +24,7 @@ export default class DocumentInput { const inputElement = event.target.querySelector("input[type='text']"); const { value } = inputElement; - sendCreateFolderRequest({ title: value, parent }); + store.documentProduce({ title: value, parent: targetId }); this.hide(); }); } diff --git a/src/components/sidebar/DocumentList.js b/src/components/sidebar/DocumentList.js index 1968deb8..7a68989d 100644 --- a/src/components/sidebar/DocumentList.js +++ b/src/components/sidebar/DocumentList.js @@ -1,18 +1,16 @@ import { DocumentListEditor } from "./index"; import arrowImg from "../../../public/arrowImg.svg"; +import store from "../../util/Store.js"; export default class DocumentList { - constructor({ - $target, - initalState, - sendCreateFolderRequest, - sendDeleteFolderRequest, - }) { + constructor({ $target }) { this.$list = document.createElement("ul"); this.$list.classList.add("document-list"); - this.state = initalState; - this.sendCreateFolderRequest = sendCreateFolderRequest; - this.sendDeleteFolderRequest = sendDeleteFolderRequest; + this.state = store.state.documentsTree; + + store.subscribeSidebar(() => { + this.setState(store.state.documentsTree); + }); this.initEvent(); $target.appendChild(this.$list); @@ -53,8 +51,6 @@ export default class DocumentList { if (targetDocument.matches(".select-document")) { const documentListEditor = new DocumentListEditor({ $target: targetDocument, - sendCreateFolderRequest: this.sendCreateFolderRequest, - sendDeleteFolderRequest: this.sendDeleteFolderRequest, }); targetDocument.documentListEditor = documentListEditor; diff --git a/src/components/sidebar/DocumentListEditor.js b/src/components/sidebar/DocumentListEditor.js index 4a70f9ab..19df4b7c 100644 --- a/src/components/sidebar/DocumentListEditor.js +++ b/src/components/sidebar/DocumentListEditor.js @@ -1,11 +1,9 @@ -import { request } from "../../util/api.js"; +import store from "../../util/Store.js"; import DocumentInput from "./DocumentInput.js"; export default class DocumentListEditor { - constructor({ $target, sendCreateFolderRequest, sendDeleteFolderRequest }) { + constructor({ $target }) { this.$editor = document.createElement("span"); this.$target = $target; - this.sendCreateFolderRequest = sendCreateFolderRequest; - this.sendDeleteFolderRequest = sendDeleteFolderRequest; $target.appendChild(this.$editor); this.initEvent(); @@ -19,11 +17,10 @@ export default class DocumentListEditor { if (action === "produce") { new DocumentInput({ $target: this.$target.nextElementSibling, - sendCreateFolderRequest: this.sendCreateFolderRequest, - parent: this.$target.id, + targetId: this.$target.id, }); } else if (action === "delete") { - this.sendDeleteFolderRequest(this.$target.id); + store.documentDelete(this.$target.id); } }); } diff --git a/src/components/sidebar/SidebarPage.js b/src/components/sidebar/SidebarPage.js index beeb4a57..53493d15 100644 --- a/src/components/sidebar/SidebarPage.js +++ b/src/components/sidebar/SidebarPage.js @@ -1,35 +1,26 @@ import DocumentList from "./DocumentList.js"; import DocumentAddBtn from "./DocumnetAddBtn.js"; +import store from "../../util/Store.js"; export default class SidebarPage { - constructor({ $target, documentStore }) { + constructor({ $target }) { this.$documentPage = document.createElement("setion"); $target.appendChild(this.$documentPage); - this.documentStore = documentStore; this.render(); } render() { - const { $documentPage, documentStore } = this; + const { $documentPage } = this; const documentList = new DocumentList({ $target: $documentPage, - initalState: documentStore.state.documentsTree, - sendCreateFolderRequest: async (post) => { - await documentStore.documentProduce(post); - documentList.setState(documentStore.state.documentsTree); - }, - sendDeleteFolderRequest: async (post) => { - await documentStore.documentDelet(post); - documentList.setState(documentStore.state.documentsTree); - }, }); new DocumentAddBtn({ $target: $documentPage, sendCreateFolderRequest: async (post) => { - await documentStore.documentProduce(post); - documentList.setState(documentStore.state.documentsTree); + await sidebarStore.documentProduce(post); + documentList.setState(sidebarStore.state.documentsTree); }, }); } diff --git a/src/util/documentStore.js b/src/util/Store.js similarity index 54% rename from src/util/documentStore.js rename to src/util/Store.js index fd0254df..9568a7a2 100644 --- a/src/util/documentStore.js +++ b/src/util/Store.js @@ -1,6 +1,6 @@ import { request } from "./api.js"; -export default class store { +class Store { constructor() { this.state = { documentsTree: [], @@ -8,6 +8,24 @@ export default class store { selectDocumentId: 0, }; } + sidebarSubscribers = []; + editorSubscribers = []; + + subscribeSidebar(subscriber) { + this.sidebarSubscribers.push(subscriber); + } + + subscribeEditor(subscriber) { + this.editorSubscribers.push(subscriber); + } + + notifySidebar() { + this.sidebarSubscribers.forEach((subscriber) => subscriber()); + } + + notifyEditor() { + this.editorSubscribers.forEach((subscriber) => subscriber()); + } setState(nextState) { this.state = nextState; @@ -16,6 +34,7 @@ export default class store { async documentsGet() { const documentsTree = await request("/documents"); this.setState({ ...this.state, documentsTree }); + this.notifySidebar(); } async documentProduce(post) { @@ -26,10 +45,14 @@ export default class store { await this.documentsGet(); } - async documentDelet(id) { + async documentDelete(id) { await request(`/documents/${id}`, { method: "DELETE", }); await this.documentsGet(); } } + +const store = new Store(); + +export default store; From 2b9e7f643c0b757113c0f2e2faaafe1a6f3eed83 Mon Sep 17 00:00:00 2001 From: hyeonjun-L Date: Mon, 3 Jul 2023 04:09:20 +0900 Subject: [PATCH 06/15] =?UTF-8?q?Fix:=20css=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/App.js | 9 +- src/components/editor/EditorPage.js | 13 ++ src/components/sidebar/DocumentList.js | 29 ++++- src/components/sidebar/DocumnetAddBtn.js | 1 - src/components/sidebar/SidebarPage.js | 17 ++- src/style.css | 151 +++++++++++++++++++++-- src/util/storage.js | 18 +++ 7 files changed, 212 insertions(+), 26 deletions(-) create mode 100644 src/components/editor/EditorPage.js create mode 100644 src/util/storage.js diff --git a/src/components/App.js b/src/components/App.js index 6a15532a..ebf2ec0e 100644 --- a/src/components/App.js +++ b/src/components/App.js @@ -1,4 +1,5 @@ import SidebarPage from "./sidebar/SidebarPage"; +import EditorPage from "./editor/editorPage"; import store from "../util/Store.js"; export default class App { @@ -14,8 +15,14 @@ export default class App { } render() { + const { $target } = this; + new SidebarPage({ - $target: this.$target, + $target, + }); + + new EditorPage({ + $target, }); } } diff --git a/src/components/editor/EditorPage.js b/src/components/editor/EditorPage.js new file mode 100644 index 00000000..e75f39b5 --- /dev/null +++ b/src/components/editor/EditorPage.js @@ -0,0 +1,13 @@ +export default class EditorPage { + constructor({ $target }) { + this.$editorPage = document.createElement("section"); + this.$editorPage.classList.add("editor-section"); + + $target.appendChild(this.$editorPage); + this.render(); + } + + render() { + const { $editorPage } = this; + } +} diff --git a/src/components/sidebar/DocumentList.js b/src/components/sidebar/DocumentList.js index 7a68989d..75c4a1cb 100644 --- a/src/components/sidebar/DocumentList.js +++ b/src/components/sidebar/DocumentList.js @@ -1,12 +1,14 @@ import { DocumentListEditor } from "./index"; import arrowImg from "../../../public/arrowImg.svg"; import store from "../../util/Store.js"; +import { setItem, getItem } from "../../util/storage.js"; export default class DocumentList { constructor({ $target }) { this.$list = document.createElement("ul"); this.$list.classList.add("document-list"); this.state = store.state.documentsTree; + this.foldedList = getItem("folded", []); store.subscribeSidebar(() => { this.setState(store.state.documentsTree); @@ -25,14 +27,24 @@ export default class DocumentList { } if (targetDocument.classList.contains("toggle-folder")) { - const $subfolder = targetDocument.parentNode.nextElementSibling; - const state = $subfolder.dataset.toggle; + const $targetParent = targetDocument.parentNode; + const $subfolder = $targetParent.nextElementSibling; + const folded = $subfolder.dataset.toggle; + + if (folded === "true") { + const foldedList = getItem("folded", []); + if (!foldedList.includes($targetParent.id)) { + setItem("folded", [...foldedList, $targetParent.id]); + } - if (state === "true") { $subfolder.style.display = "none"; $subfolder.dataset.toggle = "false"; targetDocument.style.transform = "rotate(-90deg)"; } else { + const foldedList = getItem("folded", []); + foldedList.splice(foldedList.indexOf($targetParent.id), 1); + setItem("folded", [...foldedList]); + $subfolder.style.display = ""; $subfolder.dataset.toggle = "true"; targetDocument.style.transform = "rotate(0deg)"; @@ -63,13 +75,20 @@ export default class DocumentList { } createCustomListString(document, string) { + let ulStyle = ""; + let imgStyle = ""; + if (this.foldedList.includes(String(document.id))) { + ulStyle = "style='display:none'"; + imgStyle = "style='transform: rotate(-90deg)'"; + } + const nextDocument = document.documents; string += `
          - arrow.svg + arrow.svg ${document.title}
          `; if (!!nextDocument) { - string += "
            "; + string += `
              `; for (const documents of nextDocument) { string = this.createCustomListString(documents, string); } diff --git a/src/components/sidebar/DocumnetAddBtn.js b/src/components/sidebar/DocumnetAddBtn.js index 60dfca0d..a1f01100 100644 --- a/src/components/sidebar/DocumnetAddBtn.js +++ b/src/components/sidebar/DocumnetAddBtn.js @@ -14,7 +14,6 @@ export default class DocumentAddBtn { event.preventDefault(); new DocumentInput({ $target: this.$target.querySelector(".document-list"), - sendCreateFolderRequest: this.sendCreateFolderRequest, }); }); } diff --git a/src/components/sidebar/SidebarPage.js b/src/components/sidebar/SidebarPage.js index 53493d15..2d6f67f4 100644 --- a/src/components/sidebar/SidebarPage.js +++ b/src/components/sidebar/SidebarPage.js @@ -4,24 +4,21 @@ import store from "../../util/Store.js"; export default class SidebarPage { constructor({ $target }) { - this.$documentPage = document.createElement("setion"); - $target.appendChild(this.$documentPage); + this.$sidebarPage = document.createElement("setion"); + this.$sidebarPage.classList.add("sidebar-setion"); + $target.appendChild(this.$sidebarPage); this.render(); } render() { - const { $documentPage } = this; + const { $sidebarPage } = this; - const documentList = new DocumentList({ - $target: $documentPage, + new DocumentList({ + $target: $sidebarPage, }); new DocumentAddBtn({ - $target: $documentPage, - sendCreateFolderRequest: async (post) => { - await sidebarStore.documentProduce(post); - documentList.setState(sidebarStore.state.documentsTree); - }, + $target: $sidebarPage, }); } } diff --git a/src/style.css b/src/style.css index 28bd304f..5d8a9914 100644 --- a/src/style.css +++ b/src/style.css @@ -1,3 +1,145 @@ +html, +body, +div, +span, +applet, +object, +iframe, +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +pre, +a, +abbr, +acronym, +address, +big, +cite, +code, +del, +dfn, +em, +img, +ins, +kbd, +q, +s, +samp, +small, +strike, +strong, +sub, +sup, +tt, +var, +b, +u, +i, +center, +dl, +dt, +dd, +ol, +li, +fieldset, +form, +label, +legend, +table, +caption, +tbody, +tfoot, +thead, +tr, +th, +td, +article, +aside, +canvas, +details, +embed, +figure, +figcaption, +footer, +header, +hgroup, +menu, +nav, +output, +ruby, +section, +summary, +time, +mark, +audio, +video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { + display: block; +} +body { + line-height: 1; +} +ol, +blockquote, +q { + quotes: none; +} +blockquote:before, +blockquote:after, +q:before, +q:after { + content: ""; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} + +/* ----------------------------------css 초기화---------------------------------------------- */ + +.editor-section { + background-color: pink; + width: 70vw; + height: 100vh; +} + +.sidebar-setion { + width: 30vw; + height: 100vh; +} + +main { + display: flex; +} + +.sidebar-setion ul { + padding-left: 15px; +} + .select-document:hover { background-color: lightblue; } @@ -5,12 +147,3 @@ .document-group { border-left: solid 1px rgba(163, 163, 163, 0.678); } -/* -.document-list-editor { - display: inline-block; -} */ - -/* main { - display: flex; - flex-direction: column; -} */ diff --git a/src/util/storage.js b/src/util/storage.js new file mode 100644 index 00000000..5523516f --- /dev/null +++ b/src/util/storage.js @@ -0,0 +1,18 @@ +const storage = window.localStorage; + +export const getItem = (key, defaultValue) => { + try { + const storedValue = storage.getItem(key); + return storedValue ? JSON.parse(storedValue) : defaultValue; + } catch (e) { + return defaultValue; + } +}; + +export const setItem = (key, value) => { + storage.setItem(key, JSON.stringify(value)); +}; + +export const removeItem = (key) => { + storage.removeItem(key); +}; From 772b9504c3f889abd15e32e21f4c72b79b4fa575 Mon Sep 17 00:00:00 2001 From: hyeonjun-L Date: Mon, 3 Jul 2023 17:42:10 +0900 Subject: [PATCH 07/15] =?UTF-8?q?Feat:=20=EB=92=A4=EB=A1=9C=EA=B0=80?= =?UTF-8?q?=EA=B8=B0=20=EB=B0=8F=20=EC=83=88=EB=A1=9C=EA=B3=A0=EC=B9=A8=20?= =?UTF-8?q?=EA=B8=B0=EB=8A=A5=20=EA=B5=AC=ED=98=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/App.js | 3 ++- src/components/editor/DefaultPage.js | 17 ++++++++++++ src/components/editor/DocumentTitle.js | 37 ++++++++++++++++++++++++++ src/components/editor/EditorPage.js | 29 ++++++++++++++++++++ src/components/sidebar/DocumentList.js | 3 ++- src/components/sidebar/SidebarPage.js | 2 -- src/style.css | 10 ++++++- src/util/Store.js | 17 +++++++++++- src/util/router.js | 11 ++++++++ webpack.config.js | 1 + 10 files changed, 124 insertions(+), 6 deletions(-) create mode 100644 src/components/editor/DefaultPage.js create mode 100644 src/components/editor/DocumentTitle.js create mode 100644 src/util/router.js diff --git a/src/components/App.js b/src/components/App.js index ebf2ec0e..087a39cb 100644 --- a/src/components/App.js +++ b/src/components/App.js @@ -1,12 +1,13 @@ import SidebarPage from "./sidebar/SidebarPage"; import EditorPage from "./editor/editorPage"; import store from "../util/Store.js"; +import { popRouter } from "../util/router.js"; export default class App { constructor({ $target }) { this.$target = $target; - this.init(); + popRouter(); } async init() { diff --git a/src/components/editor/DefaultPage.js b/src/components/editor/DefaultPage.js new file mode 100644 index 00000000..21ca20ef --- /dev/null +++ b/src/components/editor/DefaultPage.js @@ -0,0 +1,17 @@ +export default class DefaultPage { + constructor({ $target }) { + this.$defaultPage = document.createElement("article"); + this.$defaultPage.classList.add("editor-default-section"); + + $target.appendChild(this.$defaultPage); + this.render(); + } + + render() { + const { $defaultPage } = this; + + $defaultPage.innerHTML = ` +
              문서를 생성 후 클릭 해주세요
              + `; + } +} diff --git a/src/components/editor/DocumentTitle.js b/src/components/editor/DocumentTitle.js new file mode 100644 index 00000000..e18475aa --- /dev/null +++ b/src/components/editor/DocumentTitle.js @@ -0,0 +1,37 @@ +import store from "../../util/Store.js"; + +export default class DocumentTilte { + constructor({ $target }) { + this.$title = document.createElement("input"); + this.$title.setAttribute("type", "text"); + $target.appendChild(this.$title); + this.initEvent(); + this.render(); + } + // console.log(timer === null); + // if (timer !== null) { + // } + + initEvent() { + const { $title } = this; + let timer = null; + const delay = 500; + $title.addEventListener("keyup", (event) => { + clearTimeout(timer); + timer = setTimeout(() => { + const title = event.target.value; + const id = $title.dataset.id; + store.documentTitlePut({ id, title }); + }, delay); + }); + } + + render() { + const { pathname } = window.location; + const { $title } = this; + const { documentContent } = store.state; + + $title.setAttribute("data-id", pathname.substring(1)); + $title.value = documentContent.title; + } +} diff --git a/src/components/editor/EditorPage.js b/src/components/editor/EditorPage.js index e75f39b5..e7db194c 100644 --- a/src/components/editor/EditorPage.js +++ b/src/components/editor/EditorPage.js @@ -1,13 +1,42 @@ +import DocumentTilte from "./DocumentTitle.js"; +import DefaultPage from "./DefaultPage.js"; +import store from "../../util/Store.js"; + export default class EditorPage { constructor({ $target }) { this.$editorPage = document.createElement("section"); this.$editorPage.classList.add("editor-section"); $target.appendChild(this.$editorPage); + + store.subscribeEditor(() => { + this.render(); + }); + this.render(); } render() { + this.hide(); + const { $editorPage } = this; + const { pathname } = window.location; + + if (pathname === "/") { + new DefaultPage({ + $target: $editorPage, + }); + } else { + new DocumentTilte({ + $target: $editorPage, + }); + } + } + + hide() { const { $editorPage } = this; + const childComponent = $editorPage.firstElementChild; + if (childComponent) { + childComponent.remove(); + } } } diff --git a/src/components/sidebar/DocumentList.js b/src/components/sidebar/DocumentList.js index 75c4a1cb..5d01d03f 100644 --- a/src/components/sidebar/DocumentList.js +++ b/src/components/sidebar/DocumentList.js @@ -23,7 +23,8 @@ export default class DocumentList { this.$list.addEventListener("click", (event) => { const targetDocument = event.target; if (targetDocument.classList.contains("select-document")) { - console.log(targetDocument); + history.pushState(null, null, `/${targetDocument.id}`); + store.documentGet(targetDocument.id); } if (targetDocument.classList.contains("toggle-folder")) { diff --git a/src/components/sidebar/SidebarPage.js b/src/components/sidebar/SidebarPage.js index 2d6f67f4..1f80cd11 100644 --- a/src/components/sidebar/SidebarPage.js +++ b/src/components/sidebar/SidebarPage.js @@ -1,7 +1,5 @@ import DocumentList from "./DocumentList.js"; import DocumentAddBtn from "./DocumnetAddBtn.js"; -import store from "../../util/Store.js"; - export default class SidebarPage { constructor({ $target }) { this.$sidebarPage = document.createElement("setion"); diff --git a/src/style.css b/src/style.css index 5d8a9914..1c5bb235 100644 --- a/src/style.css +++ b/src/style.css @@ -122,7 +122,7 @@ table { /* ----------------------------------css 초기화---------------------------------------------- */ .editor-section { - background-color: pink; + background-color: rgb(113, 105, 156); width: 70vw; height: 100vh; } @@ -147,3 +147,11 @@ main { .document-group { border-left: solid 1px rgba(163, 163, 163, 0.678); } + +.editor-default-section { + width: 100%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; +} diff --git a/src/util/Store.js b/src/util/Store.js index 9568a7a2..b341266e 100644 --- a/src/util/Store.js +++ b/src/util/Store.js @@ -5,7 +5,6 @@ class Store { this.state = { documentsTree: [], documentContent: {}, - selectDocumentId: 0, }; } sidebarSubscribers = []; @@ -51,6 +50,22 @@ class Store { }); await this.documentsGet(); } + + async documentGet(id) { + const response = await request(`/documents/${id}`); + this.setState({ ...this.state, documentContent: response }); + this.notifyEditor(); + } + + async documentTitlePut({ id, title }) { + const { content } = this.state.documentContent; + console.log(title); + await request(`/documents/${id}`, { + method: "PUT", + body: JSON.stringify({ title, content }), + }); + await this.documentsGet(); + } } const store = new Store(); diff --git a/src/util/router.js b/src/util/router.js new file mode 100644 index 00000000..6447f388 --- /dev/null +++ b/src/util/router.js @@ -0,0 +1,11 @@ +import store from "./Store.js"; + +const handlePopState = () => { + store.documentsGet(); + store.documentGet(window.location.pathname.substring(1)); +}; + +export const popRouter = () => { + window.addEventListener("popstate", handlePopState); + handlePopState(); +}; diff --git a/webpack.config.js b/webpack.config.js index bb5f7846..911a0526 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -37,6 +37,7 @@ module.exports = { }), ], devServer: { + historyApiFallback: true, static: { directory: path.join(__dirname, "dist"), }, From 5545d5afc01202675e0e0a3fc70dc82c332e8462 Mon Sep 17 00:00:00 2001 From: hyeonjun-L Date: Tue, 4 Jul 2023 10:17:16 +0900 Subject: [PATCH 08/15] =?UTF-8?q?Fix:=20router=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/editor/EditorPage.js | 3 ++- src/components/sidebar/DocumentList.js | 2 +- src/util/api.js | 3 ++- src/util/router.js | 6 +++++- webpack.config.js | 2 ++ 5 files changed, 12 insertions(+), 4 deletions(-) diff --git a/src/components/editor/EditorPage.js b/src/components/editor/EditorPage.js index e7db194c..e7d60e61 100644 --- a/src/components/editor/EditorPage.js +++ b/src/components/editor/EditorPage.js @@ -20,12 +20,13 @@ export default class EditorPage { this.hide(); const { $editorPage } = this; const { pathname } = window.location; + const pattern = /^\/documents\/[0-9]+$/; if (pathname === "/") { new DefaultPage({ $target: $editorPage, }); - } else { + } else if (pattern.test(pathname)) { new DocumentTilte({ $target: $editorPage, }); diff --git a/src/components/sidebar/DocumentList.js b/src/components/sidebar/DocumentList.js index 5d01d03f..7bb2ceec 100644 --- a/src/components/sidebar/DocumentList.js +++ b/src/components/sidebar/DocumentList.js @@ -23,7 +23,7 @@ export default class DocumentList { this.$list.addEventListener("click", (event) => { const targetDocument = event.target; if (targetDocument.classList.contains("select-document")) { - history.pushState(null, null, `/${targetDocument.id}`); + history.pushState(null, null, `/documents/${targetDocument.id}`); store.documentGet(targetDocument.id); } diff --git a/src/util/api.js b/src/util/api.js index 8e7ec0e1..6a9fbff6 100644 --- a/src/util/api.js +++ b/src/util/api.js @@ -14,9 +14,10 @@ export const request = async (url, options = {}) => { return await res.json(); } - throw new Error("API 처리중 뭔가 이상합니다!"); + throw new Error("올바르지 않은 접근 입니다."); } catch (e) { alert(e.message); + history.replaceState(null, null, "/"); // 수정 뒤로가기 안되게 } }; diff --git a/src/util/router.js b/src/util/router.js index 6447f388..717f288d 100644 --- a/src/util/router.js +++ b/src/util/router.js @@ -1,8 +1,12 @@ import store from "./Store.js"; const handlePopState = () => { + const { pathname } = window.location; + const [, pathSegment, id] = pathname.split("/"); store.documentsGet(); - store.documentGet(window.location.pathname.substring(1)); + if (pathSegment === "documents") { + store.documentGet(id); + } }; export const popRouter = () => { diff --git a/webpack.config.js b/webpack.config.js index 911a0526..51c73d4a 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -10,6 +10,7 @@ module.exports = { filename: "main.js", path: path.resolve(__dirname, "dist"), clean: true, + publicPath: "/", }, module: { rules: [ @@ -34,6 +35,7 @@ module.exports = { new HtmlWebpackPlugin({ filename: "index.html", template: path.resolve(__dirname, "src/index.html"), + publicPath: "/", }), ], devServer: { From 132f34ec5b42d1b9ab7cc2a9d57dd32920855219 Mon Sep 17 00:00:00 2001 From: hyeonjun-L Date: Wed, 5 Jul 2023 15:24:43 +0900 Subject: [PATCH 09/15] =?UTF-8?q?Feat:=20Rich=20text=20Editor=20=EA=B8=B0?= =?UTF-8?q?=EB=8A=A5=20=EA=B5=AC=ED=98=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/editor/DocumentEditor.js | 82 +++++++++++++ src/components/editor/DocumentTitle.js | 3 - src/components/editor/DocumentToolbar.js | 148 +++++++++++++++++++++++ src/components/editor/EditorPage.js | 16 ++- src/components/sidebar/DocumentList.js | 2 +- src/style.css | 129 ++++---------------- src/util/Store.js | 4 +- src/util/api.js | 2 +- src/util/router.js | 2 + 9 files changed, 270 insertions(+), 118 deletions(-) create mode 100644 src/components/editor/DocumentEditor.js create mode 100644 src/components/editor/DocumentToolbar.js diff --git a/src/components/editor/DocumentEditor.js b/src/components/editor/DocumentEditor.js new file mode 100644 index 00000000..5acf6a50 --- /dev/null +++ b/src/components/editor/DocumentEditor.js @@ -0,0 +1,82 @@ +import store from "../../util/Store"; + +export default class DocumentEditor { + constructor({ $target }) { + this.$editor = document.createElement("div"); + this.$editor.setAttribute("id", "documentContent"); + this.$editor.setAttribute("contenteditable", "true"); + $target.appendChild(this.$editor); + this.initEvent(); + this.render(); + } + + applyStyles() { + const style = store.state.selectedStyles; + document.execCommand(style); + store.state.selectedStyles = ""; + } + + initEvent() { + let timer = null; + let delay = 1000; + this.$editor.addEventListener("input", () => { + clearTimeout(timer); + + timer = setTimeout(() => {}, delay); + }); + + this.$editor.addEventListener("keydown", (event) => { + this.applyStyles(); // 다음 입력에 선택된 스타일 적용 + }); + } + + render() { + this.$editor.focus(); + } +} + +// store.state.documentContent.content; + +// const content = this.$editor.innerHTML; +// this.$editor.innerHTML = this.parseMarkdown(content); + +// this.$editor.addEventListener("keydown", (event) => { +// if (event.key === "Enter") { +// event.preventDefault(); // 기본 동작 방지 + +// const selection = document.getSelection(); +// const range = selection.getRangeAt(0); +// const br = document.createElement("br"); + +// range.deleteContents(); +// range.insertNode(br); +// range.setStartAfter(br); +// range.collapse(true); +// selection.removeAllRanges(); +// selection.addRange(range); +// } +// }); + +// parseMarkdown = (text) => { +// const rules = [ +// [ +// /(\#{1,6})\s?(.+)/, +// ([h = [], text]) => `${text}`, +// ], +// [/\*\*(.+?)\*\*/, "$1"], +// [/\*(.+?)\*/, "$1"], +// [/\[(.+)\]\((.+)\)/, '$1'], +// [/^1\.\s(.+)/, "
              1. $1
              "], +// [/^-\s(.+)/, "
              • $1
              "], +// ]; +// let html = text; +// rules.forEach(([rule, replacement]) => { +// html = html.replace( +// rule, +// typeof replacement === "function" +// ? replacement((rule.exec(html) ?? []).slice(1)) +// : replacement +// ); +// }); +// return html; +// }; diff --git a/src/components/editor/DocumentTitle.js b/src/components/editor/DocumentTitle.js index e18475aa..4b91cfad 100644 --- a/src/components/editor/DocumentTitle.js +++ b/src/components/editor/DocumentTitle.js @@ -8,9 +8,6 @@ export default class DocumentTilte { this.initEvent(); this.render(); } - // console.log(timer === null); - // if (timer !== null) { - // } initEvent() { const { $title } = this; diff --git a/src/components/editor/DocumentToolbar.js b/src/components/editor/DocumentToolbar.js new file mode 100644 index 00000000..070d189d --- /dev/null +++ b/src/components/editor/DocumentToolbar.js @@ -0,0 +1,148 @@ +import store from "../../util/Store"; + +export default class DocumentToolbar { + constructor({ $target }) { + this.$toolbar = document.createElement("div"); + this.$toolbar.classList.add("document-toolbar"); + this.$toolbar.innerHTML = ` + + + + + + + + + + + + + + + + + `; + // + // + // + // + // + // + this.initEvent(); + $target.appendChild(this.$toolbar); + } + + applyStyle(action) { + const [textStyle, parentNode] = this.getSelectedTextStyle(); + const formattedElement = document.createElement("span"); + const selectedTextContent = this.getSelectedTextContent(); + store.state.selectedStyles = action; + console.log(parentNode); + if (action === "bold") { + const isBold = textStyle && textStyle.fontWeight === "700"; + formattedElement.style.fontWeight = isBold ? "normal" : "bold"; + } else if (action === "italic") { + const isItalic = textStyle && textStyle.fontStyle === "italic"; + formattedElement.style.fontStyle = isItalic ? "normal" : "italic"; + } else if (action === "underline") { + const isUnderline = + textStyle && textStyle.textDecoration.includes("underline"); + formattedElement.style.textDecoration = isUnderline + ? "none" + : "underline"; // 부모태그로 인해 안사라짐 + } else if (action === "removeFormat") { + formattedElement.style.fontWeight = "normal"; + formattedElement.style.fontStyle = "normal"; + formattedElement.style.textDecoration = "none"; + } + this.wrapSelectedText(formattedElement, selectedTextContent); + } + + applySort(action) { + document.execCommand(action); + } + + getSelectedTextContent() { + const selection = document.getSelection(); + if (selection.rangeCount > 0) { + const range = selection.getRangeAt(0); + return range.cloneContents(); + } + return null; + } + + getSelectedTextStyle() { + const selection = document.getSelection(); + const node = selection.anchorNode; + if (node) { + return [getComputedStyle(node.parentElement), node.parentElement]; + } + return null; + } + + wrapSelectedText(wrapper, content) { + const selection = document.getSelection(); + const range = selection.getRangeAt(0); + wrapper.appendChild(content); + range.deleteContents(); + range.insertNode(wrapper); + range.setStartBefore(wrapper); + range.setEndAfter(wrapper); + selection.removeAllRanges(); + selection.addRange(range); + } + + initEvent() { + this.$toolbar.addEventListener("click", (event) => { + const { target } = event; + const action = target.dataset.action; + + if (target.tagName === "BUTTON") { + switch (target.classList.value) { + case "action-style-btn": + this.applyStyle(action); + break; + case "action-sort-btn": + this.applySort(action); + break; + } + } + }); + } +} + +// case "h1": +// case "h2": +// case "h3": +// case "h4": +// case "h5": +// case "h6": +// this.applyHeading(action); +// break; +// switch (action) { +// case "bold": +// this.applyBold(); +// break; +// case "underline": +// this.applyUnderline(); +// break; +// case "removeFormat": +// // ...생략... +// break; + +// ...생략... +// } + +// applyUnderline() { +// const selectedTextContent = this.getSelectedTextContent(); +// const formattedElement = document.createElement("span"); +// formattedElement.style.textDecoration = "underline"; +// this.wrapSelectedText(formattedElement, selectedTextContent); +// } + +// applyHeading(level) { +// const selectedTextContent = this.getSelectedTextContent(); +// const headingElement = document.createElement(level); +// store.state.selectedStyles = level; +// this.wrapSelectedText(headingElement, selectedTextContent); +// } diff --git a/src/components/editor/EditorPage.js b/src/components/editor/EditorPage.js index e7d60e61..1e08d158 100644 --- a/src/components/editor/EditorPage.js +++ b/src/components/editor/EditorPage.js @@ -1,6 +1,8 @@ import DocumentTilte from "./DocumentTitle.js"; import DefaultPage from "./DefaultPage.js"; import store from "../../util/Store.js"; +import DocumentEditor from "./DocumentEditor.js"; +import DocumentToolbar from "./DocumentToolbar.js"; export default class EditorPage { constructor({ $target }) { @@ -30,14 +32,22 @@ export default class EditorPage { new DocumentTilte({ $target: $editorPage, }); + + new DocumentToolbar({ + $target: $editorPage, + }); + + new DocumentEditor({ + $target: $editorPage, + }); } } hide() { const { $editorPage } = this; - const childComponent = $editorPage.firstElementChild; - if (childComponent) { - childComponent.remove(); + + while ($editorPage.firstChild) { + $editorPage.removeChild($editorPage.firstChild); } } } diff --git a/src/components/sidebar/DocumentList.js b/src/components/sidebar/DocumentList.js index 7bb2ceec..3ca79a07 100644 --- a/src/components/sidebar/DocumentList.js +++ b/src/components/sidebar/DocumentList.js @@ -41,7 +41,7 @@ export default class DocumentList { $subfolder.style.display = "none"; $subfolder.dataset.toggle = "false"; targetDocument.style.transform = "rotate(-90deg)"; - } else { + } else if (folded === "false") { const foldedList = getItem("folded", []); foldedList.splice(foldedList.indexOf($targetParent.id), 1); setItem("folded", [...foldedList]); diff --git a/src/style.css b/src/style.css index 1c5bb235..d5e94cba 100644 --- a/src/style.css +++ b/src/style.css @@ -1,82 +1,5 @@ html, body, -div, -span, -applet, -object, -iframe, -h1, -h2, -h3, -h4, -h5, -h6, -p, -blockquote, -pre, -a, -abbr, -acronym, -address, -big, -cite, -code, -del, -dfn, -em, -img, -ins, -kbd, -q, -s, -samp, -small, -strike, -strong, -sub, -sup, -tt, -var, -b, -u, -i, -center, -dl, -dt, -dd, -ol, -li, -fieldset, -form, -label, -legend, -table, -caption, -tbody, -tfoot, -thead, -tr, -th, -td, -article, -aside, -canvas, -details, -embed, -figure, -figcaption, -footer, -header, -hgroup, -menu, -nav, -output, -ruby, -section, -summary, -time, -mark, -audio, video { margin: 0; padding: 0; @@ -85,41 +8,21 @@ video { font: inherit; vertical-align: baseline; } -/* HTML5 display-role reset for older browsers */ -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -menu, -nav, -section { - display: block; + +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 0; + padding: 0; + border: 0; } + body { line-height: 1; } -ol, -blockquote, -q { - quotes: none; -} -blockquote:before, -blockquote:after, -q:before, -q:after { - content: ""; - content: none; -} -table { - border-collapse: collapse; - border-spacing: 0; -} - -/* ----------------------------------css 초기화---------------------------------------------- */ .editor-section { background-color: rgb(113, 105, 156); @@ -155,3 +58,13 @@ main { justify-content: center; align-items: center; } + +.editor-section #documentContent { + width: 100%; + height: 100%; + background-color: rgb(194, 191, 191); +} + +.document-toolbar { + display: flex; +} diff --git a/src/util/Store.js b/src/util/Store.js index b341266e..027896ed 100644 --- a/src/util/Store.js +++ b/src/util/Store.js @@ -5,6 +5,7 @@ class Store { this.state = { documentsTree: [], documentContent: {}, + selectedStyles: "", }; } sidebarSubscribers = []; @@ -59,8 +60,7 @@ class Store { async documentTitlePut({ id, title }) { const { content } = this.state.documentContent; - console.log(title); - await request(`/documents/${id}`, { + await request(`/${id}`, { method: "PUT", body: JSON.stringify({ title, content }), }); diff --git a/src/util/api.js b/src/util/api.js index 6a9fbff6..f5d0a9a2 100644 --- a/src/util/api.js +++ b/src/util/api.js @@ -17,7 +17,7 @@ export const request = async (url, options = {}) => { throw new Error("올바르지 않은 접근 입니다."); } catch (e) { alert(e.message); - history.replaceState(null, null, "/"); // 수정 뒤로가기 안되게 + history.replaceState(null, null, "/"); } }; diff --git a/src/util/router.js b/src/util/router.js index 717f288d..495c7c72 100644 --- a/src/util/router.js +++ b/src/util/router.js @@ -6,6 +6,8 @@ const handlePopState = () => { store.documentsGet(); if (pathSegment === "documents") { store.documentGet(id); + } else { + store.notifyEditor(); } }; From c99b3f2cae61d45a6f86ba878f6cea733eeacdee Mon Sep 17 00:00:00 2001 From: hyeonjun-L Date: Thu, 6 Jul 2023 02:29:10 +0900 Subject: [PATCH 10/15] =?UTF-8?q?Feat:=20Document=20List=20=EC=83=9D?= =?UTF-8?q?=EC=84=B1=20=EC=82=AD=EC=A0=9C=20=EB=B2=84=ED=8A=BC=20hidden=20?= =?UTF-8?q?=EA=B5=AC=ED=98=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/documentImg.svg | 1 + public/plusImg.svg | 1 + src/components/sidebar/DocumentInput.js | 9 +- src/components/sidebar/DocumentList.js | 33 ++++-- src/components/sidebar/DocumentListEditor.js | 4 +- src/components/sidebar/DocumnetAddBtn.js | 6 +- src/style.css | 115 ++++++++++++++++--- 7 files changed, 131 insertions(+), 38 deletions(-) create mode 100644 public/documentImg.svg create mode 100644 public/plusImg.svg diff --git a/public/documentImg.svg b/public/documentImg.svg new file mode 100644 index 00000000..c8c92a73 --- /dev/null +++ b/public/documentImg.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/plusImg.svg b/public/plusImg.svg new file mode 100644 index 00000000..416ed05c --- /dev/null +++ b/public/plusImg.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/sidebar/DocumentInput.js b/src/components/sidebar/DocumentInput.js index cd6388d3..4f56f4c5 100644 --- a/src/components/sidebar/DocumentInput.js +++ b/src/components/sidebar/DocumentInput.js @@ -1,4 +1,5 @@ import store from "../../util/Store.js"; +import plusImg from "../../../public/plusImg.svg"; export default class DocumentInput { constructor({ $target, targetId }) { this.targetId = targetId; @@ -8,9 +9,9 @@ export default class DocumentInput { this.hide(); } - this.$inputContainer = document.createElement("ul"); + this.$inputContainer = document.createElement("form"); this.$inputContainer.classList.add("input-container"); - $target.insertAdjacentElement("afterend", this.$inputContainer); + $target.insertAdjacentElement("beforeend", this.$inputContainer); this.initEvent(); this.render(); } @@ -31,10 +32,8 @@ export default class DocumentInput { render() { this.$inputContainer.innerHTML = ` - - - + `; this.$inputContainer.querySelector("input[type='text']").focus(); } diff --git a/src/components/sidebar/DocumentList.js b/src/components/sidebar/DocumentList.js index 3ca79a07..fccc8e22 100644 --- a/src/components/sidebar/DocumentList.js +++ b/src/components/sidebar/DocumentList.js @@ -1,11 +1,12 @@ import { DocumentListEditor } from "./index"; import arrowImg from "../../../public/arrowImg.svg"; +import documentImg from "../../../public/documentImg.svg"; import store from "../../util/Store.js"; -import { setItem, getItem } from "../../util/storage.js"; +import { setItem, getItem } from "../../util/storage.js"; // 분리 export default class DocumentList { constructor({ $target }) { - this.$list = document.createElement("ul"); + this.$list = document.createElement("div"); this.$list.classList.add("document-list"); this.state = store.state.documentsTree; this.foldedList = getItem("folded", []); @@ -22,7 +23,10 @@ export default class DocumentList { initEvent() { this.$list.addEventListener("click", (event) => { const targetDocument = event.target; - if (targetDocument.classList.contains("select-document")) { + if ( + targetDocument.classList.contains("document-list-title") || + targetDocument.classList.contains(" select-document") + ) { history.pushState(null, null, `/documents/${targetDocument.id}`); store.documentGet(targetDocument.id); } @@ -84,17 +88,22 @@ export default class DocumentList { } const nextDocument = document.documents; - string += `
              - arrow.svg - ${document.title} -
              `; - if (!!nextDocument) { - string += `
                `; - for (const documents of nextDocument) { - string = this.createCustomListString(documents, string); + string += ` + ${ + nextDocument.length + ? `arrow.svg` + : "" } - string += "
              "; + document.svg + ${ + document.title + } + `; + string += `
                `; + for (const documents of nextDocument) { + string = this.createCustomListString(documents, string); } + string += "
              "; return string; } diff --git a/src/components/sidebar/DocumentListEditor.js b/src/components/sidebar/DocumentListEditor.js index 19df4b7c..f0b87413 100644 --- a/src/components/sidebar/DocumentListEditor.js +++ b/src/components/sidebar/DocumentListEditor.js @@ -27,9 +27,9 @@ export default class DocumentListEditor { render() { this.$editor.innerHTML = ` - + - + `; } diff --git a/src/components/sidebar/DocumnetAddBtn.js b/src/components/sidebar/DocumnetAddBtn.js index a1f01100..6e38a1be 100644 --- a/src/components/sidebar/DocumnetAddBtn.js +++ b/src/components/sidebar/DocumnetAddBtn.js @@ -1,9 +1,9 @@ import DocumentInput from "./DocumentInput.js"; export default class DocumentAddBtn { - constructor({ $target, sendCreateFolderRequest }) { + constructor({ $target }) { this.$target = $target; this.$button = document.createElement("form"); - this.sendCreateFolderRequest = sendCreateFolderRequest; + this.$button.classList.add("document-button-form"); $target.appendChild(this.$button); this.initEvent(); this.render(); @@ -20,7 +20,7 @@ export default class DocumentAddBtn { render() { this.$button.innerHTML = ` - + `; } } diff --git a/src/style.css b/src/style.css index d5e94cba..0870996a 100644 --- a/src/style.css +++ b/src/style.css @@ -22,49 +22,132 @@ h6 { body { line-height: 1; + width: 100vw; + height: 100vh; +} + +main { + display: flex; } .editor-section { background-color: rgb(113, 105, 156); width: 70vw; height: 100vh; + display: flex; + flex-wrap: wrap; +} + +.select-document:hover { + background-color: lightblue; +} + +.editor-default-section { + width: 100%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; +} + +.editor-section #documentContent { + width: 100%; + height: 70%; + background-color: rgb(194, 191, 191); +} + +.document-toolbar { + display: flex; + flex-wrap: wrap; +} + +input:focus { + outline: none; } +/* ========================= */ .sidebar-setion { width: 30vw; height: 100vh; -} -main { + background: rgb(255, 255, 255); + min-width: 343px; display: flex; + flex-direction: column; + justify-content: space-between; } .sidebar-setion ul { - padding-left: 15px; + padding-left: 30px; + margin: 0; } -.select-document:hover { - background-color: lightblue; +.document-button-form button { + width: 85%; + height: 100px; + background: rgb(1, 196, 212); + border-radius: 10px; + border: none; + + font-size: 20px; + font-weight: 700; + color: aliceblue; + + margin: 15% 5%; + + cursor: pointer; +} + +.document-list { + padding-left: 5px; + max-height: 70%; + overflow: auto; } .document-group { - border-left: solid 1px rgba(163, 163, 163, 0.678); + border-left: solid 2px rgba(30, 175, 201, 0.678); } -.editor-default-section { - width: 100%; - height: 100%; +.input-container input { + border: none; + border-right: 5px solid rgba(30, 175, 201, 0.678); + border-left: 1px solid rgba(30, 175, 201, 0.678); + border-radius: 2px; + height: 30px; + box-shadow: 0px 5px 12px 0 rgba(30, 175, 201, 0.278); +} + +.input-container button { + border: none; + background: rgb(1, 196, 212); + box-shadow: 5px 5px 5px rgba(30, 175, 201, 0.278); + cursor: pointer; + color: white; +} + +.select-document { display: flex; - justify-content: center; align-items: center; + position: relative; + height: 30px; + cursor: pointer; + + white-space: nowrap; } -.editor-section #documentContent { - width: 100%; - height: 100%; - background-color: rgb(194, 191, 191); +.document-list-title { + flex: 1 1 auto; + overflow: hidden; } -.document-toolbar { - display: flex; +.select-document img { + margin: 0 6px 0 3px; +} + +.select-document button { + border: none; + background: rgb(1, 196, 212); + box-shadow: 5px 5px 5px rgba(30, 175, 201, 0.278); + cursor: pointer; + color: white; } From dd42ccb4bfbc27f2366f6146a0a6862a999ac38e Mon Sep 17 00:00:00 2001 From: hyeonjun-L Date: Thu, 6 Jul 2023 02:50:33 +0900 Subject: [PATCH 11/15] =?UTF-8?q?Feat:=20=ED=8F=B4=EB=8D=94=20=EC=A0=91?= =?UTF-8?q?=ED=98=80=EC=9E=88=EC=9D=84=20=EB=95=8C=20=EC=83=9D=EC=84=B1?= =?UTF-8?q?=EC=8B=9C=20=ED=8F=B4=EB=8D=94=20=EC=97=B4=EB=A6=AC=EA=B2=8C=20?= =?UTF-8?q?=EA=B5=AC=ED=98=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/sidebar/DocumentList.js | 5 +---- src/components/sidebar/DocumentListEditor.js | 12 ++++++++++++ src/style.css | 1 + 3 files changed, 14 insertions(+), 4 deletions(-) diff --git a/src/components/sidebar/DocumentList.js b/src/components/sidebar/DocumentList.js index fccc8e22..66b91cd5 100644 --- a/src/components/sidebar/DocumentList.js +++ b/src/components/sidebar/DocumentList.js @@ -23,10 +23,7 @@ export default class DocumentList { initEvent() { this.$list.addEventListener("click", (event) => { const targetDocument = event.target; - if ( - targetDocument.classList.contains("document-list-title") || - targetDocument.classList.contains(" select-document") - ) { + if (targetDocument.classList.contains("select-document")) { history.pushState(null, null, `/documents/${targetDocument.id}`); store.documentGet(targetDocument.id); } diff --git a/src/components/sidebar/DocumentListEditor.js b/src/components/sidebar/DocumentListEditor.js index f0b87413..de22fc29 100644 --- a/src/components/sidebar/DocumentListEditor.js +++ b/src/components/sidebar/DocumentListEditor.js @@ -1,5 +1,6 @@ import store from "../../util/Store.js"; import DocumentInput from "./DocumentInput.js"; +import { getItem, setItem } from "../../util/storage.js"; export default class DocumentListEditor { constructor({ $target }) { this.$editor = document.createElement("span"); @@ -15,10 +16,21 @@ export default class DocumentListEditor { event.preventDefault(); const action = event.target.dataset.action; if (action === "produce") { + const foldedList = getItem("folded", []); new DocumentInput({ $target: this.$target.nextElementSibling, targetId: this.$target.id, }); + if (foldedList.includes(this.$target.id)) { + foldedList.splice(foldedList.indexOf(this.$target.id), 1); + setItem("folded", [...foldedList]); + const $subfolder = this.$target.nextElementSibling; + const targetDocument = this.$target.firstElementChild; + + $subfolder.style.display = ""; + $subfolder.dataset.toggle = "true"; + targetDocument.style.transform = "rotate(0deg)"; + } } else if (action === "delete") { store.documentDelete(this.$target.id); } diff --git a/src/style.css b/src/style.css index 0870996a..f63cdbdb 100644 --- a/src/style.css +++ b/src/style.css @@ -138,6 +138,7 @@ input:focus { .document-list-title { flex: 1 1 auto; overflow: hidden; + text-overflow: ellipsis; } .select-document img { From 2ba199de20a7e0ae07588df13e9a48d39498b843 Mon Sep 17 00:00:00 2001 From: hyeonjun-L Date: Thu, 6 Jul 2023 03:04:22 +0900 Subject: [PATCH 12/15] =?UTF-8?q?Feat:=20Document=20=EC=83=9D=EC=84=B1?= =?UTF-8?q?=EC=8B=9C=20=EB=B0=94=EB=A1=9C=20=EC=9D=B4=EB=8F=99=20=EA=B5=AC?= =?UTF-8?q?=ED=98=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/sidebar/DocumentInput.js | 9 +++++++-- src/util/Store.js | 5 +++-- 2 files changed, 10 insertions(+), 4 deletions(-) diff --git a/src/components/sidebar/DocumentInput.js b/src/components/sidebar/DocumentInput.js index 4f56f4c5..54a9fb58 100644 --- a/src/components/sidebar/DocumentInput.js +++ b/src/components/sidebar/DocumentInput.js @@ -25,8 +25,13 @@ export default class DocumentInput { const inputElement = event.target.querySelector("input[type='text']"); const { value } = inputElement; - store.documentProduce({ title: value, parent: targetId }); - this.hide(); + const newId = await store.documentProduce({ + title: value, + parent: targetId, + }); + history.pushState(null, null, `/documents/${newId}`); + store.documentGet(newId); + store.documentsGet(); }); } diff --git a/src/util/Store.js b/src/util/Store.js index 027896ed..4523aec2 100644 --- a/src/util/Store.js +++ b/src/util/Store.js @@ -38,11 +38,12 @@ class Store { } async documentProduce(post) { - await request("/documents", { + const { id } = await request("/documents", { method: "POST", body: JSON.stringify(post), }); - await this.documentsGet(); + return id; + // await this.documentsGet(); } async documentDelete(id) { From 40f6d411f98aaa60656ea865419888a676e72bb3 Mon Sep 17 00:00:00 2001 From: hyeonjun-L Date: Thu, 6 Jul 2023 03:57:20 +0900 Subject: [PATCH 13/15] =?UTF-8?q?Feat:=20localstorage=20content=20?= =?UTF-8?q?=EC=9E=84=EC=8B=9C=20=EC=A0=80=EC=9E=A5=20=EA=B8=B0=EB=8A=A5=20?= =?UTF-8?q?=EA=B5=AC=ED=98=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/editor/DocumentEditor.js | 18 +++++++++++--- src/components/sidebar/DocumentList.js | 6 ++++- src/util/Store.js | 33 +++++++++++++++++++++++-- 3 files changed, 50 insertions(+), 7 deletions(-) diff --git a/src/components/editor/DocumentEditor.js b/src/components/editor/DocumentEditor.js index 5acf6a50..ff2fc76b 100644 --- a/src/components/editor/DocumentEditor.js +++ b/src/components/editor/DocumentEditor.js @@ -1,10 +1,12 @@ import store from "../../util/Store"; - +import { setItem } from "../../util/storage"; export default class DocumentEditor { constructor({ $target }) { + const { pathname } = window.location; this.$editor = document.createElement("div"); this.$editor.setAttribute("id", "documentContent"); this.$editor.setAttribute("contenteditable", "true"); + this.documentId = pathname.split("/")[2]; $target.appendChild(this.$editor); this.initEvent(); this.render(); @@ -19,10 +21,15 @@ export default class DocumentEditor { initEvent() { let timer = null; let delay = 1000; - this.$editor.addEventListener("input", () => { - clearTimeout(timer); + this.$editor.addEventListener("input", (event) => { + const content = event.target.innerHTML; + const currentTime = new Date().toISOString(); - timer = setTimeout(() => {}, delay); + clearTimeout(timer); + setItem(this.documentId, { content, saveTime: currentTime }); + timer = setTimeout(async () => { + await store.documentContentPut({ id: this.documentId, content }); + }, delay); }); this.$editor.addEventListener("keydown", (event) => { @@ -32,6 +39,9 @@ export default class DocumentEditor { render() { this.$editor.focus(); + + const content = store.state.documentContent.content ?? ""; + this.$editor.innerHTML = content; } } diff --git a/src/components/sidebar/DocumentList.js b/src/components/sidebar/DocumentList.js index 66b91cd5..9f22c9c2 100644 --- a/src/components/sidebar/DocumentList.js +++ b/src/components/sidebar/DocumentList.js @@ -23,7 +23,11 @@ export default class DocumentList { initEvent() { this.$list.addEventListener("click", (event) => { const targetDocument = event.target; - if (targetDocument.classList.contains("select-document")) { + + if ( + targetDocument.classList.contains("select-document") || + targetDocument.classList.contains("document-list-title") + ) { history.pushState(null, null, `/documents/${targetDocument.id}`); store.documentGet(targetDocument.id); } diff --git a/src/util/Store.js b/src/util/Store.js index 4523aec2..99214333 100644 --- a/src/util/Store.js +++ b/src/util/Store.js @@ -1,5 +1,5 @@ import { request } from "./api.js"; - +import { getItem } from "./storage.js"; class Store { constructor() { this.state = { @@ -54,8 +54,28 @@ class Store { } async documentGet(id) { + const saveLocalData = getItem(id, false); const response = await request(`/documents/${id}`); - this.setState({ ...this.state, documentContent: response }); + const { updatedAt } = response; + + if (saveLocalData) { + const { content, saveTime } = saveLocalData; + + const localTime = new Date(saveTime); + const serverTime = new Date(updatedAt); + + if (localTime.getTime() < serverTime.getTime()) { + this.setState({ ...this.state, documentContent: response }); + } else { + this.setState({ + ...this.state, + documentContent: { + ...this.state.documentContent, + content: content, + }, + }); + } + } this.notifyEditor(); } @@ -67,6 +87,15 @@ class Store { }); await this.documentsGet(); } + + async documentContentPut({ id, content }) { + const { title } = this.state.documentContent; + + await request(`/documents/${id}`, { + method: "PUT", + body: JSON.stringify({ title, content }), + }); + } } const store = new Store(); From f791c0350a4ebb063787852f8efa4b57b65858d0 Mon Sep 17 00:00:00 2001 From: hyeonjun-L Date: Thu, 6 Jul 2023 20:25:48 +0900 Subject: [PATCH 14/15] =?UTF-8?q?Feat/Fix=20:=20=EC=8A=A4=ED=83=80?= =?UTF-8?q?=EC=9D=BC=20=EC=88=98=EC=A0=95=20=EB=B0=8F=20=ED=95=98=EC=9C=84?= =?UTF-8?q?=ED=8F=B4=EB=8D=94=20=EB=AA=A9=EB=A1=9D=20view=20=EA=B8=B0?= =?UTF-8?q?=EB=8A=A5=20=EA=B5=AC=ED=98=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/boldImg.svg | 6 + public/broomImg.svg | 40 ++++ public/documentImg.svg | 3 +- public/index.js | 13 ++ public/insertOrderedListImg.svg | 210 +++++++++++++++++++ public/insertUnorderedListImg.svg | 210 +++++++++++++++++++ public/italicImg.svg | 4 + public/justifyCenterImg.svg | 7 + public/justifyLeftImg.svg | 7 + public/justifyRightImg.svg | 7 + public/strikeThroughImg.svg | 4 + public/underlineImg.svg | 6 + src/components/editor/DocumentEditor.js | 8 +- src/components/editor/DocumentToolbar.js | 112 +++++----- src/components/editor/EditorPage.js | 6 +- src/components/editor/SubfolderView.js | 24 +++ src/components/sidebar/DocumentList.js | 21 +- src/components/sidebar/DocumentListEditor.js | 8 +- src/components/sidebar/DocumnetAddBtn.js | 8 +- src/style.css | 82 ++++++-- src/util/Store.js | 11 +- 21 files changed, 705 insertions(+), 92 deletions(-) create mode 100644 public/boldImg.svg create mode 100644 public/broomImg.svg create mode 100644 public/index.js create mode 100644 public/insertOrderedListImg.svg create mode 100644 public/insertUnorderedListImg.svg create mode 100644 public/italicImg.svg create mode 100644 public/justifyCenterImg.svg create mode 100644 public/justifyLeftImg.svg create mode 100644 public/justifyRightImg.svg create mode 100644 public/strikeThroughImg.svg create mode 100644 public/underlineImg.svg create mode 100644 src/components/editor/SubfolderView.js diff --git a/public/boldImg.svg b/public/boldImg.svg new file mode 100644 index 00000000..6d46570b --- /dev/null +++ b/public/boldImg.svg @@ -0,0 +1,6 @@ + + + +bold + + \ No newline at end of file diff --git a/public/broomImg.svg b/public/broomImg.svg new file mode 100644 index 00000000..75720742 --- /dev/null +++ b/public/broomImg.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/documentImg.svg b/public/documentImg.svg index c8c92a73..540731fc 100644 --- a/public/documentImg.svg +++ b/public/documentImg.svg @@ -1 +1,2 @@ - \ No newline at end of file + + \ No newline at end of file diff --git a/public/index.js b/public/index.js new file mode 100644 index 00000000..53b271ec --- /dev/null +++ b/public/index.js @@ -0,0 +1,13 @@ +export { default as arrowImg } from "./arrowImg.svg"; +export { default as documentImg } from "./documentImg.svg"; +export { default as plusImg } from "./plusImg.svg"; +export { default as boldImg } from "./boldImg.svg"; +export { default as italicImg } from "./italicImg.svg"; +export { default as justifyLeftImg } from "./justifyLeftImg.svg"; +export { default as justifyCenterImg } from "./justifyCenterImg.svg"; +export { default as justifyRightImg } from "./justifyRightImg.svg"; +export { default as insertOrderedListImg } from "./insertOrderedListImg.svg"; +export { default as insertUnorderedListImg } from "./insertUnorderedListImg.svg"; +export { default as underlineImg } from "./underlineImg.svg"; +export { default as strikeThroughImg } from "./strikeThroughImg.svg"; +export { default as broomImg } from "./broomImg.svg"; diff --git a/public/insertOrderedListImg.svg b/public/insertOrderedListImg.svg new file mode 100644 index 00000000..1ee67253 --- /dev/null +++ b/public/insertOrderedListImg.svg @@ -0,0 +1,210 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +1 + +2 + +3 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/insertUnorderedListImg.svg b/public/insertUnorderedListImg.svg new file mode 100644 index 00000000..3d61c0ca --- /dev/null +++ b/public/insertUnorderedListImg.svg @@ -0,0 +1,210 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/italicImg.svg b/public/italicImg.svg new file mode 100644 index 00000000..f72a3c52 --- /dev/null +++ b/public/italicImg.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/public/justifyCenterImg.svg b/public/justifyCenterImg.svg new file mode 100644 index 00000000..56d3835d --- /dev/null +++ b/public/justifyCenterImg.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/public/justifyLeftImg.svg b/public/justifyLeftImg.svg new file mode 100644 index 00000000..dfd3a170 --- /dev/null +++ b/public/justifyLeftImg.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/public/justifyRightImg.svg b/public/justifyRightImg.svg new file mode 100644 index 00000000..8effb20f --- /dev/null +++ b/public/justifyRightImg.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/public/strikeThroughImg.svg b/public/strikeThroughImg.svg new file mode 100644 index 00000000..3ce30478 --- /dev/null +++ b/public/strikeThroughImg.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/public/underlineImg.svg b/public/underlineImg.svg new file mode 100644 index 00000000..de431671 --- /dev/null +++ b/public/underlineImg.svg @@ -0,0 +1,6 @@ + + + +underline + + \ No newline at end of file diff --git a/src/components/editor/DocumentEditor.js b/src/components/editor/DocumentEditor.js index ff2fc76b..c6c167f7 100644 --- a/src/components/editor/DocumentEditor.js +++ b/src/components/editor/DocumentEditor.js @@ -2,12 +2,14 @@ import store from "../../util/Store"; import { setItem } from "../../util/storage"; export default class DocumentEditor { constructor({ $target }) { - const { pathname } = window.location; this.$editor = document.createElement("div"); this.$editor.setAttribute("id", "documentContent"); this.$editor.setAttribute("contenteditable", "true"); - this.documentId = pathname.split("/")[2]; $target.appendChild(this.$editor); + + const { pathname } = window.location; + this.documentId = pathname.split("/")[2]; + this.initEvent(); this.render(); } @@ -33,7 +35,7 @@ export default class DocumentEditor { }); this.$editor.addEventListener("keydown", (event) => { - this.applyStyles(); // 다음 입력에 선택된 스타일 적용 + this.applyStyles(); }); } diff --git a/src/components/editor/DocumentToolbar.js b/src/components/editor/DocumentToolbar.js index 070d189d..fdae9373 100644 --- a/src/components/editor/DocumentToolbar.js +++ b/src/components/editor/DocumentToolbar.js @@ -1,43 +1,76 @@ import store from "../../util/Store"; +import { + boldImg, + underlineImg, + italicImg, + justifyLeftImg, + justifyCenterImg, + justifyRightImg, + insertOrderedListImg, + insertUnorderedListImg, + strikeThroughImg, + broomImg, +} from "../../../public/index.js"; export default class DocumentToolbar { constructor({ $target }) { this.$toolbar = document.createElement("div"); this.$toolbar.classList.add("document-toolbar"); - this.$toolbar.innerHTML = ` - - - - - - - - + this.$toolbar.innerHTML = ` + + + + + + + - - + + - - - + + + `; + // // // // // // + this.initEvent(); $target.appendChild(this.$toolbar); } applyStyle(action) { - const [textStyle, parentNode] = this.getSelectedTextStyle(); + const textStyle = this.getSelectedTextStyle(); const formattedElement = document.createElement("span"); const selectedTextContent = this.getSelectedTextContent(); store.state.selectedStyles = action; - console.log(parentNode); + if (action === "bold") { const isBold = textStyle && textStyle.fontWeight === "700"; formattedElement.style.fontWeight = isBold ? "normal" : "bold"; @@ -49,12 +82,19 @@ export default class DocumentToolbar { textStyle && textStyle.textDecoration.includes("underline"); formattedElement.style.textDecoration = isUnderline ? "none" - : "underline"; // 부모태그로 인해 안사라짐 + : "underline"; } else if (action === "removeFormat") { formattedElement.style.fontWeight = "normal"; formattedElement.style.fontStyle = "normal"; formattedElement.style.textDecoration = "none"; + } else if (action === "strikeThrough") { + const isStrikeThrough = + textStyle && textStyle.textDecoration.includes("line-through"); + formattedElement.style.textDecoration = isStrikeThrough + ? "none" + : "line-through"; } + this.wrapSelectedText(formattedElement, selectedTextContent); } @@ -75,7 +115,7 @@ export default class DocumentToolbar { const selection = document.getSelection(); const node = selection.anchorNode; if (node) { - return [getComputedStyle(node.parentElement), node.parentElement]; + return getComputedStyle(node.parentElement); } return null; } @@ -110,39 +150,3 @@ export default class DocumentToolbar { }); } } - -// case "h1": -// case "h2": -// case "h3": -// case "h4": -// case "h5": -// case "h6": -// this.applyHeading(action); -// break; -// switch (action) { -// case "bold": -// this.applyBold(); -// break; -// case "underline": -// this.applyUnderline(); -// break; -// case "removeFormat": -// // ...생략... -// break; - -// ...생략... -// } - -// applyUnderline() { -// const selectedTextContent = this.getSelectedTextContent(); -// const formattedElement = document.createElement("span"); -// formattedElement.style.textDecoration = "underline"; -// this.wrapSelectedText(formattedElement, selectedTextContent); -// } - -// applyHeading(level) { -// const selectedTextContent = this.getSelectedTextContent(); -// const headingElement = document.createElement(level); -// store.state.selectedStyles = level; -// this.wrapSelectedText(headingElement, selectedTextContent); -// } diff --git a/src/components/editor/EditorPage.js b/src/components/editor/EditorPage.js index 1e08d158..195318a9 100644 --- a/src/components/editor/EditorPage.js +++ b/src/components/editor/EditorPage.js @@ -3,7 +3,7 @@ import DefaultPage from "./DefaultPage.js"; import store from "../../util/Store.js"; import DocumentEditor from "./DocumentEditor.js"; import DocumentToolbar from "./DocumentToolbar.js"; - +import SubfolderView from "./SubfolderView.js"; export default class EditorPage { constructor({ $target }) { this.$editorPage = document.createElement("section"); @@ -40,6 +40,10 @@ export default class EditorPage { new DocumentEditor({ $target: $editorPage, }); + + new SubfolderView({ + $target: $editorPage, + }); } } diff --git a/src/components/editor/SubfolderView.js b/src/components/editor/SubfolderView.js new file mode 100644 index 00000000..2609757e --- /dev/null +++ b/src/components/editor/SubfolderView.js @@ -0,0 +1,24 @@ +import store from "../../util/Store"; + +export default class SubfolderView { + constructor({ $target }) { + this.$SubfolderView = document.createElement("div"); + this.$SubfolderView.classList.add("subfolder-view"); + $target.appendChild(this.$SubfolderView); + this.render(); + } + + render() { + const { documents } = store.state.documentContent; + if (Array.isArray(documents)) { + if (documents.length > 0) { + const htmlString = `
              하위 폴더 목록
              ${documents + .map(({ id, title }) => { + return ``; + }) + .join("")}`; + this.$SubfolderView.innerHTML = htmlString; + } + } + } +} diff --git a/src/components/sidebar/DocumentList.js b/src/components/sidebar/DocumentList.js index 9f22c9c2..b4f58db1 100644 --- a/src/components/sidebar/DocumentList.js +++ b/src/components/sidebar/DocumentList.js @@ -10,13 +10,13 @@ export default class DocumentList { this.$list.classList.add("document-list"); this.state = store.state.documentsTree; this.foldedList = getItem("folded", []); + $target.appendChild(this.$list); store.subscribeSidebar(() => { this.setState(store.state.documentsTree); }); this.initEvent(); - $target.appendChild(this.$list); this.render(); } @@ -30,6 +30,7 @@ export default class DocumentList { ) { history.pushState(null, null, `/documents/${targetDocument.id}`); store.documentGet(targetDocument.id); + store.notifySidebar(); } if (targetDocument.classList.contains("toggle-folder")) { @@ -83,22 +84,27 @@ export default class DocumentList { createCustomListString(document, string) { let ulStyle = ""; let imgStyle = ""; - if (this.foldedList.includes(String(document.id))) { + let selectStyle = ""; + const currentDocumentId = String(document.id); + if (this.foldedList.includes(currentDocumentId)) { ulStyle = "style='display:none'"; imgStyle = "style='transform: rotate(-90deg)'"; } + if (this.documentId === currentDocumentId) { + selectStyle = "style='background-color:lightblue'"; + } const nextDocument = document.documents; - string += ` + string += ` ${ nextDocument.length ? `arrow.svg` : "" } document.svg - ${ - document.title - } + + ${document.title} + `; string += `
                `; for (const documents of nextDocument) { @@ -109,6 +115,9 @@ export default class DocumentList { } render() { + const { pathname } = window.location; + this.documentId = pathname.split("/")[2]; + const htmlString = this.state.reduce((acc, doc) => { return this.createCustomListString(doc, acc); }, ""); diff --git a/src/components/sidebar/DocumentListEditor.js b/src/components/sidebar/DocumentListEditor.js index de22fc29..e83f2b46 100644 --- a/src/components/sidebar/DocumentListEditor.js +++ b/src/components/sidebar/DocumentListEditor.js @@ -17,10 +17,6 @@ export default class DocumentListEditor { const action = event.target.dataset.action; if (action === "produce") { const foldedList = getItem("folded", []); - new DocumentInput({ - $target: this.$target.nextElementSibling, - targetId: this.$target.id, - }); if (foldedList.includes(this.$target.id)) { foldedList.splice(foldedList.indexOf(this.$target.id), 1); setItem("folded", [...foldedList]); @@ -34,6 +30,10 @@ export default class DocumentListEditor { } else if (action === "delete") { store.documentDelete(this.$target.id); } + new DocumentInput({ + $target: this.$target.nextElementSibling, + targetId: this.$target.id, + }); }); } diff --git a/src/components/sidebar/DocumnetAddBtn.js b/src/components/sidebar/DocumnetAddBtn.js index 6e38a1be..41b5ab03 100644 --- a/src/components/sidebar/DocumnetAddBtn.js +++ b/src/components/sidebar/DocumnetAddBtn.js @@ -12,9 +12,11 @@ export default class DocumentAddBtn { initEvent() { this.$button.addEventListener("click", (event) => { event.preventDefault(); - new DocumentInput({ - $target: this.$target.querySelector(".document-list"), - }); + if (event.target.tagName === "BUTTON") { + new DocumentInput({ + $target: this.$target.querySelector(".document-list"), + }); + } }); } diff --git a/src/style.css b/src/style.css index f63cdbdb..2d9e1427 100644 --- a/src/style.css +++ b/src/style.css @@ -39,7 +39,7 @@ main { } .select-document:hover { - background-color: lightblue; + background-color: rgba(173, 216, 230, 0.356); } .editor-default-section { @@ -50,17 +50,6 @@ main { align-items: center; } -.editor-section #documentContent { - width: 100%; - height: 70%; - background-color: rgb(194, 191, 191); -} - -.document-toolbar { - display: flex; - flex-wrap: wrap; -} - input:focus { outline: none; } @@ -70,7 +59,6 @@ input:focus { width: 30vw; height: 100vh; - background: rgb(255, 255, 255); min-width: 343px; display: flex; flex-direction: column; @@ -93,15 +81,18 @@ input:focus { font-weight: 700; color: aliceblue; - margin: 15% 5%; + margin: 30% 5%; cursor: pointer; } .document-list { - padding-left: 5px; + padding: 0 0 7px 5px; max-height: 70%; overflow: auto; + + border: 1px solid rgb(175, 174, 174); + border-right: none; } .document-group { @@ -152,3 +143,64 @@ input:focus { cursor: pointer; color: white; } + +/* ============================== */ + +.editor-section { + display: flex; + justify-content: center; + background-color: rgb(245, 246, 249); +} +.editor-section input { + width: 100%; + height: 10%; + margin: 20px; + + font-size: 30px; + text-align: center; + background-color: transparent; + border: none; + border-bottom: 1px solid rgb(1, 196, 212); +} + +.editor-section #documentContent { + width: 100%; + height: 60%; + + margin: 0 20px; + background-color: white; + border: 30px solid rgb(227, 227, 227); + + overflow: auto; +} +:focus { + outline: none; +} + +.document-toolbar { + display: flex; + justify-content: center; + flex-wrap: wrap; + + width: 70%; + height: 40px; + margin: auto; +} + +.document-toolbar button { + width: 40px; + height: 40px; +} + +.subfolder-view { + height: 10%; + + display: flex; + flex-direction: column; + align-items: center; + overflow: auto; +} + +.subfolder-view div { + padding-bottom: 3px; +} diff --git a/src/util/Store.js b/src/util/Store.js index 99214333..f03ce52c 100644 --- a/src/util/Store.js +++ b/src/util/Store.js @@ -56,7 +56,8 @@ class Store { async documentGet(id) { const saveLocalData = getItem(id, false); const response = await request(`/documents/${id}`); - const { updatedAt } = response; + const { updatedAt, title } = response; + this.setState({ ...this.state, documentContent: response }); if (saveLocalData) { const { content, saveTime } = saveLocalData; @@ -64,18 +65,18 @@ class Store { const localTime = new Date(saveTime); const serverTime = new Date(updatedAt); - if (localTime.getTime() < serverTime.getTime()) { - this.setState({ ...this.state, documentContent: response }); - } else { + if (localTime.getTime() > serverTime.getTime()) { this.setState({ ...this.state, documentContent: { ...this.state.documentContent, - content: content, + content, + title, }, }); } } + this.notifyEditor(); } From d07ce63f0a9bfb0d1c778dcd3bcd6b9feee4f22b Mon Sep 17 00:00:00 2001 From: hyeonjun-L Date: Thu, 6 Jul 2023 22:46:19 +0900 Subject: [PATCH 15/15] =?UTF-8?q?Fix:=20=EC=9C=A0=ED=9A=A8=ED=95=98?= =?UTF-8?q?=EC=A7=80=20=EC=95=8A=EC=9D=80=20url=20=EC=B2=98=EB=A6=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/editor/DocumentEditor.js | 67 ++++++-------------- src/components/editor/EditorPage.js | 3 + src/components/index.js | 1 - src/components/sidebar/DocumentInput.js | 1 - src/components/sidebar/DocumentList.js | 8 +-- src/components/sidebar/DocumentListEditor.js | 12 ++-- src/components/sidebar/index.js | 3 - src/style.css | 11 ++++ src/util/Store.js | 4 +- src/util/api.js | 2 - src/util/index.js | 3 + 11 files changed, 47 insertions(+), 68 deletions(-) delete mode 100644 src/components/index.js delete mode 100644 src/components/sidebar/index.js create mode 100644 src/util/index.js diff --git a/src/components/editor/DocumentEditor.js b/src/components/editor/DocumentEditor.js index c6c167f7..318c2e2c 100644 --- a/src/components/editor/DocumentEditor.js +++ b/src/components/editor/DocumentEditor.js @@ -1,5 +1,5 @@ -import store from "../../util/Store"; -import { setItem } from "../../util/storage"; +import store from "../../util/Store.js"; +import { setItem } from "../../util/index.js"; export default class DocumentEditor { constructor({ $target }) { this.$editor = document.createElement("div"); @@ -24,13 +24,28 @@ export default class DocumentEditor { let timer = null; let delay = 1000; this.$editor.addEventListener("input", (event) => { - const content = event.target.innerHTML; + let content = event.target.innerHTML; const currentTime = new Date().toISOString(); clearTimeout(timer); setItem(this.documentId, { content, saveTime: currentTime }); timer = setTimeout(async () => { await store.documentContentPut({ id: this.documentId, content }); + // 자동으로 link 설정 코드(a 태그 클릭 안되는 이슈 발생) + + // const { documentsTree } = store.state; + // documentsTree.forEach(({ id, title }) => { + // const regex = new RegExp(title); + // const copyContent = content; + // content = content.replace( + // regex, + // `링크` + // ); + // if (copyContent !== content) { + // document.execCommand("createLink", false, "/url"); + // // this.$editor.innerHTML = content; + // } + // }); }, delay); }); @@ -46,49 +61,3 @@ export default class DocumentEditor { this.$editor.innerHTML = content; } } - -// store.state.documentContent.content; - -// const content = this.$editor.innerHTML; -// this.$editor.innerHTML = this.parseMarkdown(content); - -// this.$editor.addEventListener("keydown", (event) => { -// if (event.key === "Enter") { -// event.preventDefault(); // 기본 동작 방지 - -// const selection = document.getSelection(); -// const range = selection.getRangeAt(0); -// const br = document.createElement("br"); - -// range.deleteContents(); -// range.insertNode(br); -// range.setStartAfter(br); -// range.collapse(true); -// selection.removeAllRanges(); -// selection.addRange(range); -// } -// }); - -// parseMarkdown = (text) => { -// const rules = [ -// [ -// /(\#{1,6})\s?(.+)/, -// ([h = [], text]) => `${text}`, -// ], -// [/\*\*(.+?)\*\*/, "$1"], -// [/\*(.+?)\*/, "$1"], -// [/\[(.+)\]\((.+)\)/, '$1'], -// [/^1\.\s(.+)/, "
                1. $1
                "], -// [/^-\s(.+)/, "
                • $1
                "], -// ]; -// let html = text; -// rules.forEach(([rule, replacement]) => { -// html = html.replace( -// rule, -// typeof replacement === "function" -// ? replacement((rule.exec(html) ?? []).slice(1)) -// : replacement -// ); -// }); -// return html; -// }; diff --git a/src/components/editor/EditorPage.js b/src/components/editor/EditorPage.js index 195318a9..68feacf3 100644 --- a/src/components/editor/EditorPage.js +++ b/src/components/editor/EditorPage.js @@ -44,6 +44,9 @@ export default class EditorPage { new SubfolderView({ $target: $editorPage, }); + } else { + alert("올바르지 않은 접근 입니다."); + history.pushState(null, null, `/`); } } diff --git a/src/components/index.js b/src/components/index.js deleted file mode 100644 index 83774145..00000000 --- a/src/components/index.js +++ /dev/null @@ -1 +0,0 @@ -export { default as DocumentListView } from "./document/DocumentListPage"; diff --git a/src/components/sidebar/DocumentInput.js b/src/components/sidebar/DocumentInput.js index 54a9fb58..eb6b1ec6 100644 --- a/src/components/sidebar/DocumentInput.js +++ b/src/components/sidebar/DocumentInput.js @@ -1,5 +1,4 @@ import store from "../../util/Store.js"; -import plusImg from "../../../public/plusImg.svg"; export default class DocumentInput { constructor({ $target, targetId }) { this.targetId = targetId; diff --git a/src/components/sidebar/DocumentList.js b/src/components/sidebar/DocumentList.js index b4f58db1..fe844f96 100644 --- a/src/components/sidebar/DocumentList.js +++ b/src/components/sidebar/DocumentList.js @@ -1,9 +1,7 @@ -import { DocumentListEditor } from "./index"; -import arrowImg from "../../../public/arrowImg.svg"; -import documentImg from "../../../public/documentImg.svg"; +import DocumentListEditor from "./DocumentListEditor.js"; import store from "../../util/Store.js"; -import { setItem, getItem } from "../../util/storage.js"; // 분리 - +import { setItem, getItem } from "../../util/index.js"; +import { documentImg, arrowImg } from "../../../public/index.js"; export default class DocumentList { constructor({ $target }) { this.$list = document.createElement("div"); diff --git a/src/components/sidebar/DocumentListEditor.js b/src/components/sidebar/DocumentListEditor.js index e83f2b46..92b4c097 100644 --- a/src/components/sidebar/DocumentListEditor.js +++ b/src/components/sidebar/DocumentListEditor.js @@ -1,6 +1,6 @@ import store from "../../util/Store.js"; import DocumentInput from "./DocumentInput.js"; -import { getItem, setItem } from "../../util/storage.js"; +import { getItem, setItem } from "../../util/index.js"; export default class DocumentListEditor { constructor({ $target }) { this.$editor = document.createElement("span"); @@ -17,6 +17,7 @@ export default class DocumentListEditor { const action = event.target.dataset.action; if (action === "produce") { const foldedList = getItem("folded", []); + if (foldedList.includes(this.$target.id)) { foldedList.splice(foldedList.indexOf(this.$target.id), 1); setItem("folded", [...foldedList]); @@ -27,13 +28,14 @@ export default class DocumentListEditor { $subfolder.dataset.toggle = "true"; targetDocument.style.transform = "rotate(0deg)"; } + + new DocumentInput({ + $target: this.$target.nextElementSibling, + targetId: this.$target.id, + }); } else if (action === "delete") { store.documentDelete(this.$target.id); } - new DocumentInput({ - $target: this.$target.nextElementSibling, - targetId: this.$target.id, - }); }); } diff --git a/src/components/sidebar/index.js b/src/components/sidebar/index.js deleted file mode 100644 index 146f23b7..00000000 --- a/src/components/sidebar/index.js +++ /dev/null @@ -1,3 +0,0 @@ -export { default as DocumentListPage } from "./SidebarPage.js"; -export { default as DocumentListEditor } from "./DocumentListEditor.js"; -export { default as DocumentList } from "./DocumentList.js"; diff --git a/src/style.css b/src/style.css index 2d9e1427..6376a932 100644 --- a/src/style.css +++ b/src/style.css @@ -55,6 +55,10 @@ input:focus { } /* ========================= */ + +.toggle-folder { + transition: 0.5s; +} .sidebar-setion { width: 30vw; height: 100vh; @@ -172,6 +176,8 @@ input:focus { border: 30px solid rgb(227, 227, 227); overflow: auto; + + position: relative; } :focus { outline: none; @@ -204,3 +210,8 @@ input:focus { .subfolder-view div { padding-bottom: 3px; } + +/* a { + position: relative; + z-index: 99; +} */ diff --git a/src/util/Store.js b/src/util/Store.js index f03ce52c..b7456795 100644 --- a/src/util/Store.js +++ b/src/util/Store.js @@ -1,5 +1,5 @@ -import { request } from "./api.js"; -import { getItem } from "./storage.js"; +import { request, getItem } from "./index.js"; + class Store { constructor() { this.state = { diff --git a/src/util/api.js b/src/util/api.js index f5d0a9a2..ce143656 100644 --- a/src/util/api.js +++ b/src/util/api.js @@ -20,5 +20,3 @@ export const request = async (url, options = {}) => { history.replaceState(null, null, "/"); } }; - -export const documentsGet = async () => {}; diff --git a/src/util/index.js b/src/util/index.js new file mode 100644 index 00000000..a3442279 --- /dev/null +++ b/src/util/index.js @@ -0,0 +1,3 @@ +export { request } from "./api.js"; +export { popRouter } from "./router.js"; +export { getItem, setItem, removeItem } from "./storage.js";