Filter unwanted AlpineJS attributes from Tailwind UI components

remove-alpine-js-from-tailwind.js

// ==UserScript==
// @name         Filter unwanted AlpineJS attributes from Tailwind UI components
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Remove Alpine JS code from Tailwind Ui copy/paste
// @author       https://github.com/KevinBatdorf
// @match        https://tailwindui.com/components/*
// @grant        none
// ==/UserScript==
const code = document.querySelectorAll('[x-ref=clipboardCode]')
Array.from(code).forEach(node => {
	node.addEventListener('copy', event => {
		let selection = window.getSelection()
			.toString().split(/\r?\n/)
			.map(function(string, index) {
				const alpine = /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>| [:@x-][^"]*="[^"]*"|(\r\n)/g
				return string.replace(alpine, '')
			})
			.filter(string => string.length)
			.join("\r\n")

		event.clipboardData.setData('text/plain', selection)
		event.preventDefault()
	})
})