Bruk env variabel istedenfor plugin

Author: oddgfa

bun.lockb

@@ -17,7 +17,7 @@
   },
   "scripts": {
     "dev": "bunx --bun vite",
-    "dev:fullscreen": "cross-env INTERNARBEIDSFLATE_DECORATOR_HTML_PATH='src/wrapper/fullscreen/index-fullscreen.html' bunx --bun vite",
+    "dev:fullscreen": "VITE_DECORATOR_MODE=fullscreen bunx --bun vite",
     "build": "bunx --bun vite build",
     "build:watch": "bunx --bun vite build --watch",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
@@ -34,7 +34,6 @@
     "@vitejs/plugin-react": "^4.2.1",
     "autoprefixer": "^10.4.19",
     "concurrently": "^8.2.2",
-    "cross-env": "^7.0.3",
     "eslint": "^8.57.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.6",

packages/internarbeidsflate-decorator-v3/package.json

@@ -1,5 +1,5 @@
 import React from 'react';
-import Decorator from '../../App';
+import Decorator from '../App';
 
 const FullScreenWrapper = () => {
   // En minimal Decorator som viser en fullskjermvisning av applikasjonen

packages/internarbeidsflate-decorator-v3/src/wrapper/fullscreen/FullScreenWrapper.tsx packages/internarbeidsflate-decorator-v3/src/wrapper/FullScreenWrapper.tsx

@@ -1,9 +1,11 @@
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import Wrapper from './Wrapper'
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import Wrapper from './Wrapper';
+import FullScreenWrapper from './FullScreenWrapper';
+
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
-    <Wrapper />
-  </React.StrictMode>,
-)
+    {import.meta.env.VITE_DECORATOR_MODE === 'fullscreen' ? <FullScreenWrapper /> : <Wrapper />}
+  </React.StrictMode>
+);

packages/internarbeidsflate-decorator-v3/src/wrapper/fullscreen/fullScreen.tsx

@@ -1,23 +1,10 @@
 import { defineConfig } from 'vite';
-import { readFileSync } from 'fs';
-import { resolve } from 'path';
 import react from '@vitejs/plugin-react';
 
 
 export default defineConfig({
     plugins: [
-      react(),
-      // Plugin som velger hvilken html-fil som skal brukes av dev-serveren
-      {
-        name: 'html-transform',
-        transformIndexHtml: {
-          order: 'pre',
-          handler() {
-            const htmlPath = process.env.INTERNARBEIDSFLATE_DECORATOR_HTML_PATH || 'index.html';
-            return readFileSync(resolve(__dirname, htmlPath), 'utf-8');
-          }
-        }
-      }
+      react()
     ],
     build: {
       cssMinify: true,