function TampermonkeyScriptHeader({ text }) { return /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-2xl mb-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, text); } function TampermonkeyScriptHeaderStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(TampermonkeyScriptHeader, { text: "Tampermonkey Script Generator", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this })); } function ScriptInputField({ name, id, minHeight, padding, border, rounded, required }) { const textareaClasses = [ padding, border, rounded, "w-full", minHeight ].join(" "); return /*#__PURE__*/ React.createElement("textarea", { name: name, id: id, className: textareaClasses, required: required, __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }); } function ScriptInputFieldStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 22, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(ScriptInputField, { name: "functionality", id: "functionality", minHeight: "h-[150px]", padding: "p-2", border: "border", rounded: "rounded", required: true, __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this })); } function GenerateScriptButton({ onClick }) { return /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 text-white font-roboto p-2 rounded hover:bg-blue-700", onClick: onClick, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, "Generate Script"); } function GenerateScriptButtonStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 15, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(GenerateScriptButton, { onClick: ()=>alert("Clicked!"), __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this })); } function MainComponent({ onSubmit }) { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center bg-[#f4f4f4] p-8 rounded-lg w-[400px]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(TampermonkeyScriptHeader, { text: "Tampermonkey Script Generator", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("form", { className: "flex flex-col w-full", onSubmit: onSubmit, __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-roboto mb-2", htmlFor: "functionality", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "Enter functionality:"), /*#__PURE__*/ React.createElement(ScriptInputField, { name: "functionality", id: "functionality", minHeight: "h-[150px]", padding: "p-2", border: "border", rounded: "rounded", required: true, __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(GenerateScriptButton, { __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }))); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-screen bg-gray-200", __source: { fileName: "", lineNumber: 24, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { onSubmit: (e)=>{ e.preventDefault(); const formData = new FormData(e.target); const functionality = formData.get("functionality"); const scriptContent = ` // ==UserScript== // @name New Userscript // @namespace http://tampermonkey.net/ // @version 0.1 // @description try to take over the world! // @author You // @match http://*/* // @grant none // ==/UserScript== (function() { 'use strict'; ${functionality} })();`; const blob = new Blob([ scriptContent ], { type: 'text/plain;charset=utf-8' }); const url = window.URL.createObjectURL(blob); const a = document.createElement('a'); a.style.display = 'none'; a.href = url; a.download = 'script.user.js'; document.body.appendChild(a); a.click(); window.URL.revokeObjectURL(url); }, __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this })); }