flipside 0.1.0 → 0.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 10dcbfd4da7a00053fc1e9486c54312a0010096deeec169368e251dd173a6c41
-  data.tar.gz: 0327eac1507849ce0ae681a37af3ca5b09af9d642331619879cfd2e876f97462
+  metadata.gz: 40777dd3225cce9bdb82e6d66301c8612a7284a51011610203cf717e6b68d2bc
+  data.tar.gz: 26f0f2f2570389e80c76ebc3cdb347ff328d504b6291a4ba50d3df88d1c61a91
 SHA512:
-  metadata.gz: 1380f6f03f37f95a4f567ea840534e371a963fa1380bde5424981651d558761c642f67ba9cbc9bc14fac90ee0dc9393020a3bb13ca809b0e5206cea7c542ffe9
-  data.tar.gz: f9827baa63d88ec20224c8e5bb356af5ac03271714a0db706359e53b157a28e03108a2be5c729fd83e58a39d443dc548b4e7bdcdebe591fce706b7839bae8d55
+  metadata.gz: 88e26979066424e8474657fe29818254e85ac182113513bfb9fae0849fd73c9c54541c7e1cbca2f33a98e41b01b1c8b54c5c9adcb6613000fa99c181086128bd
+  data.tar.gz: 899954def9a08cbdd895683e2975e32e59ab2ab1147d423460be32db25eeb764342124dfe7b89aacbf95abcca6613181cfb9470b1c377cfd25c83ddbfbb71757

data/CHANGELOG.md

@@ -1,5 +1,9 @@
 ## [Unreleased]
 
+## [0.1.1] - 2024-11-22
+
+- Fix missing js files for web UI
+
 ## [0.1.0] - 2024-11-22
 
 - Initial release

data/lib/flipside/public/index.js

@@ -0,0 +1,9 @@
+import { Application } from "@hotwired/stimulus"
+import ToggleController from "toggle_controller"
+import SearchController from "search_controller"
+import ModalController from "modal_controller"
+
+const application = Application.start()
+application.register("toggle", ToggleController)
+application.register("search", SearchController)
+application.register("modal", ModalController)

data/lib/flipside/public/modal_controller.js

@@ -0,0 +1,20 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ["dialog"];
+
+  open() {
+    if (this.hasDialogTarget) {
+      this.dialogTarget.classList.remove("hidden");
+      this.dialogTarget.showModal()
+    }
+  }
+
+  close() {
+    if (this.hasDialogTarget) {
+      this.dialogTarget.classList.add("hidden");
+      this.dialogTarget.close()
+    }
+  }
+}
+

data/lib/flipside/public/search_controller.js

@@ -0,0 +1,110 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class SearchController extends Controller {
+  static targets = ["input", "value", "param", "results", "addButton"]
+  static values = {url: String}
+
+  timer = null
+
+  async search(event) {
+    clearTimeout(this.timer)
+    this.timer = setTimeout(this.fetchResults.bind(this), 400)
+  }
+
+  async fetchResults() {
+    this.clearResults()
+    try {
+      const url = this.getUrl()
+      if (!url) return
+
+      const response = await fetch(url)
+      if (!response.ok) {
+        console.error("Failed to fetch search results")
+        return
+      }
+
+      const html = await response.text()
+      this.updateResults(html)
+    } catch (error) {
+      console.error("Error fetching search results:", error)
+    }
+  }
+
+  select(event) {
+    // If the event target has no value, then we assume we didn't find any results
+    if (!event.target.value) {
+      this.clearResults()
+      if (this.hasAddButtonTarget) this.disableAddButton()
+      return
+    }
+
+    if (this.hasInputTarget) {
+      this.inputTarget.value = event.target.textContent.trim()
+    }
+
+    if (this.hasValueTarget) {
+      this.valueTarget.value = event.target.value
+      if (this.hasAddButtonTarget) this.enabledAddButton()
+    }
+
+    this.clearResults()
+  }
+
+  getUrl() {
+    if (!this.hasInputTarget) return
+
+    const query = this.inputTarget.value.trim()
+    if (query.length === 0) return
+
+    const params = new URLSearchParams()
+    params.append("q", encodeURIComponent(query))
+
+    this.paramTargets.forEach(paramTarget => {
+      const key = paramTarget.dataset.searchParam
+      const value = paramTarget.value
+      params.append(key, value)
+    })
+
+    return `${this.urlValue}?${params.toString()}`
+  }
+
+  updateResults(html) {
+    if (!this.hasResultsTarget) return
+
+    this.resultsTarget.innerHTML = html
+    this.resultsTarget.classList.add("block")
+  }
+
+  clearResults() {
+    if (this.hasResultsTarget) {
+      this.resultsTarget.innerHTML = ""
+    }
+  }
+
+  clearAll() {
+    if (this.hasInputTarget) {
+      this.inputTarget.value = ""
+    }
+
+    if (this.hasResultsTarget) {
+      this.resultsTarget.innerHTML = ""
+    }
+
+    if (this.hasAddButtonTarget) this.disableAddButton()
+  }
+
+  enabledAddButton() {
+    this.addButtonTarget.classList.remove("bg-gray-600")
+    this.addButtonTarget.classList.add("bg-gray-300")
+    this.addButtonTarget.classList.add("hover:bg-gray-400")
+    this.addButtonTarget.disabled = false
+  }
+
+  disableAddButton() {
+    this.addButtonTarget.classList.add("bg-gray-600")
+    this.addButtonTarget.classList.remove("bg-gray-300")
+    this.addButtonTarget.classList.remove("hover:bg-gray-400")
+    this.addButtonTarget.disabled = true
+  }
+}
+

data/lib/flipside/public/toggle_controller.js

@@ -0,0 +1,29 @@
+import { Controller } from "@hotwired/stimulus";
+
+export default class ToggleController extends Controller {
+  static targets = ["switch"]
+  static values = {
+    url: String,
+    enabled: Boolean
+  }
+
+  async switch(event) {
+    try {
+      const data = {enable: !this.enabledValue}
+      const response = await fetch(this.urlValue, {
+        method: "PUT",
+        headers: {"Content-Type": "application/json"},
+        body: JSON.stringify(data)
+      })
+
+      if (response.ok) {
+        location.reload()
+      } else {
+        const text = await response.text()
+        console.error("Failed to update:", text)
+      }
+    } catch (error) {
+      console.error("Error during the PUT request:", error)
+    }
+  }
+}

data/lib/flipside/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Flipside
-  VERSION = "0.1.0"
+  VERSION = "0.1.1"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: flipside
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.1.1
 platform: ruby
 authors:
 - Sammy Henningsson
@@ -82,7 +82,7 @@ dependencies:
         version: '2.1'
 description: Create simple feature toggles.
 email:
-- sammy.henningsson@apoex.se
+- sammy.henningsson@hey.com
 executables: []
 extensions: []
 extra_rdoc_files: []
@@ -104,6 +104,10 @@ files:
 - lib/flipside/config/registered_role.rb
 - lib/flipside/config/roles.rb
 - lib/flipside/feature_presenter.rb
+- lib/flipside/public/index.js
+- lib/flipside/public/modal_controller.js
+- lib/flipside/public/search_controller.js
+- lib/flipside/public/toggle_controller.js
 - lib/flipside/search_result.rb
 - lib/flipside/version.rb
 - lib/flipside/views/_datetime_modal.erb
@@ -119,10 +123,13 @@ files:
 - lib/flipside/web.rb
 - lib/generators/flipside/install/install_generator.rb
 - lib/generators/flipside/install/templates/20241122_create_flipside_migration.rb
-homepage:
+homepage: https://github.com/sammyhenningsson/flipside
 licenses:
 - MIT
-metadata: {}
+metadata:
+  homepage_uri: https://github.com/sammyhenningsson/flipside
+  source_code_uri: https://github.com/sammyhenningsson/flipside
+  changelog_uri: https://github.com/sammyhenningsson/flipside/blob/main/CHANGELOG.md
 post_install_message:
 rdoc_options: []
 require_paths: