marksmith 0.0.16 → 0.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7d2521a8fb9baa46d9a114cd5eab01821f2174b57652047feab46a1792bda3ff
-  data.tar.gz: 948e273446bc37951ac95723dd38c4d9cf0f02415cae2a34188e98bd8a146c09
+  metadata.gz: e75eb38c87cf55bb17635627ebf0c3fa043e8f936d13e36faa997c311a81767a
+  data.tar.gz: 6817d10490f87128ef997c34b1ffb666af6feb433bdde8a2f817b3f831995985
 SHA512:
-  metadata.gz: 19c9735c29a246ee2e8b8a05ed9fb49b8168c22432a92e2361b227f223ca0f534504189d0686874f1cdbf8f1c33ef6b8c58d931d4d3a8277b91f3bb2fd36635b
-  data.tar.gz: 587f3cd135ccbcdd211200f73a35263f38027cb533be50773e2cb3a092243e74e8a0a759d120a8021b264cff879f514f5f80f1bd312227e2ce342fcbc88c73ed
+  metadata.gz: 04f4b63bc45ad9ac1012aee2841e403678b6ef9ae7198e51c2bfeca355dbf04f97ec64220fd513a9bdc7455d46c79e33036f738c9449b0056d20baebc8bbe27d
+  data.tar.gz: 93db1009535a17a459f69cf34a93febe2505fa68aefc29adb8559bd626cd1d48c32c7578ba857b8b74ea26e3e74691b3c51ce64152d4092e5f81ad7a53c8841d

data/README.md

@@ -4,7 +4,9 @@ Marksmith is a GitHub-style markdown editor for Rails apps.
 
 It supports Active Storage attachments and comes with a built-in mardown preview renderer.
 
-[![Marksmith demo](https://github.com/user-attachments/assets/09820413-7b2f-4d9d-a6a5-a9b1d5b90bea)](https://github.com/user-attachments/assets/f257db9d-6bfd-4fbc-ac10-dff1dfc99ff2)
+![Marksmith logo](./marksmith.png)
+
+![Marksmith demo](./marksmith.gif)
 
 ## Usage
 
@@ -107,7 +109,10 @@ bin/importmap pin @avo-hq/marksmith
 
 ## Active Storage
 
-The field supports Actve Storage uploads using drag and drop and pasting files into the field.
+The editor supports [ActiveStorage](https://guides.rubyonrails.org/active_storage_overview.html) uploads using drag and drop and pasting files into the field.
+
+Whe used in Avo it supports injecting assets using the [Media Library feature](http://docs.avohq.io/3.0/media-library.html).
+
 
 ## List Continuation
 

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

@@ -1,5 +1,5 @@
 /*!
-Marksmith 0.0.16
+Marksmith 0.1.0
 */
 var ListContinuationController = (function () {
     'use strict';

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

@@ -1,5 +1,5 @@
 /*!
-Marksmith 0.0.16
+Marksmith 0.1.0
 */
 var ListContinuationController = (function (stimulus) {
   'use strict';

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

@@ -1,5 +1,5 @@
 /*!
-Marksmith 0.0.16
+Marksmith 0.1.0
 */
 var MarksmithController = (function () {
     'use strict';

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

@@ -1,5 +1,5 @@
 /*!
-Marksmith 0.0.16
+Marksmith 0.1.0
 */
 var MarksmithController = (function (stimulus) {
     'use strict';

data/app/assets/stylesheets/marksmith.css

@@ -854,6 +854,9 @@
     margin-inline-end: calc(calc(var(--ms-spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
   }
 }
+.ms\:overflow-auto {
+  overflow: auto;
+}
 .ms\:rounded {
   border-radius: 0.25rem;
 }
@@ -900,15 +903,9 @@
 .ms\:px-2 {
   padding-inline: calc(var(--ms-spacing) * 2);
 }
-.ms\:px-3 {
-  padding-inline: calc(var(--ms-spacing) * 3);
-}
 .ms\:py-1 {
   padding-block: calc(var(--ms-spacing) * 1);
 }
-.ms\:py-2 {
-  padding-block: calc(var(--ms-spacing) * 2);
-}
 .ms\:py-px {
   padding-block: 1px;
 }
@@ -1027,6 +1024,9 @@
     flex-direction: row;
   }
 }
+.marksmith, .marksmith * {
+  box-sizing: border-box;
+}
 .ms\:button-spinner {
   width: 24px;
   height: 24px;

data/app/frontend/entrypoints/application.css

@@ -12,6 +12,11 @@
 @source "./../../helpers/";
 @source "./../../../lib/";
 
+.marksmith,
+.marksmith * {
+  box-sizing: border-box;
+}
+
 .ms\:button-spinner {
   width: 24px;
   height: 24px;

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

@@ -1,7 +1,9 @@
 import { application } from "./application"
 
 import MarksmithController from "./marksmith_controller"
+import ListContinuationController from "./list_continuation_controller"
 // import MarksmithController from "./../../../../../app/assets/builds/marksmith.esm.js"
 // console.log(MarksmithController)
 
 application.register("marksmith", MarksmithController)
+application.register("list-continuation", ListContinuationController)

data/app/views/marksmith/markdown_previews/create.turbo_stream.erb

@@ -1,6 +1,4 @@
 <%= turbo_stream.update params[:element_id] do %>
-  <div class="ms:px-3 ms:py-2">
-    <%= render partial: "marksmith/shared/rendered_body", locals: { body: @body } %>
-  </div>
+  <%= render partial: "marksmith/shared/rendered_body", locals: { body: @body } %>
 <% end %>
 

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

@@ -26,7 +26,7 @@
   gallery_turbo_frame = local_assigns.dig(:gallery, :turbo_frame) || nil
 %>
 <%= content_tag :div,
-  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",
+  class: "marksmith 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: "
@@ -65,11 +65,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: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 %>
+  <div class="ms:border-t ms:w-full ms:border-neutral-300 ms:flex ms:flex-1">
+    <%= content_tag :div, class: "ms:flex ms:flex-1 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 ms:leading-normal", classes),
+        class: class_names("ms:flex ms:flex-1 ms:rounded ms:border-none ms:resize-y ms:focus:outline-none ms:font-mono ms:focus:ring-0 ms:leading-normal ms:p-2", classes),
         rows: rows,
         data: {
           action: "drop->marksmith#dropUpload paste->marksmith#pasteUpload",
@@ -81,7 +81,7 @@
         autofocus:,
         style:
       %>
-      <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">
+      <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 ms:p-2">
         <%= 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", toolbar_button_classes) do %>
           <%= image_tag asset_path("marksmith/svgs/markdown.svg"), class: "ms:inline ms:size-4 ms:mr-1" %> <%= t("marksmith.markdown_is_supported").humanize %>
         <% end %>
@@ -96,7 +96,7 @@
       </div>
     <% end %>
     <%= content_tag :div,
-      class: "ms:hidden ms:markdown-preview ms:size-full ms:flex-1 ms:flex ms:size-full",
+      class: "ms:hidden ms:markdown-preview ms:size-full ms:flex-1 ms:flex ms:size-full ms:p-2 ms:overflow-auto",
       id: "markdown-preview-#{name}",
       data: {
         marksmith_target: "previewElement",

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

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

data/lib/marksmith/version.rb

@@ -1,3 +1,3 @@
 module Marksmith
-  VERSION = "0.0.16"
+  VERSION = "0.1.0"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: marksmith
 version: !ruby/object:Gem::Version
-  version: 0.0.16
+  version: 0.1.0
 platform: ruby
 authors:
 - Adrian Marin
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-01-31 00:00:00.000000000 Z
+date: 2025-02-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails