marksmith 0.4.5 → 0.4.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6cc55be2a301ad325d9f754e10ae36b9934152bdd36f3e16dac91946e2ce9215
-  data.tar.gz: 559d9ab0c0224494bddce9693522b4371785edb4cb0a87990617a362ffcf86cd
+  metadata.gz: e1d5b2c4a0d4db7b3a054c7059c057679275bbecce5d97652daa3257cacb93dc
+  data.tar.gz: 8d836efd54a1f4ef8a6c1c70ad055a413387f2ac39fa44791cc56f767f7494ed
 SHA512:
-  metadata.gz: 7cead70f3cb46b24c4b2850f146d17f6792761bdb7e386203d61d6c870ea4fc688ca3540425a20619745127f98857c295c2ed9da9b1e4cf0a59da608c3979ae1
-  data.tar.gz: 19ee1acd0cbfd57b1d6bf463ec947f772f53b3dd2e0e6bfa2174ca061701c2bd1554b3bf36006a41eefc95ec9eb8d4ff57fe015cefebf1356b9fb75a0b3a2412
+  metadata.gz: 4f81f2f31b7011f281fbd2d00cd31feeb99bd659cb758977aed56d28d0bbd33e9a0d7c09bbb52a7631edf14d1f4522eb534770b7594f3c221714df7ef06dcea5
+  data.tar.gz: eb655f70633ed583a635e38cc96bcf8dfb9ca5bf78f761cbe0dc47c40527e176450d04dbd77f08ce095bd681a2830e5ecbbcb30274957ebfe96d29ba78f6d88c

data/app/assets/javascripts/marksmith_controller-full.esm.js

@@ -3367,6 +3367,18 @@ var MarksmithController = (function () {
         this.editor?.chain().focus().setAttachment(editorAttachments).run();
       }
 
+      indent(event) {
+        event.preventDefault();
+        // add a tab before the current cursor position
+        const start = this.fieldElementTarget.selectionStart;
+        const end = this.fieldElementTarget.selectionEnd;
+        const text = this.fieldElementTarget.value;
+        const newText = text.slice(0, start) + '\t' + text.slice(start, end) + text.slice(end);
+        this.fieldElementTarget.value = newText;
+        this.fieldElementTarget.selectionStart = start + 1;
+        this.fieldElementTarget.selectionEnd = end + 1;
+      }
+
       #uploadFiles(files) {
         Array.from(files).forEach((file) => this.#uploadFile(file));
       }

data/app/assets/javascripts/marksmith_controller-no-stimulus.esm.js

@@ -2877,6 +2877,18 @@ var MarksmithController = (function (stimulus) {
         this.editor?.chain().focus().setAttachment(editorAttachments).run();
       }
 
+      indent(event) {
+        event.preventDefault();
+        // add a tab before the current cursor position
+        const start = this.fieldElementTarget.selectionStart;
+        const end = this.fieldElementTarget.selectionEnd;
+        const text = this.fieldElementTarget.value;
+        const newText = text.slice(0, start) + '\t' + text.slice(start, end) + text.slice(end);
+        this.fieldElementTarget.value = newText;
+        this.fieldElementTarget.selectionStart = start + 1;
+        this.fieldElementTarget.selectionEnd = end + 1;
+      }
+
       #uploadFiles(files) {
         Array.from(files).forEach((file) => this.#uploadFile(file));
       }

data/app/assets/stylesheets/marksmith.css

@@ -1163,6 +1163,9 @@
 }
 .marksmith, .marksmith * {
   box-sizing: border-box;
+  & textarea.marksmith-textarea {
+    tab-size: var(--tab-size, 4);
+  }
 }
 .ms\:button-spinner {
   width: 24px;

data/app/frontend/entrypoints/application.css

@@ -20,6 +20,10 @@
 .marksmith,
 .marksmith * {
   box-sizing: border-box;
+
+  & textarea.marksmith-textarea {
+    tab-size: var(--tab-size, 4);
+  }
 }
 
 .ms\:button-spinner {

data/app/frontend/entrypoints/javascript/controllers/marksmith_controller.js

@@ -135,6 +135,18 @@ export default class extends Controller {
     this.editor?.chain().focus().setAttachment(editorAttachments).run();
   }
 
+  indent(event) {
+    event.preventDefault()
+    // add a tab before the current cursor position
+    const start = this.fieldElementTarget.selectionStart
+    const end = this.fieldElementTarget.selectionEnd
+    const text = this.fieldElementTarget.value
+    const newText = text.slice(0, start) + '\t' + text.slice(start, end) + text.slice(end)
+    this.fieldElementTarget.value = newText
+    this.fieldElementTarget.selectionStart = start + 1
+    this.fieldElementTarget.selectionEnd = end + 1
+  }
+
   #uploadFiles(files) {
     Array.from(files).forEach((file) => this.#uploadFile(file))
   }

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

@@ -1,5 +1,5 @@
 <%= tag.markdown_toolbar for: textarea_id,
-  class: class_names("ms:flex ms:flex-wrap ms:px-2 ms:py-1", "ms:pointer-events-none": disabled),
+  class: class_names("marksmith-action-bar ms:flex ms:flex-wrap ms:px-2 ms:py-1", "ms:pointer-events-none": disabled),
   data: { marksmith_target: "toolbar" } do
 %>
   <%= marksmith_toolbar_button "bold",           hotkey: "Meta+b", hotkey_scope: textarea_id %>

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

@@ -1,6 +1,6 @@
 <%= content_tag :div,
   id: editor.id,
-  class: "marksmith ms:block ms:flex-col ms:w-full ms:border ms:border-neutral-500 ms:rounded-md ms:@container ms:focus-within:outline-2 ms:outline-blue-500 ms:-outline-offset-1",
+  class: "marksmith-editor-wrapper marksmith ms:block ms:flex-col ms:w-full ms:border ms:border-neutral-500 ms:rounded-md ms:@container ms:focus-within:outline-2 ms:outline-blue-500 ms:-outline-offset-1",
   data: {
     controller: "marksmith list-continuation",
     action: "
@@ -16,7 +16,7 @@
     **editor.controller_data_attributes,
   } do %>
   <%= render partial: "marksmith/shared/toolbar", locals: { textarea_id: editor.textarea_id, disabled: editor.disabled} %>
-  <div class="ms:border-t ms:w-full ms:border-neutral-500 ms:flex ms:flex-1">
+  <div class="marksmith-editor-content ms:border-t ms:w-full ms:border-neutral-500 ms:flex ms:flex-1">
     <%= render partial: "marksmith/shared/editor_pane", locals: { editor: } %>
     <%= render partial: "marksmith/shared/preview_pane", locals: { editor: } %>
   </div>

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

@@ -1,13 +1,13 @@
-<%= content_tag :div, class: "ms:flex ms:flex-1 ms:flex-col ms:size-full", data: { marksmith_target: "fieldContainer" } do %>
+<%= content_tag :div, class: "marksmith-editor-pane ms:flex ms:flex-1 ms:flex-col ms:size-full", data: { marksmith_target: "fieldContainer" } do %>
   <%= text_area_tag editor.field_name, editor.value,
     id: editor.textarea_id,
     class: class_names(
-      "ms:flex ms:flex-1 ms:border-none ms:resize-none ms:focus:outline-none ms:font-mono ms:focus:ring-0 ms:leading-normal ms:p-2 ms:text-sm ms:field-sizing-content ms:min-h-60",
+      "marksmith-textarea ms:flex ms:flex-1 ms:border-none ms:resize-none ms:focus:outline-none ms:font-mono ms:focus:ring-0 ms:leading-normal ms:p-2 ms:text-sm ms:field-sizing-content ms:min-h-60",
       "ms:dark:bg-neutral-800 ms:dark:text-neutral-200",
       editor.classes
     ),
     data: {
-      action: "drop->marksmith#dropUpload paste->marksmith#pasteUpload",
+      action: "drop->marksmith#dropUpload paste->marksmith#pasteUpload keydown.tab->marksmith#indent",
       marksmith_target: "fieldElement",
       **editor.data_attributes
     },
@@ -17,17 +17,17 @@
     style: editor.style
   %>
   <% toolbar_button_classes = "ms:cursor-pointer ms:hover:bg-neutral-200 ms:px-1 ms:py-px ms:rounded ms:text-sm ms:dark:text-neutral-300 ms:dark:hover:bg-neutral-600" %>
-  <div class="ms:flex ms:flex-1 ms:flex-grow ms:space-x-2 ms:py-1 ms:border-t ms:border-neutral-500 ms:px-2 ms:font-sans ms:text-sm ms:p-2 ms:dark:bg-neutral-800 ms:dark:text-neutral-300 ms:rounded-b-md">
-    <%= 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:text-neutral-800 ms:no-underline ms:gap-1", toolbar_button_classes) do %>
+  <div class="marksmith-bottom-toolbar ms:flex ms:flex-1 ms:flex-grow ms:space-x-2 ms:py-1 ms:border-t ms:border-neutral-500 ms:px-2 ms:font-sans ms:text-sm ms:p-2 ms:dark:bg-neutral-800 ms:dark:text-neutral-300 ms:rounded-b-md">
+    <%= 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("marksmith-help-link ms:flex ms:items-center ms:text-neutral-800 ms:no-underline ms:gap-1", toolbar_button_classes) do %>
       <%= marksmith_inline_svg("app/assets/images/marksmith/svgs/markdown.svg") %> <span><%= t("marksmith.markdown_is_supported").humanize %></span>
     <% end %>
     <% if editor.enable_file_uploads %>
-      <%= button_tag data: { action: "click->marksmith#buttonUpload" }, class: class_names("ms:bg-none ms:border-none ms:bg-transparent ms:text-neutral-600 ms:items-center ms:flex ms:gap-1", toolbar_button_classes) do %>
+      <%= button_tag data: { action: "click->marksmith#buttonUpload" }, class: class_names("marksmith-upload-button ms:bg-none ms:border-none ms:bg-transparent ms:text-neutral-600 ms:items-center ms:flex ms:gap-1", toolbar_button_classes) do %>
         <%= marksmith_inline_svg("app/assets/images/marksmith/svgs/paperclip.svg") %> <span><%= t("marksmith.upload_files").humanize %></span>
       <% end %>
     <% end %>
     <% if editor.gallery_enabled %>
-      <%= link_to editor.gallery_full_path, data: { turbo_frame: editor.gallery_turbo_frame }, class: class_names("ms:flex ms:items-center ms:text-neutral-800 ms:no-underline ms:gap-1", toolbar_button_classes) do %>
+      <%= link_to editor.gallery_full_path, data: { turbo_frame: editor.gallery_turbo_frame }, class: class_names("marksmith-gallery-link ms:flex ms:items-center ms:text-neutral-800 ms:no-underline ms:gap-1", toolbar_button_classes) do %>
         <%= marksmith_inline_svg("app/assets/images/marksmith/svgs/gallery.svg") %> <span><%= t("marksmith.attach_from_gallery").humanize %></span>
       <% end %>
     <% end %>

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

@@ -1,4 +1,4 @@
-<div class="ms:button-spinner">
-  <div class="double-bounce1"></div>
-  <div class="double-bounce2"></div>
+<div class="marksmith-loading-indicator ms:button-spinner">
+  <div class="marksmith-loading-bounce1 double-bounce1"></div>
+  <div class="marksmith-loading-bounce2 double-bounce2"></div>
 </div>

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

@@ -1,5 +1,5 @@
 <%= content_tag :div,
-  class: "ms:hidden ms:markdown-preview ms:size-full ms:flex-1 ms:flex ms:size-full ms:p-2 ms:overflow-auto ms:bg-white ms:dark:bg-neutral-800 ms:rounded-b-md",
+  class: "marksmith-preview-pane ms:hidden ms:markdown-preview ms:size-full ms:flex-1 ms:flex ms:size-full ms:p-2 ms:overflow-auto ms:bg-white ms:dark:bg-neutral-800 ms:rounded-b-md",
   id: editor.preview_pane_id,
   data: {
     marksmith_target: "previewPane",

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

@@ -1,3 +1,3 @@
-<%= content_tag :div, class: "ms:block ms:w-full ms:prose ms:max-w-none ms:prose-neutral ms:dark:prose-invert" do %>
+<%= content_tag :div, class: "marksmith-rendered-body ms:block ms:w-full ms:prose ms:max-w-none ms:prose-neutral ms:dark:prose-invert" do %>
   <%= sanitize(body, tags: %w(table th tr td span) + ActionView::Helpers::SanitizeHelper.sanitizer_vendor.safe_list_sanitizer.allowed_tags.to_a) %>
 <% end %>

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

@@ -1,8 +1,8 @@
-<div class="ms:flex-1 ms:flex ms:items:center">
-  <button class="<%= marksmith_tab_classes %> active" data-action="click->marksmith#switchToWrite" data-marksmith-target="writeTabButton" type="button">
+<div class="marksmith-tabs ms:flex-1 ms:flex ms:items:center">
+  <button class="marksmith-tab marksmith-write-tab <%= marksmith_tab_classes %> active" data-action="click->marksmith#switchToWrite" data-marksmith-target="writeTabButton" type="button">
     <%= t('marksmith.write').humanize %>
   </button>
-  <button class="<%= marksmith_tab_classes %>" data-action="click->marksmith#switchToPreview" data-marksmith-target="previewTabButton" type="button">
+  <button class="marksmith-tab marksmith-preview-tab <%= marksmith_tab_classes %>" data-action="click->marksmith#switchToPreview" data-marksmith-target="previewTabButton" type="button">
     <%= t('marksmith.preview').humanize %>
   </button>
 </div>

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

@@ -1,5 +1,5 @@
 <%= tag.div class: class_names(
-  "ms:flex-1 ms:flex-col-reverse ms:@md:flex-row ms:grow ms:flex  ms:justify-bewteen ms:bg-neutral-50 ms:rounded-t-md ms:gap-y-1",
+  "marksmith-toolbar ms:flex-1 ms:flex-col-reverse ms:@md:flex-row ms:grow ms:flex  ms:justify-bewteen ms:bg-neutral-50 ms:rounded-t-md ms:gap-y-1",
   "ms:dark:bg-neutral-700 ms:dark:text-neutral-200"
 ) do %>
   <%= render partial: "marksmith/shared/tabs" %>

data/config/locales/marksmith.it.yml

@@ -0,0 +1,17 @@
+it:
+  marksmith:
+    attach_from_gallery: Allega dalla galleria
+    bold: grassetto
+    code: codice
+    header: intestazione
+    image: immagine
+    italic: corsivo
+    link: link
+    markdown_is_supported: Markdown è supportato
+    ordered_list: elenco ordinato
+    preview: anteprima
+    quote: citazione
+    task_list: elenco di attività
+    unordered_list: elenco non ordinato
+    upload_files: carica file
+    write: scrivi

data/config/locales/marksmith.pt-BR.yml

@@ -0,0 +1,17 @@
+pt-BR:
+  marksmith:
+    attach_from_gallery: Anexar da galeria
+    bold: negrito
+    code: código
+    header: cabeçalho
+    image: imagem
+    italic: itálico
+    link: link
+    markdown_is_supported: Markdown é suportado
+    ordered_list: lista ordenada
+    preview: pré-visualização
+    quote: citação
+    task_list: lista de tarefas
+    unordered_list: lista não ordenada
+    upload_files: enviar arquivos
+    write: escrever

data/lib/marksmith/engine.rb

@@ -9,7 +9,18 @@ module Marksmith
 
         module FormBuilderExtensions
           def marksmith(*args, **kwargs, &block)
-            @template.marksmith_tag(*args, **kwargs.merge(form: self), &block)
+            # If the template has a 'marksmith_tag' method, use it to call the 'marksmith_tag' method
+            # ViewComponent has 'helpers' method, and from 4.0.0 we need to use it to call the 'marksmith_tag' method
+            # Otherwise, fallback to the template and raise error
+            marksmith_caller_object = if @template.respond_to?(:marksmith_tag)
+              @template
+            elsif @template.respond_to?(:helpers) && @template.helpers.respond_to?(:marksmith_tag)
+              @template.helpers
+            else
+              @template
+            end
+
+            marksmith_caller_object.marksmith_tag(*args, **kwargs.merge(form: self), &block)
           end
         end
 

data/lib/marksmith/version.rb

@@ -1,3 +1,3 @@
 module Marksmith
-  VERSION = "0.4.5"
+  VERSION = "0.4.6"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: marksmith
 version: !ruby/object:Gem::Version
-  version: 0.4.5
+  version: 0.4.6
 platform: ruby
 authors:
 - Adrian Marin
-autorequire:
+autorequire: 
 bindir: bin
 cert_chain: []
-date: 2025-05-08 00:00:00.000000000 Z
+date: 2025-07-31 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: activesupport
@@ -84,6 +84,8 @@ files:
 - app/views/marksmith/shared/_toolbar.html.erb
 - config/locales/marksmith.de.yml
 - config/locales/marksmith.en.yml
+- config/locales/marksmith.it.yml
+- config/locales/marksmith.pt-BR.yml
 - config/routes.rb
 - config/vite.json
 - lib/generators/marksmith/install_generator.rb
@@ -101,7 +103,7 @@ metadata:
   homepage_uri: https://github.com/avo-hq/marksmith
   source_code_uri: https://github.com/avo-hq/marksmith
   changelog_uri: https://github.com/avo-hq/marksmith/releases
-post_install_message:
+post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
@@ -116,8 +118,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.5.9
-signing_key:
+rubygems_version: 3.5.22
+signing_key: 
 specification_version: 4
 summary: Marksmith is a GitHub-style markdown editor for Ruby on Rails applications.
 test_files: []