avo-rhino_field 0.0.11

data/app/assets/stylesheets/avo-rhino_field.css

@@ -0,0 +1,19 @@
+@import "./../../../node_modules/rhino-editor/exports/styles/trix.css";
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+.rhino-editor .rhino-toolbar-button,
+.rhino-editor::part(toolbar__button) {
+  --rhino-toolbar-icon-size: 18px;
+  @apply flex items-center justify-center border-none;
+
+  &:hover {
+    @apply shadow-none bg-gray-100;
+  }
+}
+
+.hidden-until-rhino-boots-up {
+  @apply !hidden;
+}

data/app/assets/svgs/avo/gradient.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12h.01M6 12h.01M9 16h.01M6 16h.01M12 12h.01M12 16h.01M15 12h.01M18 12h.01M15 16h.01M18 16h.01m-4.51-2h.01m-.01 4h.01m-3.01-4h.01m-.01 4h.01M7.5 14h.01m-.01 4h.01M17 14h.01M17 18h.01M5.75 19.25h12.5a1 1 0 0 0 1-1V5.75a1 1 0 0 0-1-1H5.75a1 1 0 0 0-1 1v12.5a1 1 0 0 0 1 1Z"></path>
+</svg>

data/app/components/avo/fields/rhino_field/edit_component.html.erb

@@ -0,0 +1,58 @@
+<%= field_wrapper **field_wrapper_args, full_width: true do %>
+  <%= content_tag :div, class: "relative block overflow-x-auto max-w-4xl" do %>
+    <%= content_tag 'avo-rhino-editor',
+      data: {
+        controller: "rhino-field",
+        blob_url_template: helpers.main_app.rails_service_blob_url(":signed_id", ":filename"),
+        direct_upload_url: helpers.main_app.rails_direct_uploads_url,
+        action: "rhino-before-initialize->rhino-field#onRhinoBeforeInitialize rhino-initialize->rhino-field#onRhinoInitialize rhino-change->rhino-field#onRhinoChange rhino-paste->rhino-field#onRhinoPaste rhino-selection-change->rhino-field#onRhinoSelectionChange rhino-focus->rhino-field#onRhinoFocus rhino-blur->rhino-field#onRhinoBlur rhino-file-accept->rhino-field#onRhinoFileAccept rhino-attachment-add->rhino-field#onRhinoAttachmentAdd rhino-attachment-remove->rhino-field#onRhinoAttachmentRemove",
+        **@field.get_html(:data, view: view, element: :input)
+      },
+      input: field_id,
+      placeholder: @field.placeholder do %>
+      <button
+        type="button"
+        slot="after-link-button"
+        class="toolbar__button rhino-toolbar-button flex flex-col items-center grow-0 text-sm hidden-until-rhino-boots-up"
+        data-role="toolbar-item"
+        tabindex="-1"
+        data-action="click->rhino-field#openTextColorPicker"
+      >
+        <%= helpers.svg "heroicons/outline/swatch", class: "!min-h-4 !max-h-4" %>
+        <input
+          type="color"
+          slot="after-undo-button"
+          data-action="input->rhino-field#setTextColor"
+          data-rhino-field-target="textColorInput"
+          class="h-3.5 w-5 bg-transparent -mt-px -mb-1"
+        />
+      </button>
+      <button
+        type="button"
+        slot="after-link-button"
+        class="toolbar__button rhino-toolbar-button flex flex-col items-center grow-0 text-sm hidden-until-rhino-boots-up"
+        data-role="toolbar-item"
+        tabindex="-1"
+        data-action="click->rhino-field#openBackgroundColorPicker"
+      >
+        <%= helpers.svg "avo/gradient", class: "!min-h-4 !max-h-4" %>
+        <input
+          type="color"
+          slot="after-undo-button"
+          data-action="input->rhino-field#setBackgroundColor"
+          data-rhino-field-target="backgroundColorInput"
+          class="h-3.5 w-5 bg-transparent -mt-px -mb-1"
+        />
+      </button>
+    <% end %>
+    <%= @form.text_area @field.id,
+      value: @field.value.try(:to_trix_html) || @field.value,
+      class: classes("w-full hidden"),
+      data: @field.get_html(:data, view: view, element: :input),
+      disabled: disabled?,
+      id: field_id,
+      placeholder: @field.placeholder,
+      style: @field.get_html(:style, view: view, element: :input)
+    %>
+  <% end %>
+<% end %>

data/app/components/avo/fields/rhino_field/edit_component.rb

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+class Avo::Fields::RhinoField::EditComponent < Avo::Fields::EditComponent
+  attr_reader :resource
+
+  def initialize(**args)
+    @resource = args[:resource]
+    @resource_id = args[:resource_id] || @resource&.record&.to_param
+    @resource_name = args[:resource_name] || @resource&.singular_route_key
+
+    super(**args)
+  end
+
+  def field_id
+    if @resource_name.present?
+      "rhino_#{@resource_name}_#{@field.id}"
+    elsif form.present?
+      "rhino_#{form.index}_#{@field.id}"
+    end
+  end
+end

data/app/components/avo/fields/rhino_field/show_component.html.erb

@@ -0,0 +1,14 @@
+<%= field_wrapper **field_wrapper_args do %>
+  <%
+    content_classes = 'trix-content py-2 max-w-4xl'
+    content_classes << ' hidden' unless @field.always_show
+  %>
+  <div data-controller="hidden-input">
+    <% unless @field.always_show %>
+      <%= link_to t('avo.show_content'), 'javascript:void(0);', class: 'font-bold inline-block', data: { action: 'click->hidden-input#showContent' } %>
+    <% end %>
+    <div class="<%= content_classes %> " data-hidden-input-target="content">
+      <%= @field.value.html_safe %>  
+    </div>
+  </div>
+<% end %>

data/app/components/avo/fields/rhino_field/show_component.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class Avo::Fields::RhinoField::ShowComponent < Avo::Fields::ShowComponent
+end

data/avo-rhino_field.gemspec

@@ -0,0 +1,19 @@
+$:.push File.expand_path("lib", __dir__)
+
+require "avo/rhino_field/version"
+
+Gem::Specification.new do |spec|
+  spec.name = "avo-rhino_field"
+  spec.version = Avo::RhinoField::VERSION
+  spec.summary = "rhino field for Avo."
+  spec.description = "rhino field for Avo."
+  spec.authors = ["Adrian Marin"]
+  spec.email = "adrian@adrianthedev.com"
+
+  spec.files = Dir.chdir(File.expand_path(__dir__)) do
+    Dir["{app,lib}/**/*", "Rakefile", "README.md", "avo-rhino_field.gemspec"]
+  end
+  spec.files.reject! { |file_name| %w[app/javascript].any? { |rejected_file| file_name.include? rejected_file } }
+
+  spec.homepage = "https://avohq.io"
+end

data/lib/avo/rhino_field/engine.rb

@@ -0,0 +1,24 @@
+require_relative "fields/rhino_field"
+
+module Avo
+  module RhinoField
+    class Engine < Rails::Engine
+      isolate_namespace Avo::RhinoField
+
+      initializer "avo-rhino_field.init" do |app|
+        ActiveSupport.on_load(:avo_boot) do
+          Avo.plugin_manager.register :rhino
+
+          Avo.plugin_manager.register_field :rhino, Avo::Fields::RhinoField
+
+          Avo.asset_manager.add_stylesheet "avo-rhino_field"
+          Avo.asset_manager.add_javascript "avo-rhino_field"
+        end
+
+        app.config.assets.paths << root.join("app", "assets", "svgs", "avo")
+        app.config.assets.precompile += %w(avo-rhino_field.css avo-rhino_field.js)
+        app.config.assets.precompile << '*.svg'
+      end
+    end
+  end
+end

data/lib/avo/rhino_field/fields/rhino_field.rb

@@ -0,0 +1,21 @@
+module Avo
+  module RhinoField
+    module Fields
+      class RhinoField < Avo::Fields::BaseField
+        attr_reader :always_show
+
+        def initialize(id, **args, &block)
+          super(id, **args, &block)
+
+          hide_on :index
+
+          @always_show = args[:always_show] || false
+        end
+
+        def view_component_namespace
+          "Avo::Fields::RhinoField"
+        end
+      end
+    end
+  end
+end

data/lib/avo/rhino_field/version.rb

@@ -0,0 +1,5 @@
+module Avo
+  module RhinoField
+    VERSION = "0.0.11" unless const_defined?(:VERSION)
+  end
+end

data/lib/avo/rhino_field.rb

@@ -0,0 +1,13 @@
+require "zeitwerk"
+require "avo"
+require "avo/rhino_field/version"
+require "avo/rhino_field/engine"
+
+loader = Zeitwerk::Loader.for_gem_extension(Avo)
+loader.setup
+
+module Avo
+  module RhinoField
+    # Your code goes here...d
+  end
+end

metadata

@@ -0,0 +1,57 @@
+--- !ruby/object:Gem::Specification
+name: avo-rhino_field
+version: !ruby/object:Gem::Version
+  version: 0.0.11
+platform: ruby
+authors:
+- Adrian Marin
+autorequire:
+bindir: bin
+cert_chain: []
+date: 2024-11-15 00:00:00.000000000 Z
+dependencies: []
+description: rhino field for Avo.
+email: adrian@adrianthedev.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- README.md
+- app/assets/builds/avo-rhino_field.css
+- app/assets/builds/avo-rhino_field.css.map
+- app/assets/builds/avo-rhino_field.js
+- app/assets/builds/avo-rhino_field.js.map
+- app/assets/stylesheets/avo-rhino_field.css
+- app/assets/svgs/avo/gradient.svg
+- app/components/avo/fields/rhino_field/edit_component.html.erb
+- app/components/avo/fields/rhino_field/edit_component.rb
+- app/components/avo/fields/rhino_field/show_component.html.erb
+- app/components/avo/fields/rhino_field/show_component.rb
+- avo-rhino_field.gemspec
+- lib/avo/rhino_field.rb
+- lib/avo/rhino_field/engine.rb
+- lib/avo/rhino_field/fields/rhino_field.rb
+- lib/avo/rhino_field/version.rb
+homepage: https://avohq.io
+licenses: []
+metadata: {}
+post_install_message:
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.4.10
+signing_key:
+specification_version: 4
+summary: rhino field for Avo.
+test_files: []