JSFiddle - React, Tailwind, and code Playground

by phloe

HTML

<textarea id="console_input">
          modified:   src/components/dr.dk/List/List.stories.js
        modified:   src/components/dr.dk/accessibility/TextSelection/TextSelection.stories.js
        modified:   src/components/dr.dk/articles/RelatedArticleTeaserList/RelatedArticleTeaserList.js
        modified:   src/components/dr.dk/teasers/ArticleTeaserBand/ArticleTeaserBand.js
        modified:   src/components/dr.dk/teasers/TeaserList/TeaserList.stories.js
        modified:   src/components/global/Logo/Logo.stories.js
        modified:   src/components/global/SlideBand/SlideBand.stories.js
        modified:   src/components/global/icons/icons.stories.js
        modified:   src/components/global/teasers/Teaser/Teaser.Meta/Teaser.Meta.stories.js
        modified:   src/components/utility/LabelText/LabelText.stories.js
        modified:   src/components/utility/Threshold/Threshold.stories.js
        modified:   src/components/utility/responsiveness/BreakpointDetector/useBreakpoint.js
        modified:   src/components/utility/useLocation/useLocation.stories.js
</textarea>
<button id="console_transform">Transform</button>
<pre id="console_output"></pre>

JavaScript

console_transform.onclick = () => {
	console.log(console_input.value);
	const lines = console_input.value.split(/\n/);
	console.log(lines);
  
	const content = lines.map((line) => {
  	const [file] = line.match(/[a-z_.\-\/]+\.[^.]+/i) || [];
    const [,name] = file?.match(/([^/]+)\.[^.]+$/) || [];
    if (file) {
      return `
git add ${file}

git commit -m "fix ${name}"

    `;
    }
    return '';
  });
	console_output.innerHTML = content.join("\n");
}