vite_react 0.1.5 → 0.1.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 81a7fb698949d219e73983161b10ec4afa5b68090ba34d331acdaf378812f019
-  data.tar.gz: '07931987bbe9296f2598b17818856a620509957da2016befe65614152a162027'
+  metadata.gz: bb04f854f6839acaa9de158b73ccbdb5924fe14009687b43c5d27556a8142319
+  data.tar.gz: ae2ce2d0ead50310a6429032f1fc0afcd848ab9006cf0c8cd62ab863b4b987d1
 SHA512:
-  metadata.gz: 11819f83bc760d1438c867ddddc6039c9f85432f6d8e289facc1880094cbf108da5da7cb9a0b9c6c3338c6c8819521c8dc763c9a961345c803c3c156ad497f32
-  data.tar.gz: 83492e77f4b9a546d74b90317380939b74549e5ac25d25868d6d271e649b6b9a23cabe4510715bb420e9a1801ae92e40355fb45268a3e0a69731426c5ec6eb74
+  metadata.gz: d4912549c4a0b02cdab556be873759d95a4feb395ec928b92b27de3038b29dafc542a59627b315d35d336f66145c8985236cc71846167f95110608a4f23ff710
+  data.tar.gz: 4d415c5c8bb406850a94beb42c57c8de59840adfd510ff7a78265d56e8c9bba7370b34f55c86a1c5bda0b345bf92ee8fa69af0e53844341cda21638e7059e405

data/lib/generators/v0/component_generator.rb

@@ -0,0 +1,33 @@
+require "net/http"
+
+module V0
+  class ComponentGenerator < Rails::Generators::NamedBase
+    argument :description, type: :string, default: ""
+    @api_url = "https://api.v0.dev"
+    @token = ENV["V0_API_TOKEN"]
+
+
+    def fetch_from_v0
+      url = URI(@api_url + "/chat")
+
+      http = Net.http.new(url.hot, url.port)
+      http.use_ssl = true
+
+      request = Net::HTTP::Post.new(url)
+      request["Accept"] = "application/json"
+      request["Content-Type"] = "application/json"
+      request["Authorization"] = "Bearer #{@token}"
+
+      data = {
+        "message": :description
+      }
+
+      request["body"] = data.to_json
+
+      response = http.request(request)
+      output = JSON.parse(response.body)
+      return output if response.code == "200"
+      nil
+    end
+  end
+end

data/lib/generators/vite_react/devise/devise.rb

@@ -0,0 +1,16 @@
+module ViteReact
+  module Generators
+    class DeviseGenerator < Rails::Generators::Base
+      source_root File.expand_path("templates", __dir__)
+
+      def add_devise_to_gemfile
+        gem "devise"
+        gem "devise-jwt"
+      end
+
+      def install_devise
+        generate "devise:install"
+      end
+    end
+  end
+end

data/lib/generators/vite_react/migration/migration.rb

@@ -6,11 +6,12 @@ require "rails/generators/resource_helpers"
 
 module ViteReact
   module Generators
-    class MigrationGenerator < MigrationGenerator
+    class MigrationGenerator < Rails::Generators::NamedBase
       source_root File.expand_path("templates", __dir__)
 
       argument :migration_name, type: :string
       argument :attributes, type: :array, default: [], banner: "field:type field:type"
+      hook_for :orm
 
       def update_types
         puts "Updating TypeScript definitions based on #{migration_name}..."
@@ -43,11 +44,7 @@ module ViteReact
 
         <<~TS
       // AUTO-GENERATED by rails g migration #{migration_name}
-      // You may need to update validations or remove ? accordingly
-      // if presence validations exist.
-      // Changes introduced by: #{migration_name}
-      #{attributes_lines.join("
-        ")}
+      #{attributes_lines.join("\n")}
         TS
       end
 

data/lib/generators/vite_react/model_validation/model_validation_generator.rb

@@ -1,12 +1,12 @@
 # lib/generators/rails/tmodel_validation/model_validation_generator.rb
 
-module ViteReact
+module Vite_React
   module Generators
     class ModelValidationGenerator < Rails::Generators::NamedBase
       source_root File.expand_path("templates", __dir__)
 
       def update_types_for_validations
-        require File.join(Rails.root, "app/models/\#{file_path}.rb")
+        require File.join(Rails.root, "app/models/#{file_path}.rb")
 
         model_class = file_name.camelize.constantize
 
@@ -23,7 +23,7 @@ module ViteReact
         presence_required = presence_attributes.to_set
         required_belongs_tos.each do |assoc_name|
           presence_required << assoc_name        # e.g. user
-          presence_required << "\#{assoc_name}_id" # e.g. user_id
+          presence_required << "#{assoc_name}_id" # e.g. user_id
         end
 
         types_file_path = Rails.root.join("app/javascript/types.d.ts")
@@ -36,7 +36,7 @@ module ViteReact
         brace_depth = 0
 
 
-        start_of_interface_regex = /^\s*(?:export\s+)?interface\s+\#{Regexp.escape(model_class.name)}\s*(\{|extends|$)/
+        start_of_interface_regex = /^\s*(?:export\s+)?interface\s+#{Regexp.escape(model_class.name)}\s*(\{|extends|$)/
 
         lines.map!.with_index do |line, idx|
           if !in_target_interface && line =~ start_of_interface_regex
@@ -59,10 +59,10 @@ module ViteReact
               question_mark  = $3 # could be "" or "?"
 
               if presence_required.include?(attribute_name)
-                line = line.sub("\#{attribute_name}?:", "\#{attribute_name}:")
+                line = line.sub("#{attribute_name}?:", "#{attribute_name}:")
               else
                 unless question_mark == "?"
-                  line = line.sub("\#{attribute_name}:", "\#{attribute_name}?:")
+                  line = line.sub("#{attribute_name}:", "#{attribute_name}?:")
                 end
               end
             end

data/lib/generators/vite_react/scaffold/scaffold_generator.rb

@@ -1,22 +1,37 @@
-require "rails/generators/scaffold/scaffold_generator"
 require "rails/generators/resource_helpers"
-
-# lib/generators/rails/typescript/typescript_generator.rb
+require "rails/generators/rails/scaffold/scaffold_generator"
 
 module ViteReact
   module Generators
-    class ScaffoldGenerator < ScaffoldGenerator
+    class ScaffoldGenerator < Rails::Generators::ScaffoldControllerGenerator
       include Rails::Generators::ResourceHelpers
 
       source_root File.expand_path("templates", __dir__)
 
       argument :attributes, type: :array, default: [], banner: "field:type field:type"
 
+      remove_hook_for :template_engine
+      # hook_for :controller
+
+      def create_root_folder
+        empty_directory File.join("app/views", controller_file_path)
+      end
+
+      def copy_view_files
+        available_views.each do |view|
+          formats.each do |format|
+            filename = filename_with_extensions(view, format)
+            template filename, File.join("app/views", controller_file_path, filename)
+          end
+        end
+
+        template "partial.html.erb", File.join("app/views", controller_file_path, "_#{singular_name}.html.erb")
+      end
+
 
       def create_or_update_types
         types_file_path = Rails.root.join("app/javascript/types.d.ts")
-
-        interface_code = generate_interface_code
+        interface_code  = generate_interface_code
 
         if File.exist?(types_file_path)
           append_to_file types_file_path, interface_code
@@ -25,51 +40,69 @@ module ViteReact
         end
       end
 
-
-
-      private
-
       def generate_interface_code
         attributes_lines = attributes.flat_map do |attr|
-          puts attr.inspect
           if attr.type == :references
-            build_reference_lines(attr)
+            build_ts_reference_lines(attr)
           else
-            [ build_attribute_line(attr) ]
+            [ build_ts_attribute_line(attr) ]
           end
         end
 
         <<~TS
-      // AUTO-GENERATED by rails g scaffold #{file_name}
-      interface #{class_name} {
-        #{attributes_lines.join("
-        ")}
-      }
-
+          // AUTO-GENERATED by rails g scaffold #{file_name}
+          interface #{class_name} {
+            #{attributes_lines.join("\n\t")}
+          }
         TS
       end
+      private
+        def build_ts_attribute_line(attr)
+          "#{attr.name}?: #{rails_to_ts_type(attr.type)};"
+        end
 
+        def build_ts_reference_lines(attr)
+          referenced_interface_name = attr.name.camelize
+          [
+            "#{attr.name}_id: number;",
+            "#{attr.name}?: #{referenced_interface_name};"
+          ]
+        end
 
-      def build_attribute_line(attr)
-        "#{attr.name}?: #{rails_to_ts_type(attr.type)};"
-      end
 
-      def build_reference_lines(attr)
-        referenced_interface_name = attr.name.camelize
-        [
-          "#{attr.name}_id: number;",
-          "#{attr.name}?: #{referenced_interface_name};"
-        ]
-      end
+        def rails_to_ts_type(attribute)
+          case attribute
+          when :float, :decimal, :integer
+              "number"
+          when :boolean
+              "boolean"
+          when :attachment
+              "{ filename: string; url: string }"
+          when :attachments
+              "{ filename: string; url: string }[]"
+          else
+              "string"
+          end
+        end
+        def available_views
+          %w[index edit show new _form]
+        end
 
-      def rails_to_ts_type(rails_type)
-        case rails_type
-        when "integer", "float", "decimal" then "number"
-        when "boolean" then "boolean"
-        else
-          "string"
+        def formats
+          [ format ]
+        end
+
+        def format
+          :html
+        end
+
+        def handler
+          :erb
+        end
+
+        def filename_with_extensions(name, file_format = format)
+          [ name, file_format, handler ].compact.join(".")
         end
-      end
     end
   end
 end

data/lib/generators/vite_react/scaffold/templates/_form.html.erb.tt

@@ -0,0 +1,43 @@
+<%%= form_with(model: <%= model_resource_name %>, class: "contents") do |form| %>
+  <%% if <%= singular_table_name %>.errors.any? %>
+    <div id="error_explanation" class="bg-red-50 text-red-500 px-3 py-2 font-medium rounded-md mt-3">
+      <h2><%%= pluralize(<%= singular_table_name %>.errors.count, "error") %> prohibited this <%= singular_table_name %> from being saved:</h2>
+
+      <ul class="list-disc ml-6">
+        <%% <%= singular_table_name %>.errors.each do |error| %>
+          <li><%%= error.full_message %></li>
+        <%% end %>
+      </ul>
+    </div>
+  <%% end %>
+
+<% attributes.each do |attribute| -%>
+  <div class="my-5">
+<% if attribute.password_digest? -%>
+    <%%= form.label :password %>
+    <%%= form.password_field :password, class: ["block shadow rounded-md border outline-none px-3 py-2 mt-2 w-full", {"border-gray-400 focus:outline-blue-600": <%= model_resource_name %>.errors[:password].none?, "border-red-400 focus:outline-red-600": <%= model_resource_name %>.errors[:password].any?}] %>
+  </div>
+
+  <div class="my-5">
+    <%%= form.label :password_confirmation %>
+    <%%= form.password_field :password_confirmation, class: ["block shadow rounded-md border outline-none px-3 py-2 mt-2 w-full", {"border-gray-400 focus:outline-blue-600": <%= model_resource_name %>.errors[:password_confirmation].none?, "border-red-400 focus:outline-red-600": <%= model_resource_name %>.errors[:password_confirmation].any?}] %>
+<% elsif attribute.attachments? -%>
+    <%%= form.label :<%= attribute.column_name %> %>
+    <%%= form.<%= attribute.field_type %> :<%= attribute.column_name %>, multiple: true, class: ["block shadow rounded-md border outline-none px-3 py-2 mt-2 w-full", {"border-gray-400 focus:outline-blue-600": <%= model_resource_name %>.errors[:password].none?, "border-red-400 focus:outline-red-600": <%= model_resource_name %>.errors[:password].any?}] %>
+<% else -%>
+    <%%= form.label :<%= attribute.column_name %> %>
+<% if attribute.field_type == :textarea || attribute.field_type == :text_area -%>
+    <%%= form.<%= attribute.field_type %> :<%= attribute.column_name %>, rows: 4, class: ["block shadow rounded-md border outline-none px-3 py-2 mt-2 w-full", {"border-gray-400 focus:outline-blue-600": <%= model_resource_name %>.errors[:<%= attribute.column_name %>].none?, "border-red-400 focus:outline-red-600": <%= model_resource_name %>.errors[:<%= attribute.column_name %>].any?}] %>
+<% elsif attribute.field_type == :checkbox || attribute.field_type == :check_box -%>
+    <%%= form.<%= attribute.field_type %> :<%= attribute.column_name %>, class: ["block shadow rounded-md border outline-none mt-2 h-5 w-5", {"border-gray-400 focus:outline-blue-600": <%= model_resource_name %>.errors[:<%= attribute.column_name %>].none?, "border-red-400 focus:outline-red-600": <%= model_resource_name %>.errors[:<%= attribute.column_name %>].any?}] %>
+<% else -%>
+    <%%= form.<%= attribute.field_type %> :<%= attribute.column_name %>, class: ["block shadow rounded-md border outline-none px-3 py-2 mt-2 w-full", {"border-gray-400 focus:outline-blue-600": <%= model_resource_name %>.errors[:<%= attribute.column_name %>].none?, "border-red-400 focus:outline-red-600": <%= model_resource_name %>.errors[:<%= attribute.column_name %>].any?}] %>
+<% end -%>
+<% end -%>
+  </div>
+
+<% end -%>
+  <div class="inline">
+    <%%= form.submit class: "rounded-md px-3.5 py-2.5 bg-blue-600 hover:bg-blue-500 text-white inline-block font-medium cursor-pointer" %>
+  </div>
+<%% end %>

data/lib/generators/vite_react/scaffold/templates/edit.html.erb.tt

@@ -0,0 +1,12 @@
+<div class="container mx-auto mt-28 px-5 flex">
+  <%% content_for :title, "Editing <%= human_name.downcase %>" %>
+
+  <div class="md:w-2/3 w-full">
+    <h1 class="font-bold text-4xl">Editing <%= human_name.downcase %></h1>
+
+    <%%= render "form", <%= singular_table_name %>: @<%= singular_table_name %> %>
+
+    <%%= link_to "Show this <%= human_name.downcase %>", <%= model_resource_name(prefix: "@") %>, class: "ml-2 rounded-md px-3.5 py-2.5 bg-gray-100 hover:bg-gray-50 inline-block font-medium" %>
+    <%%= link_to "Back to <%= human_name.pluralize.downcase %>", <%= index_helper(type: :path) %>, class: "ml-2 rounded-md px-3.5 py-2.5 bg-gray-100 hover:bg-gray-50 inline-block font-medium" %>
+  </div>
+</div>

data/lib/generators/vite_react/scaffold/templates/index.html.erb.tt

@@ -0,0 +1,31 @@
+<div class="container mx-auto mt-28 px-5 flex">
+  <%% content_for :title, "<%= human_name.pluralize %>" %>
+
+  <div class="w-full">
+    <%% if notice.present? %>
+      <p class="py-2 px-3 bg-green-50 mb-5 text-green-500 font-medium rounded-md inline-block" id="notice"><%%= notice %></p>
+    <%% end %>
+
+    <div class="flex justify-between items-center">
+      <h1 class="font-bold text-4xl"><%= human_name.pluralize %></h1>
+      <%%= link_to "New <%= human_name.downcase %>", new_<%= singular_route_name %>_path, class: "rounded-md px-3.5 py-2.5 bg-blue-600 hover:bg-blue-500 text-white block font-medium" %>
+    </div>
+
+    <div id="<%= plural_table_name %>" class="min-w-full">
+      <%% if @<%= plural_table_name %>.any? %>
+        <div class="w-full grid grid-cols-3 gap-3">
+          <%% @<%= plural_table_name %>.each do |<%= singular_table_name %>| %>
+            <div class="border border-black w-auto mt-3 p-4 rounded-lg">
+              <%%= render <%= singular_table_name %> %>
+              <p>
+                <%%= link_to "Show this <%= human_name.downcase %>", <%= model_resource_name(singular_table_name) %>, class: "ml-2 rounded-md px-3.5 py-2.5 bg-gray-100 hover:bg-gray-50 inline-block font-medium" %>
+              </p>
+            </div>
+          <%% end %>
+        </div>
+      <%% else %>
+        <p class="text-center my-10">No <%= human_name.downcase.pluralize %> found.</p>
+      <%% end %>
+    </div>
+  </div>
+</div>

data/lib/generators/vite_react/scaffold/templates/new.html.erb.tt

@@ -0,0 +1,11 @@
+<div class="container mx-auto mt-28 px-5 flex">
+  <%% content_for :title, "New <%= human_name.downcase %>" %>
+
+  <div class="md:w-2/3 w-full">
+    <h1 class="font-bold text-4xl">New <%= human_name.downcase %></h1>
+
+    <%%= render "form", <%= singular_table_name %>: @<%= singular_table_name %> %>
+
+    <%%= link_to "Back to <%= human_name.pluralize.downcase %>", <%= index_helper(type: :path) %>, class: "ml-2 rounded-md px-3.5 py-2.5 bg-gray-100 hover:bg-gray-50 inline-block font-medium" %>
+  </div>
+<div>

data/lib/generators/vite_react/scaffold/templates/partial.html.erb.tt

@@ -0,0 +1,16 @@
+<div id="<%%= dom_id <%= singular_name %> %>">
+<% attributes.reject(&:password_digest?).each do |attribute| -%>
+  <p class="my-5">
+    <strong class="block font-medium mb-1"><%= attribute.human_name %>:</strong>
+<% if attribute.attachment? -%>
+    <%%= link_to <%= singular_name %>.<%= attribute.column_name %>.filename, <%= singular_name %>.<%= attribute.column_name %> if <%= singular_name %>.<%= attribute.column_name %>.attached? %>
+<% elsif attribute.attachments? -%>
+    <%% <%= singular_name %>.<%= attribute.column_name %>.each do |<%= attribute.singular_name %>| %>
+      <div><%%= link_to <%= attribute.singular_name %>.filename, <%= attribute.singular_name %> %></div>
+    <%% end %>
+<% else -%>
+    <%%= <%= singular_name %>.<%= attribute.column_name %> %>
+<% end -%>
+  </p>
+<% end -%>
+</div>

data/lib/generators/vite_react/scaffold/templates/show.html.erb.tt

@@ -0,0 +1,20 @@
+<div class="container mx-auto mt-28 px-5 flex">
+  <%% content_for :title, "Showing <%= human_name.downcase %>" %>
+
+  <div class="md:w-2/3 w-full">
+    <%% if notice.present? %>
+      <p class="py-2 px-3 bg-green-50 mb-5 text-green-500 font-medium rounded-md inline-block" id="notice"><%%= notice %></p>
+    <%% end %>
+
+    <h1 class="font-bold text-4xl">Showing <%= human_name.downcase %></h1>
+
+    <%%= render @<%= singular_table_name %> %>
+
+    <%%= link_to "Edit this <%= human_name.downcase %>", <%= edit_helper(type: :path) %>, class: "mt-2 rounded-md px-3.5 py-2.5 bg-gray-100 hover:bg-gray-50 inline-block font-medium" %>
+    <%%= link_to "Back to <%= human_name.pluralize.downcase %>", <%= index_helper %>_path, class: "ml-2 rounded-md px-3.5 py-2.5 bg-gray-100 hover:bg-gray-50 inline-block font-medium" %>
+    <div class="inline-block ml-2">
+      <%%= button_to "Destroy this <%= human_name.downcase %>", <%= model_resource_name(prefix: "@") %>, method: :delete, class: "mt-2 rounded-md px-3.5 py-2.5 text-white bg-red-600 hover:bg-red-500 font-medium" %>
+    </div>
+  </div>
+</div>
+

data/lib/generators/vite_react/stripe/stripe.rb

@@ -0,0 +1,10 @@
+module ViteReact
+  module Generators
+    class StripeGenerator < Rails::Generators::Base
+      source_root File.expand_path("templates", __dir__)
+      def add_stripe_to_gemfile
+        gem "stripe"
+      end
+    end
+  end
+end

data/lib/install/App.tsx

@@ -1,6 +1,6 @@
 import { useState } from "react";
 
-export function App() {
+export default function App() {
   const [count, setCount] = useState(0);
 
   return (
@@ -25,9 +25,9 @@ export function App() {
         </a>
       </div>
       <h1 className="text-4xl font-bold">
-        <span className="text-[#CC0000]">Rails </span>#{' '}
+        <span className="text-[#CC0000]">Rails </span>
         + <span className="text-[#61dafb]">React </span>
-        + <span className="text-[#646cff]">Vite</span>#{' '}
+        + <span className="text-[#646cff]">Vite</span>
       </h1>
       <div className="card flex flex-col items-center">
         <button className="mb-4 font-semibold border border-transparent hover:border-[#646cff] cursor-pointer  bg-[#1a1a1a] p-1 rounded-lg p-x-8" onClick={() => setCount((count) => count + 1)}>

data/lib/install/AppSSR.tsx

@@ -0,0 +1,41 @@
+
+export default function App() {
+
+  return (
+    <div className="flex bg-[#242424] gap-12 text-white h-screen flex-col justify-center items-center mx-auto w-screen">
+      <div className="flex text-3xl">
+        <a href="https://guides.rubyonrails.org/index.html" target="_blank">
+          <img
+            src="/images/rails.svg"
+            className="logo rails"
+            alt="Rails logo"
+          />
+        </a>
+        <a href="https://react.dev" target="_blank">
+          <img
+            src="/images/react.svg"
+            className="logo react"
+            alt="React logo"
+          />
+        </a>
+        <a href="https://vite.dev" target="_blank">
+          <img src="/images/vite.svg" className="logo" alt="Vite logo" />
+        </a>
+      </div>
+      <h1 className="text-4xl font-bold">
+        <span className="text-[#CC0000]">Rails </span>
+        + <span className="text-[#61dafb]">React </span>
+        + <span className="text-[#646cff]">Vite</span>
+      </h1>
+      <div className="card flex flex-col items-center">
+        <p>
+          Edit <code>app/javascript/components/App.tsx</code> and save to test
+          HMR
+        </p>
+      </div>
+      <p className="text-[#888]">
+        Click on the Rails, Vite and React logos to learn more
+      </p>
+    </div>
+  );
+}

data/lib/install/Procfile.dev

@@ -0,0 +1,6 @@
+web: bin/rails server -p 3000
+#vite: bin/vite dev
+vite_ssr: PORT=4000 bin/vite ssr -m development
+# vite_build: bin/vite build --watch
+# vite_build_ssr: bin/vite build --ssr --watch
+