refactor: better types for virtual themes module

packages/ui/core-components/jsconfig.json

@@ -8,6 +8,7 @@
 		"sourceMap": true,
 		"moduleResolution": "NodeNext",
 		"strict": true,
-		"module": "NodeNext"
+		"module": "NodeNext",
+		"types": ["@evidence-dev/tailwind"]
 	}
 }

packages/ui/core-components/src/lib/themes.js

@@ -1,5 +1,8 @@
 // @ts-check
 
+import themes from 'virtual:evidence-themes';
+console.log(themes.light.primary);
+
 import { getContext, setContext } from 'svelte';
 import { derived, readable, readonly } from 'svelte/store';
 import { browser } from '$app/environment';

packages/ui/tailwind/package.json

@@ -16,12 +16,7 @@
 		".": {
 			"import": "./src/index.js",
 			"require": "./src/index.js",
-			"types": "./src/index.js"
-		},
-		"./vite-plugin": {
-			"import": "./src/vite-plugin.js",
-			"require": "./src/vite-plugin.js",
-			"types": "./src/vite-plugin.js"
+			"types": "./src/index.d.ts"
 		},
 		"./fonts.css": "./src/fonts.css",
 		"./fonts/*": "./fonts/*"

packages/ui/tailwind/src/index.d.ts

@@ -0,0 +1 @@
+export * from './themes/vite-plugin/evidence-themes.d.ts';

packages/ui/tailwind/src/themes/index.js

@@ -1,4 +1,5 @@
 import { loadThemes } from './loadThemes.js';
+export * from './vite-plugin/index.js';
 
 export const themes = loadThemes();
 

packages/ui/tailwind/src/themes/vite-plugin/evidence-themes.d.ts

@@ -0,0 +1,4 @@
+declare module 'virtual:evidence-themes' {
+	const themes: import('../schemas.js').Themes;
+	export default themes;
+}

packages/ui/tailwind/src/themes/vite-plugin/index.js

@@ -0,0 +1 @@
+export * from './vite-plugin.js';

packages/ui/tailwind/src/vite-plugin.js → packages/ui/tailwind/src/themes/vite-plugin/vite-plugin.js

@@ -1,7 +1,7 @@
-import { loadThemes } from './themes/loadThemes.js';
+import { loadThemes } from '../loadThemes.js';
 
+/** @returns {import('vite').Plugin} */
 export const evidenceThemes = () => {
-	console.log('executing evidenceThemes');
 	const virtualModuleId = 'virtual:evidence-themes';
 	const resolvedVirtualModuleId = `\0${virtualModuleId}`;
 

sites/docs/pages/index.md

@@ -7,11 +7,6 @@ og:
   image: /img/how-it-works.png
 ---
 
-<script>
-  import themes from 'virtual:evidence-themes';
-	console.log({ themes });
-</script>
-
 # What is Evidence?
 
 Evidence is an open source framework for building data products with SQL - things like reports, decision-support tools, and embedded dashboards. It's a code-driven alternative to drag-and-drop BI tools.