From 1bb1623a4a9b4cceab78a87bb94436134e37aa3a Mon Sep 17 00:00:00 2001 From: Artem Nistuley Date: Wed, 5 Jun 2024 17:19:02 +0300 Subject: [PATCH] encapsulate pdf viewer styles --- package-lock.json | 88 ++++++++++++++++++- packages/superdoc/package.json | 2 + packages/superdoc/postcss.config.cjs | 6 ++ .../src/components/PdfViewer/PdfViewer.vue | 32 +++---- packages/superdoc/vite.config.js | 3 + 5 files changed, 113 insertions(+), 18 deletions(-) create mode 100644 packages/superdoc/postcss.config.cjs diff --git a/package-lock.json b/package-lock.json index aea8ae33f5..8e7a3e8786 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1915,6 +1915,15 @@ "node": "^8.16.0 || ^10.6.0 || >=11.0.0" } }, + "node_modules/function-bind": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz", + "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==", + "dev": true, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/gauge": { "version": "3.0.2", "resolved": "https://registry.npmjs.org/gauge/-/gauge-3.0.2.tgz", @@ -2019,6 +2028,18 @@ "license": "ISC", "optional": true }, + "node_modules/hasown": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz", + "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==", + "dev": true, + "dependencies": { + "function-bind": "^1.1.2" + }, + "engines": { + "node": ">= 0.4" + } + }, "node_modules/he": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz", @@ -2115,6 +2136,18 @@ "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==", "license": "ISC" }, + "node_modules/is-core-module": { + "version": "2.13.1", + "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz", + "integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==", + "dev": true, + "dependencies": { + "hasown": "^2.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/is-extglob": { "version": "2.1.1", "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", @@ -2670,6 +2703,12 @@ "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==", + "dev": true + }, "node_modules/path2d": { "version": "0.2.0", "resolved": "https://registry.npmjs.org/path2d/-/path2d-0.2.0.tgz", @@ -2784,7 +2823,6 @@ "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz", "integrity": "sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==", "dev": true, - "license": "MIT", "dependencies": { "postcss-selector-parser": "^6.0.11" }, @@ -2799,6 +2837,21 @@ "postcss": "^8.2.14" } }, + "node_modules/postcss-nested-import": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/postcss-nested-import/-/postcss-nested-import-1.3.0.tgz", + "integrity": "sha512-n0uARfX3SRntgA1A+fD1n+JvquCbbD43P5EOrRqbuVgzl2xVXA1J90gdmeZ57Xg7/GYs/j9GRKxQD9dzeBP7AA==", + "dev": true, + "dependencies": { + "resolve": "^1.22.4" + }, + "engines": { + "node": ">=12.0" + }, + "peerDependencies": { + "postcss": "^8.3.0" + } + }, "node_modules/postcss-selector-parser": { "version": "6.1.0", "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.0.tgz", @@ -2958,6 +3011,23 @@ "dev": true, "license": "MIT" }, + "node_modules/resolve": { + "version": "1.22.8", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz", + "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==", + "dev": true, + "dependencies": { + "is-core-module": "^2.13.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-from": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz", @@ -3244,6 +3314,18 @@ "node": ">=8" } }, + "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==", + "dev": true, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/tar": { "version": "6.2.1", "resolved": "https://registry.npmjs.org/tar/-/tar-6.2.1.tgz", @@ -3631,7 +3713,7 @@ }, "packages/superdoc": { "name": "@harbour-enterprises/superdoc", - "version": "1.0.0-alpha.4", + "version": "1.0.0-alpha.8", "dependencies": { "eventemitter3": "^5.0.1", "jszip": "^3.10.1", @@ -3649,6 +3731,8 @@ "devDependencies": { "@vitejs/plugin-vue": "^5.0.4", "naive-ui": "^2.38.2", + "postcss-nested": "^6.0.1", + "postcss-nested-import": "^1.3.0", "vite": "^5.2.12" } }, diff --git a/packages/superdoc/package.json b/packages/superdoc/package.json index 43b90f7133..9bbf053ea0 100644 --- a/packages/superdoc/package.json +++ b/packages/superdoc/package.json @@ -36,6 +36,8 @@ "devDependencies": { "@vitejs/plugin-vue": "^5.0.4", "naive-ui": "^2.38.2", + "postcss-nested": "^6.0.1", + "postcss-nested-import": "^1.3.0", "vite": "^5.2.12" }, "repository": "https://github.com/Harbour-Enterprises/Superdoc.git" diff --git a/packages/superdoc/postcss.config.cjs b/packages/superdoc/postcss.config.cjs new file mode 100644 index 0000000000..34379cf16b --- /dev/null +++ b/packages/superdoc/postcss.config.cjs @@ -0,0 +1,6 @@ +module.exports = { + plugins: [ + require('postcss-nested'), + require('postcss-nested-import'), + ] +} diff --git a/packages/superdoc/src/components/PdfViewer/PdfViewer.vue b/packages/superdoc/src/components/PdfViewer/PdfViewer.vue index d8db440fca..484d0727e2 100644 --- a/packages/superdoc/src/components/PdfViewer/PdfViewer.vue +++ b/packages/superdoc/src/components/PdfViewer/PdfViewer.vue @@ -1,5 +1,4 @@