dialkit-rails 0.1.0

data/lib/dialkit/rails/engine.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module Dialkit
+  module Rails
+    class Engine < ::Rails::Engine
+      initializer "dialkit.rails.assets" do |app|
+        app.config.assets.precompile += %w[dialkit.css]
+      end
+
+      initializer "dialkit.rails.helpers" do
+        ActiveSupport.on_load(:action_view) do
+          include Dialkit::Rails::Helper
+        end
+      end
+    end
+  end
+end

data/lib/dialkit/rails/helper.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+module Dialkit
+  module Rails
+    module Helper
+      def dialkit_stylesheet_tag(**options)
+        stylesheet_link_tag("dialkit", **options)
+      end
+    end
+  end
+end

data/lib/dialkit/rails/version.rb

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+module Dialkit
+  module Rails
+    VERSION = "0.1.0"
+  end
+end

data/lib/dialkit/rails.rb

@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+
+require "dialkit/rails/version"
+require "dialkit/rails/helper"
+require "dialkit/rails/engine"

data/lib/generators/dialkit/install/install_generator.rb

@@ -0,0 +1,45 @@
+# frozen_string_literal: true
+
+module Dialkit
+  module Generators
+    class InstallGenerator < ::Rails::Generators::Base
+      source_root File.expand_path("templates", __dir__)
+
+      def copy_demo_entrypoint
+        return if File.exist?("app/javascript/dialkit_demo.jsx")
+
+        template "dialkit_demo.jsx", "app/javascript/dialkit_demo.jsx"
+      end
+
+      def wire_application_entrypoint
+        path = "app/javascript/application.js"
+        return unless File.exist?(path)
+
+        import_line = 'import "./dialkit_demo";'
+        return if File.read(path).include?(import_line)
+
+        append_to_file(path, "\n#{import_line}\n")
+      end
+
+      def wire_layout_stylesheet
+        path = "app/views/layouts/application.html.erb"
+        return unless File.exist?(path)
+
+        stylesheet_line = '<%= dialkit_stylesheet_tag "data-turbo-track": "reload" %>'
+        return if File.read(path).include?(stylesheet_line)
+        return unless File.read(path).include?('<%= stylesheet_link_tag "application" %>')
+
+        inject_into_file(path, "\n    #{stylesheet_line}", after: '<%= stylesheet_link_tag "application" %>')
+      end
+
+      def print_next_steps
+        say ""
+        say "DialKit Rails install complete.", :green
+        say "Next steps:"
+        say "  1. npm install dialkit-rails motion react react-dom"
+        say "  2. npm run build"
+        say "  3. Load a page with #dialkit-root to mount the demo panel"
+      end
+    end
+  end
+end

data/lib/generators/dialkit/install/templates/dialkit_demo.jsx

@@ -0,0 +1,57 @@
+import React from "react";
+import { createRoot } from "react-dom/client";
+import { DialRoot, useDialKit } from "dialkit-rails";
+import { motion } from "motion/react";
+
+function DemoCard() {
+  const params = useDialKit("Card", {
+    scale: [1, 0.7, 1.4, 0.01],
+    blur: [0, 0, 24, 1],
+    rotate: [0, -25, 25, 1],
+    opacity: [1, 0.2, 1, 0.01],
+    spring: {
+      type: "spring",
+      visualDuration: 0.35,
+      bounce: 0.25
+    }
+  });
+
+  return (
+    <motion.div
+      className="demo-card"
+      style={{ filter: `blur(${params.blur}px)` }}
+      animate={{
+        scale: params.scale,
+        rotate: params.rotate,
+        opacity: params.opacity
+      }}
+      transition={params.spring}
+    >
+      <h2>DialKit Demo</h2>
+      <p>Tweak scale, blur, rotation, opacity, and spring settings live.</p>
+    </motion.div>
+  );
+}
+
+function DialkitApp() {
+  return (
+    <>
+      <DialRoot position="top-right" />
+      <div className="demo-stage">
+        <DemoCard />
+      </div>
+    </>
+  );
+}
+
+const mount = () => {
+  const mountNode = document.getElementById("dialkit-root");
+  if (!mountNode || mountNode.dataset.reactMounted === "true") return;
+
+  const root = createRoot(mountNode);
+  root.render(<DialkitApp />);
+  mountNode.dataset.reactMounted = "true";
+};
+
+document.addEventListener("DOMContentLoaded", mount);
+document.addEventListener("turbo:load", mount);

data/packages/dialkit-rails/index.d.ts

@@ -0,0 +1 @@
+export * from "dialkit";

data/packages/dialkit-rails/index.js

@@ -0,0 +1 @@
+export * from "dialkit";

data/packages/dialkit-rails/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "dialkit-rails",
+  "version": "0.1.0",
+  "description": "Rails-friendly package wrapper that re-exports DialKit.",
+  "type": "module",
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./index.js"
+    },
+    "./styles.css": "./styles.css"
+  },
+  "files": [
+    "index.js",
+    "index.d.ts",
+    "styles.css"
+  ],
+  "peerDependencies": {
+    "motion": ">=12.0.0",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "dependencies": {
+    "dialkit": "^0.2.2"
+  },
+  "license": "MIT"
+}

data/packages/dialkit-rails/styles.css

@@ -0,0 +1 @@
+@import "dialkit/styles.css";

metadata

@@ -0,0 +1,87 @@
+--- !ruby/object:Gem::Specification
+name: dialkit-rails
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Alex Friedman
+autorequire:
+bindir: bin
+cert_chain: []
+date: 2026-02-21 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '7.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '7.0'
+- !ruby/object:Gem::Dependency
+  name: sprockets-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+description: Installable Rails engine and generator for wiring DialKit into Rails
+  apps.
+email:
+- alex.friedman@modo.energy
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- README.md
+- app/assets/stylesheets/dialkit.css
+- lib/dialkit/rails.rb
+- lib/dialkit/rails/engine.rb
+- lib/dialkit/rails/helper.rb
+- lib/dialkit/rails/version.rb
+- lib/generators/dialkit/install/install_generator.rb
+- lib/generators/dialkit/install/templates/dialkit_demo.jsx
+- packages/dialkit-rails/index.d.ts
+- packages/dialkit-rails/index.js
+- packages/dialkit-rails/package.json
+- packages/dialkit-rails/styles.css
+homepage: https://github.com/alex-friedman-modo/dialkit-rails
+licenses:
+- MIT
+metadata:
+  homepage_uri: https://github.com/alex-friedman-modo/dialkit-rails
+  source_code_uri: https://github.com/alex-friedman-modo/dialkit-rails
+  changelog_uri: https://github.com/alex-friedman-modo/dialkit-rails/blob/master/README.md
+post_install_message:
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '3.2'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.5.22
+signing_key:
+specification_version: 4
+summary: Rails integration for DialKit
+test_files: []