diff --git a/frontend/env.d.ts b/frontend/env.d.ts index 7440602da..4720b5504 100644 --- a/frontend/env.d.ts +++ b/frontend/env.d.ts @@ -3,16 +3,6 @@ /// /// -declare module 'postcss-focus-within/browser' { - import focusWithinInit from 'postcss-focus-within/browser' - export default focusWithinInit -} - -declare module 'css-has-pseudo/browser' { - import cssHasPseudo from 'css-has-pseudo/browser' - export default cssHasPseudo -} - interface ImportMetaEnv { readonly VIKUNJA_API_URL?: string readonly VIKUNJA_HTTP_PORT?: number diff --git a/frontend/package.json b/frontend/package.json index 2ca64cbc3..e35b10c5f 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -155,7 +155,6 @@ "autoprefixer": "10.4.19", "browserslist": "4.23.0", "caniuse-lite": "1.0.30001617", - "css-has-pseudo": "6.0.3", "csstype": "3.1.3", "cypress": "13.9.0", "esbuild": "0.21.1", @@ -166,7 +165,6 @@ "postcss": "8.4.38", "postcss-easing-gradients": "3.0.1", "postcss-easings": "4.0.0", - "postcss-focus-within": "8.0.1", "postcss-preset-env": "9.5.11", "rollup": "4.17.2", "rollup-plugin-visualizer": "5.12.0", diff --git a/frontend/pnpm-lock.yaml b/frontend/pnpm-lock.yaml index 018a85770..b2c8881ed 100644 --- a/frontend/pnpm-lock.yaml +++ b/frontend/pnpm-lock.yaml @@ -323,9 +323,6 @@ importers: caniuse-lite: specifier: 1.0.30001617 version: 1.0.30001617 - css-has-pseudo: - specifier: 6.0.3 - version: 6.0.3(postcss@8.4.38) csstype: specifier: 3.1.3 version: 3.1.3 @@ -356,9 +353,6 @@ importers: postcss-easings: specifier: 4.0.0 version: 4.0.0(postcss@8.4.38) - postcss-focus-within: - specifier: 8.0.1 - version: 8.0.1(postcss@8.4.38) postcss-preset-env: specifier: 9.5.11 version: 9.5.11(postcss@8.4.38) diff --git a/frontend/src/histoire.setup.ts b/frontend/src/histoire.setup.ts index c19562ff6..495ccc985 100644 --- a/frontend/src/histoire.setup.ts +++ b/frontend/src/histoire.setup.ts @@ -1,4 +1,3 @@ -import './polyfills' import {defineSetupVue3} from '@histoire/plugin-vue' import {i18n} from './i18n' diff --git a/frontend/src/main.ts b/frontend/src/main.ts index 6afbc25ed..c5687097f 100644 --- a/frontend/src/main.ts +++ b/frontend/src/main.ts @@ -1,4 +1,3 @@ -import './polyfills' import {createApp} from 'vue' import pinia from './pinia' diff --git a/frontend/src/polyfills.ts b/frontend/src/polyfills.ts deleted file mode 100644 index 3751a1318..000000000 --- a/frontend/src/polyfills.ts +++ /dev/null @@ -1,6 +0,0 @@ -// in order to use postcss-preset-env correctly we need some client side plugins -import focusWithinInit from 'postcss-focus-within/browser' -import cssHasPseudo from 'css-has-pseudo/browser' - -focusWithinInit() -cssHasPseudo(document) \ No newline at end of file diff --git a/frontend/tsconfig.config.json b/frontend/tsconfig.config.json index eae5920b6..3a3f40d0d 100644 --- a/frontend/tsconfig.config.json +++ b/frontend/tsconfig.config.json @@ -3,7 +3,7 @@ "@tsconfig/node18/tsconfig.json", "@vue/tsconfig/tsconfig.json" ], - "include": ["vite.config.*", "vitest.config.*", "cypress.config.*", "env.config.d.ts"], + "include": ["vite.config.*", "vitest.config.*", "cypress.config.*"], "compilerOptions": { "composite": true, "types": ["node"] diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts index 9f4cbca12..562247475 100644 --- a/frontend/vite.config.ts +++ b/frontend/vite.config.ts @@ -100,18 +100,7 @@ export default defineConfig(({mode}) => { plugins: [ postcssEasings(), postcssEasingGradients(), - postcssPresetEnv({ - // Since postcss-preset-env v8.0.0 the 'enableClientSidePolyfills' option is disabled by default. - // This is the list of features that require a client side library: - // https://github.com/csstools/postcss-plugins/tree/main/plugin-packs/postcss-preset-env#plugins-that-need-client-library - // Since we only use 'focus-within-pseudo-class' we have to force enable - // that plugin now manually in order to keep the browser support as it was. - // See also './src/polyfills.ts' - features: { - 'focus-within-pseudo-class': true, - 'has-pseudo-class': true, - }, - }), + postcssPresetEnv(), ], }, },