WIP

Author: koffeinfrei

www_rails/app/controllers/movies_controller.rb

@@ -1,9 +1,16 @@
 class MoviesController < ApplicationController
   def show
-    # TODO: fetch if not in session
-    json = session["#{params['title']}/#{params['year']}"]
-    @movie = RecursiveOstruct.from(json)
+    title = params['title']
+    year = params['year']
+
+    @movie =
+      RecursiveOstruct.from(
+        session.fetch("#{title}/#{year}") do
+          Movie.get(title, year)
+        end
+      )
+
     @page_title = "#{@movie.title} (#{@movie.year})"
-    @poster_url = @movie.poster_url || vite_asset_path('images/default-poster.png')
+    @poster_url = @movie.poster_url
   end
 end

www_rails/app/controllers/search_controller.rb

@@ -1,15 +1,18 @@
 class SearchController < ApplicationController
   def new
+    @query = params[:query]
+  end
+
+  def create
     # TODO: don't fetch if in session
     # TODO: use redis session. cookie will explode
-    result = JSON.parse(`should-i-watch-this lookup -f json #{params[:query]} -l`)
-    if result['error']
-      # TODO: error
-    else
-      title = result['title']
-      year = result['year']
-      session["#{title}/#{year}"] = result
+    movie = Movie.search(params[:query])
+    if movie
+      title = movie['title']
+      year = movie['year']
+      session["#{title}/#{year}"] = movie
       redirect_to movie_url(title, year)
+    else
     end
   end
 end

…pp/javascript/controllers/application.js …/app/frontend/controllers/application.jswww_rails/app/javascript/controllers/application.js renamed to www_rails/app/frontend/controllers/application.js www_rails/app/javascript/controllers/application.js renamed to www_rails/app/frontend/controllers/application.js

@@ -1,6 +1,9 @@
 import { Application } from "@hotwired/stimulus"
+import { registerControllers } from 'stimulus-vite-helpers'
 
 const application = Application.start()
+const controllers = import.meta.glob('./**/*_controller.js', { eager: true })
+registerControllers(application, controllers)
 
 // Configure Stimulus development experience
 application.debug = false

…vascript/controllers/hello_controller.js …rontend/controllers/search_controller.jswww_rails/app/javascript/controllers/hello_controller.js renamed to www_rails/app/frontend/controllers/search_controller.js www_rails/app/javascript/controllers/hello_controller.js renamed to www_rails/app/frontend/controllers/search_controller.js

@@ -2,6 +2,6 @@ import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
   connect() {
-    this.element.textContent = "Hello World!"
+    this.element.submit()
   }
 }

www_rails/app/frontend/controllers/spinner_controller.js

@@ -0,0 +1,22 @@
+import { Controller } from "@hotwired/stimulus"
+
+const spinnerCharacters = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"]
+
+export default class extends Controller {
+  connect() {
+    this.currentIndex = 0
+
+    this.onInterval(() => {
+      this.currentIndex = (this.currentIndex + 1) % spinnerCharacters.length
+      this.setCurrentCharacter()
+    }, 60)
+  }
+
+  setCurrentCharacter() {
+    this.element.textContent = spinnerCharacters[this.currentIndex]
+  }
+
+  onInterval(callback, milliseconds) {
+    const interval = setInterval(callback, milliseconds)
+  }
+}

www_rails/app/frontend/entrypoints/application.js

@@ -15,8 +15,8 @@ console.log('Visit the guide for more information: ', 'https://vite-ruby.netlify
 
 // Example: Load Rails libraries in Vite.
 //
-// import * as Turbo from '@hotwired/turbo'
-// Turbo.start()
+import * as Turbo from '@hotwired/turbo'
+Turbo.start()
 //
 // import ActiveStorage from '@rails/activestorage'
 // ActiveStorage.start()
@@ -26,3 +26,5 @@ console.log('Visit the guide for more information: ', 'https://vite-ruby.netlify
 
 // Example: Import a stylesheet in app/frontend/index.css
 // import '~/index.css'
+//
+import '~/controllers/application'

www_rails/app/frontend/entrypoints/application.scss

@@ -239,3 +239,8 @@ a.result-more {
     width: 800px;
   }
 }
+
+// spinner
+.spinner {
+  font-size: 21px;
+}

www_rails/app/models/movie.rb

@@ -0,0 +1,21 @@
+module Movie
+  def self.get(title, year)
+    json = JSON.parse(`should-i-watch-this lookup -f json #{title} -y #{year} -l`)
+
+    if json['error']
+      nil
+    else
+      json
+    end
+  end
+
+  def self.search(query)
+    json = JSON.parse(`should-i-watch-this lookup -f json #{query} -l`)
+
+    if json['error']
+      nil
+    else
+      json
+    end
+  end
+end

www_rails/app/views/movies/show.html.slim

@@ -1,5 +1,7 @@
 = render 'shared/search_box'
 
+- @poster_url ||= vite_asset_path('images/default-poster.png')
+
 section.box
   .summary
     .description

www_rails/app/views/search/new.html.slim

@@ -0,0 +1,7 @@
+= render 'shared/search_box', query: @query
+
+section.box.padded
+  span.spinner data-controller="spinner"
+
+= form_tag search_path, 'data-controller': 'search'
+  = hidden_field_tag :query, @query