replace-css.rb

gistfile1.txt

#!/usr/bin/ruby

# Replace linaria css`` to panda css({})

text = DATA.read

text.gsub!(%r|css`(.*?)`|m) do
    css = $1

    list = css.split(/;/).map do |s|
        pair = s.split(/:/)
        pair[0].gsub!(%r|-([a-z])|) { $1.upcase }
        pair[1].gsub!(%r|^(\s*)(.*?)(\s*)$|, '\1"\2"\3') if pair[1]
        pair.join(":")
    end

    "css({" + list.join(",") + "})"
end

puts text
__END__

const topMenuDivStyle = css`
    position: relative;
`;

const topMenuUlStyle = css`
    margin: 0;
    padding: 0;

    display: flex;
    border-bottom: 1px solid ${borderColor};
`;