Upgraded / fixed the controllers

commit-id:ec0dd444

Gemfile

@@ -32,6 +32,7 @@ gem 'text'
 gem 'view_component'
 gem 'wisper'
 gem 'workflow'
+gem 'stimulus-rails'
 
 group :development, :test do
   gem 'annotate'

Gemfile.lock

@@ -467,6 +467,7 @@ DEPENDENCIES
   spring
   sprockets-rails
   sqlite3
+  stimulus-rails
   super_diff
   sys-filesystem
   text

app/assets/stylesheets/application.scss

@@ -14,62 +14,64 @@
  */
 
 
- @import "colors";
- @import "bootstrap/scss/bootstrap";
- @import "minimal";
- @import "checkbox_toggle";
+@import "colors";
+@import "bootstrap/scss/bootstrap";
+@import "minimal";
+@import "checkbox_toggle";
+// @import "bg_process";
 
- // @import "./custom";
- // app/javascript/packs/stylesheets/_custom.scss
- // h1 {
- //   color: red;
- // } */
- html, body {
-   height: 100%;
- }
- body {
-   font-family: "Lucida Console", Monaco, monospace;
-   display: flex;
- }
+// @import "./custom";
+// app/javascript/packs/stylesheets/_custom.scss
+// h1 {
+//   color: red;
+// } */
+html,
+body {
+  height: 100%;
+}
 
- .debug_dump {
-   border-radius: 0.5rem;
-   padding: 0.5rem;
- }
+body {
+  font-family: "Lucida Console", Monaco, monospace;
+  display: flex;
+}
 
- .h-90 {
-   height: 90%;
- }
+.debug_dump {
+  border-radius: 0.5rem;
+  padding: 0.5rem;
+}
 
- .h-10 {
-   height: 10%;
- }
+.h-90 {
+  height: 90%;
+}
 
- .h-85 {
-   height: 85%;
- }
- .h-15 {
-   height: 15%;
- }
+.h-10 {
+  height: 10%;
+}
 
+.h-85 {
+  height: 85%;
+}
 
- .d-inline-grid {
-   display: inline-grid;
- }
+.h-15 {
+  height: 15%;
+}
 
+.d-inline-grid {
+  display: inline-grid;
+}
 
- .overflow-scroll-y {
-   overflow-y: scroll;
- }
+.overflow-scroll-y {
+  overflow-y: scroll;
+}
 
- .overflow-hidden-y {
-   overflow-y: hidden;
- }
+.overflow-hidden-y {
+  overflow-y: hidden;
+}
 
- .overflow-hidden-x {
-   overflow-x: hidden;
- }
+.overflow-hidden-x {
+  overflow-x: hidden;
+}
 
- .overflow-scroll-x {
-   overflow-x: scroll;
- }
+.overflow-scroll-x {
+  overflow-x: scroll;
+}

app/javascript/application.js

@@ -19,4 +19,7 @@ import '@fortawesome/fontawesome-free/js/all.js';
 // const images = require.context('./images', true)
 // const imagePath = (name) => images(name, true)
 
+// Turbo
+import '@hotwired/turbo-rails';
+
 import "./controllers"

app/javascript/controllers/index.js

@@ -4,5 +4,9 @@
 
 import { application } from "./application"
 
-import HelloController from "./hello_controller"
-application.register("hello", HelloController)
+import PaginationController from "./pagination_controller"
+application.register("pagination", PaginationController)
+
+import PlexController from "./plex_controller"
+application.register("plex", PlexController)
+

app/javascript/controllers/pagination_controller.js

@@ -1,4 +1,4 @@
-import { Controller } from 'stimulus'
+import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
   static targets = ['showMore']

app/javascript/controllers/plex_controller.js

@@ -1,17 +1,17 @@
-import { Controller } from "stimulus"
+// import { Controller } from "@hotwired/stimulus"
 
-export default class extends Controller {
-  static targets = ["fileNavigator"]
-  // greet() {
-  //   this.outputTarget.textContent =
-  //     `Hello, ${this.nameTarget.value}!`
-  // }
+// export default class extends Controller {
+//   static targets = ["fileNavigator"]
+//   // greet() {
+//   //   this.outputTarget.textContent =
+//   //     `Hello, ${this.nameTarget.value}!`
+//   // }
 
-  // getDirectories() {
-  //   fetch(this.data.get("url")).then(/* … */)
-  // }
+//   // getDirectories() {
+//   //   fetch(this.data.get("url")).then(/* … */)
+//   // }
 
-  // useFtp() {
+//   // useFtp() {
 
-  // }
-}
+//   // }
+// }

app/views/layouts/_head.erb

@@ -1,5 +1,5 @@
 <meta name="viewport" content="width=device-width, initial-scale=1">
-<%= javascript_include_tag 'application'%>
+<%= javascript_include_tag "application" %>
 <%= stylesheet_link_tag 'application' %>
 <%= csrf_meta_tag %>
 <%= csp_meta_tag %>

app/views/layouts/application.erb

@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 
-<html lang='en'  data-bs-theme="<%= light_dark_mode %>">
+<html lang='en' data-bs-theme="<%= light_dark_mode %>">
   <head>
     <title>Plex The Ripper</title>
     <%= render 'layouts/head' %>

bin/dev

@@ -1,8 +1,11 @@
 #!/usr/bin/env sh
 
-if ! gem list foreman -i --silent; then
+if gem list --no-installed --exact --silent foreman; then
   echo "Installing foreman..."
   gem install foreman
 fi
 
+# Default to port 3000 if not specified
+export PORT="${PORT:-3000}"
+
 exec foreman start -f Procfile.dev "$@"

package.json

@@ -3,7 +3,7 @@
   "private": true,
   "dependencies": {
     "@fortawesome/fontawesome-free": ">=5.15.2",
-    "@hotwired/stimulus": "^3.2.1",
+    "@hotwired/stimulus": "^3.2.2",
     "@hotwired/turbo-rails": ">=7.0.0-beta.5",
     "@popperjs/core": ">=2.9.2",
     "@rails/actioncable": ">=7.0.1",
@@ -22,7 +22,7 @@
     "regenerator-runtime": ">=0.13.11",
     "sass": ">=1.63.4",
     "stimulus": ">=3.0.1",
-    "webpack": ">=5.87.0"
+    "webpack": "^5.91.0"
   },
   "version": "0.1.0",
   "devDependencies": {

webpack.config.js

@@ -10,12 +10,12 @@ module.exports = {
   output: {
     filename: "[name].js",
     sourceMapFilename: "[file].map",
+    chunkFormat: "module",
     path: path.resolve(__dirname, "app/assets/builds"),
   },
   plugins: [
     new webpack.optimize.LimitChunkCountPlugin({
       maxChunks: 1
     })
-  ],
-
+  ]
 }

yarn.lock

@@ -17,7 +17,7 @@
   resolved "https://registry.yarnpkg.com/@hotwired/stimulus-webpack-helpers/-/stimulus-webpack-helpers-1.0.1.tgz#4cd74487adeca576c9865ac2b9fe5cb20cef16dd"
   integrity sha512-wa/zupVG0eWxRYJjC1IiPBdt3Lruv0RqGN+/DTMmUWUyMAEB27KXmVY6a8YpUVTM7QwVuaLNGW4EqDgrS2upXQ==
 
-"@hotwired/stimulus@^3.2.1", "@hotwired/stimulus@^3.2.2":
+"@hotwired/stimulus@^3.2.2":
   version "3.2.2"
   resolved "https://registry.yarnpkg.com/@hotwired/stimulus/-/stimulus-3.2.2.tgz#071aab59c600fed95b97939e605ff261a4251608"
   integrity sha512-eGeIqNOQpXoPAIP7tC1+1Yc1yl1xnwYqg+3mzqxyrbE5pg5YFBZcA6YoTiByJB6DKAEsiWtl6tjTJS4IYtbB7A==
@@ -2806,7 +2806,7 @@ webpack-sources@^3.2.3:
   resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-3.2.3.tgz#2d4daab8451fd4b240cc27055ff6a0c2ccea0cde"
   integrity sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==
 
-webpack@>=5.87.0:
+webpack@^5.91.0:
   version "5.91.0"
   resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.91.0.tgz#ffa92c1c618d18c878f06892bbdc3373c71a01d9"
   integrity sha512-rzVwlLeBWHJbmgTC/8TvAcu5vpJNII+MelQpylD4jNERPwpBJOE2lEcko1zJX3QJeLjTTAnQxn/OJ8bjDzVQaw==