ru.Bee 1.3.3 → 1.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0c9143f1fb0adabb978d0e9d8c718e5ccfa21c89830c227b64ee50f5931cb1c3
-  data.tar.gz: c64568ec8bab9baef9a9b7600174c3d730aacdda28567704290008cdcb8406d6
+  metadata.gz: f60bb8f17e35447c9cedd635d719a6b0d988486f9fe04668e0e07763a99cb740
+  data.tar.gz: a56dcac76060f5bb9ec71959ef4d21fa7c3e9b858eb6088e873e3ba50e4684f0
 SHA512:
-  metadata.gz: a2af204207bb589f143e1aca1d659fea3910760e02e871dcca7423e98a5d1176cd64eeea4762ba1fcd893cd06d27b08bbe90d4bbc21035328139fbff782762cb
-  data.tar.gz: cbad5d5d54c97d93341b1d95eb1f37ba2fe695c9b89591ab0b3b227cbd754169dbfc11c0ab787d8da3e4d8c43a46f26f7da9a57b915a70f3ca3ee77d976dd1c6
+  metadata.gz: 03be1679bf032a1f292b4490a41286eb02f3a56984cf8dc7281715db53f880dc3ded8feb445ae41a22d60c2a4c3a5e47f8b8fe1be5f4c8188d26e57d403b746e
+  data.tar.gz: 0ffa4e0cc8c436d2ce7ac784c92465333d12ebaa67172f08bcfc55e59dd6f29472aa70211a3c2b766c234ef089b51d1c47a130cc6c0c8ab35e896f659b1ba43d

data/bin/rubee

@@ -1,8 +1,11 @@
 #!/usr/bin/env ruby
 
+require 'fileutils'
+
 require_relative '../lib/inits/print_colors'
 require_relative '../lib/rubee'
 
+
 ENV['RACK_ENV'] ||= 'development'
 
 LIB_ROOT = File.expand_path('../lib', File.dirname(__FILE__))
@@ -43,6 +46,24 @@ elsif command == 'stop'
   exec('pkill -f rubee')
 elsif command == 'status'
   exec('ps aux | grep rubee')
+elsif command == 'react'
+  case ARGV[1]
+  when 'prepare'
+    if Rubee::PROJECT_NAME == 'rubee'
+      exec('cd ./lib && npm run prepare')
+    else
+      exec('npm run prepare')
+    end
+  when 'watch'
+    if Rubee::PROJECT_NAME == 'rubee'
+      exec('cd ./lib && npm run watch')
+    else
+      exec('npm run watch')
+    end
+  else
+    color_puts "Unknown command: #{command}", color: :red
+    exit 1
+  end
 elsif command == 'project'
   project_name = ARGV[1]
   if project_name.nil?
@@ -69,7 +90,7 @@ elsif command == 'project'
   # Define blacklist
   blacklist_files = %w[rubee.rb print_colors.rb version.rb config.ru test_helper.rb Gemfile.lock test.yml test.db
                        development.db production.db]
-  blacklist_dirs = %w[rubee tests .git .github .idea]
+  blacklist_dirs = %w[rubee tests .git .github .idea node_modules db]
 
   # Copy files, excluding blacklisted ones
   Dir.glob("#{source_dir}/**/*", File::FNM_DOTMATCH).each do |file|
@@ -94,6 +115,11 @@ elsif command == 'project'
   FileUtils.mkdir_p("#{target_dir}/tests")
   FileUtils.cp("#{source_dir}/tests/user_model_test.rb", "#{target_dir}/tests/user_model_test.rb")
 
+  # create db dir
+  FileUtils.mkdir_p("#{target_dir}/db")
+  FileUtils.cp("#{source_dir}/db/structure.rb", "#{target_dir}/db/structure.rb")
+  FileUtils.cp("#{source_dir}/db/create_users.rb", "#{target_dir}/db/create_users.rb")
+
   # create a gemfile context
   gemfile = <<~GEMFILE
     source 'https://rubygems.org'
@@ -140,6 +166,11 @@ elsif command == 'project'
 
 elsif command == 'version'
   color_puts "ru.Bee v#{Rubee::VERSION}", color: :yellow
+elsif command == 'routes'
+  file = Rubee::PROJECT_NAME == 'rubee' ? File.join('/lib', 'config/routes.rb') : 'config/routes.rb'
+  routes = eval(File.read(file))
+
+  puts routes
 elsif command == 'test'
 
   ENV['RACK_ENV'] = 'test'
@@ -155,8 +186,8 @@ elsif command == 'test'
 elsif %w[generate gen].include?(command)
   method, path = ARGV[1..2]
   ENV['RACK_ENV'] ||= 'development'
-
-  routes = eval(File.read('config/routes.rb'))
+  file = Rubee::PROJECT_NAME == 'rubee' ? File.join('/lib', 'config/routes.rb') : 'config/routes.rb'
+  routes = eval(File.read(file))
   route = routes.find { |route| route[:path] == path.to_s && route[:method] == method.to_sym }
   color_puts("Route not found with path: #{path} and method: #{method}", color: :red) unless route
 
@@ -164,7 +195,8 @@ elsif %w[generate gen].include?(command)
     route[:model]&.[](:name),
     route[:model]&.[](:attributes),
     "#{route[:controller]&.capitalize}Controller",
-    route[:action]
+    route[:action],
+    react: route[:react]
   ).call
 elsif command == 'db'
   Rubee::Autoload.call

data/lib/app/views/app.tsx

@@ -0,0 +1,27 @@
+import React from "react";
+import { BrowserRouter as Router, Routes, Route, Link } from "react-router-dom";
+
+const Home = () => (
+  <div>
+    <h2>Reactive Bee</h2>
+    <p>Welcome to Reactive Bee ...</p>
+    <img src="images/rubee.svg" alt="rubee"></img>
+    <nav>
+        <Link to="/home">Home</Link><br />
+    </nav>
+  </div>
+);
+
+const NotFound = () => <h2>404 Not Found</h2>;
+
+export function App() {
+  return (
+    <Router>
+      <Routes>
+        <Route path="/home" element={<Home />} />
+        <Route path="*" element={<NotFound />} />
+      </Routes>
+    </Router>
+  );
+}
+

data/lib/app/views/index.html

@@ -0,0 +1,47 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>React App</title>
+    <style>
+      body {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        height: 100vh;
+        margin: 0;
+        background-color: #fdf6a5;
+        text-align: center;
+        font-family: Arial, sans-serif;
+      }
+      .container {
+        padding: 20px;
+        background: white;
+        border-radius: 10px;
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+      }
+      img {
+        width: 50px;
+        height: auto;
+        margin-top: 10px;
+      }
+      h1 {
+        font-size: 1.8rem;
+        margin: 10px 0;
+      }
+      @media (max-width: 600px) {
+        h1 {
+          font-size: 1.5rem;
+        }
+        img {
+          width: 60px;
+        }
+      }
+    </style>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="./../../js/bundle.js"></script>
+  </body>
+</html>

data/lib/app/views/layout.erb

@@ -40,7 +40,7 @@
         }
     </style>
 </head>
-<body>
-    <%= _yield_template %>
-</body>
+    <body>
+        <%= _yield_template %>
+    </body>
 </html>

data/lib/app/views/utils/redirectToBackend.tsx

@@ -0,0 +1,9 @@
+import { useEffect } from "react";
+
+export function RedirectToBackend({ url }: { url: string }) {
+  useEffect(() => {
+    window.location.replace(url);
+  }, []);
+
+  return null; // or a spinner while redirecting
+}

data/lib/app/views/welcome_show.erb

@@ -1,7 +1,7 @@
 <div class="container">
     <%= render_template :welcome_header %>
     <br/>
-    <img src="images/rubee.svg" alt="ruBee">
+    <img src="images/rubee.svg" alt="rubee">
     <br/>
     <p>rubee homepage: <a href="https://github.com/nucleom42/rubee"><br/>https://github.com/nucleom42/rubee</a></p>
     <br/>

data/lib/config/base_configuration.rb

@@ -1,11 +1,20 @@
 Rubee::Configuration.setup(env = :development) do |config|
   config.database_url = { url: 'sqlite://db/development.db', env: }
+
+  # Uncomment, if you want to use react
+  # config.react = { on: true, env: }
 end
 
 Rubee::Configuration.setup(env = :test) do |config|
   config.database_url = { url: 'sqlite://db/test.db', env: }
+
+  # Uncomment, if you want to use react
+  # config.react = { on: true, env: } # required if you want to use react
 end
 
 Rubee::Configuration.setup(env = :production) do |config|
   config.database_url = { url: 'sqlite://db/production.db', env: }
+
+  # Uncomment,if you want to use react
+  # config.react = { on: true, env: } # required if you want to use react
 end

data/lib/config/routes.rb

@@ -1,3 +1,4 @@
 Rubee::Router.draw do |router|
   router.get('/', to: 'welcome#show') # override it for your app
 end
+

data/lib/esbuild.config.js

@@ -0,0 +1,33 @@
+// esbuild.config.js (CommonJS style)
+const esbuild = require("esbuild");
+
+const buildOptions = {
+  entryPoints: ["js/app.js"], // Can be .ts or .tsx too
+  outfile: "js/bundle.js",
+  bundle: true,
+  format: "esm",
+  loader: {
+    ".js": "jsx",
+    ".jsx": "jsx",
+    ".ts": "ts",
+    ".tsx": "tsx",
+  },
+  allowOverwrite: true,
+  sourcemap: true,
+};
+
+async function run() {
+  if (process.argv.includes("--watch")) {
+    const ctx = await esbuild.context(buildOptions);
+    await ctx.watch();
+    console.log("👀 Watching for changes...");
+  } else {
+    await esbuild.build(buildOptions);
+    console.log("✅ Build complete");
+  }
+}
+
+run().catch((err) => {
+  console.error("Build failed:", err);
+  process.exit(1);
+});

data/lib/js/app.js

@@ -0,0 +1,13 @@
+import React from "react";
+import { createRoot } from "react-dom/client";
+import { App } from "../app/views/app.tsx";
+
+document.addEventListener("DOMContentLoaded", () => {
+  const container = document.getElementById("app");
+  if (container) {
+    const root = createRoot(container);
+    root.render(<App />);
+  } else {
+    console.error('React root element "#app" not found in DOM.');
+  }
+});