proscenium 0.18.0-arm64-darwin → 0.19.0-arm64-darwin

data/lib/proscenium/libs/ujs/class.js

@@ -1,15 +0,0 @@
-import DataConfirm from "./data_confirm";
-import DataDisableWith from "./data_disable_with";
-
-export default class UJS {
-  constructor() {
-    this.dc = new DataConfirm();
-    this.ddw = new DataDisableWith();
-
-    document.addEventListener("submit", this, { capture: true });
-  }
-
-  handleEvent(event) {
-    this.dc.onSubmit(event) && this.ddw.onSubmit(event);
-  }
-}

data/lib/proscenium/libs/ujs/data_confirm.js

@@ -1,23 +0,0 @@
-export default class DataConfirm {
-  onSubmit = (event) => {
-    if (
-      !event.target.matches("[data-turbo=true]") &&
-      event.submitter &&
-      "confirm" in event.submitter.dataset
-    ) {
-      const v = event.submitter.dataset.confirm;
-
-      if (
-        v !== "false" &&
-        !confirm(v === "true" || v === "" ? "Are you sure?" : v)
-      ) {
-        event.preventDefault();
-        event.stopPropagation();
-        event.stopImmediatePropagation();
-        return false;
-      }
-    }
-
-    return true;
-  };
-}

data/lib/proscenium/libs/ujs/data_disable_with.js

@@ -1,68 +0,0 @@
-export default class DataDisableWith {
-  onSubmit = event => {
-    const target = event.target
-    const formId = target.id
-
-    if (target.matches('[data-turbo=true]')) return
-
-    const submitElements = Array.from(
-      target.querySelectorAll(
-        ['input[type=submit][data-disable-with]', 'button[type=submit][data-disable-with]'].join(
-          ', '
-        )
-      )
-    )
-
-    submitElements.push(
-      ...Array.from(
-        document.querySelectorAll(
-          [
-            `input[type=submit][data-disable-with][form='${formId}']`,
-            `button[type=submit][data-disable-with][form='${formId}']`
-          ].join(', ')
-        )
-      )
-    )
-
-    for (const ele of submitElements) {
-      if (ele.hasAttribute('form') && ele.getAttribute('form') !== target.id) continue
-
-      this.#disableButton(ele)
-    }
-  }
-
-  #disableButton(ele) {
-    const defaultTextValue = 'Please wait...'
-    let textValue = ele.dataset.disableWith || defaultTextValue
-    if (textValue === 'false') return
-    if (textValue === 'true') {
-      textValue = defaultTextValue
-    }
-
-    ele.disabled = true
-
-    if (ele.matches('button')) {
-      ele.dataset.valueBeforeDisabled = ele.innerHTML
-      ele.innerHTML = textValue
-    } else {
-      ele.dataset.valueBeforeDisabled = ele.value
-      ele.value = textValue
-    }
-
-    if (ele.resetDisableWith === undefined) {
-      // This function can be called on the element to reset the disabled state. Useful for when
-      // form submission fails, and the button should be re-enabled.
-      ele.resetDisableWith = function () {
-        this.disabled = false
-
-        if (this.matches('button')) {
-          this.innerHTML = this.dataset.valueBeforeDisabled
-        } else {
-          this.value = this.dataset.valueBeforeDisabled
-        }
-
-        delete this.dataset.valueBeforeDisabled
-      }
-    }
-  }
-}

data/lib/proscenium/libs/ujs/index.js

@@ -1,9 +0,0 @@
-export default async () => {
-  window.Proscenium = window.Proscenium || {};
-
-  if (!window.Proscenium.UJS) {
-    const classPath = "/@proscenium/ujs/class.js";
-    const module = await import(classPath);
-    window.Proscenium.UJS = new module.default();
-  }
-};

data/lib/proscenium/middleware/engines.rb

@@ -1,45 +0,0 @@
-# frozen_string_literal: true
-
-module Proscenium
-  class Middleware
-    # This middleware handles requests for assets in Rails engines. An engine that wants to expose
-    # its assets via Proscenium to the application must add itself to the list of engines in the
-    # Proscenium config options `Proscenium.config.engines`.
-    #
-    # For example, we have a gem that exposes a Rails engine.
-    #
-    #   module Gem1
-    #     class Engine < ::Rails::Engine
-    #       config.proscenium.engines << self
-    #     end
-    #   end
-    #
-    # When this gem is installed in any Rails application, its assets will be available at the URL
-    # `/gem1/...`. For example, if the gem has a file `lib/styles.css`, it can be requested at
-    # `/gem1/lib/styles.css`.
-    #
-    class Engines < Esbuild
-      def real_path
-        @real_path ||= Pathname.new(@request.path.delete_prefix("/#{engine_name}")).to_s
-      end
-
-      def root_for_readable
-        ui? ? Proscenium.ui_path : engine.root
-      end
-
-      def engine
-        @engine ||= Proscenium.config.engines.find do |x|
-          @request.path.start_with?("/#{x.engine_name}")
-        end
-      end
-
-      def engine_name
-        ui? ? 'proscenium/ui' : engine.engine_name
-      end
-
-      def ui?
-        @request.path.start_with?('/proscenium/ui/')
-      end
-    end
-  end
-end

data/lib/proscenium/middleware/runtime.rb

@@ -1,18 +0,0 @@
-# frozen_string_literal: true
-
-module Proscenium
-  class Middleware
-    class Runtime < Esbuild
-      private
-
-      def real_path
-        @real_path ||= Pathname.new(@request.path.sub(%r{^/@proscenium},
-                                                      '/lib/proscenium/libs')).to_s
-      end
-
-      def root_for_readable
-        Proscenium::Railtie.root
-      end
-    end
-  end
-end

data/lib/proscenium/phlex/asset_inclusions.rb

@@ -1,17 +0,0 @@
-# frozen_string_literal: true
-
-module Proscenium::Phlex::AssetInclusions
-  def include_stylesheets
-    comment { '[PROSCENIUM_STYLESHEETS]' }
-  end
-
-  def include_javascripts
-    comment { '[PROSCENIUM_LAZY_SCRIPTS]' }
-    comment { '[PROSCENIUM_JAVASCRIPTS]' }
-  end
-
-  def include_assets
-    include_stylesheets
-    include_javascripts
-  end
-end

data/lib/proscenium/phlex/css_modules.rb

@@ -1,79 +0,0 @@
-# frozen_string_literal: true
-
-module Proscenium
-  module Phlex::CssModules
-    include Proscenium::CssModule
-
-    def self.included(base)
-      base.extend CssModule::Path
-      base.extend ClassMethods
-    end
-
-    module ClassMethods
-      # Set of CSS module paths that have been resolved after being transformed from 'class' HTML
-      # attributes. See #process_attributes. This is here because Phlex caches attributes. Which
-      # means while the CSS class names will be transformed, any resolved paths will be lost in
-      # subsequent requests.
-      attr_accessor :resolved_css_module_paths
-    end
-
-    def before_template
-      self.class.resolved_css_module_paths ||= Concurrent::Set.new
-      super
-    end
-
-    def after_template
-      self.class.resolved_css_module_paths.each do |path|
-        Proscenium::Importer.import path
-      end
-
-      super
-    end
-
-    # Resolve and side load any CSS modules in the "class" attributes, where a CSS module is a class
-    # name beginning with a `@`. The class name is resolved to a CSS module name based on the file
-    # system path of the Phlex class, and any CSS file is side loaded.
-    #
-    # For example, the following will side load the CSS module file at
-    # app/components/user/component.module.css, and add the CSS Module name `user_name` to the
-    # <div>.
-    #
-    #   # app/components/user/component.rb
-    #   class User::Component < Proscenium::Phlex
-    #     def view_template
-    #       div class: :@user_name do
-    #         'Joel Moss'
-    #       end
-    #     end
-    #   end
-    #
-    # Additionally, any class name containing a `/` is resolved as a CSS module path. Allowing you
-    # to use the same syntax as a CSS module, but without the need to manually import the CSS file.
-    #
-    # For example, the following will side load the CSS module file at /lib/users.module.css, and
-    # add the CSS Module name `name` to the <div>.
-    #
-    #   class User::Component < Proscenium::Phlex
-    #     def view_template
-    #       div class: '/lib/users@name' do
-    #         'Joel Moss'
-    #       end
-    #     end
-    #   end
-    #
-    # @raise [Proscenium::CssModule::Resolver::NotFound] If a CSS module file is not found for the
-    #   Phlex class file path.
-    def process_attributes(**attributes)
-      if attributes.key?(:class) && (attributes[:class] = tokens(attributes[:class])).include?('@')
-        names = attributes[:class].is_a?(Array) ? attributes[:class] : attributes[:class].split
-
-        attributes[:class] = cssm.class_names(*names).map do |name, path|
-          self.class.resolved_css_module_paths << path if path
-          name
-        end
-      end
-
-      attributes
-    end
-  end
-end

data/lib/proscenium/phlex/react_component.rb

@@ -1,32 +0,0 @@
-# frozen_string_literal: true
-
-module Proscenium
-  # Renders a <div> for use with React components, with data attributes specifying the component
-  # path and props.
-  #
-  # If a block is given, it will be yielded within the div, allowing for a custom "loading" UI. If
-  # no block is given, then a "loading..." text will be rendered. It is intended that the component
-  # is mounted to this div, and the loading UI will then be replaced with the component's rendered
-  # output.
-  #
-  # You can pass props to the component in the `:props` keyword argument.
-  class Phlex::ReactComponent < Phlex
-    self.abstract_class = true
-
-    include ReactComponentable
-
-    # Override this to provide your own loading UI.
-    #
-    # @example
-    #   def view_template(**attributes, &block)
-    #     super do
-    #       'Look at me! I am loading now...'
-    #     end
-    #   end
-    #
-    # @yield the given block to a `div` within the top level component div.
-    def view_template(**attributes, &)
-      send(root_tag, **{ data: data_attributes }.deep_merge(attributes), &)
-    end
-  end
-end

data/lib/proscenium/phlex.rb

@@ -1,42 +0,0 @@
-# frozen_string_literal: true
-
-require 'phlex-rails'
-
-module Proscenium
-  class Phlex < ::Phlex::HTML
-    extend ActiveSupport::Autoload
-
-    autoload :CssModules
-    autoload :ReactComponent
-    autoload :AssetInclusions
-
-    include Proscenium::SourcePath
-    include CssModules
-    include AssetInclusions
-
-    module Sideload
-      def before_template
-        Proscenium::SideLoad.sideload_inheritance_chain self,
-                                                        helpers.controller.sideload_assets_options
-
-        super
-      end
-    end
-
-    class_attribute :sideload_assets_options
-
-    class << self
-      attr_accessor :abstract_class
-
-      def inherited(child)
-        child.prepend Sideload
-
-        super
-      end
-
-      def sideload_assets(value)
-        self.sideload_assets_options = value
-      end
-    end
-  end
-end

data/lib/proscenium/ui/breadcrumbs/component.module.css

@@ -1,14 +0,0 @@
-@layer proscenium-ui-component {
-  /*
-   * Properties:
-   *
-   *   --puiBreadcrumbs--link-color: LinkText;
-   *   --puiBreadcrumbs--link-hover-color: HighlightText;
-   *   --puiBreadcrumbs--separator-color: GrayText;
-   *   --puiBreadcrumbs--separator: url("/proscenium/icons/angle-right-regular.svg");
-   */
-
-  .base {
-    @mixin breadcrumbs from url("./mixins.css");
-  }
-}

data/lib/proscenium/ui/breadcrumbs/component.rb

@@ -1,73 +0,0 @@
-# frozen_string_literal: true
-
-require 'literal'
-
-module Proscenium::UI
-  class Breadcrumbs::Component < Component
-    extend Literal::Properties
-    include Phlex::Rails::Helpers::URLFor
-
-    # The path (route) to use as the HREF for the home segment. Defaults to `:root`.
-    prop :home_path, _Union(String, Symbol), default: -> { :root }
-
-    # Assign false to hide the home segment.
-    prop :with_home, _Boolean, default: -> { true }
-
-    def view_template
-      div class: :@base do
-        ol do
-          if @with_home
-            li do
-              home_template
-            end
-          end
-
-          breadcrumbs.each do |ce|
-            li do
-              path = ce.path
-              path.nil? ? ce.name : a(href: url_for(path)) { ce.name }
-            end
-          end
-        end
-      end
-    end
-
-    private
-
-    # Override this to customise the home breadcrumb. You can call super with a block to use the
-    # default template, but with custom content.
-    #
-    # @example
-    #  def home_template
-    #    super { 'hello' }
-    #  end
-    def home_template(&block)
-      a(href: url_for(@home_path)) do
-        if block
-          yield
-        else
-          svg role: 'img', xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 576 512' do |s|
-            s.path fill: 'currentColor',
-                   d: 'M488 312.7V456c0 13.3-10.7 24-24 24H348c-6.6 0-12-5.4-12-12V356c0-6.6-5.4-' \
-                      '12-12-12h-72c-6.6 0-12 5.4-12 12v112c0 6.6-5.4 12-12 12H112c-13.3 0-24-10.' \
-                      '7-24-24V312.7c0-3.6 1.6-7 4.4-9.3l188-154.8c4.4-3.6 10.8-3.6 15.3 0l188 15' \
-                      '4.8c2.7 2.3 4.3 5.7 4.3 9.3zm83.6-60.9L488 182.9V44.4c0-6.6-5.4-12-12-12h-' \
-                      '56c-6.6 0-12 5.4-12 12V117l-89.5-73.7c-17.7-14.6-43.3-14.6-61 0L4.4 251.8c' \
-                      '-5.1 4.2-5.8 11.8-1.6 16.9l25.5 31c4.2 5.1 11.8 5.8 16.9 1.6l235.2-193.7c4' \
-                      '.4-3.6 10.8-3.6 15.3 0l235.2 193.7c5.1 4.2 12.7 3.5 16.9-1.6l25.5-31c4.2-5' \
-                      '.2 3.4-12.7-1.7-16.9z'
-          end
-        end
-      end
-    end
-
-    # Don't render if @hide_breadcrumbs is true.
-    def render?
-      helpers.assigns['hide_breadcrumbs'] != true
-    end
-
-    def breadcrumbs
-      helpers.controller.breadcrumbs.map { |e| Breadcrumbs::ComputedElement.new e, helpers }
-    end
-  end
-end

data/lib/proscenium/ui/breadcrumbs/computed_element.rb

@@ -1,69 +0,0 @@
-# frozen_string_literal: true
-
-module Proscenium::UI::Breadcrumbs
-  class ComputedElement
-    def initialize(element, context)
-      @element = element
-      @context = context
-    end
-
-    # If name is a Symbol of a controller method, that method is called.
-    # If name is a Symbol of a controller instance variable, that variable is returned.
-    # If name is a Proc, it is executed in the context of the controller instance.
-    #
-    # @return [String] the content of the breadcrumb element.
-    def name
-      @name ||= case name = @element.name
-                when Symbol
-                  if name.to_s.starts_with?('@')
-                    name = get_instance_variable(name)
-                    name.respond_to?(:for_breadcrumb) ? name.for_breadcrumb : name.to_s
-                  else
-                    res = @context.controller.send(name)
-                    res.try(:for_breadcrumb) || res.to_s
-                  end
-                when Proc
-                  @context.controller.instance_exec(&name)
-                else
-                  name.respond_to?(:for_breadcrumb) ? name.for_breadcrumb : name.to_s
-                end
-    end
-
-    # If path is a Symbol of a controller method, that method is called.
-    # If path is a Symbol of a controller instance variable, that variable is returned.
-    # If path is an Array, each element is processed as above.
-    # If path is a Proc, it is executed in the context of the controller instance.
-    #
-    # No matter what, the result is always passed to `url_for` before being returned.
-    #
-    # @return [String] the URL for the element
-    def path
-      @path ||= unless @element.path.nil?
-                  case path = @element.path
-                  when Array
-                    path.map! { |x| x.to_s.starts_with?('@') ? get_instance_variable(x) : x }
-                  when Symbol
-                    if path.to_s.starts_with?('@')
-                      path = get_instance_variable(path)
-                    elsif @context.controller.respond_to?(path, true)
-                      path = @context.controller.send(path)
-                    end
-                  when Proc
-                    path = @context.controller.instance_exec(&path)
-                  end
-
-                  @context.url_for path
-                end
-    end
-
-    private
-
-    def get_instance_variable(element)
-      unless @context.instance_variable_defined?(element)
-        raise NameError, "undefined instance variable `#{element}' for breadcrumb", caller
-      end
-
-      @context.instance_variable_get element
-    end
-  end
-end

data/lib/proscenium/ui/breadcrumbs/control.rb

@@ -1,95 +0,0 @@
-# frozen_string_literal: true
-
-module Proscenium::UI::Breadcrumbs
-  # Include this module in your controller to add support for adding breadcrumb elements. You can
-  # then use the `add_breadcrumb` and `prepend_breadcrumb` class methods to append and/or prepend
-  # breadcrumb elements.
-  module Control
-    extend ActiveSupport::Concern
-    include ActionView::Helpers::SanitizeHelper
-
-    included do
-      helper_method :breadcrumbs_as_json, :breadcrumbs_for_title if respond_to?(:helper_method)
-    end
-
-    module ClassMethods
-      # Appends a new breadcrumb element into the collection.
-      #
-      # @param name [String, Symbol, Proc, #for_breadcrumb] The name or content of the breadcrumb.
-      # @param path [String, Symbol, Array, Proc, nil] The path (route) to use as the HREF for the
-      #   breadcrumb.
-      # @param filter_options [Hash] Options to pass through to the before_action filter.
-      def add_breadcrumb(name, path = nil, **filter_options)
-        element_options = filter_options.delete(:options) || {}
-
-        before_action(filter_options) do |controller|
-          controller.send :add_breadcrumb, name, path, element_options
-        end
-      end
-
-      # Prepend a new breadcrumb element into the collection.
-      #
-      # @param name [String, Symbol, Proc, #for_breadcrumb] The name or content of the breadcrumb.
-      # @param path [String, Symbol, Array, Proc, nil] The path (route) to use as the HREF for the
-      #   breadcrumb.
-      # @param filter_options [Hash] Options to pass through to the before_action filter.
-      def prepend_breadcrumb(name, path = nil, **filter_options)
-        element_options = filter_options.delete(:options) || {}
-
-        before_action(filter_options) do |controller|
-          controller.send :prepend_breadcrumb, name, path, element_options
-        end
-      end
-    end
-
-    # Pushes a new breadcrumb element into the collection.
-    #
-    # @param name [String, Symbol, Proc, #for_breadcrumb] The name or content of the breadcrumb.
-    # @param path [String, Symbol, Array, Proc, nil] The path (route) to use as the HREF for the
-    #   breadcrumb.
-    # @param options [Hash]
-    def add_breadcrumb(name, path = nil, options = {})
-      breadcrumbs << Element.new(name, path, options)
-    end
-
-    # Prepend a new breadcrumb element into the collection.
-    #
-    # @param name [String, Symbol, Proc, #for_breadcrumb] The name or content of the breadcrumb.
-    # @param path [String, Symbol, Array, Proc, nil] The path (route) to use as the HREF for the
-    #   breadcrumb.
-    # @param options [Hash]
-    def prepend_breadcrumb(name, path = nil, options = {})
-      breadcrumbs.prepend Element.new(name, path, options)
-    end
-
-    def breadcrumbs
-      @breadcrumbs ||= []
-    end
-
-    def breadcrumbs_as_json
-      computed_breadcrumbs.map do |ele|
-        path = ele.path
-
-        { name: ele.name, path: ele.path.nil? || helpers.current_page?(path) ? nil : path }
-      end
-    end
-
-    # @param primary [Boolean] whether to return only the primary breadcrumb.
-    def breadcrumbs_for_title(primary: false)
-      names = computed_breadcrumbs.map(&:name)
-      return names.pop if primary
-
-      out = [names.pop]
-      out << names.join(': ') unless names.empty?
-      strip_tags out.join(' - ')
-    end
-
-    private
-
-    def computed_breadcrumbs
-      @computed_breadcrumbs ||= breadcrumbs.map do |ele|
-        ComputedElement.new ele, helpers
-      end
-    end
-  end
-end

data/lib/proscenium/ui/breadcrumbs/mixins.css

@@ -1,83 +0,0 @@
-@define-mixin breadcrumbs {
-  /* Default properties */
-  --_puiBreadcrumbs--separator-color: GrayText;
-  --_puiBreadcrumbs--separator: url("/proscenium/icons/angle-right-regular.svg");
-
-  margin: 10px;
-
-  ol {
-    list-style: none;
-    padding: 0;
-    margin: 0;
-    display: flex;
-    align-items: baseline;
-
-    li {
-      text-transform: uppercase;
-      display: flex;
-      align-items: center;
-
-      @media (max-width: 426px) {
-        &:not(:nth-last-child(2)) {
-          display: none;
-        }
-
-        &:nth-last-child(2)::before {
-          @mixin _separator;
-          margin: 0 0.5rem 0 0;
-          transform: rotate(180deg);
-        }
-      }
-
-      @media (min-width: 427px) {
-        &:not(:last-child)::after {
-          @mixin _separator;
-          margin: 0 0.5rem;
-        }
-      }
-
-      &:last-child {
-        font-weight: 500;
-        text-transform: none;
-      }
-
-      &:last-child > a {
-        font-weight: 500;
-        text-transform: none;
-      }
-
-      a {
-        color: var(--puiBreadcrumbs--link-color, revert);
-        display: flex;
-
-        &:hover {
-          color: var(--puiBreadcrumbs--link-hover-color, revert);
-        }
-      }
-
-      svg {
-        height: 1em;
-        width: 1em;
-      }
-    }
-  }
-}
-
-@define-mixin _separator {
-  display: inline-block;
-  content: "";
-  height: 1rem;
-  width: 1rem;
-  -webkit-mask: var(
-      --puiBreadcrumbs--separator,
-      var(--_puiBreadcrumbs--separator)
-    )
-    no-repeat center center;
-  mask: var(--puiBreadcrumbs--separator, var(--_puiBreadcrumbs--separator))
-    no-repeat center center;
-  vertical-align: sub;
-  background-color: var(
-    --puiBreadcrumbs--separator-color,
-    var(--_puiBreadcrumbs--separator-color)
-  );
-}