refactor: simplify environment variables

agrc · Oct 8, 2024 · 6644849 · 6644849
1 parent 4608b47
commit 6644849
Show file tree

Hide file tree

Showing 12 changed files with 159 additions and 112 deletions.
diff --git a/.env b/.env
@@ -3,11 +3,4 @@ VITE_SERVICE_NAME=PLSS corner management
 VITE_API_KEY=api.mapserv.utah.gov api key
 VITE_DISCOVER_KEY=string;
 
-VITE_FIREBASE_PROJECT_ID=ut-dts-agrc-plss-dev
-VITE_FIREBASE_STORAGE_BUCKET=localhost
-VITE_FIREBASE_API_KEY=string;
-VITE_FIREBASE_AUTH_DOMAIN=string;
-VITE_FIREBASE_DATABASE_URL=string;
-VITE_FIREBASE_MESSAGING_SENDER_ID=string;
-VITE_FIREBASE_APPID=string;
-VITE_FIREBASE_MEASUREMENT_ID=string;
+VITE_FIREBASE_CONFIG={"apiKey":"string","authDomain":"string","projectId":"ut-dts-agrc-plss-dev","storageBucket":"localhost","messagingSenderId":"string","appId":"string","measurementId":"string"}
diff --git a/src/components/pageElements/AddPoint.stories.jsx b/src/components/pageElements/AddPoint.stories.jsx
@@ -14,6 +14,20 @@ import reduce, { defaults } from '../reducers/AppReducer';
 import './../../index.css';
 import AddPoint from './AddPoint.jsx';
 
+let config = {
+  apiKey: '',
+  authDomain: '',
+  projectId: '',
+  storageBucket: '',
+  messagingSenderId: '',
+  appId: '',
+  measurementId: '',
+};
+
+if (import.meta.env.VITE_FIREBASE_CONFIG) {
+  config = JSON.parse(import.meta.env.VITE_FIREBASE_CONFIG);
+}
+
 export default {
   title: 'Drawer/AddPoint',
   component: AddPoint,
@@ -22,15 +36,6 @@ export default {
   },
   decorators: [
     (Story) => {
-      const config = {
-        apiKey: import.meta.env.VITE_FIREBASE_API_KEY,
-        authDomain: import.meta.env.VITE_FIREBASE_AUTH_DOMAIN,
-        databaseURL: import.meta.env.VITE_FIREBASE_DATABASE_URL,
-        projectId: import.meta.env.VITE_FIREBASE_PROJECT_ID,
-        storageBucket: import.meta.env.VITE_FIREBASE_STORAGE_BUCKET,
-        messagingSenderId: import.meta.env.VITE_FIREBASE_MESSAGING_SENDER_ID,
-        appId: import.meta.env.VITE_FIREBASE_APPID,
-      };
       const app = initializeApp(config);
       const storage = getStorage(app);
       const functions = getFunctions(app);

diff --git a/src/components/pageElements/CornerSubmission/0-CornerSubmission.stories.jsx b/src/components/pageElements/CornerSubmission/0-CornerSubmission.stories.jsx
@@ -14,20 +14,25 @@ import {
   StorageProvider,
 } from 'reactfire';
 
+let config = {
+  apiKey: '',
+  authDomain: '',
+  projectId: '',
+  storageBucket: '',
+  messagingSenderId: '',
+  appId: '',
+  measurementId: '',
+};
+
+if (import.meta.env.VITE_FIREBASE_CONFIG) {
+  config = JSON.parse(import.meta.env.VITE_FIREBASE_CONFIG);
+}
+
 export default {
   title: 'Corner/Submission',
   component: CornerSubmission,
   decorators: [
     (Story) => {
-      const config = {
-        apiKey: import.meta.env.VITE_FIREBASE_API_KEY,
-        authDomain: import.meta.env.VITE_FIREBASE_AUTH_DOMAIN,
-        databaseURL: import.meta.env.VITE_FIREBASE_DATABASE_URL,
-        projectId: import.meta.env.VITE_FIREBASE_PROJECT_ID,
-        storageBucket: import.meta.env.VITE_FIREBASE_STORAGE_BUCKET,
-        messagingSenderId: import.meta.env.VITE_FIREBASE_MESSAGING_SENDER_ID,
-        appId: import.meta.env.VITE_FIREBASE_APPID,
-      };
       const app = initializeApp(config);
       const storage = getStorage(app);
       const functions = getFunctions(app);

diff --git a/src/components/pageElements/CornerSubmission/1-Metadata.stories.jsx b/src/components/pageElements/CornerSubmission/1-Metadata.stories.jsx
@@ -12,20 +12,25 @@ import {
   StorageProvider,
 } from 'reactfire';
 
+let config = {
+  apiKey: '',
+  authDomain: '',
+  projectId: '',
+  storageBucket: '',
+  messagingSenderId: '',
+  appId: '',
+  measurementId: '',
+};
+
+if (import.meta.env.VITE_FIREBASE_CONFIG) {
+  config = JSON.parse(import.meta.env.VITE_FIREBASE_CONFIG);
+}
+
 export default {
   title: 'Corner/Submission/Parts',
   component: Metadata,
   decorators: [
     (Story) => {
-      const config = {
-        apiKey: import.meta.env.VITE_FIREBASE_API_KEY,
-        authDomain: import.meta.env.VITE_FIREBASE_AUTH_DOMAIN,
-        databaseURL: import.meta.env.VITE_FIREBASE_DATABASE_URL,
-        projectId: import.meta.env.VITE_FIREBASE_PROJECT_ID,
-        storageBucket: import.meta.env.VITE_FIREBASE_STORAGE_BUCKET,
-        messagingSenderId: import.meta.env.VITE_FIREBASE_MESSAGING_SENDER_ID,
-        appId: import.meta.env.VITE_FIREBASE_APPID,
-      };
       const app = initializeApp(config);
       const storage = getStorage(app);
       const functions = getFunctions(app);

diff --git a/src/components/pageElements/CornerSubmission/1b-Existing.stories.jsx b/src/components/pageElements/CornerSubmission/1b-Existing.stories.jsx
@@ -37,17 +37,22 @@ export default {
   },
 };
 
+let config = {
+  apiKey: '',
+  authDomain: '',
+  projectId: '',
+  storageBucket: '',
+  messagingSenderId: '',
+  appId: '',
+  measurementId: '',
+};
+
+if (import.meta.env.VITE_FIREBASE_CONFIG) {
+  config = JSON.parse(import.meta.env.VITE_FIREBASE_CONFIG);
+}
+
 const Template = (args) => {
   const data = { ...args };
-  const config = {
-    apiKey: import.meta.env.VITE_FIREBASE_API_KEY,
-    authDomain: import.meta.env.VITE_FIREBASE_AUTH_DOMAIN,
-    databaseURL: import.meta.env.VITE_FIREBASE_DATABASE_URL,
-    projectId: import.meta.env.VITE_FIREBASE_PROJECT_ID,
-    storageBucket: import.meta.env.VITE_FIREBASE_STORAGE_BUCKET,
-    messagingSenderId: import.meta.env.VITE_FIREBASE_MESSAGING_SENDER_ID,
-    appId: import.meta.env.VITE_FIREBASE_APPID,
-  };
   const app = initializeApp(config);
   const storage = getStorage(app);
   const auth = getAuth(app);

diff --git a/src/components/pageElements/CornerSubmission/3c-Height.stories.jsx b/src/components/pageElements/CornerSubmission/3c-Height.stories.jsx
@@ -14,20 +14,25 @@ import {
   StorageProvider,
 } from 'reactfire';
 
+let config = {
+  apiKey: '',
+  authDomain: '',
+  projectId: '',
+  storageBucket: '',
+  messagingSenderId: '',
+  appId: '',
+  measurementId: '',
+};
+
+if (import.meta.env.VITE_FIREBASE_CONFIG) {
+  config = JSON.parse(import.meta.env.VITE_FIREBASE_CONFIG);
+}
+
 export default {
   title: 'Corner/Submission/Parts',
   component: GeographicHeight,
   decorators: [
     (Story) => {
-      const config = {
-        apiKey: import.meta.env.VITE_FIREBASE_API_KEY,
-        authDomain: import.meta.env.VITE_FIREBASE_AUTH_DOMAIN,
-        databaseURL: import.meta.env.VITE_FIREBASE_DATABASE_URL,
-        projectId: import.meta.env.VITE_FIREBASE_PROJECT_ID,
-        storageBucket: import.meta.env.VITE_FIREBASE_STORAGE_BUCKET,
-        messagingSenderId: import.meta.env.VITE_FIREBASE_MESSAGING_SENDER_ID,
-        appId: import.meta.env.VITE_FIREBASE_APPID,
-      };
       const app = initializeApp(config);
       const storage = getStorage(app);
       const functions = getFunctions(app);

diff --git a/src/components/pageElements/CornerSubmission/4-Images.stories.jsx b/src/components/pageElements/CornerSubmission/4-Images.stories.jsx
@@ -31,17 +31,22 @@ export default {
   },
 };
 
+let config = {
+  apiKey: '',
+  authDomain: '',
+  projectId: '',
+  storageBucket: '',
+  messagingSenderId: '',
+  appId: '',
+  measurementId: '',
+};
+
+if (import.meta.env.VITE_FIREBASE_CONFIG) {
+  config = JSON.parse(import.meta.env.VITE_FIREBASE_CONFIG);
+}
+
 const Template = (args) => {
   const data = { ...args };
-  const config = {
-    apiKey: import.meta.env.VITE_FIREBASE_API_KEY,
-    authDomain: import.meta.env.VITE_FIREBASE_AUTH_DOMAIN,
-    databaseURL: import.meta.env.VITE_FIREBASE_DATABASE_URL,
-    projectId: import.meta.env.VITE_FIREBASE_PROJECT_ID,
-    storageBucket: import.meta.env.VITE_FIREBASE_STORAGE_BUCKET,
-    messagingSenderId: import.meta.env.VITE_FIREBASE_MESSAGING_SENDER_ID,
-    appId: import.meta.env.VITE_FIREBASE_APPID,
-  };
   const app = initializeApp(config);
   const storage = getStorage(app);
   const auth = getAuth(app);

diff --git a/src/components/pageElements/CornerSubmission/SubmissionReview.stories.jsx b/src/components/pageElements/CornerSubmission/SubmissionReview.stories.jsx
@@ -10,20 +10,25 @@ import { getFunctions } from 'firebase/functions';
 import { getStorage } from 'firebase/storage';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 
+let config = {
+  apiKey: '',
+  authDomain: '',
+  projectId: '',
+  storageBucket: '',
+  messagingSenderId: '',
+  appId: '',
+  measurementId: '',
+};
+
+if (import.meta.env.VITE_FIREBASE_CONFIG) {
+  config = JSON.parse(import.meta.env.VITE_FIREBASE_CONFIG);
+}
+
 export default {
   title: 'Corner/Submission/Parts',
   component: Review,
   decorators: [
     (Story) => {
-      const config = {
-        apiKey: import.meta.env.VITE_FIREBASE_API_KEY,
-        authDomain: import.meta.env.VITE_FIREBASE_AUTH_DOMAIN,
-        databaseURL: import.meta.env.VITE_FIREBASE_DATABASE_URL,
-        projectId: import.meta.env.VITE_FIREBASE_PROJECT_ID,
-        storageBucket: import.meta.env.VITE_FIREBASE_STORAGE_BUCKET,
-        messagingSenderId: import.meta.env.VITE_FIREBASE_MESSAGING_SENDER_ID,
-        appId: import.meta.env.VITE_FIREBASE_APPID,
-      };
       const app = initializeApp(config);
       const functions = getFunctions(app);
       const storage = getStorage(app);

diff --git a/src/components/pageElements/Identify.stories.jsx b/src/components/pageElements/Identify.stories.jsx
@@ -5,21 +5,25 @@ import { getStorage } from 'firebase/storage';
 import { initializeApp } from 'firebase/app';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 
+let config = {
+  apiKey: '',
+  authDomain: '',
+  projectId: '',
+  storageBucket: '',
+  messagingSenderId: '',
+  appId: '',
+  measurementId: '',
+};
+
+if (import.meta.env.VITE_FIREBASE_CONFIG) {
+  config = JSON.parse(import.meta.env.VITE_FIREBASE_CONFIG);
+}
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 export default {
   title: 'Page Elements/Identify',
   component: Identify,
   decorators: [
     (Story) => {
-      const config = {
-        apiKey: import.meta.env.VITE_FIREBASE_API_KEY,
-        authDomain: import.meta.env.VITE_FIREBASE_AUTH_DOMAIN,
-        databaseURL: import.meta.env.VITE_FIREBASE_DATABASE_URL,
-        projectId: import.meta.env.VITE_FIREBASE_PROJECT_ID,
-        storageBucket: import.meta.env.VITE_FIREBASE_STORAGE_BUCKET,
-        messagingSenderId: import.meta.env.VITE_FIREBASE_MESSAGING_SENDER_ID,
-        appId: import.meta.env.VITE_FIREBASE_APPID,
-      };
       const app = initializeApp(config);
       const storage = getStorage(app);
       const auth = getAuth(app);
@@ -61,7 +65,7 @@ Authenticated.args = {
       point_id: 'UT260060S0020E0_240400',
     },
   },
-  dispatch: () => {},
+  dispatch: () => { },
 };
 
 export const Unauthenticated = Template.bind({});
@@ -72,12 +76,12 @@ Unauthenticated.args = {
       point_id: 'UT260060S0020E0_240400',
     },
   },
-  dispatch: () => {},
+  dispatch: () => { },
 };
 
 export const Empty = Template.bind({});
 Empty.args = {
   authenticated: false,
   graphic: null,
-  dispatch: () => {},
+  dispatch: () => { },
 };
diff --git a/src/components/pageElements/MyContent.stories.jsx b/src/components/pageElements/MyContent.stories.jsx
@@ -12,6 +12,20 @@ import {
 import './../../index.css';
 import MyContent from './MyContent.jsx';
 
+let config = {
+  apiKey: '',
+  authDomain: '',
+  projectId: '',
+  storageBucket: '',
+  messagingSenderId: '',
+  appId: '',
+  measurementId: '',
+};
+
+if (import.meta.env.VITE_FIREBASE_CONFIG) {
+  config = JSON.parse(import.meta.env.VITE_FIREBASE_CONFIG);
+}
+
 export default {
   title: 'Drawer/MyContent',
   component: MyContent,
@@ -20,15 +34,6 @@ export default {
   },
   decorators: [
     (Story) => {
-      const config = {
-        apiKey: import.meta.env.VITE_FIREBASE_API_KEY,
-        authDomain: import.meta.env.VITE_FIREBASE_AUTH_DOMAIN,
-        databaseURL: import.meta.env.VITE_FIREBASE_DATABASE_URL,
-        projectId: import.meta.env.VITE_FIREBASE_PROJECT_ID,
-        storageBucket: import.meta.env.VITE_FIREBASE_STORAGE_BUCKET,
-        messagingSenderId: import.meta.env.VITE_FIREBASE_MESSAGING_SENDER_ID,
-        appId: import.meta.env.VITE_FIREBASE_APPID,
-      };
       const app = initializeApp(config);
       const storage = getStorage(app);
       const functions = getFunctions(app);

diff --git a/src/components/pageElements/mapElements/MonumentRecord.stories.jsx b/src/components/pageElements/mapElements/MonumentRecord.stories.jsx
@@ -4,21 +4,26 @@ import { getStorage } from 'firebase/storage';
 import { initializeApp } from 'firebase/app';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 
+let config = {
+  apiKey: '',
+  authDomain: '',
+  projectId: '',
+  storageBucket: '',
+  messagingSenderId: '',
+  appId: '',
+  measurementId: '',
+};
+
+if (import.meta.env.VITE_FIREBASE_CONFIG) {
+  config = JSON.parse(import.meta.env.VITE_FIREBASE_CONFIG);
+}
+
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 export default {
   title: 'Map Elements/Monument Record Finder',
   component: MonumentRecord,
   decorators: [
     (Story) => {
-      const config = {
-        apiKey: import.meta.env.VITE_FIREBASE_API_KEY,
-        authDomain: import.meta.env.VITE_FIREBASE_AUTH_DOMAIN,
-        databaseURL: import.meta.env.VITE_FIREBASE_DATABASE_URL,
-        projectId: import.meta.env.VITE_FIREBASE_PROJECT_ID,
-        storageBucket: import.meta.env.VITE_FIREBASE_STORAGE_BUCKET,
-        messagingSenderId: import.meta.env.VITE_FIREBASE_MESSAGING_SENDER_ID,
-        appId: import.meta.env.VITE_FIREBASE_APPID,
-      };
       const app = initializeApp(config);
       const storage = getStorage(app);
 
@@ -44,6 +49,6 @@ export default {
 };
 
 // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
-const Template = (args) => <MonumentRecord dispatch={() => {}} {...args} />;
+const Template = (args) => <MonumentRecord dispatch={() => { }} {...args} />;
 
 export const Primary = Template.bind({});