From 3228147058d5c904e838ea2e57f382dcfcd13ef4 Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Wed, 10 Apr 2024 22:01:30 +0200
Subject: [PATCH] add webpackIgnore annotations

---
 .../apps/components/display/AppCustomComponent.svelte      | 3 +++
 .../components/apps/components/display/PlotlyHtml.svelte   | 7 ++++++-
 .../components/apps/components/display/PlotlyHtmlV2.svelte | 6 +++++-
 .../components/apps/components/display/VegaLiteHtml.svelte | 6 +++---
 .../(logged)/apps/get_raw/[version]/[...path]/+page.svelte | 1 +
 5 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/frontend/src/lib/components/apps/components/display/AppCustomComponent.svelte b/frontend/src/lib/components/apps/components/display/AppCustomComponent.svelte
index 4382c9d1c8..5d99d9c4e3 100644
--- a/frontend/src/lib/components/apps/components/display/AppCustomComponent.svelte
+++ b/frontend/src/lib/components/apps/components/display/AppCustomComponent.svelte
@@ -62,18 +62,21 @@
 			//@ts-ignore
 			await import(
 				/* @vite-ignore */
+				/* webpackIgnore: true */
 				`https://unpkg.com/react@${reactVersion}/umd/react.production.min.js`
 			)
 
 			//@ts-ignore
 			await import(
 				/* @vite-ignore */
+				/* webpackIgnore: true */
 				`https://unpkg.com/react-dom@${reactVersion}/umd/react-dom.production.min.js`
 			)
 		}
 		//@ts-ignore
 		await import(
 			/* @vite-ignore */
+			/* webpackIgnore: true */
 			`/api/w/${workspace ?? 'NO_W'}/resources_u/custom_component/${customComponent.name}`
 		)
 		loaded = true
diff --git a/frontend/src/lib/components/apps/components/display/PlotlyHtml.svelte b/frontend/src/lib/components/apps/components/display/PlotlyHtml.svelte
index 5f00e669ca..4ee419f177 100644
--- a/frontend/src/lib/components/apps/components/display/PlotlyHtml.svelte
+++ b/frontend/src/lib/components/apps/components/display/PlotlyHtml.svelte
@@ -33,7 +33,12 @@
 	let Plotly
 	onMount(async () => {
 		//@ts-ignore
-		await import('https://cdn.jsdelivr.net/npm/plotly.js-dist@2.18.0/plotly.min.js')
+		await import(
+			/* @vite-ignore */
+			/* webpackIgnore: true */
+			//@ts-ignore
+			'https://cdn.jsdelivr.net/npm/plotly.js-dist@2.18.0/plotly.min.js'
+		)
 
 		Plotly = window['Plotly']
 	})
diff --git a/frontend/src/lib/components/apps/components/display/PlotlyHtmlV2.svelte b/frontend/src/lib/components/apps/components/display/PlotlyHtmlV2.svelte
index 81deb84b86..1a89124f67 100644
--- a/frontend/src/lib/components/apps/components/display/PlotlyHtmlV2.svelte
+++ b/frontend/src/lib/components/apps/components/display/PlotlyHtmlV2.svelte
@@ -35,7 +35,11 @@
 	let Plotly
 	onMount(async () => {
 		//@ts-ignore
-		await import('https://cdn.jsdelivr.net/npm/plotly.js-dist@2.18.0/plotly.min.js')
+		await import(
+			/* webpackIgnore: true */
+			//@ts-ignorez
+			'https://cdn.jsdelivr.net/npm/plotly.js-dist@2.18.0/plotly.min.js'
+		)
 
 		Plotly = window['Plotly']
 	})
diff --git a/frontend/src/lib/components/apps/components/display/VegaLiteHtml.svelte b/frontend/src/lib/components/apps/components/display/VegaLiteHtml.svelte
index f2b45803a6..2e11313bee 100644
--- a/frontend/src/lib/components/apps/components/display/VegaLiteHtml.svelte
+++ b/frontend/src/lib/components/apps/components/display/VegaLiteHtml.svelte
@@ -25,11 +25,11 @@
 	let vegaEmbed
 	onMount(async () => {
 		//@ts-ignore
-		await import('https://cdn.jsdelivr.net/npm/vega@5.22.1')
+		await import(/* webpackIgnore: true */ 'https://cdn.jsdelivr.net/npm/vega@5.22.1')
 		//@ts-ignore
-		await import('https://cdn.jsdelivr.net/npm/vega-lite@5.6.0')
+		await import(/* webpackIgnore: true */ 'https://cdn.jsdelivr.net/npm/vega-lite@5.6.0')
 		//@ts-ignore
-		await import('https://cdn.jsdelivr.net/npm/vega-embed@6.21.0')
+		await import(/* webpackIgnore: true */ 'https://cdn.jsdelivr.net/npm/vega-embed@6.21.0')
 
 		vegaEmbed = window['vegaEmbed']
 	})
diff --git a/frontend/src/routes/(root)/(logged)/apps/get_raw/[version]/[...path]/+page.svelte b/frontend/src/routes/(root)/(logged)/apps/get_raw/[version]/[...path]/+page.svelte
index 75b7b18237..98b8ec2d1d 100644
--- a/frontend/src/routes/(root)/(logged)/apps/get_raw/[version]/[...path]/+page.svelte
+++ b/frontend/src/routes/(root)/(logged)/apps/get_raw/[version]/[...path]/+page.svelte
@@ -18,6 +18,7 @@
 		// await import('http://localhost:3000/app.iife.js')
 		/* @vite-ignore */
 		await import(
+			/* webpackIgnore: true */
 			`/api/w/${$workspaceStore}/raw_apps/get_data/${$page.params.version}/${$page.params.path}`
 		)
 		try {