idecoder 0.1.1 → 0.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: f5c5e8a4f9a489d91305c20b603faf3a2543f3cd0b256313d4278dbcd91d9a20
-  data.tar.gz: 9cd14c1709edb3484fa6e2db8811da98f4f78bbd41a6fdc188fe1917acde9dfa
+  metadata.gz: 04f52af610cff78a702112a6639b4be104f9197dbe3d47c25df4ec3eaa5d4de0
+  data.tar.gz: e387e0a00a2a4842612b1e56043c9fcd2662445fe66ed39f1b1da673c73fa22d
 SHA512:
-  metadata.gz: cfe092787cae3aa91a12ae2868aeaa111d904918cc73ce05488a2784ae80c1e81134b7679b0fde63e7b7e6c4e23853bf18068fe45e7e355377fcffa4e1ea8b50
-  data.tar.gz: 0275ab12d520deb4eb9567d6062f3da03cd54ead6b5257f4b35888f8abccb5f8240c970d0aad23e92d9ca99cf39c510d4be60171a4b7be0befe6fcf0bc98d3ea
+  metadata.gz: f0698d3eb911d591567b892f659a654c3bf4df0aa87f38eccd2988306c883a570143b2fc25fdfdc51515045e57a652a1fc7abb6f68c46f650ea0069d94fe841d
+  data.tar.gz: 7ded7959cecdb8b98261e8a4dfc4c791b03ce6862ca153918584746217577ad357b72888a7f7b58e74fb192744699bf6e23c2f3d2e19d1304a976e62a1b2db26

data/README.md

@@ -2,7 +2,7 @@
 
 [![Gem Version](https://badge.fury.io/rb/idecoder.svg)](http://badge.fury.io/rb/idecoder)
 
-Idecoder was created for developers building web applications with coding editors. Idecoder.js provides a plugin that gives the developer a screen inside their own app 
+Idecoder was created for developers building web applications with coding editors. Idecoder provides a plugin that gives the developer a screen inside their own app 
 to give the users a way to develop codes.
 
 ## Installation
@@ -21,6 +21,9 @@ Or install it yourself as:
     
 ## Usage
 Simply add the `render_idecoder` helper method to your Rails layout or to any specific page you wish.
+after installing, go to "<host> / idecoder" for testing screen:
+
+![Alt text](app/assets/images/screen.png "Screen")
 
 <pre>
   &lt;html>
@@ -57,7 +60,7 @@ If you wish to have Idecoder in your production and/or staging environment, pass
 
 | Value    | Default  | Description |
 |----------|----------|------------------------------------------|
-| language | ruby | See Language Options List |
+| mode  | ruby | See Language Options List |
 | theme | monokai | See Themes Options List |
 | height | 300px | Canvas height |
 | width | 90% | Canvas width |
@@ -68,28 +71,9 @@ If you wish to have Idecoder in your production and/or staging environment, pass
 
 | Value    | Description |
 |----------|------------------------------------------|
-| abap | ABAP Language |
-| asciidoc | AsciiDoc Language  |
-| c_cpp | C / C++  |
-| coldfusion | Cold Fusion  |
-| csharp | C Sharp  |
-| css | CSS  |
-| dart | Dart Language  |
-| dot | .Net  |
-| haml | HAML  |
-| java | Java Language  |
+| html | Design Html  |
 | javascript | Javascript  |
-| json | Json  |
-| objectivec | Objective C  |
-| perl | Perl  |
-| pgsql | Language for PostgreSQL  |
-| php | PHP  |
-| python | Python Language  |
 | ruby | Ruby Language  |
-| sql | SQL Scripts  |
-| typescript | TypeScript  |
-| xml | XML  |
-| yaml | YAML  |
 
 
 ### Theme Options
@@ -128,9 +112,8 @@ If you wish to have Idecoder in your production and/or staging environment, pass
 
 **Dependencies**
 
-Marx.Idecoder has a dependency on:
-1. jQuery version >= 1.10.x
-2. JQuery Ace Rails  1.0.1
+Idecoder has a dependency on:
+1. gem execjs (sstephenson/execjs)
 
 
 ## Contributing

data/app/assets/config/canvas_manifest.js

@@ -0,0 +1 @@
+//= link_directory ../stylesheets/canvas .css

data/app/assets/javascripts/idecoder.js

@@ -1,11 +1,11 @@
 window.Idecoder = function(options) {
     var _this = this;
-    this._url = "http://marxjs.com";
     return _this.initialize(options);
 };
 
 $.extend(Idecoder.prototype, {
     settings: {
+        theme: 'monokai',
         language: 'ruby',
         read_only: false,
         height: "300px",
@@ -13,7 +13,8 @@ $.extend(Idecoder.prototype, {
         border: "1px solid lightgray",
     },
     initialize: function(options) {
-        $.extend(this.settings);
+        let sett = this.settings
+        $.extend(jQuery.extend(sett, options));
         return this.create_canvas();
     },
     /*=========================

data/app/assets/stylesheets/idecoder.css

@@ -1,10 +1,27 @@
-.ace-clipboard{
-    font-size: 8px;
+.idecoder-button{
+    font-size: 10px;
     padding: 3px;
     opacity: 0.8;
     cursor: pointer;
-    position:relative;
-    top: 0px;
-    right: 0px;
-    z-index: 100;
 }
+
+ .idecoder-pre {
+     font-size: 14px;
+     border: 2px solid grey;
+     width: 650px;
+     border-left: 12px solid darkslategray;
+     border-radius: 5px;
+     padding: 14px;
+
+     /* Fixed line height */
+     line-height: 20px;
+
+     /* Use linear-gradient for background image */
+     background-color: lightgray;
+
+     /* Size background so that the height is 2x line-height */
+     background-size: 100% 48px;
+
+     /* Offset the background along the y-axis by top padding */
+     background-position: 0 14px;
+ }

data/app/controllers/idecoder/application_controller.rb

@@ -0,0 +1,4 @@
+module Idecoder
+  class Idecoder::ApplicationController < ::ApplicationController
+  end
+end

data/app/controllers/idecoder/runners_controller.rb

@@ -0,0 +1,28 @@
+module Idecoder
+
+  class RunnersController < ApplicationController
+    require_dependency "idecoder/application_controller"
+    require_relative '../../runners_strategy'
+    require_relative '../../runners_factory'
+
+    def test
+      @modes = RunFactory.list_types
+      @mode = params['mode'] || "ruby"
+      render layout: false
+    end
+
+    def run
+      begin
+        fabrica = RunFactory.for(params['mode'])
+        parser = CodeParser.new(params['code'], fabrica)
+
+        data = parser.parse
+        render json: {data: data, status: 200}, status: :ok
+      rescue Exception => ex
+        render json: {data: ex.message, status: 500}, status: :ok
+      end
+    end
+
+  end
+end
+

data/app/helpers/idecoder/application_helper.rb

@@ -0,0 +1,4 @@
+module Idecoder
+  module ApplicationHelper
+  end
+end

data/app/helpers/idecoder/runners_helper.rb

@@ -0,0 +1,4 @@
+module Idecoder
+  module RunnersHelper
+  end
+end

data/app/runners_factory.rb

@@ -0,0 +1,22 @@
+class RunFactory
+
+  TYPES = {
+      html: HTMLParser,
+      javascript: JAVASCRIPTParser,
+      ruby: RubyParser
+  }
+
+  def self.list_types
+    TYPES.keys
+  end
+
+  def self.for(mode)
+    type_c = mode && TYPES[mode.to_sym]
+    if type_c.nil?
+      raise "Invalid mode selection"
+    else
+      return type_c.new
+    end
+  end
+
+end

data/app/runners_strategy.rb

@@ -0,0 +1,51 @@
+class RunParser
+  require 'execjs'
+
+  def parse(code)
+    raise 'Must implement!'
+  end
+end
+
+###
+
+class RubyParser < RunParser
+  def parse(code)
+    begin
+      eval(code)
+    rescue Exception => ex
+      raise ex.message
+    end
+  end
+end
+
+###
+
+class HTMLParser < RunParser
+  def parse(code)
+    code
+  end
+end
+
+###
+
+class JAVASCRIPTParser < RunParser
+  def parse(code)
+    ExecJS.eval('"red yellow blue".split(" ")')
+  end
+end
+
+###
+
+class CodeParser
+  attr_reader :code, :parser
+
+  def initialize(code, parser)
+    @code = code
+    @parser = parser
+  end
+
+  def parse
+    parser.parse(code)
+  end
+
+end

data/app/views/idecoder/runners/test.html.erb

@@ -0,0 +1,24 @@
+
+
+<small>Example:</small>
+<pre style="font-size: 10px; padding-bottom: 20px; padding-top: 20px; background-color: #eee !important; border: lightgray thin; ">
+	&lt;%= render_idecoder(theme: "vibrant_ink", mode: "<%= @mode %>" height: "100px", width: "90%", copy: false) %>
+</pre>
+
+
+Selected language:
+<%= select_tag "mode", options_for_select(@modes, @mode)  %>
+<br /><br />
+<hr>
+
+
+<div style="margin: 20px;">
+	<%= render_idecoder(theme: "vibrant_ink", mode: @mode, height: "100px", width: "90%", copy: false) %>
+</div>
+
+
+<script>
+	$("#mode").on("change", function () {
+		window.location = "/idecoder?mode="+$("#mode").val();
+    });
+</script>

data/lib/idecoder.rb

@@ -1 +1,5 @@
-require 'idecoder/rails' if defined?(Rails)
+require 'idecoder/rails' if defined?(Rails)
+require "idecoder/engine"
+
+module Idecoder
+end

data/lib/idecoder/engine.rb

@@ -0,0 +1,7 @@
+# require "idecoder/engine"
+
+module Idecoder
+  class Engine < ::Rails::Engine
+    isolate_namespace Idecoder
+  end
+end

data/lib/idecoder/rails.rb

@@ -2,11 +2,10 @@ require "idecoder/rails/version"
 require "idecoder/view_helpers"
 
 module Idecoder
-  module Rails
-    class Engine < ::Rails::Engine
-      initializer "idecoder.view_helpers" do
-        ActionView::Base.send :include, ViewHelpers
-      end
+  class Engine < ::Rails::Engine
+    initializer "idecoder.view_helpers" do
+      ActionView::Base.send :include, ViewHelpers
     end
+    # isolate_namespace Idecoder
   end
 end

data/lib/idecoder/rails/version.rb

@@ -1,5 +1,5 @@
 module Idecoder
   module Rails
-    VERSION = "0.1.1"
+    VERSION = "0.1.2"
   end
 end

data/lib/idecoder/templates/idecoder.erb

@@ -4,13 +4,13 @@
 <% theme = options_hash[:theme].present? ? options_hash[:theme] : "monokai" %>
 <% mode = options_hash[:mode].present? ? options_hash[:mode] : "ruby" %>
 
+<%= csrf_meta_tags %>
+
 <script src="assets/jquery/jquery.min.js"></script>
 <script src="assets/ace/ace.js"></script>
 
 <script src="assets/ace/theme-<%= theme %>.js"></script>
-
-<script src="assets/ace/mode-ruby.js"></script>
-<script src="assets/jquery-ace.min.js"></script>
+<script src="assets/ace/mode-<%= mode %>.js"></script>
 
 <script src="assets/idecoder.js"></script>
 
@@ -28,43 +28,56 @@
 
         if (key && key == '82'  && e.shiftKey && !(e.altKey)){
             e.preventDefault();
+            runCode();
             return false;
         }
         return true;
     });
 </script>
 
+
+<button id="idecoder_btn_copy" class='idecoder-button idecoder-copy border' onclick='javascrit:copyToClipboard()'>Copy source to clipboard
+</button>
+<button id="idecoder_btn_run" title="Run (shift+r)" class='idecoder-button idecoder-run' onclick='javascrit:runCode()'>
+    Run (shift+R)
+</button>
+
 <div class="idecoder-panel">
-    <a id="btn_copy" class='btn btn-sm btn-light border ace-clipboard' onclick='javascrit:copyToClipboard()'>Copy</a>
-    <div style="text-align: end">
-        <a id="btn_exec" title="Run (shift+r)" class='btn btn-sm btn-light border' style="width: 35px;" onclick='javascrit:runCode()'>
-            <i class="fa fa-play text-success"></i>
-        </a>
-    </div>
     <pre id="editor-area" ></pre>
 </div>
 
-<div class="idecoder-result-panel" style="">
-    <pre id="editor-result-area" ></pre>
+<br />
+
+<pre class="idecoder-pre" id="editor-result-area" ></pre>
+
+<div id="div_error" style="background-color: lightgray; padding: 10px; display: none">
+    <span id="error_message" style="color: red; font-size: 12px;"></span>
 </div>
 
+<input type="hidden" id="hide-editor-value">
+
 <script>
+
     var config = idecoder.settings;
+
     $canvas = $("#editor-area");
     $canvas.css("border", config.border);
     $canvas.css("height", config.height);
     $canvas.css("width", config.width);
     resultCanvas = $("#editor-result-area");
-    resultCanvas.css("height", 200);
-    resultCanvas.css("width", config.width);
     resultCanvas.css("margin-top", config.height);
 
-    var resultEditor = ace.edit("editor-result-area");
-    resultEditor.setReadOnly(true);
-
     var editor = ace.edit("editor-area");
     editor.setTheme("ace/theme/<%= theme %>")
     editor.session.setMode("ace/mode/<%= mode %>")
+    editor.setShowPrintMargin(false);
+    editor.setBehavioursEnabled(true);
+
+    var textvalue = $('#hide-editor-value');
+
+    editor.getSession().on('change', function() {
+        textvalue.val(editor.getValue());
+    });
 
     function copyToClipboard() {
         var copyText = editor.getValue();
@@ -76,7 +89,23 @@
     }
 
     function runCode(){
-
+        $.ajax({
+            url: '/idecoder/run',
+            type: 'POST',
+            data: {authenticity_token: $('[name="csrf-token"]')[0].content, mode: '<%= mode %>', code: textvalue.val()}
+        }).done(function(data) {
+            if(data.status == 200){
+                <% if mode == "html" %>
+                    $("#editor-result-area").html(data.data)
+                <% else %>
+                    $("#editor-result-area").text(data.data)
+                <% end %>
+                $("#div_error").hide();
+            } else {
+                $("#div_error").show();
+                $("#error_message").text(data.data)
+            }
+        });
     }
 
     <% if options_hash[:copy].nil? || !options_hash[:copy] %>

data/lib/tasks/idecoder_tasks.rake

@@ -0,0 +1,4 @@
+# desc "Explaining what the task does"
+# task :canvas do
+#   # Task goes here
+# end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: idecoder
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.1.2
 platform: ruby
 authors:
 - Michel Popolin
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-09-08 00:00:00.000000000 Z
+date: 2020-09-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -38,6 +38,20 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
+- !ruby/object:Gem::Dependency
+  name: execjs
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
 description: 'Now you can easily put an editor inside your project. With environment
   variables reader and autocompletes. '
 email:
@@ -48,6 +62,8 @@ extra_rdoc_files: []
 files:
 - MIT-LICENSE
 - README.md
+- app/assets/config/canvas_manifest.js
+- app/assets/images/screen.png
 - app/assets/javascripts/ace/ace.js
 - app/assets/javascripts/ace/ext-static_highlight.js
 - app/assets/javascripts/ace/ext-textarea.js
@@ -152,11 +168,20 @@ files:
 - app/assets/javascripts/jquery-ace.min.js
 - app/assets/javascripts/jquery/jquery.min.js
 - app/assets/stylesheets/idecoder.css
+- app/controllers/idecoder/application_controller.rb
+- app/controllers/idecoder/runners_controller.rb
+- app/helpers/idecoder/application_helper.rb
+- app/helpers/idecoder/runners_helper.rb
+- app/runners_factory.rb
+- app/runners_strategy.rb
+- app/views/idecoder/runners/test.html.erb
 - lib/idecoder.rb
+- lib/idecoder/engine.rb
 - lib/idecoder/rails.rb
 - lib/idecoder/rails/version.rb
 - lib/idecoder/templates/idecoder.erb
 - lib/idecoder/view_helpers.rb
+- lib/tasks/idecoder_tasks.rake
 homepage: https://github.com/popolin/idecoder
 licenses:
 - MIT