rubyjs-vite 1.1.3 → 2.0.1

data/plugins/scaffold/lib/scaffold/cli/arguments.rb

@@ -0,0 +1,43 @@
+module RJSV
+  module Plugins
+    module Scaffold
+      module CLI
+        module Arguments
+          @options = {
+            create_web: nil,
+            element: nil,
+          }
+
+          module_function
+
+          def init(scaffold)
+            OptionParser.parse do |parser|
+              parser.banner(
+                "#{scaffold.description()}\n\n" +
+                "Usage: #{APP_NAME} #{scaffold.name()} [options]\n" +
+                "\nOptions:"
+              )
+
+              parser.on( "web NAME", "", "Creates a new web project with\n" +
+                                                          "a basic code architecture." ) do |name|
+                @options[:create_web] = name
+              end
+              parser.on( "element NAME", "", "Creates scaffolding for the new element.\n" ) do |name|
+                @options[:element] = name
+              end
+
+              parser.on( "-h", "--help", "Show help" ) do
+                puts parser
+                exit
+              end
+            end
+          end
+
+          def options
+            @options
+          end
+        end
+      end
+    end
+  end
+end

data/plugins/scaffold/lib/scaffold/create.rb

@@ -0,0 +1,64 @@
+module RJSV
+  module Plugins
+    module Scaffold
+      module Create
+        module_function
+
+        def web path_output
+          path_scaffold = File.expand_path('./share/scaffold/web', ROOT)
+
+          puts "Scaffolding project in #{path_output}..."
+          RJSV::Core::Files.copy(path_scaffold, path_output)
+          
+          json_package = JsonParser.new File.join(path_output, "package.json")
+          json_package.parse :name, File.basename(path_output).downcase
+        end
+
+        def element(name, &block)
+          name_class   = name.split(/[_-]/).map(&:capitalize).join
+          name_file    = name.gsub('-', '_')
+          name_element = name.gsub('_', '-')
+
+          path_scaffold         = File.expand_path('./share/scaffold/element', ROOT)
+          path_scaffold_element = File.join(path_scaffold, 'element.js.rb')
+          path_scaffold_init    = File.join(path_scaffold, 'init.js.rb')
+          
+          content_element = RJSV::Core::Files.open(path_scaffold_element)
+                            .sub('NAME_CLASS', name_class)
+          content_init    = RJSV::Core::Files.open(path_scaffold_init)
+                            .gsub('NAME_CLASS', name_class)
+                            .sub('NAME_FILE', name_file)
+                            .sub('NAME_ELEMENT', name_element)
+          
+          path_output_element = File.join(
+            Dir.pwd, 'src', 'rb', 'elements', "elm_#{name_file}.js.rb"
+          )
+          path_output_init    = File.join(
+            Dir.pwd, 'src', 'rb', 'elements.js.rb'
+          )
+
+          files = [
+            {
+              path: path_output_element,
+              content: content_element,
+              mode: 'w+'
+            },
+            {
+              path: path_output_init,
+              content: content_init,
+              mode: 'a+'
+            }
+          ]
+
+          files.each do |file|
+            RJSV::Core::Files.write_with_dir(
+              file[:content], file[:path], file[:mode]
+            )
+            block.call("Modified '.#{file[:path].sub(Dir.pwd, '')}'") if block
+          end
+          block.call("Element 'elm-#{name_element}'") if block
+        end
+      end#Create
+    end
+  end
+end

data/plugins/scaffold/lib/scaffold/states.rb

@@ -0,0 +1,40 @@
+module RJSV
+  module Plugins
+    module Scaffold
+      module States
+        module_function
+
+        def create_web_state(options)
+          project = options[:create_web]
+          if project
+            path_output = File.join(Dir.pwd, project)
+            Create.web(path_output)
+            is_installed = Vite.install(path_output)
+
+            if is_installed
+              puts "\nDone. Now run:\n\n  cd #{project}\n  bin/server\n\n"
+            else
+              wspaces = ' '*2
+              puts "\nThe Vite library installation encountered an issue.\n" +
+                   "NodeJS is probably not installed on your machine.\n" +
+                   "Please rerun the Vite installation after installing NodeJS.\n" +
+                   "Use these instructions:\n\n" +
+                   "#{wspaces}cd #{project}\n" +
+                   "#{wspaces}npm install\n" +
+                   "#{wspaces}bin/server"
+            end
+          end
+        end
+
+        def create_element_state(options)
+          name = options[:element]
+          if name
+            Create.element(name) do |message|
+              RJSV::Core::Event.print('scaffold', message)
+            end
+          end
+        end
+      end#States
+    end
+  end
+end

data/plugins/scaffold/lib/scaffold/vite.rb

@@ -0,0 +1,13 @@
+module RJSV
+  module Plugins
+    module Scaffold
+      module Vite
+        module_function
+
+        def install(path_output)
+          system("cd #{path_output} && npm install")
+        end
+      end
+    end
+  end
+end

data/share/scaffold/element/element.js.rb

@@ -0,0 +1,20 @@
+export default class ElmNAME_CLASS < HTMLElement
+  def initialize
+    super
+    
+    init_elm()
+  end
+
+  def connected_callback()
+  end
+
+  def disconnected_callback()
+  end
+
+  def init_elm()
+    template = """
+    """
+
+    self.innerHTML = template
+  end
+end

data/share/scaffold/element/init.js.rb

@@ -0,0 +1,3 @@
+
+import 'ElmNAME_CLASS', './elements/elm_NAME_FILE'
+window.custom_elements.define('elm-NAME_ELEMENT', ElmNAME_CLASS)

data/share/{template → scaffold/web}/.gitignore

@@ -22,3 +22,5 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+
+.env

data/share/{template → scaffold/web}/bin/server

@@ -1,6 +1,6 @@
 #!/bin/bash
 
-APP_NAME -c -w -s src/rjs -o src/.js &
+rjsv -t -w -s src/rb -o src/js &
 npm run dev
 
 trap - SIGINT

data/share/scaffold/web/config/ruby2js.rb

@@ -0,0 +1,10 @@
+# Readme: https://www.ruby2js.com/docs/options
+
+preset
+
+filter :functions
+filter :camelCase
+
+eslevel 2021
+
+include_method :class

data/share/{template → scaffold/web}/index.html

@@ -8,6 +8,6 @@
   </head>
   <body>
     <div id="app"></div>
-    <script type="module" src="/src/.js/main.js"></script>
+    <script type="module" src="/src/js/main.js"></script>
   </body>
 </html>

data/share/scaffold/web/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "dsdsds",
+  "private": true,
+  "version": "0.1.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build --base=./",
+    "preview": "vite preview"
+  },
+  "devDependencies": {
+    "vite": "^4.3.9"
+  }
+}

data/share/scaffold/web/src/js/env.js

@@ -0,0 +1 @@
+export const ENV = import.meta.env

data/share/scaffold/web/src/rb/core/events.js.rb

@@ -0,0 +1,20 @@
+export default class Events
+  def self.emit(dom, event, values = nil)
+    custom_event = new CustomEvent(event, {
+      detail: {
+        value: values
+      }
+    })
+
+    document.query_selector(dom).dispatch_event(custom_event)
+  end
+
+  def self.connect(dom, event, &callback)
+    document.query_selector(dom).add_event_listener(event, callback) if callback
+  end
+
+  def self.disconnect(dom, event, &callback)
+    document.query_selector(dom).remove_event_listener(event, callback) if callback
+  end
+end
+window.Events = Events

data/share/scaffold/web/src/rb/core/net.js.rb

@@ -0,0 +1,12 @@
+export default class Net
+  def self.curl(url, &callback)
+    fetch(url)
+    .then(lambda do |response|
+      response.text()
+    end)
+    .then(lambda do |text|
+      callback(text) if callback
+    end)
+  end
+end
+window.Net = Net

data/share/scaffold/web/src/rb/core.js.rb

@@ -0,0 +1,2 @@
+import './core/events'
+import './core/net'

data/share/{template/src/rjs/main.rjs → scaffold/web/src/rb/main.js.rb}

@@ -1,3 +1,5 @@
 import '../css/style.css'
 
+import './core'
+
 document.querySelector('#app').innerHTML = "<h1>Hello RubyJS</h1>"

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: rubyjs-vite
 version: !ruby/object:Gem::Version
-  version: 1.1.3
+  version: 2.0.1
 platform: ruby
 authors:
 - Filip Vrba
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-06-02 00:00:00.000000000 Z
+date: 2024-03-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: ruby2js
@@ -16,66 +16,80 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '5.0'
+        version: '5.1'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '5.0'
+        version: '5.1'
 - !ruby/object:Gem::Dependency
   name: listen
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '3.7'
+        version: '3.8'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '3.7'
-description: Using this translation tool, you can run Vite server and write code in
-  Ruby syntax using JS API. See GitHub for further information. |> https://github.com/filipvrba/ruby-js
+        version: '3.8'
+description: This is a tool that behaves like a CLI application. The tool can track
+  RB files in real time and transpile them into JS files. RubyJS-Vite has its own
+  ecosystem and various plugins can be added. This tool can also communicate with
+  Vite tool for easier web development. Read the documentation for more information.
 email: filipvrbaxi@gmail.com
 executables:
 - rjsv
 extensions: []
 extra_rdoc_files: []
 files:
-- app/arguments.rb
-- app/config.rb
-- app/main.rb
-- app/signals.rb
 - bin/rjsv
-- lib/description.rb
 - lib/json_parser.rb
 - lib/option_parser.rb
-- lib/ruby_js.rb
-- lib/ruby_js/code_join.rb
-- lib/ruby_js/constants.rb
-- lib/ruby_js/helper.rb
-- lib/ruby_js/scaffold.rb
-- lib/ruby_js/version.rb
-- share/template/.codejoin
-- share/template/.gitignore
-- share/template/bin/generate
-- share/template/bin/server
-- share/template/bin/watch
-- share/template/index.html
-- share/template/package.json
-- share/template/public/vite.svg
-- share/template/src/css/style.css
-- share/template/src/rjs/main.rjs
+- lib/rjsv.rb
+- lib/rjsv/cli/arguments.rb
+- lib/rjsv/cli/plugins.rb
+- lib/rjsv/cli/signals.rb
+- lib/rjsv/cli/states.rb
+- lib/rjsv/constants.rb
+- lib/rjsv/core/constants.rb
+- lib/rjsv/core/event.rb
+- lib/rjsv/core/files.rb
+- lib/rjsv/plugin.rb
+- lib/rjsv/translate.rb
+- lib/rjsv/version.rb
+- lib/rjsv/watch.rb
+- plugins/scaffold/lib/init.rb
+- plugins/scaffold/lib/scaffold/cli/arguments.rb
+- plugins/scaffold/lib/scaffold/create.rb
+- plugins/scaffold/lib/scaffold/states.rb
+- plugins/scaffold/lib/scaffold/vite.rb
+- share/scaffold/element/element.js.rb
+- share/scaffold/element/init.js.rb
+- share/scaffold/web/.gitignore
+- share/scaffold/web/bin/server
+- share/scaffold/web/config/ruby2js.rb
+- share/scaffold/web/index.html
+- share/scaffold/web/package.json
+- share/scaffold/web/public/vite.svg
+- share/scaffold/web/src/css/style.css
+- share/scaffold/web/src/js/env.js
+- share/scaffold/web/src/rb/core.js.rb
+- share/scaffold/web/src/rb/core/events.js.rb
+- share/scaffold/web/src/rb/core/net.js.rb
+- share/scaffold/web/src/rb/main.js.rb
 homepage: https://rubygems.org/gems/rubyjs-vite
 licenses:
 - MIT
 metadata:
   source_code_uri: https://github.com/filipvrba/ruby-js
-post_install_message: 
+  documentation_uri: https://filipvrba.github.io/ruby-js/
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -90,8 +104,9 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.4.10
-signing_key: 
+rubygems_version: 3.5.3
+signing_key:
 specification_version: 4
-summary: Converts the syntax of ruby into javascript.
+summary: CLI application with RB file transpilation that communicates with the Vite
+  tool.
 test_files: []

data/app/arguments.rb

@@ -1,67 +0,0 @@
-require "option_parser"
-
-@options = {
-  compile: false,
-  generate: nil,
-  watch:   false,
-  output:  Dir.pwd,
-  output_type: RubyJS::Constants::FILE_TYPE_O,
-  source:  Dir.pwd,
-  eslevel: Config::get_eslevel,
-  pid: nil,
-}
-
-OptionParser.parse do |parser|
-  parser.banner(
-    "Converts the syntax of ruby into javascript.\n" +
-    "Usage: #{RubyJS::Constants::APP_NAME} [options]\n" +
-    "\nOptions:"
-  )
-  parser.on( "-h", "--help", "Show help" ) do
-    puts parser
-    exit
-  end
-  parser.on( "-v", "--version", "Show version" ) do
-    puts "Version is #{RubyJS::VERSION}"
-    exit
-  end
-  parser.on( "-w", "--watch", "Watch scripts for changes and rerun commands." ) do
-    @options[:watch] = true
-  end
-  parser.on( "-c", "--compile", "Compile to JavaScript and save as .#{@options[:output_type]} files." ) do
-    @options[:compile] = true
-  end
-  parser.on( "-g PATH", "--generate PATH", "Copies every rjs file into a single rjs file." ) do |path|
-    if File.directory?(path)
-      @options[:generate] = path
-    else
-      @options[:generate] = ""
-    end
-  end
-  parser.on("-o DIR", "--output DIR", "Set the output path or path/filename\n" +
-            "for compiled JavaScript." ) do |dir|
-    @options[:output] = dir
-  end
-  parser.on("-ot TYPE", "--output-type TYPE", "Set the output type.\n" +
-            "The default: #{@options[:output_type]}" ) do |type|
-    @options[:output_type] = type
-  end
-  parser.on("-s DIR", "--source DIR", "Set the source path or path/filename\n" +
-            "for RubyJS." ) do |dir|
-    @options[:source] = dir
-  end
-  parser.on("-es LEVEL", "--eslevel LEVEL", "ECMAScript versions for compilation.\n" +
-            "The default: #{@options[:eslevel]}\n" + 
-            "(Accepted level ranges 2015...2022.)") do |level|
-
-    @options[:eslevel] = level.to_i
-  end
-  parser.on("--pid PROCESS", "", "When the pid is set, the SIGUSR1\n" +
-            "signal is triggered." ) do |pid|
-    @options[:pid] = pid.to_i
-  end
-  parser.on("--create PROJECT", nil, "Creates a new project using scaffolding." ) do |project|
-    RubyJS::Scaffold.create project
-    exit
-  end
-end

data/app/config.rb

@@ -1,11 +0,0 @@
-module Config
-  module_function
-
-  @default = JsonParser.new File.join(ROOT, 'config/default.json')
-  # If eslevel doesn't already exist, the default value is used to initialize it.
-  @default.on :eslevel, "2021"
-
-  def get_eslevel
-    @default.parse(:eslevel).to_i
-  end
-end

data/app/main.rb

@@ -1,75 +0,0 @@
-require "ruby_js"
-require_relative "config"
-require_relative "arguments"
-require_relative "signals"
-
-def compile_fun path_f
-  RubyJS.compile path_f, {
-    eslevel: @options[:eslevel],
-    path_s:  @options[:source],
-    path_o:  @options[:output],
-    type_o:  @options[:output_type],
-  }
-end
-
-def compile path_f
-  if @options[:compile]
-    compile_fun(path_f)
-  else
-    puts RubyJS::Helper.event_p("warning", "This '#{path_f}' file was edited, " +
-                                "but it wasn't made into a js file.")
-  end
-end
-
-def generate
-  if @options[:generate]
-    code_j = RubyJS.generate_cj @options[:source], @options[:generate]
-    return code_j.get_ignore_r
-  end
-
-  return RubyJS::CodeJoin::TEST_N
-end
-ignore_cjfs = generate()
-
-if @options[:compile]
-  RubyJS.get_files(@options[:source]).each do |path_f|
-    compile_fun(path_f)
-  end
-end
-
-if @options[:watch]
-  h_sigusr = lambda do
-    pid = @options[:pid]
-    if pid
-      Process.kill("USR1", pid)
-    end
-  end
-
-  puts RubyJS::Helper.event_p("message", "There is now a watch for edited files.")
-  h_sigusr.call()
-
-  path_s = @options[:source]
-  
-  RubyJS::Helper.create_dir(path_s)
-  RubyJS.watch path_s, ignore_cjfs do |modified, added, removed|
-    generate()
-
-    unless added.empty?
-      compile(added.last)
-    end
-
-    unless modified.empty?
-      compile(modified.last)
-    end
-
-    unless removed.empty?
-      RubyJS.free removed.last, {
-        path_s:  @options[:source],
-        path_o:  @options[:output],
-        type_o:  @options[:output_type],
-      }
-    end
-
-    h_sigusr.call()
-  end
-end

data/app/signals.rb

@@ -1,4 +0,0 @@
-Signal.trap("INT") do
-  puts "\n" + RubyJS::Helper.event_p("exiting")
-  exit
-end

data/lib/description.rb

@@ -1,10 +0,0 @@
-module Description
-  module_function
-
-  def get_readme(parag_count)
-    path_ra = File.expand_path("..", __dir__)
-    path_fa = File.join(path_ra, 'README.md')
-    content = File.open(path_fa).read.split("\n")[1..parag_count + 1]
-    content.join("\n")
-  end
-end