satis 1.0.66

data/app/components/satis/sidebar_menu_item/component_controller.js

@@ -0,0 +1,62 @@
+import ApplicationController from "../../../../frontend/controllers/application_controller"
+// FIXME: Is this full path really needed?
+import { debounce } from "../../../../frontend/utils"
+
+export default class extends ApplicationController {
+  static targets = ["link", "indicator", "submenu"]
+
+  connect() {
+    super.connect()
+
+    // Primitive, yes
+    Array.from(this.element.querySelectorAll('[data-satis-sidebar-menu-item-target="link"]')).forEach((el) => {
+      if (el.href.length > 0 && window.location.href.indexOf(el.href) >= 0) {
+        el.classList.add("active")
+      }
+    })
+
+    if (this.isActive) {
+      this.linkTarget.classList.add("active")
+
+      if (this.hasSubmenuTarget) {
+        this.submenuTarget.classList.remove("hidden")
+        this.indicatorTarget.setAttribute("data-fa-transform", "rotate-90")
+      } else {
+        this.linkTarget.classList.add("focus")
+      }
+    }
+  }
+
+  open(event) {
+    if (!this.isActive && this.hasSubmenuTarget) {
+      if (this.hasSubmenuTarget) {
+        this.submenuTarget.classList.remove("hidden")
+        this.indicatorTarget.setAttribute("data-fa-transform", "rotate-90")
+      }
+      event.preventDefault()
+    }
+  }
+
+  get linkInUrl() {
+    return this.linkTarget.href.length > 0 && window.location.href.indexOf(this.linkTarget.href) >= 0
+  }
+
+  get isActive() {
+    return this.linkInUrl || this.hasOpenSubmenus || this.hasActiveLinks
+  }
+
+  get hasOpenSubmenus() {
+    return Array.from(this.element.querySelectorAll('[data-satis-sidebar-menu-item-target="submenu"]')).some((el) => {
+      return !el.classList.contains("hidden")
+      // return Array.from(el.querySelectorAll('[data-satis-sidebar-menu-item-target="submenu"]')).some((el) => {
+      //   return !el.classList.contains("hidden")
+      // })
+    })
+  }
+
+  get hasActiveLinks() {
+    return Array.from(this.element.querySelectorAll('[data-satis-sidebar-menu-item-target="link"]')).some((el) => {
+      return el.classList.contains("active")
+    })
+  }
+}

data/app/components/satis/sidebar_menu_item/mobile/component.html.slim

@@ -0,0 +1,17 @@
+.space-y-1 class="#{item.level >= 1 ? 'pl-4' : ''}"
+  a.text-gray-600.hover:bg-gray-50.hover:text-gray-900.group.flex.items-center.px-2.py-2.text-base.font-medium.rounded-md href=item.link *item.link_attributes
+    - if item.icon
+        i.fa-lg.text-gray-400.group-hover:text-gray-500.mr-4.flex-shrink-0.h-6.w-6 class=item.icon style="width: 20px;"
+    - else
+      i.mr-3.flex-shrink-0.h-6 style="width: 20px;"
+    span.flex-1
+      = item.label
+
+    /! Expanded: "text-gray-400 rotate-90", Collapsed: "text-gray-300"
+    - if item.menu
+      i.fal.fa-angle-right.text-gray-300.ml-3.flex-shrink-0.h-5.w-5.transform.group-hover:text-gray-400.transition-colors.ease-in-out.duration-150 style="width: 20px;"
+
+  - if item.menu
+    #sub-menu-1.space-y-1
+      - item.menu.items.each do |item|
+        = render(Satis::SidebarMenuItem::Mobile::Component.new(item: item))

data/app/components/satis/sidebar_menu_item/mobile/component.rb

@@ -0,0 +1,10 @@
+# frozen_string_literal: true
+
+module Satis
+  module SidebarMenuItem
+    module Mobile
+      class Component < ::Satis::SidebarMenuItem::Component
+      end
+    end
+  end
+end

data/app/components/satis/switch/component.html.slim

@@ -0,0 +1,14 @@
+div.satis-switch data-controller='satis-switch'
+  - if options[:label] != false
+    = form.custom_label(attribute, options[:label], data: { action: "click->satis-switch#toggle" })
+  = form.hidden_field(attribute, options[:input_html].reverse_merge(value: @value ? "1" : "0", 'data-action' => 'change->satis-switch#update'))
+  button.mt-3.mb-3.relative.inline-flex.flex-shrink-0.h-6.w-11.border-2.border-transparent.rounded-full.cursor-pointer.transition-colors.ease-in-out.duration-200.focus:outline-none.focus:ring-2.focus:ring-offset-2.focus:ring-primary-500 aria-checked="false" role="switch" type="button" data-action="click->satis-switch#toggle" data-satis-switch-target="button" class="#{@value ? 'bg-primary-600' : 'bg-gray-200'}"
+    span.pointer-events-none.inline-block.h-5.w-5.rounded-full.bg-white.shadow.transform.ring-0.transition.ease-in-out.duration-200 aria-hidden="true" data-satis-switch-target="switch"  class="#{@value ? 'translate-x-5' : 'translate-x-0' }"
+      - if icon
+        span.absolute.inset-0.h-full.w-full.flex.items-center.justify-center.transition-opacity aria-hidden="true" data-satis-switch-target="cross" class="#{@value ? 'opacity-0 ease-out duration-100' : 'opacity-100 ease-in duration-200' }"
+          svg.h-3.w-3.text-gray-400 fill="none" viewbox=("0 0 12 12")
+            path d=("M4 8l2-2m0 0l2-2M6 6L4 4m2 2l2 2") stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" /
+        span.absolute.inset-0.h-full.w-full.flex.items-center.justify-center.transition-opacity aria-hidden="true" data-satis-switch-target="check" class="#{@value ? 'opacity-100 ease-in duration-200' : 'opacity-0 ease-out duration-100' }"
+          svg.h-3.w-3.text-primary-600 fill="currentColor" viewbox=("0 0 12 12")
+            path d=("M3.707 5.293a1 1 0 00-1.414 1.414l1.414-1.414zM5 8l-.707.707a1 1 0 001.414 0L5 8zm4.707-3.293a1 1 0 00-1.414-1.414l1.414 1.414zm-7.414 2l2 2 1.414-1.414-2-2-1.414 1.414zm3.414 2l4-4-1.414-1.414-4 4 1.414 1.414z") /
+

data/app/components/satis/switch/component.rb

@@ -0,0 +1,24 @@
+# frozen_string_literal: true
+
+module Satis
+  module Switch
+    class Component < Satis::ApplicationComponent
+      attr_reader :url, :form, :attribute, :icon, :options
+
+      def initialize(form:, attribute:, **options, &block)
+        super
+
+        @form = form
+        @attribute = attribute
+        @options = options
+        @block = block
+        @icon = true
+        @icon = options[:icon] if options.key?(:icon)
+        @value = options.key?(:value) ? options[:value] : @form.object.send(attribute)
+        @value = @value == '0' || !@value ? false : true
+        options[:input_html] ||= {}
+        options[:input_html] = { data: { 'satis-switch-target' => 'hiddenInput' } }.deep_merge(options[:input_html])
+      end
+    end
+  end
+end

data/app/components/satis/switch/component_controller.js

@@ -0,0 +1,49 @@
+import ApplicationController from "../../../../frontend/controllers/application_controller"
+// FIXME: Is this full path really needed?
+import { debounce } from "../../../../frontend/utils"
+
+export default class extends ApplicationController {
+  static targets = ["hiddenInput", "switch", "button", "cross", "check"]
+
+  connect() {
+    super.connect()
+  }
+
+  toggle(event) {
+    this.hiddenInputTarget.value = this.hiddenInputTarget.value == "1" ? "0" : "1"
+    this.hiddenInputTarget.dispatchEvent(new Event("change"))
+    this.update()
+  }
+
+  update(event) {
+    if (this.hiddenInputTarget.value == "1") {
+      // enabled
+      this.buttonTarget.classList.add("bg-primary-600")
+      this.buttonTarget.classList.remove("bg-gray-200")
+      this.switchTarget.classList.add("translate-x-5")
+      this.switchTarget.classList.remove("translate-x-0")
+
+      if (this.hasCrossTarget && this.hasCheckTarget) {
+        this.crossTarget.classList.add("opacity-0", "ease-out", "duration-100")
+        this.checkTarget.classList.add("opacity-100", "ease-in", "duration-200")
+
+        this.crossTarget.classList.remove("opacity-100", "ease-in", "duration-200")
+        this.checkTarget.classList.remove("opacity-0", "ease-out", "duration-100")
+      }
+    } else {
+      // disabled
+      this.buttonTarget.classList.remove("bg-primary-600")
+      this.buttonTarget.classList.add("bg-gray-200")
+      this.switchTarget.classList.remove("translate-x-5")
+      this.switchTarget.classList.add("translate-x-0")
+
+      if (this.hasCrossTarget && this.hasCheckTarget) {
+        this.crossTarget.classList.remove("opacity-0", "ease-out", "duration-100")
+        this.checkTarget.classList.remove("opacity-100", "ease-in", "duration-200")
+
+        this.crossTarget.classList.add("opacity-100", "ease-in", "duration-200")
+        this.checkTarget.classList.add("opacity-0", "ease-out", "duration-100")
+      }
+    }
+  }
+}

data/app/components/satis/tab/component.rb

@@ -0,0 +1,35 @@
+# frozen_string_literal: true
+
+module Satis
+  module Tab
+    class Component < Satis::ApplicationComponent
+      attr_reader :options, :name, :icon, :badge
+
+      def initialize(name, *args, &block)
+        super
+        @name = name
+        @options = args.extract_options!
+        @args = args
+        @icon = options[:icon]
+        @badge = options[:badge]
+        @block = block
+      end
+
+      def responsive?
+        options[:responsive] == true
+      end
+
+      def selected?
+        options[:selected] == true
+      end
+
+      def title
+        options[:title]
+      end
+
+      def call
+        content
+      end
+    end
+  end
+end

data/app/components/satis/tabs/component.html.slim

@@ -0,0 +1,23 @@
+.sts-tabs id="#{group}" data-controller="satis-tabs" data-satis-tabs-persist-value="#{persist}"
+  .sm:hidden
+    label.sr-only for="tabs" Select a tab
+    select#tabs.block.w-full.pl-3.pr-10.py-2.text-base.border-gray-300.focus:outline-none.focus:ring-primary-500.focus:border-primary-500.sm:text-sm.rounded-md name="tabs" data-action="change->satis-tabs#select" data-satis-tabs-target="select"
+      - tabs.each do |tab|
+        option selected=tab.selected? = ct(".#{tab.name}", scope: [group.to_sym], default: tab.name.to_s.humanize)
+  .hidden.sm:block
+    .border-b.border-gray-200
+      nav.-mb-px.flex.space-x-8.overflow-x-auto aria-label="Tabs"
+        - tabs.each do |tab|
+            a.tab id="#{tab.name}" href="#" aria-current="#{tab.selected? ? "page" : ''}" data-satis-tabs-target="tab" data-action="click->satis-tabs#select"
+              - if tab.icon
+                i.mr-2 class=tab.icon
+              = ct(".#{tab.name}", scope: [group.to_sym], default: tab.name.to_s.humanize)
+              i.fal.fa-triangle-exclamation.ml-2.hidden
+              - if tab.badge
+                span.badge
+                  = tab.badge
+
+  div
+    - tabs.each do |tab|
+      div id="#{tab.name}-content" class="tab-content #{tab.options[:padding] == false ? '' : 'mt-4'}" data-satis-tabs-target="content"
+        = tab.to_s

data/app/components/satis/tabs/component.md

@@ -0,0 +1,21 @@
+# Tabs
+
+## UI
+
+https://tailwindui.com/components/application-ui/navigation/tabs
+
+## Usage
+
+```slim
+= sts.tabs do |t|
+  - t.tab :about
+      p About
+      = link_to "Hello", root_path
+  - t.tab :printers
+    | printers
+  - t.tab :preferences
+    | preferences
+```
+
+satis.tabs takes an optional "group" parameter and is :main by default. So you could do:
+`satis.tabs group: :second`

data/app/components/satis/tabs/component.rb

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+module Satis
+  module Tabs
+    class Component < Satis::ApplicationComponent
+      renders_many :tabs, Tab::Component
+      attr_reader :group, :persist
+
+      def initialize(group: :main, persist: false)
+        super
+        @group = group
+        @persist = persist
+      end
+    end
+  end
+end

data/app/components/satis/tabs/component.scss

@@ -0,0 +1,33 @@
+.sts-tabs {
+  .tab {
+    @apply border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 whitespace-nowrap pb-4 px-1 border-b-2 font-medium text-sm border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300;
+
+    .badge {
+      @apply bg-gray-100 text-gray-600 hidden ml-3 rounded-full text-xs font-medium md:inline-block py-0.5 px-2.5;
+    }
+
+    &.selected {
+      @apply border-primary-500 text-primary-600;
+
+      .badge {
+        @apply bg-primary-100 text-primary-600;
+      }
+    }
+
+    &.is-invalid {
+      @apply text-red-600;
+
+      .fa-triangle-exclamation {
+        display: inline;
+      }
+    }
+  }
+
+  .tab-content {
+    @apply hidden;
+
+    &.selected {
+      @apply block;
+    }
+  }
+}

data/app/components/satis/tabs/component_controller.js

@@ -0,0 +1,123 @@
+import ApplicationController from "../../../../frontend/controllers/application_controller"
+
+/*
+ * Tabs controller
+ */
+export default class extends ApplicationController {
+  static targets = ["tab", "content", "select"]
+  static values = { persist: Boolean }
+
+  static keyBindings = [
+    {
+      keys: ["ctrl+1", "ctrl+2", "ctrl+3", "ctrl+4", "ctrl+5", "ctrl+6", "ctrl+7", "ctrl+8", "ctrl+9", "ctrl+0"],
+      handler: (event, combo, controller) => {
+        let index = -1 + +combo.split("+")[1]
+        if (index == -1) {
+          index = 10
+        }
+        controller.open(index)
+      },
+    },
+  ]
+
+  connect() {
+    super.connect()
+
+    const ourUrl = new URL(window.location.href)
+    this.keyBase = ourUrl.pathname.substring(1, ourUrl.pathname.length).replace(/\//, "_") + "_tabs_" + this.context.scope.element.id
+
+    let firstErrorIndex
+    this.tabTargets.forEach((tab, index) => {
+      let hasErrors = this.contentTargets[index].querySelectorAll(".is-invalid")
+      if (hasErrors.length > 0) {
+        if (!firstErrorIndex) {
+          firstErrorIndex = index
+        }
+        tab.classList.add("is-invalid")
+      }
+    })
+
+    this.open(firstErrorIndex || this.tabToOpen())
+  }
+
+  select(event) {
+    let index = null
+    if (event.srcElement.tagName == "SELECT") {
+      index = event.srcElement.selectedIndex
+    } else {
+      let clickedTab = event.srcElement.closest("a")
+      index = this.tabTargets.findIndex((el) => {
+        return el.attributes["id"] === clickedTab.attributes["id"]
+      })
+    }
+    this.open(index)
+    this.storeValue("openTab", index)
+
+    // Cancel the this event (dont show the browser context menu)
+    event.preventDefault()
+    return false
+  }
+
+  open(index) {
+    if (index == -1 || this.tabTargets[index] === undefined) {
+      return
+    }
+
+    this.tabTargets.forEach(function (target) {
+      target.classList.remove("selected")
+    })
+    this.tabTargets[index].classList.add("selected")
+
+    this.contentTargets.forEach(function (target) {
+      target.classList.remove("selected")
+    })
+    this.contentTargets[index].classList.add("selected")
+    this.selectTarget.selectedIndex = index
+  }
+
+  storeValue(key, value) {
+    if (!this.persistValue) {
+      return
+    }
+
+    if (typeof Storage !== "undefined") {
+      sessionStorage.setItem(this.keyBase + "_" + key, value)
+    }
+  }
+
+  getValue(key) {
+    if (!this.persistValue) {
+      return
+    }
+
+    if (typeof Storage !== "undefined") {
+      return sessionStorage.getItem(this.keyBase + "_" + key)
+    }
+  }
+
+  disconnect() {}
+
+  tabToOpen() {
+    let urlValue = this.getUrlVar(this.context.scope.element.id + "Tab")
+
+    if (typeof urlValue !== "undefined") {
+      return urlValue
+    }
+
+    return this.getValue("openTab") || 0
+  }
+
+  getUrlVar(name) {
+    return this.getUrlVars()[name]
+  }
+
+  getUrlVars() {
+    let vars = {}
+
+    window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (m, key, value) {
+      vars[key] = value
+    })
+
+    return vars
+  }
+}

data/app/controllers/satis/application_controller.rb

@@ -0,0 +1,4 @@
+module Satis
+  class ApplicationController < ::ApplicationController
+  end
+end

data/app/helpers/satis/application_helper.rb

@@ -0,0 +1,15 @@
+module Satis
+  module ApplicationHelper
+    def sts
+      @_satis_helpers_container ||= Satis::Helpers::Container.new(self)
+    end
+
+    def method_missing(method, *args, **kwargs, &block)
+      if method.to_s.ends_with?('_url') || method.to_s.ends_with?('_path') && main_app.respond_to?(method)
+        main_app.send(method, *args, **kwargs, &block)
+      else
+        super
+      end
+    end
+  end
+end

data/app/jobs/satis/application_job.rb

@@ -0,0 +1,4 @@
+module Satis
+  class ApplicationJob < ActiveJob::Base
+  end
+end

data/app/mailers/satis/application_mailer.rb

@@ -0,0 +1,6 @@
+module Satis
+  class ApplicationMailer < ActionMailer::Base
+    default from: 'from@example.com'
+    layout 'mailer'
+  end
+end

data/app/models/satis/application_record.rb

@@ -0,0 +1,5 @@
+module Satis
+  class ApplicationRecord < ActiveRecord::Base
+    self.abstract_class = true
+  end
+end

data/app/views/shared/_fields_for.html.slim

@@ -0,0 +1,35 @@
+- if form.object.present? && form.object.errors.messages[collection].present?
+  div.invalid-feedback
+    = form.object.errors.full_messages_for(collection).join(', ')
+
+- if template_object
+  template data-satis-fields-for-target='template'
+    = form.rails_fields_for collection, template_object, child_index: 'TEMPLATE' do |nested_form|
+      .nested-fields.template.py-2
+        = nested_form.input :id, as: :hidden
+        = nested_form.input :_destroy, as: :hidden
+        .grid.grid-cols-12.gap-4
+          .col-span-11.fields
+            = yield(nested_form)
+          .col-span-1.flex.justify-center.items-center.association
+            .h-full.w-1.border-r.border-dashed
+            a.text-primary-600.bg-white.dark:bg-gray-800 href="#" data-action='click->satis-fields-for#addAssociation' style="margin-left: -7px;"
+              i.fal.fa-plus
+          .hidden.col-span-1.flex.justify-center.items-center.association
+            .h-full.w-1.border-r.border-dashed
+            a.text-primary-600.bg-white.dark:bg-gray-800 href="#" data-action='click->satis-fields-for#removeAssociation'  style="margin-left: -7px;"
+              i.fal.fa-trash
+
+= form.rails_fields_for collection do |nested_form|
+  .nested-fields.py-2
+    = nested_form.input :id, as: :hidden
+    = nested_form.input :_destroy, as: :hidden
+    .grid.grid-cols-12.gap-4
+      .col-span-11
+        = yield(nested_form)
+      .col-span-1.flex.justify-center.items-center
+        .h-full.w-1.border-r.border-dashed
+        a.text-primary-600.bg-white.dark:bg-gray-800 href="#" data-action='click->satis-fields-for#removeAssociation' style="margin-left: -7px;"
+          i.fal.fa-trash
+
+span data-satis-fields-for-target='insertionPoint'

data/config/routes.rb

@@ -0,0 +1,5 @@
+Satis::Engine.routes.draw do
+  resources :tables, param: :table_name do
+    get 'filter_collection', on: :collection
+  end
+end

data/lib/satis/action_controller_helpers.rb

@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+module Satis
+  class StsWrapper
+    attr_reader :request
+
+    def initialize(request)
+      @request = request
+    end
+
+    def browser
+      @browser ||= Browser.new(request.user_agent)
+    end
+  end
+
+  module ActionControllerHelpers
+    extend ActiveSupport::Concern
+
+    included do
+      def sts
+        StsWrapper.new(request)
+      end
+    end
+
+    class_methods do
+      # Nothing yet
+    end
+  end
+end

data/lib/satis/configuration.rb

@@ -0,0 +1,61 @@
+# frozen_string_literal: true
+
+module Satis
+  class Configuration
+    attr_accessor :submit_on_enter, :confirm_before_leave
+    attr_writer :default_help_text
+    attr_writer :logger
+
+    def initialize
+      @logger = Logger.new(STDOUT)
+      @submit_on_enter = true
+      @confirm_before_leave = false
+
+      @default_help_text = lambda do |_template, _object, key, _additional_scope|
+        scope = help_scope(template, object, additional_scope)
+
+        value = I18n.t((["help"] + scope + [key.to_s]).join("."))
+
+        if /translation missing: (.+)/.match?(value)
+          nil
+        else
+          value
+        end
+      end
+    end
+
+    # Config: logger [Object].
+    def logger
+      @logger.is_a?(Proc) ? instance_exec(&@logger) : @logger
+    end
+
+    def default_help_text(template, object, method, additional_scope)
+      if @default_help_text.is_a?(Proc)
+        instance_exec(template, object, method, additional_scope,
+          &@default_help_text)
+      else
+        @default_help_text
+      end
+    end
+
+    # Maybe not the right place?
+    def help_scope(template, object, additional_scope, action: nil)
+      scope = template.controller.controller_path.split("/")
+      scope << (action || template.controller.action_name)
+      scope << object.class.name.demodulize.tableize.singularize
+
+      scope += Array.wrap(additional_scope) if additional_scope
+
+      scope.map(&:to_s)
+    end
+
+    def help_scopes(template, object, additional_scope)
+      actions = [template.controller.action_name]
+      %w[show new edit create update destroy index].each do |action|
+        actions << action unless actions.include?(action)
+      end
+
+      actions.map { |action| help_scope(template, object, additional_scope, action: action) }
+    end
+  end
+end

data/lib/satis/engine.rb

@@ -0,0 +1,27 @@
+require 'satis/forms/builder'
+require 'satis/helpers/container'
+require 'satis/menus/builder'
+
+module Satis
+  class Engine < ::Rails::Engine
+    isolate_namespace Satis
+
+    config.autoload_paths << "#{root}/app/components"
+    config.autoload_paths << "#{root}/lib"
+
+    initializer 'satis.helper' do
+      Rails.application.reloader.to_prepare do
+        ActiveSupport.on_load :action_view do
+          include Satis::ApplicationHelper
+
+          # F*CK Rails, adding an extra surrounding div 'field_with_errors' breaking all the things.
+          self.field_error_proc = ->(html_tag, _instance) { html_tag }
+        end
+
+        ActiveSupport.on_load(:action_controller) do
+          include Satis::ActionControllerHelpers
+        end
+      end
+    end
+  end
+end