From 9c083c1d10bc35ddb55133eb0eab12f6ebe68699 Mon Sep 17 00:00:00 2001 From: Dominic Kempf Date: Thu, 5 Sep 2024 14:20:23 +0200 Subject: [PATCH 1/3] Implement bundling with rollup --- README.md | 17 +++++++++++- bundle/index.html | 14 ++++++++++ package.json | 9 ++++++- rollup.config.js | 37 ++++++++++++++++++++++++++ src/bundle.js | 3 +++ src/components/EasyDBDetailView.svelte | 6 +++++ 6 files changed, 84 insertions(+), 2 deletions(-) create mode 100644 bundle/index.html create mode 100644 rollup.config.js create mode 100644 src/bundle.js diff --git a/README.md b/README.md index 41fdc05..5c6d4d4 100644 --- a/README.md +++ b/README.md @@ -21,7 +21,22 @@ npm run dev ## Usage -T.B.A. +``` + + + + + + Svelte Component + + + + + + + + +``` ## Issues diff --git a/bundle/index.html b/bundle/index.html new file mode 100644 index 0000000..0745abd --- /dev/null +++ b/bundle/index.html @@ -0,0 +1,14 @@ + + + + + + Svelte Component + + + + + + + + \ No newline at end of file diff --git a/package.json b/package.json index 9464435..e89d89a 100644 --- a/package.json +++ b/package.json @@ -8,9 +8,13 @@ "build": "vite build", "easydb": "node ./src/generate.js", "preview": "vite preview", - "check": "svelte-check --tsconfig ./tsconfig.json && tsc -p tsconfig.node.json" + "check": "svelte-check --tsconfig ./tsconfig.json && tsc -p tsconfig.node.json", + "bundle": "rollup -c" }, "devDependencies": { + "@rollup/plugin-commonjs": "^26.0.1", + "@rollup/plugin-node-resolve": "^15.2.3", + "@rollup/plugin-replace": "^5.0.7", "@sveltejs/vite-plugin-svelte": "^3.1.1", "@tsconfig/svelte": "^5.0.4", "autoprefixer": "^10.4.2", @@ -19,6 +23,9 @@ "oclif": "^4.14.11", "postcss": "^8.4.32", "postcss-load-config": "^5.0.2", + "rollup": "^4.21.2", + "rollup-plugin-css-only": "^4.5.2", + "rollup-plugin-svelte": "^7.2.2", "svelte": "^4.2.18", "svelte-check": "^3.8.1", "tailwind-merge": "^2.4.0", diff --git a/rollup.config.js b/rollup.config.js new file mode 100644 index 0000000..3d8b2bd --- /dev/null +++ b/rollup.config.js @@ -0,0 +1,37 @@ +import svelte from 'rollup-plugin-svelte'; +import resolve from '@rollup/plugin-node-resolve'; +import commonjs from '@rollup/plugin-commonjs'; +import replace from '@rollup/plugin-replace'; +import css from 'rollup-plugin-css-only'; + +export default { + input: './src/bundle.js', + output: { + file: 'bundle/bundle.js', + format: 'iife', + name: 'EasyDBDetailView', + inlineDynamicImports: true + }, + plugins: [ + svelte({ + emitCss: true, + compilerOptions: { + customElement: true + } + }), + replace({ + values: { + "this.attachShadow({ mode: 'open' });": "" + }, + delimiters: ['', ''] + }), + css({ + output: 'bundle.css' + }), + resolve({ + browser: true, + dedupe: ['svelte', 'flowbite-svelte'] + }), + commonjs() + ] +}; \ No newline at end of file diff --git a/src/bundle.js b/src/bundle.js new file mode 100644 index 0000000..4583b3c --- /dev/null +++ b/src/bundle.js @@ -0,0 +1,3 @@ +import EasyDBDetailView from "./components/EasyDBDetailView.svelte"; + +export default EasyDBDetailView; diff --git a/src/components/EasyDBDetailView.svelte b/src/components/EasyDBDetailView.svelte index c1cd7c5..9bdc870 100644 --- a/src/components/EasyDBDetailView.svelte +++ b/src/components/EasyDBDetailView.svelte @@ -1,3 +1,9 @@ + + -{#await $easydbInstanceDataPromiseStore } +{#if !$easydbInstanceDataStore } Accessing the EasyDB instance... -{:then} +{:else} -{/await} +{/if} \ No newline at end of file diff --git a/src/components/fields/Link.svelte b/src/components/fields/Link.svelte index 625e5bf..669b46c 100644 --- a/src/components/fields/Link.svelte +++ b/src/components/fields/Link.svelte @@ -16,9 +16,6 @@ let detailViewComponent; function requiresPopover() { - console.log($masksToRenderStore); - console.log(fdata._mask); - console.log($masksToRenderStore.includes(fdata._mask)); if (!$masksToRenderStore) { return false; } From 9c0d74307441bbf0fc0603a17222b2c9ae6d16c8 Mon Sep 17 00:00:00 2001 From: Dominic Kempf Date: Wed, 18 Sep 2024 14:49:36 +0200 Subject: [PATCH 3/3] Add minification --- package.json | 1 + rollup.config.js | 4 +++- 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/package.json b/package.json index e89d89a..ea95d00 100644 --- a/package.json +++ b/package.json @@ -15,6 +15,7 @@ "@rollup/plugin-commonjs": "^26.0.1", "@rollup/plugin-node-resolve": "^15.2.3", "@rollup/plugin-replace": "^5.0.7", + "@rollup/plugin-terser": "^0.4.4", "@sveltejs/vite-plugin-svelte": "^3.1.1", "@tsconfig/svelte": "^5.0.4", "autoprefixer": "^10.4.2", diff --git a/rollup.config.js b/rollup.config.js index 3d8b2bd..3f46df8 100644 --- a/rollup.config.js +++ b/rollup.config.js @@ -3,6 +3,7 @@ import resolve from '@rollup/plugin-node-resolve'; import commonjs from '@rollup/plugin-commonjs'; import replace from '@rollup/plugin-replace'; import css from 'rollup-plugin-css-only'; +import terser from '@rollup/plugin-terser'; export default { input: './src/bundle.js', @@ -32,6 +33,7 @@ export default { browser: true, dedupe: ['svelte', 'flowbite-svelte'] }), - commonjs() + commonjs(), + terser() ] }; \ No newline at end of file