richer_text 0.0.1 → 0.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e3e144daed92cf04465df7c11e55a30bec134bd6abd083b2ce76b078eb579323
-  data.tar.gz: 348c16817e8d8faad41627f985bb6d4dbf7392cd67d04b9faed369cd2ade73a5
+  metadata.gz: b63576861e360399b080b94d0bc593c516688af16f6dbfd0ea70ee922deddf34
+  data.tar.gz: a488d3031c92e1d0e34662bf942e48209030e2393a9227737e905ffb7041e60d
 SHA512:
-  metadata.gz: 4e73645fe681761bc2941cc3814f4ecc2e84c6ad55060e4a62e84351393a6e6fe089a511c4e1a92072c52c6bc9a971d754706df22b57604789d3efc0dd44359e
-  data.tar.gz: 78bfe77159991d5449f5bfb57dd9727bc5aafa87d648f06913089e791ca69165eab938f8095c82f408a78727c1620f1011fff99803db8dcb7ff53ca22c97f8ee
+  metadata.gz: 7dbebb9524973cf7a949ee78b45fa80c73c97286e17d83a901281f500fde88d9bc8b03f103552545fd0fc5c066181a0a729dc4ba2e86575306c8be423b6b65d7
+  data.tar.gz: 45832c613c64aced07c6260163d4a1af2afe815a1af1a83beb799db24731b22e0787a262c5b0f109d0c1563510c594c1664294f5df1efe6c54a7d62b53ccd04d

data/app/helpers/richer_text/tag_helper.rb

@@ -0,0 +1,49 @@
+require "action_view/helpers/tags/placeholderable"
+
+module ActionView::Helpers
+  class Tags::Editor < Tags::Base
+    include Tags::Placeholderable
+
+    def render
+      options = @options.stringify_keys
+      options["value"] = options.fetch("value") { value&.to_html }
+      add_default_name_and_id(options)
+
+      @template_object.richer_text_area_tag(options["name"], options["value"], options.except("value"))
+    end
+  end
+
+  module FormHelper
+    def richer_text_area(object_name, method, options = {})
+      Tags::Editor.new(object_name, method, self, options).render
+    end
+  end
+
+  class FormBuilder
+    def richer_text_area(method, options = {})
+      @template.richer_text_area(@object_name, method, objectify_options(options))
+    end
+  end
+end
+
+
+module RicherText
+  module TagHelper
+    cattr_accessor(:id, instance_accessor: false) { 0 }
+
+    def richer_text_area_tag(name, value = nil, options = {})
+      options = options.symbolize_keys
+      options[:id] ||= "editor_input_#{TagHelper.id += 1}"
+      options[:class] ||= "editor-input"
+
+      # So that we can access the content in the tiptap editor
+      options[:content] ||= value
+
+      # editor_toolbar(id: options[:id]) + content_tag("textarea", value, options)
+      content_tag("div", data: { controller: "richer-text-editor", action: "editor:update->richer-text-editor#update" }) do
+        hidden_field_tag(name, value, { class: "w-full", data: { richer_text_editor_target: "input" } }) +
+        tag("richer-text-editor", options)
+      end
+    end
+  end
+end

data/app/javascript/controllers/richer_text_editor_controller.js

@@ -0,0 +1,10 @@
+import { Controller } from "@hotwired/stimulus"
+
+// Connects to data-controller="richer-text-editor"
+export default class extends Controller {
+  static targets = ["input"];
+
+  update(event) {
+    this.inputTarget.value = event.detail.html;
+  }
+}

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

@@ -0,0 +1,42 @@
+require "pathname"
+
+module RicherText
+  module Generators
+    class InstallGenerator < ::Rails::Generators::Base
+      source_root RicherText::Engine.root
+
+      def create_migrations
+        rails_command "railties:install:migrations FROM=active_storage,richer_text", inline: true
+      end
+
+      def install_javascript_dependencies
+        destination = Pathname(destination_root)
+
+        if destination.join("package.json").exist?
+          say "Adding dependencies to package.json", :green
+          run "yarn add react react-dom highlight.js @afomera/richer-text"
+        end
+
+        say "Adding import to application.js", :green
+        append_to_file "app/javascript/application.js", %(import "@afomera/richer-text"\n)
+      end
+
+      def install_stylesheet_dependencies
+        destination = Pathname(destination_root)
+
+        if destination.join("app/assets/stylesheets/application.tailwind.css").exist?
+          say "Adding import to application.tailwind.css", :green
+          prepend_to_file "app/assets/stylesheets/application.tailwind.css", %(@import "@afomera/richer-text/dist/css/richer-text.css";\n@import "highlight.js/styles/github-dark.css";\n)
+        end
+      end
+
+      def generate_stimulus_controller
+        say "Copying Stimulus controller", :green
+        copy_file "app/javascript/controllers/richer_text_editor_controller.js", "app/javascript/controllers/richer_text_editor_controller.js"
+
+        say "Updating Stimulus manifest", :green
+        rails_command "stimulus:manifest:update"
+      end
+    end
+  end
+end

data/lib/richer_text/content.rb

@@ -15,7 +15,7 @@ module RicherText
     end
 
     def to_s
-      to_html
+      to_html.html_safe # TODO: add some kind of sanitization
     end
 
     def to_html

data/lib/richer_text/engine.rb

@@ -10,5 +10,11 @@ module RicherText
         include RicherText::Attribute
       end
     end
+
+    initializer "richer_text.helper" do
+      ActiveSupport.on_load(:action_controller_base) do
+        helper RicherText::Engine.helpers
+      end
+    end
   end
 end

data/lib/richer_text/version.rb

@@ -1,3 +1,3 @@
 module RicherText
-  VERSION = "0.0.1"
+  VERSION = "0.1.0"
 end

data/lib/tasks/richer_text_tasks.rake

@@ -1,4 +1,4 @@
-# desc "Explaining what the task does"
-# task :richer_text do
-#   # Task goes here
-# end
+desc "Installs RicherText into your application"
+task "richer_text:install" do
+  Rails::Command.invoke :generate, ["richer_text:install"]
+end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: richer_text
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.1.0
 platform: ruby
 authors:
 - Andrea Fomera
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-07-28 00:00:00.000000000 Z
+date: 2023-07-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -38,6 +38,8 @@ files:
 - app/assets/stylesheets/richer_text/application.css
 - app/controllers/richer_text/application_controller.rb
 - app/helpers/richer_text/application_helper.rb
+- app/helpers/richer_text/tag_helper.rb
+- app/javascript/controllers/richer_text_editor_controller.js
 - app/jobs/richer_text/application_job.rb
 - app/mailers/richer_text/application_mailer.rb
 - app/models/richer_text/application_record.rb
@@ -45,6 +47,7 @@ files:
 - app/views/layouts/richer_text/application.html.erb
 - config/routes.rb
 - db/migrate/20230107020316_create_richer_text_rich_texts.rb
+- lib/generators/richer_text/install/install_generator.rb
 - lib/richer_text.rb
 - lib/richer_text/attribute.rb
 - lib/richer_text/content.rb