action_markdown 0.1.1 → 0.1.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: f8c962323d1ff2acea1e7e1df96ba96ea2eebe94e2b526d03246f3f4c0390dbb
-  data.tar.gz: b18cb4ea30a5a93c0e0c7c0c28aa65869ce82c8ad32f8fa0c72d9d32a88881ef
+  metadata.gz: 8a8a81aff87626aae72f69e3be289da05a2b876e9245e31431715152690d48b0
+  data.tar.gz: db012c37bdca4c232184ecd68b727e1eb7294c4cfaa387450990e2bb62e958ff
 SHA512:
-  metadata.gz: 1519877f07359986e7379461440048336dd8c9154dc048c008ca05d69c43c4f594ffc7780464676f8e9efac8dace61d33c3f6af11d4864a43d99096915c8f2da
-  data.tar.gz: d44aaeff14fbdc4396ec4b02d779c10cbab4fec3d0c1c1e9032834de78b4b49027a13bda3b017fe2e91f88ae4002bd576fd7ef4d9d810dae3e71737f6bfbe1fd
+  metadata.gz: 696d0b60182b7baa446ecfed938304de4673fdb406db11e21248b2cdc118951a46dcbc6f516f9d7637d59f93ceb2d97f2b0e7e165ad07374ab45b59873d69937
+  data.tar.gz: 9953248c9fcd4f28047b06404a619925ac752828b00981d01cded14b75ac09b4840c314035704f0d31e60bc3006729d809676354a812347410cb6af0eed94368

data/README.md

@@ -63,6 +63,17 @@ In the view above, the Markdown content will automatically be converted to the f
 <p>This is a paragraph.</p>
 ```
 
+**Note**: To use a Markdown fields in forms, we should use the `markdown_field` helper like in the following example:
+
+```erb
+<%= form_with model: article do |f| %>
+  <%= f.label :content %>
+  <%= f.markdown_field :content %>
+
+  <%= f.submit "Save" %>
+<% end %>
+```
+
 ## License
 
 The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/app/assets/stylesheets/action_markdown/action_markdown.css

@@ -0,0 +1,313 @@
+.action-markdown {
+  /* Inline code variables */
+  --am-inline-code-padding-y: 0.15rem;
+  --am-inline-code-padding-x: 0.2rem;
+  --am-inline-code-border-radius: 0.375rem;
+  --am-inline-code-background: hsl(53 100% 65% / 0.2);
+
+  /* Code block paddings */
+  --am-code-padding-y: 1rem;
+  --am-code-padding-x: 1.5rem;
+
+  /* Code block border-radius */
+  --am-code-border-radius: 0.5rem;
+
+  /* Code block shadow */
+  --am-code-shadow: 1px 3px 6px hsl(0 0% 0% / 0.1);
+
+  /* Code syntax highlighting variables */
+  --am-code-background:hsl(208 95% 8%);
+  --am-code-comment:   hsl(180 9% 43%);
+  --am-code-string:    hsl(35 71% 74%);
+  --am-code-inherit:   hsl(77 67% 68%);
+  --am-code-number:    hsl(14 90% 70%);
+  --am-code-error:     hsl(357 79% 65%);
+  --am-code-constant:  hsl(221 100% 75%);
+  --am-code-keyword:   hsl(276 68% 75%);
+  --am-code-class:     hsl(33 100% 77%);
+  --am-code-variable:  hsl(169 56% 68%);
+  --am-code-text:      hsl(217 34% 88%);
+  --am-code-html:      hsl(169 47% 86%);
+}
+
+.action-markdown p code,
+.action-markdown li code {
+  color: inherit;
+  border-radius: var(--am-inline-code-border-radius);
+  background-color: var(--am-inline-code-background);
+  padding: var(--am-inline-code-padding-y) var(--am-inline-code-padding-x);
+}
+
+.action-markdown div.highlight {
+  overflow: auto;
+  background-color: var(--am-code-background);
+  border-radius: var(--am-code-border-radius);
+  box-shadow: var(--am-code-shadow);
+}
+
+.action-markdown pre.highlight {
+  margin: 0;
+  float: left;
+  padding: var(--am-code-padding-y) var(--am-code-padding-x);
+}
+
+.action-markdown .highlight code {
+  color: var(--am-code-text);
+}
+
+.action-markdown .highlight .cm {
+  color: var(--am-code-comment);
+}
+
+.action-markdown .highlight .p {
+  color: var(--am-code-comment);
+}
+
+.action-markdown .highlight .cp {
+  color: var(--am-code-error);
+}
+
+.action-markdown .highlight .c1 {
+  color: var(--am-code-comment);
+}
+
+.action-markdown .highlight .cs {
+  color: var(--am-code-comment);
+}
+
+.action-markdown .highlight .c,
+.action-markdown .highlight .ch,
+.action-markdown .highlight .cd,
+.action-markdown .highlight .cpf {
+  color: var(--am-code-comment);
+}
+
+.action-markdown .highlight .err {
+  color: var(--am-code-keyword);
+}
+
+.action-markdown .highlight .gd {
+  color: var(--am-code-keyword);
+}
+
+.action-markdown .highlight .ge {
+  color: var(--am-code-keyword);
+}
+
+.action-markdown .highlight .gr {
+  color: var(--am-code-error);
+}
+
+.action-markdown .highlight .gh {
+  color: var(--am-code-comment);
+}
+
+.action-markdown .highlight .gi {
+  color: var(--am-code-keyword);
+}
+
+.action-markdown .highlight .go {
+  color: var(--am-code-comment);
+}
+
+.action-markdown .highlight .gp {
+  color: var(--am-code-comment);
+}
+
+.action-markdown .highlight .gu {
+  color: var(--am-code-comment);
+}
+
+.action-markdown .highlight .gt {
+  color: var(--am-code-error);
+}
+.action-markdown .highlight .kc {
+  color: var(--am-code-keyword);
+}
+
+.action-markdown .highlight .kd {
+  color: var(--am-code-keyword);
+}
+
+.action-markdown .highlight .kn {
+  color: var(--am-code-keyword);
+}
+
+.action-markdown .highlight .kp {
+  color: var(--am-code-keyword);
+}
+
+.action-markdown .highlight .kr {
+  color: var(--am-code-keyword);
+}
+
+.action-markdown .highlight .kt {
+  color: var(--am-code-class);
+}
+
+.action-markdown .highlight .k,
+.action-markdown .highlight .kv {
+  color: var(--am-code-keyword);
+}
+
+.action-markdown .highlight .mf {
+  color: var(--am-code-number);
+}
+
+.action-markdown .highlight .mh {
+  color: var(--am-code-number);
+}
+
+.action-markdown .highlight .il {
+  color: var(--am-code-number);
+}
+
+.action-markdown .highlight .mi {
+  color: var(--am-code-number);
+}
+
+.action-markdown .highlight .mo {
+  color: var(--am-code-number);
+}
+
+.action-markdown .highlight .m,
+.action-markdown .highlight .mb,
+.action-markdown .highlight .mx {
+  color: var(--am-code-number);
+}
+
+.action-markdown .highlight .sa {
+  color: var(--am-code-keyword);
+}
+
+.action-markdown .highlight .sb {
+  color: var(--am-code-string);
+}
+
+.action-markdown .highlight .sc {
+  color: var(--am-code-string);
+}
+
+.action-markdown .highlight .sd {
+  color: var(--am-code-string);
+}
+
+.action-markdown .highlight .s2 {
+  color: var(--am-code-string);
+}
+
+.action-markdown .highlight .se {
+  color: var(--am-code-string);
+}
+
+.action-markdown .highlight .sh {
+  color: var(--am-code-string);
+}
+
+.action-markdown .highlight .si {
+  color: var(--am-code-string);
+}
+
+.action-markdown .highlight .sx {
+  color: var(--am-code-string);
+}
+
+.action-markdown .highlight .sr {
+  color: var(--am-code-inherit);
+}
+
+.action-markdown .highlight .s1 {
+  color: var(--am-code-string);
+}
+
+.action-markdown .highlight .ss {
+  color: var(--am-code-variable);
+}
+
+.action-markdown .highlight .s,
+.action-markdown .highlight .dl {
+  color: var(--am-code-string);
+}
+
+.action-markdown .highlight .na {
+  color: var(--am-code-inherit);
+}
+
+.action-markdown .highlight .bp {
+  color: var(--am-code-comment);
+}
+
+.action-markdown .highlight .nb {
+  color: var(--am-code-text);
+}
+
+.action-markdown .highlight .nc {
+  color: var(--am-code-class);
+}
+
+.action-markdown .highlight .no {
+  color: var(--am-code-inherit);
+}
+
+.action-markdown .highlight .nd {
+  color: var(--am-code-keyword);
+}
+
+.action-markdown .highlight .ni {
+  color: var(--am-code-constant);
+}
+
+.action-markdown .highlight .ne {
+  color: var(--am-code-constant);
+}
+
+.action-markdown .highlight .nf,
+.action-markdown .highlight .fm {
+  color: var(--am-code-constant);
+}
+
+.action-markdown .highlight .nl {
+  color: var(--am-code-constant);
+}
+
+.action-markdown .highlight .nn {
+  color: var(--am-code-inherit);
+}
+
+.action-markdown .highlight .nt {
+  color: var(--am-code-html);
+}
+
+.action-markdown .highlight .n,
+.action-markdown .highlight .p {
+  color: var(--am-code-text);
+}
+
+.action-markdown .highlight .vc {
+  color: var(--am-code-inherit);
+}
+
+.action-markdown .highlight .vg {
+  color: var(--am-code-inherit);
+}
+
+.action-markdown .highlight .vi {
+  color: var(--am-code-inherit);
+}
+
+.action-markdown .highlight .nv,
+.action-markdown .highlight .vm {
+  color: var(--am-code-inherit);
+}
+
+.action-markdown .highlight .ow {
+  color: var(--am-code-keyword);
+}
+
+.action-markdown .highlight .o {
+  color: var(--am-code-keyword);
+}
+
+.action-markdown .highlight .w {
+  color: var(--am-code-comment);
+}

data/app/helpers/action_markdown/tag_helper.rb

@@ -0,0 +1,37 @@
+require "action_view/helpers/tags/placeholderable"
+
+module ActionMarkdown
+  module TagHelper
+    def markdown_field_tag(name, value = nil, options = {})
+      options = options.symbolize_keys
+
+      content_tag("textarea", value, options)
+    end
+  end
+end
+
+module ActionView::Helpers
+  class Tags::ActionMarkdown < Tags::Base
+    include Tags::Placeholderable
+
+    def render
+      options = @options.stringify_keys
+      options["value"] = options.fetch("value") { value&.to_markdown }
+      add_default_name_and_id(options)
+
+      @template_object.markdown_field_tag("textarea", options["value"], options.except("value"))
+    end
+  end
+
+  module FormHelper
+    def markdown_field(object_name, method, options = {})
+      Tags::ActionMarkdown.new(object_name, method, self, options).render
+    end
+  end
+
+  class FormBuilder
+    def markdown_field(method, options = {})
+      @template.markdown_field(@object_name, method, objectify_options(options))
+    end
+  end
+end

data/app/models/action_markdown/markdown_text.rb

@@ -7,6 +7,7 @@ module ActionMarkdown
     belongs_to :record, polymorphic: true, touch: true
 
     delegate :to_s, :nil?, to: :body
+    delegate :to_markdown, to: :body, allow_nil: true
     delegate :blank?, :empty?, :present?, to: :to_html
 
     def to_html

data/app/views/action_markdown/contents/_content.html.erb

@@ -1 +1,3 @@
-<%= sanitize content.to_html %>
+<div class="action-markdown">
+  <%= sanitize content.to_html %>
+</div>

data/lib/action_markdown/content.rb

@@ -6,6 +6,10 @@ module ActionMarkdown
       @body = body
     end
 
+    def to_markdown
+      body
+    end
+
     def to_html
       markdown_renderer.render(body)
     end

data/lib/action_markdown/engine.rb

@@ -7,5 +7,11 @@ module ActionMarkdown
         extend ActionMarkdown::Attribute
       end
     end
+
+    initializer "action_markdown.helper" do
+      ActiveSupport.on_load(:action_controller_base) do
+        helper ActionMarkdown::Engine.helpers
+      end
+    end
   end
 end

data/lib/action_markdown/serialization.rb

@@ -14,11 +14,11 @@ module ActionMarkdown
         when nil
           nil
         when self
-          content.to_html
+          content.to_markdown
         when ActionMarkdown::MarkdownText
-          content.body.to_html
+          content.body.to_markdown
         else
-          new(content).to_html
+          new(content).to_markdown
         end
       end
     end

data/lib/action_markdown/version.rb

@@ -1,3 +1,3 @@
 module ActionMarkdown
-  VERSION = "0.1.1"
+  VERSION = "0.1.3"
 end

data/lib/action_markdown.rb

@@ -2,6 +2,7 @@ require "action_markdown/version"
 require "action_markdown/engine"
 
 require "redcarpet"
+require "rouge"
 
 module ActionMarkdown
   extend ActiveSupport::Autoload

data/lib/generators/action_markdown/install/install_generator.rb

@@ -1,9 +1,23 @@
 module ActionMarkdown
   module Generators
     class InstallGenerator < ::Rails::Generators::Base
+      source_root ActionMarkdown::Engine.root
+
       def create_migrations
         rails_command "railties:install:migrations FROM=action_markdown", inline: true
       end
+
+      def create_action_markdown_files
+        copy_file(
+          "app/assets/stylesheets/action_markdown/action_markdown.css",
+          "app/assets/stylesheets/action_markdown.css"
+        )
+
+        copy_file(
+          "app/views/action_markdown/contents/_content.html.erb",
+          "app/views/action_markdown/contents/_content.html.erb"
+        )
+      end
     end
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: action_markdown
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.1.3
 platform: ruby
 authors:
 - Alexandre Ruban
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-11-27 00:00:00.000000000 Z
+date: 2022-12-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -61,6 +61,8 @@ extra_rdoc_files: []
 files:
 - MIT-LICENSE
 - README.md
+- app/assets/stylesheets/action_markdown/action_markdown.css
+- app/helpers/action_markdown/tag_helper.rb
 - app/models/action_markdown/application_record.rb
 - app/models/action_markdown/markdown_text.rb
 - app/views/action_markdown/contents/_content.html.erb