opal-vite 0.2.7 → 0.2.9

data/opal/opal_vite/concerns/v1/storable.rb

@@ -0,0 +1,33 @@
+# backtick_javascript: true
+
+module OpalVite
+  module Concerns
+    module V1
+      # Storable concern - provides LocalStorage functionality
+      module Storable
+      def storage_get(key)
+        stored = `localStorage.getItem(#{key})`
+        return nil unless stored
+
+        begin
+          `JSON.parse(stored)`
+        rescue
+          nil
+        end
+      end
+
+      def storage_set(key, data)
+        json = `JSON.stringify(#{data.to_n})`
+        `localStorage.setItem(#{key}, json)`
+      end
+
+      def storage_remove(key)
+        `localStorage.removeItem(#{key})`
+      end
+      end
+    end
+  end
+end
+
+# Alias for backward compatibility
+Storable = OpalVite::Concerns::V1::Storable

data/opal/opal_vite/concerns/v1/toastable.rb

@@ -0,0 +1,38 @@
+# backtick_javascript: true
+
+module OpalVite
+  module Concerns
+    module V1
+      # Toastable concern - provides toast notification functionality
+      module Toastable
+      def dispatch_toast(message, type = 'info')
+        `
+          const event = new CustomEvent('show-toast', {
+            detail: { message: #{message}, type: #{type} }
+          });
+          window.dispatchEvent(event);
+        `
+      end
+
+      def show_success(message)
+        dispatch_toast(message, 'success')
+      end
+
+      def show_error(message)
+        dispatch_toast(message, 'error')
+      end
+
+      def show_warning(message)
+        dispatch_toast(message, 'warning')
+      end
+
+      def show_info(message)
+        dispatch_toast(message, 'info')
+      end
+      end
+    end
+  end
+end
+
+# Alias for backward compatibility
+Toastable = OpalVite::Concerns::V1::Toastable

data/opal/opal_vite/concerns/v1/vue_helpers.rb

@@ -0,0 +1,259 @@
+# backtick_javascript: true
+
+module OpalVite
+  module Concerns
+    module V1
+      # VueHelpers - DSL helpers for Vue.js 3 applications with Opal
+      # Reduces backtick JavaScript usage in Vue components
+      module VueHelpers
+        extend self  # Makes all methods available as module methods
+
+        # ===================
+        # Vue Access
+        # ===================
+
+        # Get Vue from window
+        def vue
+          `window.Vue`
+        end
+
+        # Create a Vue application
+        # @param options [Hash] Vue component options (data, methods, computed, template, etc.)
+        # @return [Native] Vue app instance
+        def create_app(options = {})
+          Native(`window.Vue.createApp(#{options.to_n})`)
+        end
+
+        # Create a reactive ref
+        # @param initial_value [Object] Initial value
+        # @return [Native] Vue ref
+        def vue_ref(initial_value)
+          Native(`window.Vue.ref(#{initial_value})`)
+        end
+
+        # Create a reactive object
+        # @param object [Hash] Object to make reactive
+        # @return [Native] Vue reactive object
+        def vue_reactive(object)
+          Native(`window.Vue.reactive(#{object.to_n})`)
+        end
+
+        # Create a computed property
+        # @param getter [Proc] Getter function
+        # @return [Native] Vue computed ref
+        def vue_computed(&getter)
+          Native(`window.Vue.computed(#{getter})`)
+        end
+
+        # Watch a reactive source
+        # @param source [Native] Reactive source to watch
+        # @param callback [Proc] Callback function
+        def vue_watch(source, &callback)
+          `window.Vue.watch(#{source}, #{callback})`
+        end
+
+        # ===================
+        # Component Definition Helpers
+        # ===================
+
+        # Define component data as a function
+        # @param data_hash [Hash] Initial data
+        # @return [Proc] Data function for Vue component
+        def data_fn(data_hash)
+          -> { data_hash.to_n }
+        end
+
+        # Define methods hash for Vue component
+        # @param methods_hash [Hash] Methods with name => proc
+        # @return [Hash] Methods object for Vue component
+        def methods_obj(methods_hash)
+          result = {}
+          methods_hash.each do |name, proc|
+            result[name] = proc
+          end
+          result.to_n
+        end
+
+        # Define computed properties hash
+        # @param computed_hash [Hash] Computed properties with name => proc
+        # @return [Hash] Computed object for Vue component
+        def computed_obj(computed_hash)
+          result = {}
+          computed_hash.each do |name, proc|
+            result[name] = proc
+          end
+          result.to_n
+        end
+
+        # ===================
+        # Lifecycle Hooks
+        # ===================
+
+        # onMounted hook
+        def on_mounted(&block)
+          `window.Vue.onMounted(#{block})`
+        end
+
+        # onUnmounted hook
+        def on_unmounted(&block)
+          `window.Vue.onUnmounted(#{block})`
+        end
+
+        # onUpdated hook
+        def on_updated(&block)
+          `window.Vue.onUpdated(#{block})`
+        end
+
+        # onBeforeMount hook
+        def on_before_mount(&block)
+          `window.Vue.onBeforeMount(#{block})`
+        end
+
+        # onBeforeUnmount hook
+        def on_before_unmount(&block)
+          `window.Vue.onBeforeUnmount(#{block})`
+        end
+
+        # ===================
+        # Window/Global Access
+        # ===================
+
+        # Get a property from window
+        def window_get(key)
+          `window[#{key}]`
+        end
+
+        # Set a property on window
+        def window_set(key, value)
+          `window[#{key}] = #{value}`
+        end
+
+        # ===================
+        # Console
+        # ===================
+
+        # Console log
+        def console_log(*args)
+          `console.log(...#{args})`
+        end
+
+        # Console warn
+        def console_warn(*args)
+          `console.warn(...#{args})`
+        end
+
+        # Console error
+        def console_error(*args)
+          `console.error(...#{args})`
+        end
+
+        # ===================
+        # DOM Events
+        # ===================
+
+        # Execute block when DOM is ready
+        def on_dom_ready(&block)
+          `document.addEventListener('DOMContentLoaded', #{block})`
+        end
+
+        # ===================
+        # DOM Query
+        # ===================
+
+        # Query single element
+        def query(selector)
+          `document.querySelector(#{selector})`
+        end
+
+        # Query all elements
+        def query_all(selector)
+          `Array.from(document.querySelectorAll(#{selector}))`
+        end
+
+        # Get element by ID
+        def get_element_by_id(id)
+          `document.getElementById(#{id})`
+        end
+
+        # ===================
+        # Timing
+        # ===================
+
+        # Set timeout
+        def set_timeout(delay_ms, &block)
+          `setTimeout(#{block}, #{delay_ms})`
+        end
+
+        # Set interval
+        def set_interval(interval_ms, &block)
+          `setInterval(#{block}, #{interval_ms})`
+        end
+
+        # Clear timeout
+        def clear_timeout(timeout_id)
+          `clearTimeout(#{timeout_id})`
+        end
+
+        # Clear interval
+        def clear_interval(interval_id)
+          `clearInterval(#{interval_id})`
+        end
+
+        # ===================
+        # LocalStorage
+        # ===================
+
+        # Get from localStorage
+        def storage_get(key)
+          `localStorage.getItem(#{key})`
+        end
+
+        # Set to localStorage
+        def storage_set(key, value)
+          `localStorage.setItem(#{key}, #{value})`
+        end
+
+        # Remove from localStorage
+        def storage_remove(key)
+          `localStorage.removeItem(#{key})`
+        end
+
+        # ===================
+        # JSON
+        # ===================
+
+        # Parse JSON string
+        def parse_json(json_string)
+          `JSON.parse(#{json_string})`
+        end
+
+        # Stringify to JSON
+        def to_json_string(object)
+          `JSON.stringify(#{object})`
+        end
+
+        # ===================
+        # Type Conversion
+        # ===================
+
+        # Parse string to integer
+        def parse_int(value, radix = 10)
+          `parseInt(#{value}, #{radix})`
+        end
+
+        # Parse string to float
+        def parse_float(value)
+          `parseFloat(#{value})`
+        end
+
+        # Check if value is NaN
+        def is_nan?(value)
+          `Number.isNaN(#{value})`
+        end
+      end
+    end
+  end
+end
+
+# Alias for backward compatibility
+VueHelpers = OpalVite::Concerns::V1::VueHelpers

data/opal/opal_vite/concerns/v1.rb

@@ -0,0 +1,8 @@
+# Load all OpalVite concerns (v1)
+require 'opal_vite/concerns/v1/js_proxy_ex'
+require 'opal_vite/concerns/v1/dom_helpers'
+require 'opal_vite/concerns/v1/toastable'
+require 'opal_vite/concerns/v1/storable'
+require 'opal_vite/concerns/v1/stimulus_helpers'
+require 'opal_vite/concerns/v1/vue_helpers'
+require 'opal_vite/concerns/v1/react_helpers'

data/opal/opal_vite/concerns/vue_helpers.rb

@@ -1,249 +1,12 @@
 # backtick_javascript: true
+# Backward compatibility wrapper - delegates to v1
+require 'opal_vite/concerns/v1/vue_helpers'
 
-# VueHelpers - DSL helpers for Vue.js 3 applications with Opal
-# Reduces backtick JavaScript usage in Vue components
-module VueHelpers
-  extend self  # Makes all methods available as module methods
-  # ===================
-  # Vue Access
-  # ===================
+`console.warn("[DEPRECATION] require 'opal_vite/concerns/vue_helpers' is deprecated. Please use require 'opal_vite/concerns/v1/vue_helpers' instead.")`
 
-  # Get Vue from window
-  def vue
-    `window.Vue`
-  end
-
-  # Create a Vue application
-  # @param options [Hash] Vue component options (data, methods, computed, template, etc.)
-  # @return [Native] Vue app instance
-  def create_app(options = {})
-    Native(`window.Vue.createApp(#{options.to_n})`)
-  end
-
-  # Create a reactive ref
-  # @param initial_value [Object] Initial value
-  # @return [Native] Vue ref
-  def vue_ref(initial_value)
-    Native(`window.Vue.ref(#{initial_value})`)
-  end
-
-  # Create a reactive object
-  # @param object [Hash] Object to make reactive
-  # @return [Native] Vue reactive object
-  def vue_reactive(object)
-    Native(`window.Vue.reactive(#{object.to_n})`)
-  end
-
-  # Create a computed property
-  # @param getter [Proc] Getter function
-  # @return [Native] Vue computed ref
-  def vue_computed(&getter)
-    Native(`window.Vue.computed(#{getter})`)
-  end
-
-  # Watch a reactive source
-  # @param source [Native] Reactive source to watch
-  # @param callback [Proc] Callback function
-  def vue_watch(source, &callback)
-    `window.Vue.watch(#{source}, #{callback})`
-  end
-
-  # ===================
-  # Component Definition Helpers
-  # ===================
-
-  # Define component data as a function
-  # @param data_hash [Hash] Initial data
-  # @return [Proc] Data function for Vue component
-  def data_fn(data_hash)
-    -> { data_hash.to_n }
-  end
-
-  # Define methods hash for Vue component
-  # @param methods_hash [Hash] Methods with name => proc
-  # @return [Hash] Methods object for Vue component
-  def methods_obj(methods_hash)
-    result = {}
-    methods_hash.each do |name, proc|
-      result[name] = proc
-    end
-    result.to_n
-  end
-
-  # Define computed properties hash
-  # @param computed_hash [Hash] Computed properties with name => proc
-  # @return [Hash] Computed object for Vue component
-  def computed_obj(computed_hash)
-    result = {}
-    computed_hash.each do |name, proc|
-      result[name] = proc
-    end
-    result.to_n
-  end
-
-  # ===================
-  # Lifecycle Hooks
-  # ===================
-
-  # onMounted hook
-  def on_mounted(&block)
-    `window.Vue.onMounted(#{block})`
-  end
-
-  # onUnmounted hook
-  def on_unmounted(&block)
-    `window.Vue.onUnmounted(#{block})`
-  end
-
-  # onUpdated hook
-  def on_updated(&block)
-    `window.Vue.onUpdated(#{block})`
-  end
-
-  # onBeforeMount hook
-  def on_before_mount(&block)
-    `window.Vue.onBeforeMount(#{block})`
-  end
-
-  # onBeforeUnmount hook
-  def on_before_unmount(&block)
-    `window.Vue.onBeforeUnmount(#{block})`
-  end
-
-  # ===================
-  # Window/Global Access
-  # ===================
-
-  # Get a property from window
-  def window_get(key)
-    `window[#{key}]`
-  end
-
-  # Set a property on window
-  def window_set(key, value)
-    `window[#{key}] = #{value}`
-  end
-
-  # ===================
-  # Console
-  # ===================
-
-  # Console log
-  def console_log(*args)
-    `console.log(...#{args})`
-  end
-
-  # Console warn
-  def console_warn(*args)
-    `console.warn(...#{args})`
-  end
-
-  # Console error
-  def console_error(*args)
-    `console.error(...#{args})`
-  end
-
-  # ===================
-  # DOM Events
-  # ===================
-
-  # Execute block when DOM is ready
-  def on_dom_ready(&block)
-    `document.addEventListener('DOMContentLoaded', #{block})`
-  end
-
-  # ===================
-  # DOM Query
-  # ===================
-
-  # Query single element
-  def query(selector)
-    `document.querySelector(#{selector})`
-  end
-
-  # Query all elements
-  def query_all(selector)
-    `Array.from(document.querySelectorAll(#{selector}))`
-  end
-
-  # Get element by ID
-  def get_element_by_id(id)
-    `document.getElementById(#{id})`
-  end
-
-  # ===================
-  # Timing
-  # ===================
-
-  # Set timeout
-  def set_timeout(delay_ms, &block)
-    `setTimeout(#{block}, #{delay_ms})`
-  end
-
-  # Set interval
-  def set_interval(interval_ms, &block)
-    `setInterval(#{block}, #{interval_ms})`
-  end
-
-  # Clear timeout
-  def clear_timeout(timeout_id)
-    `clearTimeout(#{timeout_id})`
-  end
-
-  # Clear interval
-  def clear_interval(interval_id)
-    `clearInterval(#{interval_id})`
-  end
-
-  # ===================
-  # LocalStorage
-  # ===================
-
-  # Get from localStorage
-  def storage_get(key)
-    `localStorage.getItem(#{key})`
-  end
-
-  # Set to localStorage
-  def storage_set(key, value)
-    `localStorage.setItem(#{key}, #{value})`
-  end
-
-  # Remove from localStorage
-  def storage_remove(key)
-    `localStorage.removeItem(#{key})`
-  end
-
-  # ===================
-  # JSON
-  # ===================
-
-  # Parse JSON string
-  def parse_json(json_string)
-    `JSON.parse(#{json_string})`
-  end
-
-  # Stringify to JSON
-  def to_json_string(object)
-    `JSON.stringify(#{object})`
-  end
-
-  # ===================
-  # Type Conversion
-  # ===================
-
-  # Parse string to integer
-  def parse_int(value, radix = 10)
-    `parseInt(#{value}, #{radix})`
-  end
-
-  # Parse string to float
-  def parse_float(value)
-    `parseFloat(#{value})`
-  end
-
-  # Check if value is NaN
-  def is_nan?(value)
-    `Number.isNaN(#{value})`
+# Alias old module path for backward compatibility
+module OpalVite
+  module Concerns
+    VueHelpers = V1::VueHelpers
   end
 end

data/opal/opal_vite/concerns.rb

@@ -1,6 +1,6 @@
-# Load all OpalVite concerns
-require 'opal_vite/concerns/js_proxy_ex'
-require 'opal_vite/concerns/dom_helpers'
-require 'opal_vite/concerns/toastable'
-require 'opal_vite/concerns/storable'
-require 'opal_vite/concerns/stimulus_helpers'
+# backtick_javascript: true
+# Backward compatibility wrapper - delegates to v1
+# Load all OpalVite concerns (deprecated - use opal_vite/concerns/v1 instead)
+require 'opal_vite/concerns/v1'
+
+`console.warn("[DEPRECATION] require 'opal_vite/concerns' is deprecated. Please use require 'opal_vite/concerns/v1' instead.")`

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: opal-vite
 version: !ruby/object:Gem::Version
-  version: 0.2.7
+  version: 0.2.9
 platform: ruby
 authors:
 - stofu1234
@@ -119,6 +119,14 @@ files:
 - opal/opal_vite/concerns/stimulus_helpers.rb
 - opal/opal_vite/concerns/storable.rb
 - opal/opal_vite/concerns/toastable.rb
+- opal/opal_vite/concerns/v1.rb
+- opal/opal_vite/concerns/v1/dom_helpers.rb
+- opal/opal_vite/concerns/v1/js_proxy_ex.rb
+- opal/opal_vite/concerns/v1/react_helpers.rb
+- opal/opal_vite/concerns/v1/stimulus_helpers.rb
+- opal/opal_vite/concerns/v1/storable.rb
+- opal/opal_vite/concerns/v1/toastable.rb
+- opal/opal_vite/concerns/v1/vue_helpers.rb
 - opal/opal_vite/concerns/vue_helpers.rb
 homepage: https://github.com/stofu1234/opal-vite
 licenses: