mayu-live 0.0.0

data/lib/mayu/resources/transformers/css.rb

@@ -0,0 +1,100 @@
+# typed: strict
+# frozen_string_literal: true
+
+require "base64"
+require "digest/sha2"
+
+module Mayu
+  module Resources
+    module Transformers
+      module CSS
+        class TransformResult < T::Struct
+          const :filename, String
+          const :output, String
+          const :content_hash, String
+          const :layer_name, String
+          const :classes, T::Hash[Symbol, String]
+          const :elements, T::Hash[Symbol, String]
+          const :source_map, T::Hash[String, T.untyped]
+        end
+
+        extend T::Sig
+
+        sig do
+          params(transform_results: T::Array[TransformResult]).returns(
+            T::Hash[String, String]
+          )
+        end
+        def self.merge_classnames(transform_results)
+          classnames = Hash.new { |h, k| h[k] = Set.new }
+
+          transform_results.each do |transform_result|
+            transform_result.classes.each do |source, target|
+              classnames[source].add(target)
+            end
+          end
+
+          classnames.transform_values { _1.join(" ") }
+        end
+
+        sig do
+          params(
+            source: String,
+            source_path: String,
+            source_line: Integer
+          ).returns(TransformResult)
+        end
+        def self.transform(source:, source_path:, source_line: 1)
+          # Required here because it's not necessary in production..
+          # kinda messy. need to rewrite the entire "resources" thing...
+          require "mayu/css"
+
+          source_path_without_extension =
+            File.join(
+              File.dirname(source_path),
+              File.basename(source_path, ".*")
+            ).delete_prefix("./")
+
+          result = Mayu::CSS.transform(source_path_without_extension, source)
+
+          output = result.code.encode("utf-8")
+
+          header = "/* #{source_path} */\n"
+
+          content_hash = Digest::SHA256.digest(output)
+          urlsafe_hash = Base64.urlsafe_encode64(content_hash)
+          filename = "#{urlsafe_hash}.css"
+
+          layer_name =
+            "#{source_path_without_extension}?#{urlsafe_hash.slice(0, 8)}"
+
+          output = "@layer #{escape_string(layer_name)} {\n#{output}\n}"
+
+          TransformResult.new(
+            filename:,
+            output:,
+            layer_name: layer_name,
+            classes: {
+              **result.classes.transform_keys(&:to_sym),
+              **result.elements.transform_keys { :"__#{_1}" }
+            }.freeze,
+            elements: result.elements.transform_keys(&:to_sym),
+            content_hash:,
+            source_map: {
+              "version" => 3,
+              "file" => filename,
+              "sourceRoot" => "mayu://",
+              "sources" => [source_path],
+              "sourcesContent" => [source]
+            }
+          )
+        end
+
+        sig { params(str: String).returns(String) }
+        def self.escape_string(str)
+          str.gsub(/[^\w-]/, '\\\\\0')
+        end
+      end
+    end
+  end
+end

data/lib/mayu/resources/transformers/css.test.rb

@@ -0,0 +1,87 @@
+# typed: true
+
+require "minitest/autorun"
+require "test_helper"
+
+require_relative "css"
+require_relative "css/rouge_lexer"
+require "rouge"
+
+class Mayu::Resources::Transformers::CSS::Test < Minitest::Test
+  EXAMPLES_ROOT = File.join(__dir__, "__test__", "css")
+
+  Dir[File.join(EXAMPLES_ROOT, "*.in.css")].each do |input_path|
+    basename = File.basename(input_path, ".in.css")
+
+    if ENV["MATCH"] in String => match
+      next unless basename.include?(match)
+    end
+
+    skip_path = File.join(EXAMPLES_ROOT, "#{basename}.skip")
+    output_path = File.join(EXAMPLES_ROOT, "#{basename}.out.css")
+
+    input = File.read(input_path)
+    expected = File.read(output_path)
+
+    define_method(:"test_#{basename}") do
+      T.bind(self, Mayu::Resources::Transformers::CSS::Test)
+
+      skip File.read(skip_path) if File.exist?(skip_path)
+      actual = transform(input)
+      # File.write(output_path, actual)
+      assert_equal(expected, actual)
+    end
+  end
+
+  private
+
+  def transform(source)
+    source_path = "app/components/MyComponent"
+
+    Mayu::Resources::Transformers::CSS
+      .transform(source:, source_path:)
+      .output
+      .each_line
+      .map(&:rstrip)
+      .join("\n")
+      .tap do
+        puts(
+          "\e[1mTransformed:\e[0m",
+          prepend_line_numbers(
+            colorize_source(
+              _1.strip,
+              Mayu::Resources::Transformers::CSS::RougeLexer.new
+            ).each_line
+          )
+        )
+      end
+  end
+
+  def prepend_line_numbers(lines, start_line: 1, error_line: nil)
+    number_format = "\e[38;5;250;48;5;236m%3d \e[0m"
+    error_format = "\e[41m%s\e[0m"
+
+    lines
+      .map
+      .with_index(start_line) do |line, i|
+        if error_line == i
+          format(error_format, line.chomp) + "\n"
+        else
+          line
+        end.prepend(format(number_format, i))
+      end
+  end
+
+  def transform_file(root:, path:)
+    Mayu::Resources::Transformers::CSS.transform(
+      source: File.read(File.join(root, path)),
+      source_path: path
+    )
+  end
+
+  def colorize_source(source, lexer)
+    theme = Rouge::Themes::Monokai.new
+    formatter = Rouge::Formatters::Terminal256.new(theme:)
+    formatter.format(lexer.lex(source.chomp))
+  end
+end