verify deployment option

ArijitCloud · Oct 5, 2024 · 7aa2388 · 7aa2388
1 parent 8140866
commit 7aa2388
Show file tree

Hide file tree

Showing 7 changed files with 26 additions and 21 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,3 +1,4 @@
 node_modules
 pnpm-lock.yaml
 coverage
+dist
diff --git a/package.json b/package.json
@@ -10,7 +10,8 @@
     "test:coverage": "jest --coverage",
     "build": "tsc && vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 10",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "verify": "eslint && jest && vite build && vite preview"
   },
   "dependencies": {
     "@heroicons/react": "^2.1.5",

diff --git a/src/App.tsx b/src/App.tsx
@@ -1,6 +1,6 @@
 import { useEffect, useState } from "react";
 import { HeaderBar, FilterNav, Content, QuickNav } from "./layouts";
-import { useFetchReducer, SearchProvider } from "./state";
+import { useFetchReducer, SearchContextProvider } from "./state";
 import { Footer } from "./layouts/Footer";
 
 const allFilter = "All";
@@ -28,7 +28,7 @@ function App() {
       style={{ scrollbarGutter: "stable" }}
       className="h-screen flex flex-col flex-grow overflow-auto px-2 sm:px-10 text-black dark:text-white"
     >
-      <SearchProvider>
+      <SearchContextProvider>
         <header className="sticky top-0 z-40 bg-white dark:bg-gray-bg py-4 px-6">
           <HeaderBar />
           <FilterNav categories={categories} loading={loading} />
@@ -43,7 +43,7 @@ function App() {
             showSaved={showSaved}
           />
         </main>
-      </SearchProvider>
+      </SearchContextProvider>
       <footer className="py-4 text-center text-gray-500 dark:text-gray-400 mt-auto">
         <Footer />
       </footer>

diff --git a/src/data/response.types.ts b/src/data/response.types.ts
@@ -13,7 +13,9 @@ export interface FeedResponse {
 }
 
 export interface RawAlbumEntry {
-  [key: string]: unknown; 
+  // Raw data from the API. Subject to frequent changes.
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  [key: string]: any;
 }
 
 export interface AlbumEntry {

diff --git a/src/state/SearchContext.test.tsx b/src/state/SearchContext.test.tsx
@@ -1,7 +1,8 @@
 import { render, screen, fireEvent } from "@testing-library/react";
 import "@testing-library/jest-dom";
-import { SearchProvider, useSearchContext } from "./SearchContext";
+import { SearchContextProvider } from "./SearchContextProvider";
 import { useSearchReducer } from "./useSearchReducer";
+import { useSearchContext } from "./useSearchContext";
 
 /** Mocks */
 jest.mock("./useSearchReducer");
@@ -62,9 +63,9 @@ const TestComponent = () => {
 describe("SearchContext", () => {
   it("provides initial state correctly", () => {
     render(
-      <SearchProvider>
+      <SearchContextProvider>
         <TestComponent />
-      </SearchProvider>
+      </SearchContextProvider>
     );
 
     expect(screen.getByTestId("query")).toHaveTextContent("");
@@ -76,9 +77,9 @@ describe("SearchContext", () => {
 
   it("updates query when setQuery is called", () => {
     render(
-      <SearchProvider>
+      <SearchContextProvider>
         <TestComponent />
-      </SearchProvider>
+      </SearchContextProvider>
     );
 
     fireEvent.click(screen.getByText("Set Query"));
@@ -87,9 +88,9 @@ describe("SearchContext", () => {
 
   it("updates selectedFilter when setSelectedFilter is called", () => {
     render(
-      <SearchProvider>
+      <SearchContextProvider>
         <TestComponent />
-      </SearchProvider>
+      </SearchContextProvider>
     );
 
     fireEvent.click(screen.getByText("Set Filter"));
@@ -98,9 +99,9 @@ describe("SearchContext", () => {
 
   it("updates savedIds when setSavedIds is called", () => {
     render(
-      <SearchProvider>
+      <SearchContextProvider>
         <TestComponent />
-      </SearchProvider>
+      </SearchContextProvider>
     );
 
     fireEvent.click(screen.getByText("Set Saved IDs"));
@@ -109,9 +110,9 @@ describe("SearchContext", () => {
 
   it("updates sortOption when setSortOption is called", () => {
     render(
-      <SearchProvider>
+      <SearchContextProvider>
         <TestComponent />
-      </SearchProvider>
+      </SearchContextProvider>
     );
 
     fireEvent.click(screen.getByText("Set Sort Option"));
@@ -120,9 +121,9 @@ describe("SearchContext", () => {
 
   it("updates dataView when setDataView is called", () => {
     render(
-      <SearchProvider>
+      <SearchContextProvider>
         <TestComponent />
-      </SearchProvider>
+      </SearchContextProvider>
     );
 
     fireEvent.click(screen.getByText("Set Data View"));

diff --git a/src/state/SearchContext.tsx → src/state/SearchContextProvider.tsx b/src/state/SearchContext.tsx → src/state/SearchContextProvider.tsx
@@ -2,7 +2,7 @@ import { ReactNode } from "react";
 import { useSearchReducer } from "./useSearchReducer";
 import { SearchContext } from "./useSearchContext";
 
-const SearchProvider = ({ children }: { children: ReactNode }) => {
+const SearchContextProvider = ({ children }: { children: ReactNode }) => {
   const initialContext = useSearchReducer();
 
   return (
@@ -12,4 +12,4 @@ const SearchProvider = ({ children }: { children: ReactNode }) => {
   );
 };
 
-export { SearchProvider };
+export { SearchContextProvider };
diff --git a/src/state/index.ts b/src/state/index.ts
@@ -1,4 +1,4 @@
 export { default as FavoriteManager } from "./FavoriteManager";
-export { SearchProvider } from "./SearchContext";
+export { SearchContextProvider } from "./SearchContextProvider";
 export { useFetchReducer } from "./useFetchReducer";
 export { SearchContext, useSearchContext } from "./useSearchContext";