HAML to Phlex, Slim to Phlex

[bb]

Is your feature request related to a problem? Please describe.
In some Projects, I use HAML or Slim templates. It would be great if I could convert snippets from there to Phlex in one simple step.

Describe the solution you'd like
When pasting/typing into the ERB field, it would be nice to auto-detect the input format (ERB or HAML or Slim) and do the transformation to Phlex.
Instead of auto-detect, it could be aided by a format select box providing the available values.

One could try going directly from HAML to Phlex using e.g. https://github.com/LukeClancy/haml2phlex or from HAML to ERB e.g. using https://github.com/elia/haml2erb and then use the existing approach for ERB to Phlex. Another option might be integrating Tilt and changing its evaluation from executing to outputting the Ruby code.

[marcoroth]

Hey @bb, thanks for opening this issue!

Do you want to spike this idea to see where it could go? I think I'd personally prefer the haml2erb way as a "pre-step" so we can leverage the whole remaining logic phlexing has around custom elements, Rails helpers, component names, method extraction etc.

[bb]

Hi @marcoroth,

thanks for the guidance regarding the pre-step. I already considered doing a spike but also wanted to post the request here to gauge interest, get recommendations like yours and of course because I'm lazy 😜.

I'll give it a shot, but if anybody wants to take this, please go ahead.

[muellerj]

FWIW, here's a short script slim2phlex for ./contrib:

#!/usr/bin/env ruby

require "slim/erb_converter"
require "phlexing"

def usage!(message = nil)
  warn "Error: #{message}\n\n" if message
  warn "Usage: #{File.basename($PROGRAM_NAME)} TEMPLATE.SLIM"
  exit 1
end

path = ARGV.shift

usage!("missing template path") unless path
usage!("unexpected arguments: #{ARGV.join(" ")}") unless ARGV.empty?
usage!("file does not exist: #{path}") unless File.file?(path)
usage!("expected a .slim template: #{path}") unless File.extname(path).downcase == ".slim"

class_name =
  File.basename(path, ".slim")
      .split(/[^a-zA-Z0-9]+/)
      .reject(&:empty?)
      .map { |part| part[0].upcase + part[1..] }
      .join
      .then { it.empty? ? "Component" : it }
      .then { it.match?(/\A[A-Z][A-Za-z0-9_]*\z/) ? it : "Component" }

puts File.read(path)
  .then { Slim::ERBConverter.new.call(it) }
  .then { Phlexing::Converter.convert(
      it,
      component: true,
      component_name: class_name,
      parent_component: "Phlex::HTML",
      template_name: "view_template"
    )
  }