ruact 0.0.1

data/vendor/javascript/vite-plugin-ruact/index.js

@@ -0,0 +1,163 @@
+import fs from "node:fs";
+import path from "node:path";
+
+/**
+ * vite-plugin-ruact
+ *
+ * Scans app/javascript/components for files with "use client" directives and
+ * emits public/react-client-manifest.json so the Rails gem can resolve
+ * component names to chunk URLs.
+ *
+ * Manifest format:
+ * {
+ *   "LikeButton": {
+ *     "id":     "/assets/LikeButton-abc123.js",
+ *     "name":   "LikeButton",
+ *     "chunks": ["/assets/LikeButton-abc123.js"]
+ *   }
+ * }
+ */
+export default function ruact(options = {}) {
+  const {
+    componentsDir = "app/javascript/components",
+    manifestOutput = "public/react-client-manifest.json",
+  } = options;
+
+  let root;
+  let manifest = {};
+
+  return {
+    name: "vite-plugin-ruact",
+
+    configResolved(config) {
+      root = config.root;
+    },
+
+    // During dev: build the manifest from source files
+    buildStart() {
+      manifest = buildManifest(path.resolve(root, componentsDir));
+      writeManifest(path.resolve(root, manifestOutput), manifest);
+    },
+
+    // During build: update with hashed chunk URLs from the bundle
+    generateBundle(_options, bundle) {
+      const updated = {};
+
+      for (const [chunkFileName, chunk] of Object.entries(bundle)) {
+        if (chunk.type !== "chunk") continue;
+
+        const facadeId = chunk.facadeModuleId;
+        if (!facadeId) continue;
+
+        // Find manifest entries whose source file matches this chunk
+        for (const [name, entry] of Object.entries(manifest)) {
+          if (facadeId === entry._sourceFile) {
+            const url = "/" + chunkFileName;
+            updated[name] = {
+              id: url,
+              name,
+              chunks: [url],
+            };
+          }
+        }
+      }
+
+      // Merge: keep entries that didn't get a hashed URL (dev mode)
+      const final = { ...manifest, ...updated };
+      // Strip internal _sourceFile field
+      for (const entry of Object.values(final)) {
+        delete entry._sourceFile;
+      }
+
+      writeManifest(path.resolve(root, manifestOutput), final);
+    },
+
+    // Dev server: watch components dir and rebuild manifest on change
+    configureServer(server) {
+      const dir = path.resolve(root, componentsDir);
+      server.watcher.add(dir);
+      server.watcher.on("change", (file) => {
+        if (file.startsWith(dir)) {
+          manifest = buildManifest(dir);
+          writeManifest(path.resolve(root, manifestOutput), manifest);
+        }
+      });
+    },
+  };
+}
+
+function buildManifest(componentsDir) {
+  const manifest = {};
+
+  if (!fs.existsSync(componentsDir)) return manifest;
+
+  const files = walkDir(componentsDir).filter((f) =>
+    /\.(jsx?|tsx?)$/.test(f)
+  );
+
+  for (const file of files) {
+    const content = fs.readFileSync(file, "utf8");
+    if (!hasUseClient(content)) continue;
+
+    const exports = extractExportNames(content);
+    const relUrl = "/" + path.relative(componentsDir, file);
+
+    for (const name of exports) {
+      manifest[name] = {
+        id: relUrl,
+        name,
+        chunks: [relUrl],
+        _sourceFile: file, // used during build to match hashed chunks
+      };
+    }
+  }
+
+  return manifest;
+}
+
+function hasUseClient(content) {
+  // "use client" must appear as a directive at the top of the file
+  return /^\s*["']use client["']/m.test(content);
+}
+
+function extractExportNames(content) {
+  const names = new Set();
+
+  // export function Foo
+  // export const Foo
+  // export class Foo
+  const namedRe = /export\s+(?:default\s+)?(?:function|const|class|let|var)\s+([A-Z][A-Za-z0-9]*)/g;
+  let m;
+  while ((m = namedRe.exec(content)) !== null) {
+    names.add(m[1]);
+  }
+
+  // export { Foo, Bar }
+  const bracedRe = /export\s+\{([^}]+)\}/g;
+  while ((m = bracedRe.exec(content)) !== null) {
+    for (const part of m[1].split(",")) {
+      const name = part.trim().split(/\s+as\s+/).pop().trim();
+      if (/^[A-Z]/.test(name)) names.add(name);
+    }
+  }
+
+  return Array.from(names);
+}
+
+function writeManifest(outputPath, manifest) {
+  fs.mkdirSync(path.dirname(outputPath), { recursive: true });
+  fs.writeFileSync(outputPath, JSON.stringify(manifest, null, 2));
+}
+
+function walkDir(dir) {
+  const results = [];
+  for (const entry of fs.readdirSync(dir, { withFileTypes: true })) {
+    const full = path.join(dir, entry.name);
+    if (entry.isDirectory()) {
+      results.push(...walkDir(full));
+    } else {
+      results.push(full);
+    }
+  }
+  return results;
+}

metadata

@@ -0,0 +1,136 @@
+--- !ruby/object:Gem::Specification
+name: ruact
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Luiz Garcia
+bindir: exe
+cert_chain: []
+date: 1980-01-02 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: nokogiri
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.15'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.15'
+email:
+- luizcg@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".github/workflows/ci.yml"
+- ".rubocop.yml"
+- "/Users/luiz/workspace/rails-rsc/gem/vendor/javascript/vite-plugin-ruact/index.js"
+- CHANGELOG.md
+- README.md
+- RELEASING.md
+- Rakefile
+- SECURITY.md
+- lib/generators/ruact/install/install_generator.rb
+- lib/generators/ruact/install/templates/application.jsx.tt
+- lib/generators/ruact/install/templates/initializer.rb.tt
+- lib/generators/ruact/install/templates/vite.config.js.tt
+- lib/ruact.rb
+- lib/ruact/client_manifest.rb
+- lib/ruact/component_registry.rb
+- lib/ruact/configuration.rb
+- lib/ruact/controller.rb
+- lib/ruact/doctor.rb
+- lib/ruact/erb_preprocessor.rb
+- lib/ruact/erb_preprocessor_hook.rb
+- lib/ruact/errors.rb
+- lib/ruact/flight.rb
+- lib/ruact/flight/react_element.rb
+- lib/ruact/flight/renderer.rb
+- lib/ruact/flight/request.rb
+- lib/ruact/flight/row_emitter.rb
+- lib/ruact/flight/serializer.rb
+- lib/ruact/html_converter.rb
+- lib/ruact/railtie.rb
+- lib/ruact/render_pipeline.rb
+- lib/ruact/serializable.rb
+- lib/ruact/version.rb
+- lib/ruact/view_helper.rb
+- lib/rubocop/cop/ruact.rb
+- lib/rubocop/cop/ruact/no_extend_self.rb
+- lib/rubocop/cop/ruact/no_io_in_flight.rb
+- lib/rubocop/cop/ruact/no_shared_state.rb
+- lib/tasks/benchmark.rake
+- lib/tasks/rsc.rake
+- sig/ruact.rbs
+- spec/benchmarks/baseline.json
+- spec/benchmarks/render_pipeline_benchmark_spec.rb
+- spec/fixtures/flight/README.md
+- spec/fixtures/flight/array.txt
+- spec/fixtures/flight/as_json_object.txt
+- spec/fixtures/flight/boolean_false.txt
+- spec/fixtures/flight/boolean_true.txt
+- spec/fixtures/flight/client_component_with_props.txt
+- spec/fixtures/flight/client_reference.txt
+- spec/fixtures/flight/hash.txt
+- spec/fixtures/flight/nil.txt
+- spec/fixtures/flight/number_float.txt
+- spec/fixtures/flight/number_integer.txt
+- spec/fixtures/flight/react_element_no_props.txt
+- spec/fixtures/flight/redirect_row.txt
+- spec/fixtures/flight/serializable_object.txt
+- spec/fixtures/flight/string_basic.txt
+- spec/fixtures/flight/string_dollar_escape.txt
+- spec/ruact/client_manifest_spec.rb
+- spec/ruact/controller_spec.rb
+- spec/ruact/doctor_spec.rb
+- spec/ruact/erb_preprocessor_hook_spec.rb
+- spec/ruact/erb_preprocessor_spec.rb
+- spec/ruact/errors_spec.rb
+- spec/ruact/flight/renderer_spec.rb
+- spec/ruact/flight/serializer_spec.rb
+- spec/ruact/html_converter_spec.rb
+- spec/ruact/install_generator_spec.rb
+- spec/ruact/railtie_spec.rb
+- spec/ruact/render_pipeline_spec.rb
+- spec/ruact/serializable_spec.rb
+- spec/ruact/view_helper_spec.rb
+- spec/spec_helper.rb
+- spec/support/matchers/flight_fixture_matcher.rb
+- spec/support/rails_stub.rb
+- vendor/javascript/vite-plugin-ruact/index.js
+homepage: https://luizcg.github.io/ruact/
+licenses:
+- MIT
+metadata:
+  allowed_push_host: https://rubygems.org
+  homepage_uri: https://luizcg.github.io/ruact/
+  source_code_uri: https://github.com/luizcg/ruact
+  changelog_uri: https://github.com/luizcg/ruact/blob/main/CHANGELOG.md
+  bug_tracker_uri: https://github.com/luizcg/ruact/issues
+  rubygems_mfa_required: 'true'
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: 3.2.0
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.7.2
+specification_version: 4
+summary: React Server Components for Rails — render React components from ERB using
+  the Flight wire format.
+test_files: []