panda-core 0.2.3 → 0.2.4

data/lib/tasks/assets.rake

@@ -1,423 +1,89 @@
 # frozen_string_literal: true
 
-require "fileutils"
-require "digest"
-require "json"
-
 namespace :panda do
   namespace :core do
     namespace :assets do
-      desc "Compile Panda Core assets for distribution"
+      desc "Compile Panda Core assets for development (overwrites panda-core.css)"
       task :compile do
         puts "🐼 Compiling Panda Core assets..."
-        puts "Rails.root: #{Rails.root}"
-        puts "Working directory: #{Dir.pwd}"
 
         # Create output directory
-        output_dir = Rails.root.join("tmp", "panda_core_assets")
+        output_dir = Panda::Core::Engine.root.join("public", "panda-core-assets")
         FileUtils.mkdir_p(output_dir)
 
-        version = Panda::Core::VERSION
-        puts "Version: #{version}"
-        puts "Output directory: #{output_dir}"
-
-        # Compile JavaScript bundle
-        js_bundle = compile_javascript_bundle(version)
-        js_file = output_dir.join("panda-core-#{version}.js")
-        File.write(js_file, js_bundle)
-        puts "✅ JavaScript compiled: #{js_file} (#{File.size(js_file)} bytes)"
-
-        # Compile CSS bundle (for core UI components)
-        css_bundle = compile_css_bundle(version)
-        if css_bundle && !css_bundle.strip.empty?
-          css_file = output_dir.join("panda-core-#{version}.css")
-          File.write(css_file, css_bundle)
-          puts "✅ CSS compiled: #{css_file} (#{File.size(css_file)} bytes)"
-        end
-
-        # Create manifest file
-        manifest = create_asset_manifest(version)
-        manifest_file = output_dir.join("manifest.json")
-        File.write(manifest_file, JSON.pretty_generate(manifest))
-        puts "✅ Manifest created: #{manifest_file}"
-
-        # Copy assets to public directory for testing
-        test_asset_dir = Rails.root.join("public", "panda-core-assets")
-        FileUtils.mkdir_p(test_asset_dir)
-
-        js_file_name = "panda-core-#{version}.js"
-        css_file_name = "panda-core-#{version}.css"
-
-        # Copy JavaScript file
-        if File.exist?(output_dir.join(js_file_name))
-          FileUtils.cp(output_dir.join(js_file_name), test_asset_dir.join(js_file_name))
-          puts "✅ Copied JavaScript to test location: #{test_asset_dir.join(js_file_name)}"
-        end
-
-        # Copy CSS file
-        if File.exist?(output_dir.join(css_file_name))
-          FileUtils.cp(output_dir.join(css_file_name), test_asset_dir.join(css_file_name))
-          puts "✅ Copied CSS to test location: #{test_asset_dir.join(css_file_name)}"
-        end
-
-        # Copy manifest
-        if File.exist?(output_dir.join("manifest.json"))
-          FileUtils.cp(output_dir.join("manifest.json"), test_asset_dir.join("manifest.json"))
-          puts "✅ Copied manifest to test location: #{test_asset_dir.join("manifest.json")}"
-        end
+        # Compile CSS using Tailwind CSS v4
+        compile_css_development(output_dir)
 
         puts "🎉 Asset compilation complete!"
         puts "📁 Output directory: #{output_dir}"
-        puts "📁 Test assets directory: #{test_asset_dir}"
+        puts ""
+        puts "💡 CSS is served via Rack middleware from Core gem at /panda-core-assets/panda-core.css"
+        puts "   No need to copy to CMS or other apps - they load it from Core automatically!"
       end
-    end
-  end
-end
-
-private
-
-def compile_javascript_bundle(version)
-  puts "Creating Panda Core JavaScript bundle..."
-
-  bundle = []
-  bundle << "// Panda Core JavaScript Bundle v#{version}"
-  bundle << "// Compiled: #{Time.now.utc.iso8601}"
-  bundle << "// Core UI components and authentication"
-  bundle << ""
 
-  # Add Stimulus setup for core
-  bundle << create_stimulus_setup
+      desc "Compile and version Panda Core assets for release"
+      task :release do
+        puts "🐼 Compiling Panda Core assets for release..."
 
-  # Add TailwindCSS Stimulus components
-  bundle << create_tailwind_components
-
-  # Add core controllers (theme form controller, etc.)
-  bundle << compile_core_controllers
-
-  # Add initialization
-  bundle << create_core_init(version)
+        # Get version
+        require_relative "../panda/core/version"
+        version = Panda::Core::VERSION
+        puts "Version: #{version}"
 
-  puts "✅ Created JavaScript bundle (#{bundle.join("\n").length} chars)"
-  bundle.join("\n")
-end
+        # Create output directory
+        output_dir = Panda::Core::Engine.root.join("public", "panda-core-assets")
+        FileUtils.mkdir_p(output_dir)
 
-def compile_css_bundle(version)
-  puts "Creating Panda Core CSS bundle..."
+        # Compile CSS with versioning
+        compile_css_release(output_dir, version)
 
-  bundle = []
-  bundle << "/* Panda Core CSS Bundle v#{version} */"
-  bundle << "/* Compiled: #{Time.now.utc.iso8601} */"
-  bundle << ""
+        puts "🎉 Release asset compilation complete!"
+        puts "📁 Output directory: #{output_dir}"
+        puts "📦 Versioned: panda-core-#{version}.css"
+        puts "🔗 Symlink: panda-core.css -> panda-core-#{version}.css"
+      end
 
-  # Add core UI component styles
-  bundle << "/* Core UI Components */"
-  bundle << ".panda-core-admin {"
-  bundle << "  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;"
-  bundle << "}"
-  bundle << ""
-  bundle << ".panda-core-button {"
-  bundle << "  display: inline-flex;"
-  bundle << "  align-items: center;"
-  bundle << "  padding: 0.5rem 1rem;"
-  bundle << "  border-radius: 0.375rem;"
-  bundle << "  font-weight: 500;"
-  bundle << "}"
-  bundle << ""
-  bundle << ".panda-core-container {"
-  bundle << "  padding: 1.5rem;"
-  bundle << "  background: white;"
-  bundle << "  border-radius: 0.5rem;"
-  bundle << "}"
-  bundle << ""
+      def compile_css_development(output_dir)
+        puts "Compiling Tailwind CSS (development mode)..."
 
-  puts "✅ Created CSS bundle (#{bundle.join("\n").length} chars)"
-  bundle.join("\n")
-end
+        engine_root = Panda::Core::Engine.root
+        input_file = engine_root.join("app/assets/tailwind/application.css")
+        output_file = output_dir.join("panda-core.css")
 
-def create_stimulus_setup
-  [
-    "// Stimulus setup and polyfill for Panda Core",
-    "window.Stimulus = window.Stimulus || {",
-    "  controllers: new Map(),",
-    "  register: function(name, controller) {",
-    "    this.controllers.set(name, controller);",
-    "    console.log('[Panda Core] Registered controller:', name);",
-    "    // Simple controller connection simulation",
-    "    document.addEventListener('DOMContentLoaded', () => {",
-    "      const elements = document.querySelectorAll(`[data-controller*='${name}']`);",
-    "      elements.forEach(element => {",
-    "        if (controller.connect) {",
-    "          const instance = Object.create(controller);",
-    "          instance.element = element;",
-    "          instance.connect();",
-    "        }",
-    "      });",
-    "    });",
-    "  }",
-    "};",
-    "window.pandaCoreStimulus = window.Stimulus;",
-    ""
-  ].join("\n")
-end
+        # Compile directly to unversioned file
+        cmd = "bundle exec tailwindcss -i #{input_file} -o #{output_file} --minify"
 
-def create_tailwind_components
-  [
-    "// TailwindCSS Stimulus Components (simplified for Core)",
-    "const Alert = {",
-    "  static: {",
-    "    values: { dismissAfter: Number }",
-    "  },",
-    "  connect() {",
-    "    console.log('[Panda Core] Alert controller connected');",
-    "    const dismissAfter = this.dismissAfterValue || 5000;",
-    "    setTimeout(() => {",
-    "      if (this.element && this.element.remove) {",
-    "        this.element.remove();",
-    "      }",
-    "    }, dismissAfter);",
-    "  },",
-    "  close() {",
-    "    console.log('[Panda Core] Alert closed manually');",
-    "    if (this.element && this.element.remove) {",
-    "      this.element.remove();",
-    "    }",
-    "  }",
-    "};",
-    "",
-    "const Dropdown = {",
-    "  connect() {",
-    "    console.log('[Panda Core] Dropdown controller connected');",
-    "  },",
-    "  toggle() {",
-    "    console.log('[Panda Core] Dropdown toggled');",
-    "  }",
-    "};",
-    "",
-    "const Modal = {",
-    "  connect() {",
-    "    console.log('[Panda Core] Modal controller connected');",
-    "  },",
-    "  open() {",
-    "    console.log('[Panda Core] Modal opened');",
-    "    if (this.element && this.element.showModal) {",
-    "      this.element.showModal();",
-    "    }",
-    "  },",
-    "  close() {",
-    "    console.log('[Panda Core] Modal closed');",
-    "    if (this.element && this.element.close) {",
-    "      this.element.close();",
-    "    }",
-    "  }",
-    "};",
-    "",
-    "const Slideover = {",
-    "  static: {",
-    "    targets: ['dialog'],",
-    "    values: { open: Boolean }",
-    "  },",
-    "  connect() {",
-    "    console.log('[Panda Core] Slideover controller connected');",
-    "    this.dialogTarget = this.element.querySelector('[data-slideover-target=\"dialog\"]') ||",
-    "                        this.element.querySelector('dialog');",
-    "    if (this.openValue) {",
-    "      this.open();",
-    "    }",
-    "  },",
-    "  open() {",
-    "    console.log('[Panda Core] Slideover opening');",
-    "    if (this.dialogTarget && this.dialogTarget.showModal) {",
-    "      this.dialogTarget.showModal();",
-    "    }",
-    "  },",
-    "  close() {",
-    "    console.log('[Panda Core] Slideover closing');",
-    "    if (this.dialogTarget) {",
-    "      this.dialogTarget.setAttribute('closing', '');",
-    "      Promise.all(",
-    "        this.dialogTarget.getAnimations ? ",
-    "          this.dialogTarget.getAnimations().map(animation => animation.finished) : []",
-    "      ).then(() => {",
-    "        this.dialogTarget.removeAttribute('closing');",
-    "        if (this.dialogTarget.close) {",
-    "          this.dialogTarget.close();",
-    "        }",
-    "      });",
-    "    }",
-    "  },",
-    "  show() {",
-    "    this.open();",
-    "  },",
-    "  hide() {",
-    "    this.close();",
-    "  },",
-    "  backdropClose(event) {",
-    "    if (event.target.nodeName === 'DIALOG') {",
-    "      this.close();",
-    "    }",
-    "  }",
-    "};",
-    "",
-    "const Toggle = {",
-    "  static: {",
-    "    values: { open: { type: Boolean, default: false } }",
-    "  },",
-    "  connect() {",
-    "    console.log('[Panda Core] Toggle controller connected');",
-    "  },",
-    "  toggle() {",
-    "    this.openValue = !this.openValue;",
-    "  }",
-    "};",
-    "",
-    "const Tabs = {",
-    "  connect() {",
-    "    console.log('[Panda Core] Tabs controller connected');",
-    "  }",
-    "};",
-    "",
-    "const Popover = {",
-    "  connect() {",
-    "    console.log('[Panda Core] Popover controller connected');",
-    "  }",
-    "};",
-    "",
-    "const Autosave = {",
-    "  connect() {",
-    "    console.log('[Panda Core] Autosave controller connected');",
-    "  }",
-    "};",
-    "",
-    "const ColorPreview = {",
-    "  connect() {",
-    "    console.log('[Panda Core] ColorPreview controller connected');",
-    "  }",
-    "};",
-    "",
-    "// Register TailwindCSS components",
-    "Stimulus.register('alert', Alert);",
-    "Stimulus.register('dropdown', Dropdown);",
-    "Stimulus.register('modal', Modal);",
-    "Stimulus.register('slideover', Slideover);",
-    "Stimulus.register('toggle', Toggle);",
-    "Stimulus.register('tabs', Tabs);",
-    "Stimulus.register('popover', Popover);",
-    "Stimulus.register('autosave', Autosave);",
-    "Stimulus.register('color-preview', ColorPreview);",
-    ""
-  ].join("\n")
-end
-
-def compile_core_controllers
-  puts "Compiling Core controllers..."
+        if system(cmd)
+          puts "✅ CSS compiled: #{output_file} (#{File.size(output_file)} bytes)"
+        else
+          puts "❌ CSS compilation failed"
+          exit 1
+        end
+      end
 
-  bundle = []
-  bundle << "// Core Controllers"
-  
-  # Add theme form controller
-  bundle << [
-    "// Theme Form Controller",
-    "const ThemeFormController = {",
-    "  connect() {",
-    "    console.log('[Panda Core] Theme form controller connected');",
-    "    // Ensure submit button is enabled",
-    "    const submitButton = this.element.querySelector('input[type=\"submit\"], button[type=\"submit\"]');",
-    "    if (submitButton) submitButton.disabled = false;",
-    "  },",
-    "  updateTheme(event) {",
-    "    const newTheme = event.target.value;",
-    "    document.documentElement.dataset.theme = newTheme;",
-    "    console.log('[Panda Core] Theme updated to:', newTheme);",
-    "  }",
-    "};",
-    "",
-    "Stimulus.register('theme-form', ThemeFormController);",
-    ""
-  ].join("\n")
+      def compile_css_release(output_dir, version)
+        puts "Compiling Tailwind CSS (release mode)..."
 
-  bundle.join("\n")
-end
+        engine_root = Panda::Core::Engine.root
+        input_file = engine_root.join("app/assets/tailwind/application.css")
+        versioned_file = output_dir.join("panda-core-#{version}.css")
 
-def create_core_init(version)
-  [
-    "// Panda Core Initialization",
-    "// Immediate execution marker for CI debugging",
-    "window.pandaCoreScriptExecuted = true;",
-    "console.log('[Panda Core] Script execution started');",
-    "",
-    "(function() {",
-    "  'use strict';",
-    "  ",
-    "  try {",
-    "    console.log('[Panda Core] Full JavaScript bundle v#{version} loaded');",
-    "    ",
-    "    // Mark as loaded immediately",
-    "    window.pandaCoreVersion = '#{version}';",
-    "    window.pandaCoreLoaded = true;",
-    "    window.pandaCoreFullBundle = true;",
-    "    window.pandaCoreStimulus = window.Stimulus;",
-    "    ",
-    "    // Also set on document for iframe context issues",
-    "    if (window.document) {",
-    "      window.document.pandaCoreLoaded = true;",
-    "    }",
-    "    ",
-    "    // Initialize on DOM ready",
-    "    if (document.readyState === 'loading') {",
-    "      document.addEventListener('DOMContentLoaded', initializePandaCore);",
-    "    } else {",
-    "      initializePandaCore();",
-    "    }",
-    "    ",
-    "    function initializePandaCore() {",
-    "      console.log('[Panda Core] Initializing controllers...');",
-    "      ",
-    "      // Trigger controller connections for existing elements",
-    "      if (window.Stimulus && window.Stimulus.controllers) {",
-    "        window.Stimulus.controllers.forEach((controller, name) => {",
-    "          const elements = document.querySelectorAll(`[data-controller*='${name}']`);",
-    "          console.log(`[Panda Core] Found ${elements.length} elements for controller: ${name}`);",
-    "          elements.forEach(element => {",
-    "            if (controller.connect) {",
-    "              const instance = Object.create(controller);",
-    "              instance.element = element;",
-    "              // Add target helpers",
-    "              instance.targets = instance.targets || {};",
-    "              controller.connect.call(instance);",
-    "            }",
-    "          });",
-    "        });",
-    "      }",
-    "    }",
-    "  } catch (error) {",
-    "    console.error('[Panda Core] Error during initialization:', error);",
-    "    // Still mark as loaded to prevent test failures",
-    "    window.pandaCoreLoaded = true;",
-    "    window.pandaCoreError = error.message;",
-    "  }",
-    "})();",
-    ""
-  ].join("\n")
-end
+        # Compile to versioned file
+        cmd = "bundle exec tailwindcss -i #{input_file} -o #{versioned_file} --minify"
 
-def create_asset_manifest(version)
-  output_dir = Rails.root.join("tmp", "panda_core_assets")
+        if system(cmd)
+          puts "✅ CSS compiled: #{versioned_file} (#{File.size(versioned_file)} bytes)"
 
-  files = Dir.glob(output_dir.join("*")).reject { |f| File.basename(f) == "manifest.json" }.map do |file|
-    {
-      filename: File.basename(file),
-      size: File.size(file),
-      sha256: Digest::SHA256.file(file).hexdigest
-    }
+          # Create/update unversioned symlink
+          symlink = output_dir.join("panda-core.css")
+          FileUtils.rm_f(symlink) if File.exist?(symlink)
+          FileUtils.ln_sf(File.basename(versioned_file), symlink)
+          puts "✅ Created symlink: #{symlink} -> #{File.basename(versioned_file)}"
+        else
+          puts "❌ CSS compilation failed"
+          exit 1
+        end
+      end
+    end
   end
-
-  {
-    version: version,
-    compiled_at: Time.now.utc.iso8601,
-    files: files,
-    cdn_base_url: "https://github.com/tastybamboo/panda-core/releases/download/v#{version}/",
-    integrity: {
-      algorithm: "sha256"
-    }
-  }
 end

data/lib/tasks/panda_core_tasks.rake

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+# Provide consistent namespacing for Panda tasks
+# Rails auto-generates panda_core:* tasks from the module name,
+# but we want to use panda:core:* for consistency across all Panda gems
+
+namespace :panda do
+  namespace :core do
+    namespace :install do
+      desc "Copy migrations from panda-core to application"
+      task :migrations do
+        Rake::Task["panda_core:install:migrations"].invoke
+      end
+    end
+  end
+end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: panda-core
 version: !ruby/object:Gem::Version
-  version: 0.2.3
+  version: 0.2.4
 platform: ruby
 authors:
 - Tasty Bamboo
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-09-01 00:00:00.000000000 Z
+date: 2025-10-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: importmap-rails
@@ -372,6 +372,8 @@ files:
 - LICENSE
 - README.md
 - Rakefile
+- app/assets/tailwind/application.css
+- app/assets/tailwind/tailwind.config.js
 - app/builders/panda/core/form_builder.rb
 - app/components/panda/core/admin/button_component.rb
 - app/components/panda/core/admin/container_component.html.erb
@@ -393,6 +395,7 @@ files:
 - app/controllers/panda/core/admin_controller.rb
 - app/controllers/panda/core/application_controller.rb
 - app/helpers/panda/core/asset_helper.rb
+- app/helpers/panda/core/sessions_helper.rb
 - app/javascript/panda/core/application.js
 - app/javascript/panda/core/controllers/index.js
 - app/javascript/panda/core/controllers/theme_form_controller.js
@@ -402,6 +405,7 @@ files:
 - app/models/panda/core/current.rb
 - app/models/panda/core/user.rb
 - app/views/layouts/panda/core/admin.html.erb
+- app/views/panda/core/admin/dashboard/_default_content.html.erb
 - app/views/panda/core/admin/dashboard/show.html.erb
 - app/views/panda/core/admin/my_profile/edit.html.erb
 - app/views/panda/core/admin/sessions/new.html.erb
@@ -409,6 +413,9 @@ files:
 - app/views/panda/core/admin/shared/_flash.html.erb
 - app/views/panda/core/admin/shared/_sidebar.html.erb
 - app/views/panda/core/admin/shared/_slideover.html.erb
+- app/views/panda/core/shared/_footer.html.erb
+- app/views/panda/core/shared/_header.html.erb
+- config/importmap.rb
 - config/initializers/panda_core.rb
 - config/routes.rb
 - db/migrate/20250809000001_create_panda_core_users.rb
@@ -418,6 +425,7 @@ files:
 - lib/generators/panda/core/dev_tools/templates/spec_support_panda_core_helpers.rb
 - lib/generators/panda/core/dev_tools_generator.rb
 - lib/generators/panda/core/install_generator.rb
+- lib/generators/panda/core/templates/README
 - lib/generators/panda/core/templates/initializer.rb
 - lib/generators/panda/core/templates_generator.rb
 - lib/panda/core.rb
@@ -442,6 +450,7 @@ files:
 - lib/tasks/assets.rake
 - lib/tasks/panda/core/migrations.rake
 - lib/tasks/panda_core.rake
+- lib/tasks/panda_core_tasks.rake
 homepage: https://github.com/tastybamboo/panda-core
 licenses:
 - BSD-3-Clause