PhilanthropyDataCommons · hminsky2002 · Jun 13, 2025 · Apr 30, 2025 · May 1, 2025 · May 20, 2025
diff --git a/.env.example b/.env.example
@@ -13,10 +13,13 @@
 # https://openid.net/specs/openid-connect-discovery-1_0.html#ProviderConfigurationRequest
 # In Keycloak, this is realm-local; do not include the trailing
 # `/.well-known/openid-configuration` path
-VITE_OIDC_AUTHORITY=https://auth.example.com/realms/example
+VITE_KEYCLOAK_AUTHORITY=https://auth.example.com/
 
 # The client ID is assigned by the IdP
-VITE_OIDC_CLIENT_ID=example-front-end
+VITE_KEYCLOAK_CLIENT_ID=example-front-end
+
+# The configured keycloak realm name
+VITE_KEYCLOAK_REALM=example-realm
 
 # The API URL is the location of a running PhilanthropyDataCommons/service instance
 # https://github.com/PhilanthropyDataCommons/service

diff --git a/.gitignore b/.gitignore
@@ -118,3 +118,6 @@ dist
 # @axa-fr/react-oidc generated files
 /public/OidcServiceWorker.js
 /public/OidcTrustedDomains.js
+
+*storybook.log
+storybook-static
diff --git a/.prettierignore b/.prettierignore
@@ -1,3 +1,5 @@
 # Ignore artifacts. Prettier inherits ignore rules from .gitignore
 # https://prettier.io/docs/en/ignore.html
 build
+vueSrc/index.html
+oldSrc
diff --git a/.storybook/main.ts b/.storybook/main.ts
@@ -1,21 +1,16 @@
-import type { StorybookConfig } from '@storybook/react-vite';
+import type { StorybookConfig } from '@storybook/vue3-vite';
+
 const config: StorybookConfig = {
-	stories: ['../src/stories/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
-	addons: [
-		'@storybook/addon-links',
-		'@storybook/addon-essentials',
-		'@storybook/addon-interactions',
-	],
+	stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+	addons: ['@storybook/addon-onboarding', '@storybook/addon-docs'],
 	framework: {
-		name: '@storybook/react-vite',
-		options: {},
+		name: '@storybook/vue3-vite',
+		options: {
+			docgen: {
+				plugin: 'vue-component-meta',
+				tsconfig: 'tsconfig.app.json',
+			},
+		},
 	},
-	core: {
-		disableTelemetry: true,
-	},
-	docs: {
-		autodocs: 'tag',
-	},
-	staticDirs: ['../public'],
 };
 export default config;
diff --git a/.storybook/preview.ts b/.storybook/preview.ts
@@ -0,0 +1,15 @@
+import type { Preview } from '@storybook/vue3-vite';
+import '../src/assets/main.css';
+
+const preview: Preview = {
+	parameters: {
+		controls: {
+			matchers: {
+				color: /(background|color)$/i,
+				date: /Date$/i,
+			},
+		},
+	},
+};
+
+export default preview;
diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx
diff --git a/src/vite-env.d.ts → env.d.ts b/src/vite-env.d.ts → env.d.ts
@@ -1,7 +1,8 @@
 /// <reference types="vite/client" />
 interface ImportMetaEnv {
-	readonly VITE_OIDC_AUTHORITY: string;
-	readonly VITE_OIDC_CLIENT_ID: string;
+	readonly VITE_KEYCLOAK_AUTHORITY: string;
+	readonly VITE_KEYCLOAK_CLIENT_ID: string;
+	readonly VITE_KEYCLOAK_REALM: string;
 	readonly VITE_API_URL: string;
 	readonly VITE_LOG_LEVEL: string;
 }

diff --git a/index.html b/index.html
@@ -16,7 +16,7 @@
 	</head>
 	<body>
 		<noscript>You need to enable JavaScript to run this app.</noscript>
-		<div id="root"></div>
-		<script type="module" src="/src/index.tsx"></script>
+		<div id="app"></div>
+		<script type="module" src="/src/main.ts"></script>
 	</body>
 </html>