beautiful_photons 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: dc71fb4c64aaa2737993fec77cf061891a14bd3e0afd0a0793348fcd084a4fe4
+  data.tar.gz: f7428c0d6c45ebe3e8826e3ab40a474b71af803bbca0c1c9bd9dea571bb40fdd
+SHA512:
+  metadata.gz: d691b43d0baba68b43866a11fe9e73e8037a08014655ad08754a95fe36babe3fd82cd6a508dca6403b2f6bd6775783dcc5956604a9696687c2a23a212e954524
+  data.tar.gz: b5217d76a14f64cf8a15556e00b13aec39f96a24ad4c473d9074caa34ae4305318f7691a22cd091647484d16d41e663cdccc64ad55db4f0c1266daaa5ae515fc

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright tylercschneider
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,28 @@
+# BeautifulPhotons
+Short description and motivation.
+
+## Usage
+How to use my plugin.
+
+## Installation
+Add this line to your application's Gemfile:
+
+```ruby
+gem "beautiful_photons"
+```
+
+And then execute:
+```bash
+$ bundle
+```
+
+Or install it yourself as:
+```bash
+$ gem install beautiful_photons
+```
+
+## Contributing
+Contribution directions go here.
+
+## License
+The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+require "rake/testtask"
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << "test"
+  t.pattern = "test/**/*_test.rb"
+  t.verbose = false
+end
+
+task default: :test

data/app/assets/javascripts/beautiful_photons/bulk_select_controller.js

@@ -0,0 +1,76 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ["checkbox", "removeButton", "selectAllButton", "unselectAllButton", "modal", "modalMessage", "form"]
+  static values = { message: { type: String, default: "Remove {count} from this gallery?" } }
+
+  connect() {
+    this.updateButton()
+  }
+
+  toggle() {
+    this.updateButton()
+  }
+
+  selectAll() {
+    this.checkboxTargets.forEach(cb => cb.checked = true)
+    this.updateButton()
+  }
+
+  unselectAll() {
+    this.checkboxTargets.forEach(cb => cb.checked = false)
+    this.updateButton()
+  }
+
+  updateButton() {
+    const count = this.selectedCount
+    const total = this.checkboxTargets.length
+    const btn = this.removeButtonTarget
+    btn.disabled = count === 0
+    btn.style.opacity = count === 0 ? "0.4" : "1"
+    btn.style.pointerEvents = count === 0 ? "none" : "auto"
+
+    if (this.hasSelectAllButtonTarget) {
+      const allSelected = count === total
+      this.selectAllButtonTarget.disabled = allSelected
+      this.selectAllButtonTarget.style.opacity = allSelected ? "0.4" : "1"
+      this.selectAllButtonTarget.style.pointerEvents = allSelected ? "none" : "auto"
+    }
+
+    if (this.hasUnselectAllButtonTarget) {
+      const noneSelected = count === 0
+      this.unselectAllButtonTarget.disabled = noneSelected
+      this.unselectAllButtonTarget.style.opacity = noneSelected ? "0.4" : "1"
+      this.unselectAllButtonTarget.style.pointerEvents = noneSelected ? "none" : "auto"
+    }
+  }
+
+  showConfirm(event) {
+    event.preventDefault()
+    const count = this.selectedCount
+    if (count === 0) return
+
+    const label = `${count} photo${count === 1 ? "" : "s"}`
+    this.modalMessageTarget.textContent = this.messageValue.replace("{count}", label)
+    this.modalTarget.classList.remove("hidden")
+  }
+
+  confirmRemove() {
+    this.modalTarget.classList.add("hidden")
+    this.formTarget.requestSubmit()
+  }
+
+  cancelRemove() {
+    this.modalTarget.classList.add("hidden")
+  }
+
+  closeOnBackdrop(event) {
+    if (event.target === this.modalTarget) {
+      this.cancelRemove()
+    }
+  }
+
+  get selectedCount() {
+    return this.checkboxTargets.filter(cb => cb.checked).length
+  }
+}

data/app/assets/javascripts/beautiful_photons/crop_editor_controller.js

@@ -0,0 +1,108 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ["image", "viewport", "cropX", "cropY", "cropZoom", "zoomSlider"]
+  static values = { aspect: String }
+
+  connect() {
+    this.dragging = false
+    this.dragStartX = 0
+    this.dragStartY = 0
+    this.startCropX = 0
+    this.startCropY = 0
+    this.viewportTarget.style.display = "block"
+    this.updateViewport()
+  }
+
+  updateViewport() {
+    const cropX = parseFloat(this.cropXTarget.value)
+    const cropY = parseFloat(this.cropYTarget.value)
+    const zoom = parseFloat(this.cropZoomTarget.value)
+
+    // Viewport size is inverse of zoom — higher zoom = smaller viewport (tighter crop)
+    const viewportPct = Math.min(100, 100 / zoom)
+    const [aw, ah] = this.parseAspect()
+
+    // Calculate viewport dimensions that fit the aspect ratio within the image
+    const imgRect = this.imageTarget.getBoundingClientRect()
+    const imgAspect = imgRect.width / imgRect.height
+    const targetAspect = aw / ah
+
+    let vpW, vpH
+    if (targetAspect > imgAspect) {
+      // Wider than image — constrain by width
+      vpW = viewportPct
+      vpH = viewportPct * (imgAspect / targetAspect)
+    } else {
+      // Taller than image — constrain by height
+      vpH = viewportPct
+      vpW = viewportPct * (targetAspect / imgAspect)
+    }
+
+    // Position: crop_x/crop_y is the center of the viewport as % of image
+    const left = cropX - vpW / 2
+    const top = cropY - vpH / 2
+
+    const vp = this.viewportTarget
+    vp.style.width = `${vpW}%`
+    vp.style.height = `${vpH}%`
+    vp.style.left = `${this.clamp(left, 0, 100 - vpW)}%`
+    vp.style.top = `${this.clamp(top, 0, 100 - vpH)}%`
+
+    if (this.hasZoomSliderTarget) {
+      this.zoomSliderTarget.value = zoom
+    }
+  }
+
+  startDrag(event) {
+    event.preventDefault()
+    this.dragging = true
+    const touch = event.touches ? event.touches[0] : event
+    this.dragStartX = touch.clientX
+    this.dragStartY = touch.clientY
+    this.startCropX = parseFloat(this.cropXTarget.value)
+    this.startCropY = parseFloat(this.cropYTarget.value)
+
+    const move = (e) => this.drag(e)
+    const stop = () => {
+      this.dragging = false
+      document.removeEventListener("mousemove", move)
+      document.removeEventListener("mouseup", stop)
+      document.removeEventListener("touchmove", move)
+      document.removeEventListener("touchend", stop)
+    }
+
+    document.addEventListener("mousemove", move)
+    document.addEventListener("mouseup", stop)
+    document.addEventListener("touchmove", move, { passive: false })
+    document.addEventListener("touchend", stop)
+  }
+
+  drag(event) {
+    if (!this.dragging) return
+    event.preventDefault()
+
+    const touch = event.touches ? event.touches[0] : event
+    const imgRect = this.imageTarget.getBoundingClientRect()
+    const dx = (touch.clientX - this.dragStartX) / imgRect.width * 100
+    const dy = (touch.clientY - this.dragStartY) / imgRect.height * 100
+
+    this.cropXTarget.value = this.clamp(this.startCropX + dx, 0, 100).toFixed(1)
+    this.cropYTarget.value = this.clamp(this.startCropY + dy, 0, 100).toFixed(1)
+    this.updateViewport()
+  }
+
+  sliderZoom(event) {
+    this.cropZoomTarget.value = parseFloat(event.target.value).toFixed(2)
+    this.updateViewport()
+  }
+
+  parseAspect() {
+    const parts = (this.aspectValue || "1:1").split(":")
+    return [parseFloat(parts[0]), parseFloat(parts[1])]
+  }
+
+  clamp(val, min, max) {
+    return Math.max(min, Math.min(max, val))
+  }
+}

data/app/assets/javascripts/beautiful_photons/focal_point_controller.js

@@ -0,0 +1,16 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ["image", "pin", "focalX", "focalY"]
+
+  pick(event) {
+    const rect = this.imageTarget.getBoundingClientRect()
+    const x = ((event.clientX - rect.left) / rect.width * 100).toFixed(1)
+    const y = ((event.clientY - rect.top) / rect.height * 100).toFixed(1)
+
+    this.focalXTarget.value = x
+    this.focalYTarget.value = y
+    this.pinTarget.style.left = `${x}%`
+    this.pinTarget.style.top = `${y}%`
+  }
+}

data/app/assets/javascripts/beautiful_photons/index.js

@@ -0,0 +1,13 @@
+import FocalPointController from "beautiful_photons/focal_point_controller"
+import ReorderController from "beautiful_photons/reorder_controller"
+import CropEditorController from "beautiful_photons/crop_editor_controller"
+import BulkSelectController from "beautiful_photons/bulk_select_controller"
+
+export function registerControllers(application) {
+  application.register("focal-point", FocalPointController)
+  application.register("reorder", ReorderController)
+  application.register("crop-editor", CropEditorController)
+  application.register("bulk-select", BulkSelectController)
+}
+
+export { FocalPointController, ReorderController, CropEditorController, BulkSelectController }

data/app/assets/javascripts/beautiful_photons/reorder_controller.js

@@ -0,0 +1,45 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ["item"]
+  static values = { url: String }
+
+  get photoIds() {
+    return this.itemTargets.map((item) => item.dataset.photoId)
+  }
+
+  dragstart(event) {
+    this.draggedItem = event.currentTarget
+    event.dataTransfer.effectAllowed = "move"
+  }
+
+  dragover(event) {
+    event.preventDefault()
+    const target = event.currentTarget
+    if (target === this.draggedItem) return
+
+    const rect = target.getBoundingClientRect()
+    const midY = rect.top + rect.height / 2
+
+    if (event.clientY < midY) {
+      target.parentNode.insertBefore(this.draggedItem, target)
+    } else {
+      target.parentNode.insertBefore(this.draggedItem, target.nextSibling)
+    }
+  }
+
+  async drop(event) {
+    event.preventDefault()
+    await this.persist()
+  }
+
+  async persist() {
+    await fetch(this.urlValue, {
+      method: "PATCH",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({ photo_ids: this.photoIds }),
+    })
+  }
+}

data/app/assets/stylesheets/beautiful_photons/application.css

@@ -0,0 +1,15 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
+ * files in this directory. Styles in this file should be added after the last require_* statement.
+ * It is generally better to create a new file per style scope.
+ *
+ *= require_tree .
+ *= require_self
+ */

data/app/controllers/beautiful_photons/admin/base_controller.rb

@@ -0,0 +1,10 @@
+module BeautifulPhotons
+  module Admin
+    class BaseController < ::ApplicationController
+      before_action { send(BeautifulPhotons.config.authentication_method) }
+      layout "beautiful_photons/admin"
+
+      helper KeystoneUi::Engine.helpers
+    end
+  end
+end

data/app/controllers/beautiful_photons/admin/categories_controller.rb

@@ -0,0 +1,37 @@
+# frozen_string_literal: true
+
+module BeautifulPhotons
+  module Admin
+    class CategoriesController < BaseController
+      skip_forgery_protection
+
+      def index
+        @categories = BeautifulPhotons::Category.all.order(:name)
+        @category = BeautifulPhotons::Category.new
+      end
+
+      def create
+        @category = BeautifulPhotons::Category.new(category_params)
+
+        if @category.save
+          redirect_to beautiful_photons.categories_path, notice: "Category created."
+        else
+          @categories = BeautifulPhotons::Category.all.order(:name)
+          render :index, status: :unprocessable_entity
+        end
+      end
+
+      def destroy
+        @category = BeautifulPhotons::Category.find(params[:id])
+        @category.destroy!
+        redirect_to beautiful_photons.categories_path, notice: "Category deleted."
+      end
+
+      private
+
+      def category_params
+        params.require(:category).permit(:name)
+      end
+    end
+  end
+end

data/app/controllers/beautiful_photons/admin/galleries_controller.rb

@@ -0,0 +1,100 @@
+# frozen_string_literal: true
+
+module BeautifulPhotons
+  module Admin
+    class GalleriesController < BaseController
+      skip_forgery_protection
+
+      def index
+        @galleries = BeautifulPhotons::Gallery.all.order(:title)
+      end
+
+      def new
+        @gallery = BeautifulPhotons::Gallery.new
+      end
+
+      def create
+        @gallery = BeautifulPhotons::Gallery.new(gallery_params)
+
+        if @gallery.save
+          redirect_to beautiful_photons.gallery_path(@gallery)
+        else
+          render :new, status: :unprocessable_entity
+        end
+      end
+
+      def edit
+        @gallery = BeautifulPhotons::Gallery.find(params[:id])
+      end
+
+      def update
+        @gallery = BeautifulPhotons::Gallery.find(params[:id])
+        @gallery.update!(gallery_params)
+        redirect_to beautiful_photons.gallery_path(@gallery)
+      end
+
+      def destroy
+        @gallery = BeautifulPhotons::Gallery.find(params[:id])
+        @gallery.destroy!
+        redirect_to beautiful_photons.galleries_path, notice: "Gallery deleted."
+      end
+
+      def show
+        @gallery = BeautifulPhotons::Gallery.find(params[:id])
+        @gallery_photos = @gallery.gallery_photos.includes(photo: :category).order(:position)
+        @category_stats = @gallery.gallery_photos
+          .joins(photo: :category)
+          .group("beautiful_photons_categories.name")
+          .count
+      end
+
+      def add_photos_page
+        @gallery = BeautifulPhotons::Gallery.find(params[:id])
+        existing_ids = @gallery.gallery_photos.pluck(:photo_id)
+        @available_photos = BeautifulPhotons::Photo.where.not(id: existing_ids).order(created_at: :desc)
+      end
+
+      def reorder
+        gallery = BeautifulPhotons::Gallery.find(params[:id])
+        photo_ids = params[:photo_ids]
+
+        photo_ids.each_with_index do |photo_id, index|
+          gallery.gallery_photos.where(photo_id: photo_id).update_all(position: index + 1)
+        end
+
+        head :ok
+      end
+
+      def add_photos
+        @gallery = BeautifulPhotons::Gallery.find(params[:id])
+        max_position = @gallery.gallery_photos.maximum(:position) || 0
+        ids = Array(params[:photo_ids])
+        category = params[:category].presence
+
+        ids.each_with_index do |photo_id, index|
+          @gallery.gallery_photos.find_or_create_by!(photo_id: photo_id, category: category) do |gp|
+            gp.position = max_position + index + 1
+          end
+        end
+
+        redirect_to beautiful_photons.gallery_path(@gallery),
+          notice: "Added #{ids.size} #{"photo".pluralize(ids.size)} to gallery."
+      end
+
+      def remove_photos
+        @gallery = BeautifulPhotons::Gallery.find(params[:id])
+        ids = Array(params[:photo_ids])
+        @gallery.gallery_photos.where(photo_id: ids).destroy_all
+
+        redirect_to beautiful_photons.gallery_path(@gallery),
+          notice: "Removed #{ids.size} #{"photo".pluralize(ids.size)} from gallery."
+      end
+
+      private
+
+      def gallery_params
+        params.require(:gallery).permit(:name, :title, :description)
+      end
+    end
+  end
+end

data/app/controllers/beautiful_photons/admin/photos_controller.rb

@@ -0,0 +1,75 @@
+module BeautifulPhotons
+  module Admin
+    class PhotosController < BaseController
+      skip_forgery_protection
+
+      def index
+        @photos = BeautifulPhotons::Photo.all.order(created_at: :desc)
+      end
+
+      def show
+        @photo = BeautifulPhotons::Photo.find(params[:id])
+      end
+
+      def new
+        @photo = BeautifulPhotons::Photo.new
+      end
+
+      def create
+        @photo = BeautifulPhotons::Photo.new(photo_params)
+
+        if @photo.save
+          redirect_to beautiful_photons.photo_path(@photo), notice: "Photo uploaded."
+        else
+          render :new, status: :unprocessable_entity
+        end
+      end
+
+      def bulk_create
+        images = Array(params[:images])
+        count = 0
+
+        images.each do |image|
+          title = File.basename(image.original_filename, ".*").titleize
+          photo = BeautifulPhotons::Photo.new(title: title)
+          photo.image.attach(image)
+          if photo.save
+            count += 1
+          end
+        end
+
+        redirect_to beautiful_photons.photos_path,
+          notice: "Uploaded #{count} #{"photo".pluralize(count)}."
+      end
+
+      def edit
+        @photo = BeautifulPhotons::Photo.find(params[:id])
+      end
+
+      def update
+        @photo = BeautifulPhotons::Photo.find(params[:id])
+        @photo.update!(photo_params)
+        redirect_to beautiful_photons.photo_path(@photo)
+      end
+
+      def destroy
+        @photo = BeautifulPhotons::Photo.find(params[:id])
+        @photo.destroy!
+        redirect_to beautiful_photons.photos_path, notice: "Photo deleted."
+      end
+
+      def bulk_destroy
+        ids = Array(params[:photo_ids])
+        BeautifulPhotons::Photo.where(id: ids).destroy_all
+        redirect_to beautiful_photons.photos_path,
+          notice: "Deleted #{ids.size} #{"photo".pluralize(ids.size)}."
+      end
+
+      private
+
+      def photo_params
+        params.require(:photo).permit(:title, :description, :image, :focal_x, :focal_y, :mobile_focal_x, :mobile_focal_y, :published)
+      end
+    end
+  end
+end

data/app/controllers/beautiful_photons/admin/standalones_controller.rb

@@ -0,0 +1,54 @@
+module BeautifulPhotons
+  module Admin
+    class StandalonesController < BaseController
+      def index
+        @standalones = Standalone.includes(:photo).order(:key)
+      end
+
+      def show
+        @standalone = Standalone.find(params[:id])
+      end
+
+      def edit_crop
+        @standalone = Standalone.find(params[:id])
+      end
+
+      def edit_mobile_crop
+        @standalone = Standalone.find(params[:id])
+      end
+
+      def change_photo
+        @standalone = Standalone.find(params[:id])
+        @photos = Photo.all.order(created_at: :desc)
+      end
+
+      def update
+        @standalone = Standalone.find(params[:id])
+        @standalone.update!(standalone_params)
+
+        message = if standalone_params.key?(:crop_x) || standalone_params.key?(:mobile_crop_x)
+          "Crop saved."
+        elsif standalone_params[:photo_id].present?
+          "Photo assigned."
+        elsif standalone_params.key?(:photo_id)
+          "Photo removed."
+        else
+          "Updated."
+        end
+
+        redirect_to standalone_path(@standalone), notice: message
+      end
+
+      private
+
+      def standalone_params
+        permitted = params.require(:standalone).permit(
+          :photo_id, :crop_x, :crop_y, :crop_zoom,
+          :mobile_crop_x, :mobile_crop_y, :mobile_crop_zoom
+        )
+        permitted[:photo_id] = permitted[:photo_id].presence
+        permitted
+      end
+    end
+  end
+end

data/app/controllers/beautiful_photons/api/base_controller.rb

@@ -0,0 +1,15 @@
+module BeautifulPhotons
+  module Api
+    class BaseController < ::ApplicationController
+      skip_forgery_protection
+
+      before_action :authenticate_api!
+
+      private
+
+      def authenticate_api!
+        send(BeautifulPhotons.config.api_authentication_method)
+      end
+    end
+  end
+end