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..ea95d00 100644
--- a/package.json
+++ b/package.json
@@ -8,9 +8,14 @@
"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",
+ "@rollup/plugin-terser": "^0.4.4",
"@sveltejs/vite-plugin-svelte": "^3.1.1",
"@tsconfig/svelte": "^5.0.4",
"autoprefixer": "^10.4.2",
@@ -19,6 +24,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..3f46df8
--- /dev/null
+++ b/rollup.config.js
@@ -0,0 +1,39 @@
+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';
+import terser from '@rollup/plugin-terser';
+
+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(),
+ terser()
+ ]
+};
\ 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..85baea8 100644
--- a/src/components/EasyDBDetailView.svelte
+++ b/src/components/EasyDBDetailView.svelte
@@ -1,6 +1,12 @@
+
+
-{#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;
}