lexxy 0.1.13.beta → 0.1.15.beta

data/app/assets/stylesheets/lexxy-content.css

@@ -44,6 +44,10 @@
   .lexxy-content__bold {
     font-weight: bold;
   }
+  
+  .lexxy-content__strikethrough {
+    text-decoration: line-through;
+  }
 
   .lexxy-content__underline {
     text-decoration: underline;
@@ -60,6 +64,10 @@
     display: none;
   }
 
+  a {
+    color: var(--lexxy-color-link);
+  }
+
   img,
   video,
   embed,
@@ -204,7 +212,8 @@
   font-size: var(--lexxy-text-small);
 
   input {
-    color: inherit;
+    background: var(--lexxy-color-canvas);
+    color: var(--lexxy-color-text);
     border: none;
     inline-size: 100%;
     max-inline-size: 100%;
@@ -328,6 +337,20 @@
   --lexxy-attachment-icon-color: var(--lexxy-color-green);
 }
 
+/* Horizontal divider */
+:where(.horizontal-divider) {
+  margin: 0;
+  margin-block-end: .5em;
+  padding: 1.5em 0 .5em;
+
+  hr {
+    border: 0;
+    border-block-end: 1px solid currentColor;
+    inline-size: 20%;
+    margin: 0;
+  }
+}
+
 /* Custom attachments such as mentions, etc. */
 :where(action-text-attachment[content-type^="application/vnd.actiontext"]) {
   --lexxy-attachment-bg-color: transparent;

data/app/assets/stylesheets/lexxy-editor.css

@@ -11,6 +11,7 @@
 
   border: 1px solid var(--lexxy-color-ink-lighter);
   border-radius: calc(var(--lexxy-radius) + var(--lexxy-toolbar-gap));
+  background-color: var(--lexxy-color-canvas);
   display: block;
   overflow: visible;
   position: relative;
@@ -35,8 +36,8 @@
     inline-size: auto;
 
     @media(any-hover: hover) {
-      &:hover {
-        filter: brightness(0.9);
+      &:hover:not([aria-disabled="true"]) {
+        background: var(--lexxy-color-ink-lightest);
       }
     }
   }
@@ -93,6 +94,10 @@
   max-inline-size: 100%;
   padding: 2px;
   position: relative;
+
+  &[data-attachments="false"] button[name="upload"]{
+    display: none;
+  }
 }
 
 :where(.lexxy-editor__toolbar-button) {
@@ -102,12 +107,18 @@
   display: grid;
   place-items: center;
 
-  &:is(:active) {
+  &:is(:active):not([aria-disabled="true"]),
+  &[aria-pressed="true"] {
     background-color: var(--lexxy-color-selected);
+
+    &:hover {
+      background-color: var(--lexxy-color-selected-hover);
+    }
   }
 
-  &[aria-pressed="true"] {
-    background-color: var(--lexxy-color-selected);
+  &[aria-disabled="true"] {
+    cursor: default;
+    opacity: 0.3;
   }
 
   svg {
@@ -120,8 +131,18 @@
   }
 }
 
+:where(.lexxy-editor__toolbar-spacer) {
+  flex: 1;
+}
+
+/* Make sure spacer is only displayed if there's another button before it */
+* + :where(.lexxy-editor__toolbar-spacer) {
+  min-inline-size: 1lh;
+}
+
 :where(.lexxy-editor__toolbar-overflow) {
   display: none;
+  justify-self: flex-end;
   position: relative;
   z-index: 1;
 
@@ -133,7 +154,7 @@
     }
 
     [open] & {
-      filter: brightness(0.9);
+      background-color: var(--lexxy-color-ink-lightest);
     }
   }
 }
@@ -180,13 +201,16 @@
   }
 
   input[type="url"] {
+    background-color: var(--lexxy-color-canvas);
     border: 1px solid var(--lexxy-color-ink-lighter);
     border-radius: var(--lexxy-radius);
+    color: var(--lexxy-color-text);
     min-inline-size: 30ch;
   }
 
   button {
     background-color: var(--lexxy-color-ink-lightest);
+    color: var(--lexxy-color-text);
     inline-size: 100%;
     justify-content: center;
   }

data/app/assets/stylesheets/lexxy-variables.css

@@ -8,7 +8,8 @@
   --lexxy-color-ink-inverted: white;
 
   --lexxy-color-accent-dark: oklch(57% 0.19 260);
-  --lexxy-color-accent-medium: oklch(66% 0.196 258);
+  --lexxy-color-accent-medium: oklch(75% 0.196 258);
+  --lexxy-color-accent-light: oklch(88% 0.026 254);
   --lexxy-color-accent-lightest: oklch(92% 0.026 254);
 
   --lexxy-color-red: oklch(60% 0.15 27);
@@ -30,7 +31,8 @@
   --lexxy-color-text-subtle: var(--lexxy-color-ink-medium);
   --lexxy-color-link: var(--lexxy-color-accent-dark);
   --lexxy-color-selected: var(--lexxy-color-accent-lightest);
-  --lexxy-color-selected-dark: var(--lexxy-color-blue-medium);
+  --lexxy-color-selected-hover: var(--lexxy-color-accent-light);
+  --lexxy-color-selected-dark: var(--lexxy-color-blue);
   --lexxy-color-code-bg: var(--lexxy-color-ink-lightest);
 
   /* Typography */
@@ -48,4 +50,4 @@
   --lexxy-radius: 0.5ch;
   --lexxy-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   --lexxy-z-popup: 1000;
-}
+}

data/app/views/action_text/attachables/_remote_video.html.erb

@@ -0,0 +1,10 @@
+<figure class="attachment attachment--preview attachment--video">
+  <%= tag.video controls: true, width: remote_video.width, height: remote_video.height do %>
+    <%= tag.source src: remote_video.url, type: remote_video.content_type %>
+  <% end %>
+  <% if caption = remote_video.try(:caption) %>
+    <figcaption class="attachment__caption">
+      <%= caption %>
+    </figcaption>
+  <% end %>
+</figure>

data/lib/action_text/attachables/remote_video.rb

@@ -0,0 +1,46 @@
+module ActionText
+  module Attachables
+    class RemoteVideo
+      extend ActiveModel::Naming
+
+      class << self
+        def from_node(node)
+          if node["url"] && content_type_is_video?(node["content-type"])
+            new(attributes_from_node(node))
+          end
+        end
+
+        private
+          def content_type_is_video?(content_type)
+            content_type.to_s.match?(/^video(\/.+|$)/)
+          end
+
+          def attributes_from_node(node)
+            { url: node["url"],
+              content_type: node["content-type"],
+              width: node["width"],
+              height: node["height"],
+              filename: node["filename"] }
+          end
+      end
+
+      attr_reader :url, :content_type, :width, :height, :filename
+
+      def initialize(attributes = {})
+        @url = attributes[:url]
+        @content_type = attributes[:content_type]
+        @width = attributes[:width]
+        @height = attributes[:height]
+        @filename = attributes[:filename]
+      end
+
+      def attachable_plain_text_representation(caption)
+        "[#{caption || filename || "Video"}]"
+      end
+
+      def to_partial_path
+        "action_text/attachables/remote_video"
+      end
+    end
+  end
+end

data/lib/lexxy/attachable.rb

@@ -0,0 +1,15 @@
+require "action_text/attachables/remote_video"
+
+module Lexxy
+  module Attachable
+    def from_node(node)
+      attachable = super
+
+      if attachable.is_a?(ActionText::Attachables::MissingAttachable)
+        ActionText::Attachables::RemoteVideo.from_node(node) || attachable
+      else
+        attachable
+      end
+    end
+  end
+end

data/lib/lexxy/engine.rb

@@ -2,6 +2,7 @@ require_relative "rich_text_area_tag"
 require_relative "form_helper"
 require_relative "form_builder"
 require_relative "action_text_tag"
+require_relative "attachable"
 
 require "active_storage/blob_with_preview_url"
 
@@ -19,6 +20,7 @@ module Lexxy
         ActionView::Helpers::FormHelper.prepend(Lexxy::FormHelper)
         ActionView::Helpers::FormBuilder.prepend(Lexxy::FormBuilder)
         ActionView::Helpers::Tags::ActionText.prepend(Lexxy::ActionTextTag)
+        ActionText::Attachable.singleton_class.prepend(Lexxy::Attachable)
 
         Lexxy.override_action_text_defaults if app.config.lexxy.override_action_text_defaults
       end

data/lib/lexxy/rich_text_area_tag.rb

@@ -23,14 +23,18 @@ module Lexxy
     private
       # Tempoary: we need to *adaptarize* action text
       def render_custom_attachments_in(value)
-        if html = value.try(:body_before_type_cast).presence
-          ActionText::Fragment.wrap(html).replace(ActionText::Attachment.tag_name) do |node|
-            if node["url"].blank?
-              attachment = ActionText::Attachment.from_node(node)
-              node["content"] = render_action_text_attachment(attachment).to_json
+        if value.respond_to?(:body)
+          if html = value.body_before_type_cast.presence
+            ActionText::Fragment.wrap(html).replace(ActionText::Attachment.tag_name) do |node|
+              if node["url"].blank?
+                attachment = ActionText::Attachment.from_node(node)
+                node["content"] = render_action_text_attachment(attachment).to_json
+              end
+              node
             end
-            node
           end
+        else
+          value
         end
       end
   end

data/lib/lexxy/version.rb

@@ -1,3 +1,3 @@
 module Lexxy
-  VERSION = "0.1.13.beta"
+  VERSION = "0.1.15.beta"
 end

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: lexxy
 version: !ruby/object:Gem::Version
-  version: 0.1.13.beta
+  version: 0.1.15.beta
 platform: ruby
 authors:
 - Jorge Manrubia
 bindir: bin
 cert_chain: []
-date: 2025-10-10 00:00:00.000000000 Z
+date: 2025-11-04 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -131,14 +131,17 @@ files:
 - app/helpers/actiontext/lexical/application_helper.rb
 - app/jobs/actiontext/lexical/application_job.rb
 - app/models/actiontext/lexical/application_record.rb
+- app/views/action_text/attachables/_remote_video.html.erb
 - app/views/layouts/actiontext/lexical/application.html.erb
 - app/views/people/_person.html.erb
 - app/views/people/_prompt_item.html.erb
 - app/views/people/index.html.erb
 - config/routes.rb
+- lib/action_text/attachables/remote_video.rb
 - lib/active_storage/blob_with_preview_url.rb
 - lib/lexxy.rb
 - lib/lexxy/action_text_tag.rb
+- lib/lexxy/attachable.rb
 - lib/lexxy/engine.rb
 - lib/lexxy/form_builder.rb
 - lib/lexxy/form_helper.rb