From 434e7f1cf42e8189140f1082814f8edcfe77b551 Mon Sep 17 00:00:00 2001 From: Gugustinette Date: Fri, 22 Nov 2024 19:37:48 +0100 Subject: [PATCH] fix: style.css import in devtools --- packages/devtools/src/FDebug.ts | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/packages/devtools/src/FDebug.ts b/packages/devtools/src/FDebug.ts index c9ac840..9015c6c 100644 --- a/packages/devtools/src/FDebug.ts +++ b/packages/devtools/src/FDebug.ts @@ -63,8 +63,14 @@ export class FDebug { FLogger.error(...args) } - // Fetch the CSS - fetch(import.meta.url.replace('index.es.js', 'style.css')) + // import.meta.url will typically be something like : + // In local playground : http://localhost:5173/playground-3d/@fs/Users/[USERNAME]/Desktop/fibbo/packages/devtools/dist/index.es.js?t=1732299741683 + // In development : http://localhost:5173/starter-3d/node_modules/.vite/deps/@fibbojs_devtools.js?v=6af81429 + const URL = import.meta.url.includes('/packages/devtools/dist/index.es.js') + ? import.meta.url.replace('/packages/devtools/dist/index.es.js', '/packages/devtools/dist/style.css') + : `${import.meta.url.split('/node_modules/')[0]}/node_modules/@fibbojs/devtools/dist/style.css` + // Fetch the CSS file + fetch(URL) .then(res => res.text()) .then((css) => { // Extract the CSS content