From 7b0e4d48799ffc5b37a77bddb590238452ac080f Mon Sep 17 00:00:00 2001
From: Chris Kruining <c.kruining@4dotnet.nl>
Date: Mon, 18 Nov 2024 15:43:29 +0100
Subject: [PATCH] the .env file worked but was cached perhaps??? also use <Meta
 />

---
 app.config.ts                        |  2 +-
 src/components/colorschemepicker.tsx |  2 +-
 src/entry-server.tsx                 |  6 ++----
 src/routes/(editor).tsx              | 10 +++++-----
 4 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/app.config.ts b/app.config.ts
index c485521..cf822ba 100644
--- a/app.config.ts
+++ b/app.config.ts
@@ -1,5 +1,5 @@
 import { defineConfig } from '@solidjs/start/config';
-import { VitePWA } from 'vite-plugin-pwa'
+// import { VitePWA } from 'vite-plugin-pwa'
 
 export default defineConfig({
     vite: {
diff --git a/src/components/colorschemepicker.tsx b/src/components/colorschemepicker.tsx
index 107ba14..a386251 100644
--- a/src/components/colorschemepicker.tsx
+++ b/src/components/colorschemepicker.tsx
@@ -21,7 +21,7 @@ const getSession = async () => {
     'use server';
 
     return useSession<{ colorScheme: ColorSchemeKey }>({
-        password: process.env.SESSION_SECRET ?? 'some_static_password_because_untill_I_figure_out_env_files...',
+        password: process.env.SESSION_SECRET!,
     });
 };
 
diff --git a/src/entry-server.tsx b/src/entry-server.tsx
index 7db119d..25cd731 100644
--- a/src/entry-server.tsx
+++ b/src/entry-server.tsx
@@ -2,8 +2,6 @@
 import { createHandler, StartServer } from "@solidjs/start/server";
 import { installIntoGlobal } from "iterator-helpers-polyfill";
 
-console.log(process.env);
-
 installIntoGlobal();
 
 export default createHandler(({ nonce }) => {
@@ -36,8 +34,8 @@ export default createHandler(({ nonce }) => {
     default: base,
     connect: `${base} ws://localhost:*`,
     script: `${base}`,
-    style: `'self' data: https://fonts.googleapis.com 'unsafe-inline'`,
-    // style: `${base} data: https://fonts.googleapis.com`,
+    // style: `'self' data: https://fonts.googleapis.com 'unsafe-inline'`,
+    style: `${base} data: https://fonts.googleapis.com`,
     font: `${base} https://*.gstatic.com`,
   } as const;
 
diff --git a/src/routes/(editor).tsx b/src/routes/(editor).tsx
index 511f4f5..102cbdc 100644
--- a/src/routes/(editor).tsx
+++ b/src/routes/(editor).tsx
@@ -1,4 +1,4 @@
-import { Link, Title } from "@solidjs/meta";
+import { Link, Meta, Title } from "@solidjs/meta";
 import { Component, createMemo, createSignal, ErrorBoundary, ParentProps, Show } from "solid-js";
 import { BsTranslate } from "solid-icons/bs";
 import { FilesProvider } from "~/features/file";
@@ -40,12 +40,12 @@ export default function Editor(props: ParentProps) {
     return <MenuProvider commands={commands}>
         <Title>Calque</Title>
 
-        <meta id="theme-scheme" name="color-scheme" content={colorScheme()} />
-        <meta id="theme-color" name="theme-color" content={color()} />
+        <Meta id="theme-scheme" name="color-scheme" content={colorScheme()} />
+        <Meta id="theme-color" name="theme-color" content={color()} />
 
         <Show when={color() === undefined}>
-            <meta id="theme-auto-light" name="theme-color" media="(prefers-color-scheme: light)" content="#eee" />
-            <meta id="theme-auto-dark" name="theme-color" media="(prefers-color-scheme: dark)" content="#333" />
+            <Meta id="theme-auto-light" name="theme-color" media="(prefers-color-scheme: light)" content="#eee" />
+            <Meta id="theme-auto-dark" name="theme-color" media="(prefers-color-scheme: dark)" content="#333" />
         </Show>
 
         <Link rel="icon" href="/images/favicon.dark.svg" media="screen and (prefers-color-scheme: dark)" />