marksmith 0.0.12 → 0.0.15

data/app/assets/stylesheets/marksmith.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.0.0 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.0.0-beta.10 | MIT License | https://tailwindcss.com */
 :root {
   --ms-font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
     'Segoe UI Symbol', 'Noto Color Emoji';
@@ -788,6 +788,9 @@
     margin-bottom: 0;
   }
 }
+.ms\:block {
+  display: block;
+}
 .ms\:flex {
   display: flex;
 }
@@ -923,6 +926,10 @@
   font-size: var(--ms-text-xs);
   line-height: var(--tw-leading, var(--ms-text-xs--line-height));
 }
+.ms\:leading-normal {
+  --tw-leading: var(--ms-leading-normal);
+  line-height: var(--ms-leading-normal);
+}
 .ms\:font-semibold {
   --tw-font-weight: var(--ms-font-weight-semibold);
   font-weight: var(--ms-font-weight-semibold);
@@ -1095,6 +1102,10 @@
   inherits: false;
   initial-value: solid;
 }
+@property --tw-leading {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-font-weight {
   syntax: "*";
   inherits: false;

data/app/components/marksmith/markdown_field/edit_component.html.erb

@@ -0,0 +1,8 @@
+<%= field_wrapper **field_wrapper_args, full_width: true do %>
+  <%= @form.marksmith @field.id,
+    extra_preview_params: {
+      resource_class: @resource.class.name,
+      field_id: field.id,
+    }
+  %>
+<% end %>

data/app/components/marksmith/markdown_field/edit_component.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class Marksmith::MarkdownField::EditComponent < Avo::Fields::EditComponent
+end

data/app/components/marksmith/markdown_field/show_component.html.erb

@@ -0,0 +1,3 @@
+<%= field_wrapper **field_wrapper_args, full_width: true do %>
+  <%= render partial: "marksmith/shared/rendered_body", locals: { body: Marksmith::Renderer.new.renderer.render(@field.value) } %>
+<% end %>

data/app/components/marksmith/markdown_field/show_component.rb

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

data/app/views/marksmith/shared/_editor.html.erb

@@ -15,7 +15,7 @@
   extra_preview_params = local_assigns[:extra_preview_params] || {}
 %>
 <%= content_tag :div,
-  class: "ms:flex ms:flex-col ms:w-full ms:border ms:border-neutral-300 ms:rounded ms:@container ms:group ms:focus-within:border-neutral-400",
+  class: "ms:block ms:flex-col ms:w-full ms:border ms:border-neutral-300 ms:rounded ms:@container ms:focus-within:border-neutral-400",
   data: {
     controller: "marksmith list-continuation",
     action: "
@@ -52,11 +52,11 @@
     </markdown-toolbar>
   </div>
   <% toolbar_button_classes = "ms:cursor-pointer ms:hover:bg-neutral-100 ms:px-1 ms:py-px ms:rounded ms:text-sm" %>
-  <div class="ms:border-t ms:border-neutral-300 ms:flex">
+  <div class="ms:border-t ms:w-full ms:border-neutral-300 ms:flex">
     <%= content_tag :div, class: "ms:flex ms:flex-col ms:size-full", data: { marksmith_target: "fieldContainer" } do %>
       <%= text_area_tag field_name, value,
         id: name,
-        class: class_names("ms:flex ms:flex-1 ms:rounded ms:border-none ms:p-2 ms:resize-y ms:focus:outline-none ms:font-mono ms:focus:ring-0", classes),
+        class: class_names("ms:flex ms:flex-1 ms:rounded ms:border-none ms:p-2 ms:resize-y ms:focus:outline-none ms:font-mono ms:focus:ring-0 ms:leading-normal", classes),
         rows: rows,
         data: {
           action: "drop->marksmith#dropUpload paste->marksmith#pasteUpload",
@@ -68,7 +68,7 @@
         autofocus:,
         style:
       %>
-      <div class="ms:flex ms:w-full ms:flex-1 ms:flex-grow ms:space-x-2 ms:py-1 ms:border-t ms:border-neutral-300 ms:px-2 ms:font-sans ms:text-sm">
+      <div class="ms:flex ms:flex-1 ms:flex-grow ms:space-x-2 ms:py-1 ms:border-t ms:border-neutral-300 ms:px-2 ms:font-sans ms:text-sm">
         <%= link_to "https://docs.github.com/github/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax", target: "_blank", class: class_names("ms:flex ms:items-center ms:gap-x-2 ms:text-neutral-800 ms:no-underline", toolbar_button_classes) do %>
           <%= image_tag asset_path("marksmith/svgs/markdown.svg"), class: "ms:inline ms:size-4" %> <%= t("marksmith.markdown_is_supported").humanize %>
         <% end %>
@@ -89,5 +89,4 @@
       </div>
     <% end %>
   </div>
-</div>
 <% end %>

data/lib/marksmith/engine.rb

@@ -19,8 +19,33 @@ module Marksmith
 
     initializer "marksmith.assets.precompile" do |app|
       if Rails.application.config.respond_to?(:assets)
+        # The manifest will expose the asset files to the main app.
         app.config.assets.precompile << "marksmith_manifest.js"
       end
     end
+
+    initializer "avo-markdown_field.init" do |app|
+      if defined?(Avo)
+        require "marksmith/fields/markdown_field"
+
+        app.routes.append do
+          mount Marksmith::Engine => "/marksmith"
+        end
+
+        ActiveSupport.on_load(:avo_boot) do
+          Avo.plugin_manager.register :marksmith_field
+
+          Avo.plugin_manager.register_field :markdown, Marksmith::Fields::MarkdownField
+          Avo.plugin_manager.register_field :marksmith, Marksmith::Fields::MarkdownField
+
+          Avo.asset_manager.add_stylesheet "marksmith"
+          Avo.asset_manager.add_javascript "marksmith_controller-no-stimulus.esm"
+          Avo.asset_manager.add_javascript "list_continuation_controller-no-stimulus.esm"
+
+          Avo.asset_manager.register_stimulus_controller "marksmith", "MarksmithController"
+          Avo.asset_manager.register_stimulus_controller "list-continuation", "ListContinuationController"
+        end
+      end
+    end
   end
 end

data/lib/marksmith/fields/markdown_field.rb

@@ -0,0 +1,15 @@
+module Marksmith
+  module Fields
+    class MarkdownField < Avo::Fields::BaseField
+      def initialize(id, **args, &block)
+        super(id, **args, &block)
+
+        hide_on :index
+      end
+
+      def view_component_namespace
+        "Marksmith::MarkdownField"
+      end
+    end
+  end
+end

data/lib/marksmith/version.rb

@@ -1,3 +1,3 @@
 module Marksmith
-  VERSION = "0.0.12"
+  VERSION = "0.0.15"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: marksmith
 version: !ruby/object:Gem::Version
-  version: 0.0.12
+  version: 0.0.15
 platform: ruby
 authors:
 - Adrian Marin
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-01-23 00:00:00.000000000 Z
+date: 2025-01-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -64,8 +64,16 @@ files:
 - app/assets/images/marksmith/svgs/quote.svg
 - app/assets/images/marksmith/svgs/task-list.svg
 - app/assets/images/marksmith/svgs/unordered-list.svg
+- app/assets/javascripts/list_continuation_controller-full.esm.js
+- app/assets/javascripts/list_continuation_controller-no-stimulus.esm.js
+- app/assets/javascripts/marksmith_controller-full.esm.js
+- app/assets/javascripts/marksmith_controller-no-stimulus.esm.js
 - app/assets/stylesheets/marksmith.css
 - app/assets/stylesheets/marksmith/application.css
+- app/components/marksmith/markdown_field/edit_component.html.erb
+- app/components/marksmith/markdown_field/edit_component.rb
+- app/components/marksmith/markdown_field/show_component.html.erb
+- app/components/marksmith/markdown_field/show_component.rb
 - app/controllers/marksmith/application_controller.rb
 - app/controllers/marksmith/markdown_previews_controller.rb
 - app/frontend/entrypoints/application.css
@@ -89,6 +97,7 @@ files:
 - config/vite.json
 - lib/marksmith.rb
 - lib/marksmith/engine.rb
+- lib/marksmith/fields/markdown_field.rb
 - lib/marksmith/helper.rb
 - lib/marksmith/version.rb
 - lib/tasks/marksmith_tasks.rake