diff --git a/public/css/main.css b/public/css/main.css
deleted file mode 100644
index a87beeb..0000000
--- a/public/css/main.css
+++ /dev/null
@@ -1,4 +0,0 @@
-body {
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
- color: green;
-}
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
deleted file mode 100644
index a4c3fd7..0000000
--- a/public/index.html
+++ /dev/null
@@ -1,16 +0,0 @@
-
-
-
-
-
-
-
- Browser Starter
-
-
- shadow-cljs - Browser
-
-
-
-
-
\ No newline at end of file
diff --git a/src/main/starter/browser.cljs b/src/main/starter/browser.cljs
deleted file mode 100644
index 8ecb028..0000000
--- a/src/main/starter/browser.cljs
+++ /dev/null
@@ -1,223 +0,0 @@
-(ns starter.browser
- (:require [re-frame.core :as rf]
- [reagent.core :as r]
- [reagent.dom :as dom]
- [ajax.core :refer [GET json-response-format]]
- [cljs.core.async :refer [chan timeout put! clj %))
- (put! c %))
- :error-handler #(do
- (js/console.error "Error occurred:" %)
- (put! c nil))})
- (go-loop []
- (let [response ( db
- (update :items concat new-items)
- (update :page inc)
- (assoc :loading? false))
- (assoc db :loading? false))))
-
-(rf/reg-event-db
- :fetch-more-items
- (fn [db _]
- (let [page (:page db)]
- (js/console.log "Dispatching fetch-more-items for page" page)
- (fetch-movies page)
- (assoc db :loading? true))))
-
-;; Trigger fetch-more-items event on scroll
-(rf/reg-event-fx
- :scroll-handler
- (fn [{:keys [db]} _]
- (js/console.log "Scroll handler triggered")
- (when (<= (- (.-scrollHeight (.-documentElement js/document))
- (.-scrollTop (.-documentElement js/document))
- (.-clientHeight (.-documentElement js/document))) 200) ; Increased threshold
- (js/console.log "Almost at the bottom of the page")
- (when-not (:loading? db)
- {:db (assoc db :loading? true)
- :dispatch [:fetch-more-items]}))))
-
-;; Add scroll event listener
-(defn handle-scroll []
- (js/console.log "Scroll event detected")
- (rf/dispatch [:scroll-handler]))
-
-(rf/reg-event-db
- :search-movies
- (fn [db [_ query]]
- (let [url (str (env :base-url) "/search/movie?api_key=" (env :api-key) "&query=" query)]
- (js/console.log "Searching movies for query:" query "with URL:" url)
- (get-url url)
- (when-not (:loading? db)
- {:db (assoc db :loading? true)
- :dispatch [:fetch-more-items]}))))
-
-(defn search-bar []
- (let [query (r/atom "")]
- (fn []
- [:div
- [:input {:type "text"
- :placeholder "Search for a movie..."
- :value @query
- :on-change #(reset! query (-> % .-target .-value))}]
- [:button {:on-click #(rf/dispatch [:search-movies @query])} "Search"]])))
-
-(defn expanded-interface [props]
- [:div
- {:style {:position "fixed" :top 0 :left 0 :width "100%" :height "100%" :background-color "white" :z-index 1000 :overflow "auto"}}
- [:button {:on-click #(rf/dispatch [:collapse-item])} "Close"]
- [:h3 (:title props)]
- [:p (:overview props)]
- [:iframe {:allowFullScreen true
- :autoPlay true
- :src (str (env :vid-src) (:id props))
- :style {:width "100%"
- :height "85%"}}]])
-
-(rf/reg-sub
- :expanded-item
- (fn [db _]
- (println "Getting" (:expanded-item db))
- (:expanded-item db)))
-
-(rf/reg-event-db
- :expand-item
- (fn [db [_ item-id]]
- (js/console.log "Setting expanded-item:" item-id)
- (assoc db :expanded-item item-id)))
-
-(rf/reg-event-db
- :collapse-item
- (fn [db _]
- (dissoc db :expanded-item)))
-
-;; Subscriptions
-(rf/reg-sub
- :items
- (fn [db _]
- (:items db)))
-
-(rf/reg-sub
- :loading?
- (fn [db _]
- (:loading? db)))
-
-(defn with-hover [component]
- (fn [props]
- (let [hovered (r/atom false)
- expanded-item @(rf/subscribe [:expanded-item])]
- (fn [props]
- (println expanded-item)
- [:<>
- ;; Render the expanded interface if this item is expanded
- (if (= (:id props) @(rf/subscribe [:expanded-item]))
- [expanded-interface props]
- ;; Otherwise, handle hover logic and normal view
- [:div.item {:on-mouse-enter #(reset! hovered true)
- :on-mouse-leave #(reset! hovered false)
- :style {:background-color (if @hovered "lightblue" "lightgray")
- :position "relative"
- :width "100%"
- :height "100%"}}
- ;; Show hover interface
- (if @hovered
- [:div
- {:on-click #((println (:id props))
- (rf/dispatch [:expand-item (:id props)]))}
- ;; Hover overlay content
- [:div {:class "overlay"}
- ;; Title
- [:h3 (:title props)]
- ;; Description
- [:p (:overview props)]]
- [:img {:src (str "https://image.tmdb.org/t/p/w342" (:poster_path props))}]]
- ;; Default view for non-hovered state
- [component props])])]))))
-
-(defn item-component [props]
- [:div.item
- [:img {:src (str "https://image.tmdb.org/t/p/w342" (:poster_path props))
- :id (str "cover-img" (:id props))}]])
-
-(defn item-components [items]
- [:div.items-container
- (for [item items]
- ^{:key (:id item)}
- [(with-hover item-component) item])])
-
-(defn chunk-items [items chunk-size]
- (map-indexed (fn [index chunk]
- {:id index :items chunk})
- (partition-all chunk-size items)))
-
-;; Components
-(defn main-page []
- (r/create-class
- {:component-did-mount
- (fn []
- (js/console.log "Component did mount")
- (js/addEventListener "scroll" handle-scroll))
- :component-will-unmount
- (fn []
- (js/console.log "Component will unmount")
- (js/removeEventListener "scroll" handle-scroll))
- :reagent-render
- (fn []
- (let [items @(rf/subscribe [:items])
- loading? @(rf/subscribe [:loading?])]
- (js/console.log "Rendering items:" items)
- [:div
- [:h1 "Endless Scrolling TMDB Movies"]
- [:div [search-bar]]
- (for [chunk (chunk-items items 4)] ;; Chunk items into groups of 4
- ^{:key (:id chunk)} ;; Use the unique :id for the key
- [item-components (:items chunk)])
- (when loading?
- [:div "Loading..."])]))}))
-
-(defn init []
- (rf/dispatch-sync [:initialize])
- (dom/render [main-page] (.getElementById js/document "app")))
-
-;; Initialize app
-(init)
diff --git a/src/main/starter/fake-env.cljs b/src/main/starter/fake-env.cljs
deleted file mode 100644
index 2667414..0000000
--- a/src/main/starter/fake-env.cljs
+++ /dev/null
@@ -1,5 +0,0 @@
-(ns starter.fake-env)
-
-(def env {:api-key ""
- :base-url ""
- :vid-src ""})
\ No newline at end of file