tina4ruby 3.11.13 → 3.11.15

data/lib/tina4/scss/tina4css/colors.scss

@@ -1,48 +1,48 @@
-// Tina4 CSS Framework - CSS Custom Properties
-// Exposes the design tokens as CSS custom properties for runtime use
-
-@import 'variables';
-
-:root {
-  // Theme colors
-  --t4-primary: #{$primary};
-  --t4-secondary: #{$secondary};
-  --t4-success: #{$success};
-  --t4-danger: #{$danger};
-  --t4-warning: #{$warning};
-  --t4-info: #{$info};
-  --t4-light: #{$light};
-  --t4-dark: #{$dark};
-  --t4-white: #{$white};
-  --t4-black: #{$black};
-  --t4-muted: #{$muted};
-
-  // Body
-  --t4-body-bg: #{$body-bg};
-  --t4-body-color: #{$body-color};
-
-  // Typography
-  --t4-font-family: #{$font-family-base};
-  --t4-font-family-mono: #{$font-family-mono};
-  --t4-font-size-base: #{$font-size-base};
-  --t4-line-height-base: #{$line-height-base};
-
-  // Spacing
-  --t4-spacer: #{$spacer};
-
-  // Border radius
-  --t4-border-radius: #{$border-radius};
-  --t4-border-radius-lg: #{$border-radius-lg};
-  --t4-border-radius-xl: #{$border-radius-xl};
-
-  // Shadows
-  --t4-shadow-sm: #{$shadow-sm};
-  --t4-shadow: #{$shadow};
-  --t4-shadow-lg: #{$shadow-lg};
-
-  // Transitions
-  --t4-transition: #{$transition-base};
-
-  // Link
-  --t4-link-color: #{$link-color};
-}
+// Tina4 CSS Framework - CSS Custom Properties
+// Exposes the design tokens as CSS custom properties for runtime use
+
+@import 'variables';
+
+:root {
+  // Theme colors
+  --t4-primary: #{$primary};
+  --t4-secondary: #{$secondary};
+  --t4-success: #{$success};
+  --t4-danger: #{$danger};
+  --t4-warning: #{$warning};
+  --t4-info: #{$info};
+  --t4-light: #{$light};
+  --t4-dark: #{$dark};
+  --t4-white: #{$white};
+  --t4-black: #{$black};
+  --t4-muted: #{$muted};
+
+  // Body
+  --t4-body-bg: #{$body-bg};
+  --t4-body-color: #{$body-color};
+
+  // Typography
+  --t4-font-family: #{$font-family-base};
+  --t4-font-family-mono: #{$font-family-mono};
+  --t4-font-size-base: #{$font-size-base};
+  --t4-line-height-base: #{$line-height-base};
+
+  // Spacing
+  --t4-spacer: #{$spacer};
+
+  // Border radius
+  --t4-border-radius: #{$border-radius};
+  --t4-border-radius-lg: #{$border-radius-lg};
+  --t4-border-radius-xl: #{$border-radius-xl};
+
+  // Shadows
+  --t4-shadow-sm: #{$shadow-sm};
+  --t4-shadow: #{$shadow};
+  --t4-shadow-lg: #{$shadow-lg};
+
+  // Transitions
+  --t4-transition: #{$transition-base};
+
+  // Link
+  --t4-link-color: #{$link-color};
+}

data/lib/tina4/scss/tina4css/tina4.scss

@@ -1,17 +1,17 @@
-// Tina4 CSS Framework
-// A lightweight, modern, responsive CSS framework
-// ================================================
-
-@import 'variables';
-@import 'reset';
-@import 'typography';
-@import 'grid';
-@import 'buttons';
-@import 'forms';
-@import 'cards';
-@import 'nav';
-@import 'modals';
-@import 'alerts';
-@import 'tables';
-@import 'badges';
-@import 'utilities';
+// Tina4 CSS Framework
+// A lightweight, modern, responsive CSS framework
+// ================================================
+
+@import 'variables';
+@import 'reset';
+@import 'typography';
+@import 'grid';
+@import 'buttons';
+@import 'forms';
+@import 'cards';
+@import 'nav';
+@import 'modals';
+@import 'alerts';
+@import 'tables';
+@import 'badges';
+@import 'utilities';

data/lib/tina4/scss_compiler.rb

@@ -1,178 +1,178 @@
-# frozen_string_literal: true
-require "fileutils"
-
-module Tina4
-  module ScssCompiler
-    SCSS_DIRS = %w[src/scss scss src/styles styles].freeze
-    CSS_OUTPUT = "src/public/css"
-
-    # Module-level state for import paths and variables
-    @import_paths = []
-    @variables = {}
-
-    class << self
-      # Add a search path for @import resolution.
-      def add_import_path(path)
-        @import_paths ||= []
-        @import_paths << path
-      end
-
-      # Set a variable that will be available during compilation.
-      def set_variable(name, value)
-        @variables ||= {}
-        name = name.sub(/^\$/, "")
-        @variables[name] = value
-      end
-
-      # Compile an SCSS string to CSS.
-      def compile(source)
-        @variables ||= {}
-        @import_paths ||= []
-        # Inject preset variables
-        unless @variables.empty?
-          var_block = @variables.map { |k, v| "$#{k}: #{v};" }.join("\n")
-          source = "#{var_block}\n#{source}"
-        end
-        basic_compile(source, @import_paths.first || Dir.pwd)
-      end
-
-      # Compile all .scss files from known directories.
-      def compile_all(root_dir = Dir.pwd)
-        output_dir = File.join(root_dir, CSS_OUTPUT)
-        FileUtils.mkdir_p(output_dir)
-
-        SCSS_DIRS.each do |dir|
-          scss_dir = File.join(root_dir, dir)
-          next unless Dir.exist?(scss_dir)
-
-          Dir.glob(File.join(scss_dir, "**/*.scss")).each do |scss_file|
-            next if File.basename(scss_file).start_with?("_") # Skip partials
-            compile_file(scss_file, output_dir, scss_dir)
-          end
-        end
-      end
-
-      # Compile a single SCSS file. If output_dir is provided, writes CSS there.
-      # Always returns the compiled CSS string.
-      def compile_file(scss_file, output_dir = nil, base_dir = nil)
-        base_dir ||= File.dirname(scss_file)
-        scss_content = File.read(scss_file)
-        css_content = compile_scss(scss_content, File.dirname(scss_file))
-
-        if output_dir
-          relative = scss_file.sub(base_dir, "").sub(/\.scss$/, ".css")
-          css_file = File.join(output_dir, relative)
-          FileUtils.mkdir_p(File.dirname(css_file))
-          existing = File.exist?(css_file) ? File.read(css_file) : nil
-          if existing != css_content
-            File.write(css_file, css_content)
-            Tina4::Log.debug("Compiled SCSS: #{scss_file} -> #{css_file}")
-          end
-        end
-
-        css_content
-      rescue => e
-        Tina4::Log.error("SCSS compilation failed: #{scss_file} - #{e.message}")
-        ""
-      end
-
-      # Compile an SCSS content string with a base directory for import resolution.
-      def compile_scss(content, base_dir)
-        # Try sassc gem first
-        begin
-          require "sassc"
-          return SassC::Engine.new(content, style: :expanded, load_paths: [base_dir]).render
-        rescue LoadError
-          # Fall through to basic compiler
-        end
-
-        # Basic SCSS to CSS conversion (handles common patterns)
-        basic_compile(content, base_dir)
-      end
-
-      private
-
-      def basic_compile(content, base_dir)
-        # Handle @import
-        content = process_imports(content, base_dir)
-
-        # Handle variables
-        variables = {}
-        content = content.gsub(/\$([a-zA-Z_][\w-]*)\s*:\s*(.+?);/) do
-          variables[Regexp.last_match(1)] = Regexp.last_match(2).strip
-          ""
-        end
-
-        # Replace variable references
-        variables.each do |name, value|
-          content = content.gsub("$#{name}", value)
-        end
-
-        # Handle nesting (basic single-level)
-        content = flatten_nesting(content)
-
-        # Handle & parent selector
-        content = content.gsub(/&/, "")
-
-        content
-      end
-
-      def process_imports(content, base_dir)
-        content.gsub(/@import\s+["'](.+?)["']\s*;/) do
-          import_path = Regexp.last_match(1)
-          candidates = [
-            File.join(base_dir, "#{import_path}.scss"),
-            File.join(base_dir, "_#{import_path}.scss"),
-            File.join(base_dir, import_path)
-          ]
-          # Also search additional import paths
-          (@import_paths || []).each do |search_path|
-            candidates << File.join(search_path, "#{import_path}.scss")
-            candidates << File.join(search_path, "_#{import_path}.scss")
-            candidates << File.join(search_path, import_path)
-          end
-          found = candidates.find { |c| File.exist?(c) }
-          if found
-            imported = File.read(found)
-            process_imports(imported, File.dirname(found))
-          else
-            "/* import not found: #{import_path} */"
-          end
-        end
-      end
-
-      def flatten_nesting(content)
-        # Very basic nesting flattener - handles single level
-        result = ""
-        content.scan(/([^{]+)\{([^{}]*(?:\{[^{}]*\}[^{}]*)*)\}/m) do |selector, body|
-          selector = selector.strip
-          # Check for nested rules
-          if body =~ /\{/
-            # Has nested content
-            props = ""
-            nested = ""
-            body.scan(/([^{;]+(?:\{[^}]*\}|;))/m) do |part_arr|
-              part = part_arr[0].strip
-              if part.include?("{")
-                # Nested rule
-                if part =~ /\A(.+?)\s*\{(.*?)\}\s*\z/m
-                  nested_sel = Regexp.last_match(1).strip
-                  nested_body = Regexp.last_match(2).strip
-                  full_sel = "#{selector} #{nested_sel}"
-                  nested += "#{full_sel} { #{nested_body} }\n"
-                end
-              else
-                props += "  #{part}\n" unless part.empty?
-              end
-            end
-            result += "#{selector} {\n#{props}}\n" unless props.strip.empty?
-            result += nested
-          else
-            result += "#{selector} {\n#{body}\n}\n"
-          end
-        end
-        result.empty? ? content : result
-      end
-    end
-  end
-end
+# frozen_string_literal: true
+require "fileutils"
+
+module Tina4
+  module ScssCompiler
+    SCSS_DIRS = %w[src/scss scss src/styles styles].freeze
+    CSS_OUTPUT = "src/public/css"
+
+    # Module-level state for import paths and variables
+    @import_paths = []
+    @variables = {}
+
+    class << self
+      # Add a search path for @import resolution.
+      def add_import_path(path)
+        @import_paths ||= []
+        @import_paths << path
+      end
+
+      # Set a variable that will be available during compilation.
+      def set_variable(name, value)
+        @variables ||= {}
+        name = name.sub(/^\$/, "")
+        @variables[name] = value
+      end
+
+      # Compile an SCSS string to CSS.
+      def compile(source)
+        @variables ||= {}
+        @import_paths ||= []
+        # Inject preset variables
+        unless @variables.empty?
+          var_block = @variables.map { |k, v| "$#{k}: #{v};" }.join("\n")
+          source = "#{var_block}\n#{source}"
+        end
+        basic_compile(source, @import_paths.first || Dir.pwd)
+      end
+
+      # Compile all .scss files from known directories.
+      def compile_all(root_dir = Dir.pwd)
+        output_dir = File.join(root_dir, CSS_OUTPUT)
+        FileUtils.mkdir_p(output_dir)
+
+        SCSS_DIRS.each do |dir|
+          scss_dir = File.join(root_dir, dir)
+          next unless Dir.exist?(scss_dir)
+
+          Dir.glob(File.join(scss_dir, "**/*.scss")).each do |scss_file|
+            next if File.basename(scss_file).start_with?("_") # Skip partials
+            compile_file(scss_file, output_dir, scss_dir)
+          end
+        end
+      end
+
+      # Compile a single SCSS file. If output_dir is provided, writes CSS there.
+      # Always returns the compiled CSS string.
+      def compile_file(scss_file, output_dir = nil, base_dir = nil)
+        base_dir ||= File.dirname(scss_file)
+        scss_content = File.read(scss_file)
+        css_content = compile_scss(scss_content, File.dirname(scss_file))
+
+        if output_dir
+          relative = scss_file.sub(base_dir, "").sub(/\.scss$/, ".css")
+          css_file = File.join(output_dir, relative)
+          FileUtils.mkdir_p(File.dirname(css_file))
+          existing = File.exist?(css_file) ? File.read(css_file) : nil
+          if existing != css_content
+            File.write(css_file, css_content)
+            Tina4::Log.debug("Compiled SCSS: #{scss_file} -> #{css_file}")
+          end
+        end
+
+        css_content
+      rescue => e
+        Tina4::Log.error("SCSS compilation failed: #{scss_file} - #{e.message}")
+        ""
+      end
+
+      # Compile an SCSS content string with a base directory for import resolution.
+      def compile_scss(content, base_dir)
+        # Try sassc gem first
+        begin
+          require "sassc"
+          return SassC::Engine.new(content, style: :expanded, load_paths: [base_dir]).render
+        rescue LoadError
+          # Fall through to basic compiler
+        end
+
+        # Basic SCSS to CSS conversion (handles common patterns)
+        basic_compile(content, base_dir)
+      end
+
+      private
+
+      def basic_compile(content, base_dir)
+        # Handle @import
+        content = process_imports(content, base_dir)
+
+        # Handle variables
+        variables = {}
+        content = content.gsub(/\$([a-zA-Z_][\w-]*)\s*:\s*(.+?);/) do
+          variables[Regexp.last_match(1)] = Regexp.last_match(2).strip
+          ""
+        end
+
+        # Replace variable references
+        variables.each do |name, value|
+          content = content.gsub("$#{name}", value)
+        end
+
+        # Handle nesting (basic single-level)
+        content = flatten_nesting(content)
+
+        # Handle & parent selector
+        content = content.gsub(/&/, "")
+
+        content
+      end
+
+      def process_imports(content, base_dir)
+        content.gsub(/@import\s+["'](.+?)["']\s*;/) do
+          import_path = Regexp.last_match(1)
+          candidates = [
+            File.join(base_dir, "#{import_path}.scss"),
+            File.join(base_dir, "_#{import_path}.scss"),
+            File.join(base_dir, import_path)
+          ]
+          # Also search additional import paths
+          (@import_paths || []).each do |search_path|
+            candidates << File.join(search_path, "#{import_path}.scss")
+            candidates << File.join(search_path, "_#{import_path}.scss")
+            candidates << File.join(search_path, import_path)
+          end
+          found = candidates.find { |c| File.exist?(c) }
+          if found
+            imported = File.read(found)
+            process_imports(imported, File.dirname(found))
+          else
+            "/* import not found: #{import_path} */"
+          end
+        end
+      end
+
+      def flatten_nesting(content)
+        # Very basic nesting flattener - handles single level
+        result = ""
+        content.scan(/([^{]+)\{([^{}]*(?:\{[^{}]*\}[^{}]*)*)\}/m) do |selector, body|
+          selector = selector.strip
+          # Check for nested rules
+          if body =~ /\{/
+            # Has nested content
+            props = ""
+            nested = ""
+            body.scan(/([^{;]+(?:\{[^}]*\}|;))/m) do |part_arr|
+              part = part_arr[0].strip
+              if part.include?("{")
+                # Nested rule
+                if part =~ /\A(.+?)\s*\{(.*?)\}\s*\z/m
+                  nested_sel = Regexp.last_match(1).strip
+                  nested_body = Regexp.last_match(2).strip
+                  full_sel = "#{selector} #{nested_sel}"
+                  nested += "#{full_sel} { #{nested_body} }\n"
+                end
+              else
+                props += "  #{part}\n" unless part.empty?
+              end
+            end
+            result += "#{selector} {\n#{props}}\n" unless props.strip.empty?
+            result += nested
+          else
+            result += "#{selector} {\n#{body}\n}\n"
+          end
+        end
+        result.empty? ? content : result
+      end
+    end
+  end
+end