7f2dd5260f
- Complete React app with 7 developer tools - JSON Tool with visual structured editor - Serialize Tool with visual structured editor - URL, Base64, CSV/JSON, Beautifier, Diff tools - Responsive navigation with dropdown menu - Dark/light mode toggle - Mobile-responsive design with sticky header - All tools working with copy/paste functionality
1 line
5.4 KiB
JSON
1 line
5.4 KiB
JSON
{"ast":null,"code":"var _jsxFileName = \"/Users/dwindown/CascadeProjects/developer-tools/src/components/ToolLayout.js\";\nimport React from 'react';\nimport { ArrowLeft } from 'lucide-react';\nimport { Link } from 'react-router-dom';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst ToolLayout = ({\n title,\n description,\n children,\n icon: Icon\n}) => {\n return /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"max-w-6xl mx-auto\",\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \"mb-8\",\n children: [/*#__PURE__*/_jsxDEV(Link, {\n to: \"/\",\n className: \"inline-flex items-center text-primary-600 hover:text-primary-700 mb-4\",\n children: [/*#__PURE__*/_jsxDEV(ArrowLeft, {\n className: \"h-4 w-4 mr-2\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 14,\n columnNumber: 11\n }, this), \"Back to Tools\"]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 10,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"flex items-center space-x-3 mb-2\",\n children: [Icon && /*#__PURE__*/_jsxDEV(Icon, {\n className: \"h-8 w-8 text-primary-600\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 19,\n columnNumber: 20\n }, this), /*#__PURE__*/_jsxDEV(\"h1\", {\n className: \"text-3xl font-bold text-gray-900 dark:text-white\",\n children: title\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 20,\n columnNumber: 11\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 18,\n columnNumber: 9\n }, this), description && /*#__PURE__*/_jsxDEV(\"p\", {\n className: \"text-gray-600 dark:text-gray-300 text-lg\",\n children: description\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 26,\n columnNumber: 11\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 9,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"space-y-6\",\n children: children\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 33,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 7,\n columnNumber: 5\n }, this);\n};\n_c = ToolLayout;\nexport default ToolLayout;\nvar _c;\n$RefreshReg$(_c, \"ToolLayout\");","map":{"version":3,"names":["React","ArrowLeft","Link","jsxDEV","_jsxDEV","ToolLayout","title","description","children","icon","Icon","className","to","fileName","_jsxFileName","lineNumber","columnNumber","_c","$RefreshReg$"],"sources":["/Users/dwindown/CascadeProjects/developer-tools/src/components/ToolLayout.js"],"sourcesContent":["import React from 'react';\nimport { ArrowLeft } from 'lucide-react';\nimport { Link } from 'react-router-dom';\n\nconst ToolLayout = ({ title, description, children, icon: Icon }) => {\n return (\n <div className=\"max-w-6xl mx-auto\">\n {/* Header */}\n <div className=\"mb-8\">\n <Link\n to=\"/\"\n className=\"inline-flex items-center text-primary-600 hover:text-primary-700 mb-4\"\n >\n <ArrowLeft className=\"h-4 w-4 mr-2\" />\n Back to Tools\n </Link>\n \n <div className=\"flex items-center space-x-3 mb-2\">\n {Icon && <Icon className=\"h-8 w-8 text-primary-600\" />}\n <h1 className=\"text-3xl font-bold text-gray-900 dark:text-white\">\n {title}\n </h1>\n </div>\n \n {description && (\n <p className=\"text-gray-600 dark:text-gray-300 text-lg\">\n {description}\n </p>\n )}\n </div>\n\n {/* Tool Content */}\n <div className=\"space-y-6\">\n {children}\n </div>\n </div>\n );\n};\n\nexport default ToolLayout;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,MAAA,IAAAC,OAAA;AAExC,MAAMC,UAAU,GAAGA,CAAC;EAAEC,KAAK;EAAEC,WAAW;EAAEC,QAAQ;EAAEC,IAAI,EAAEC;AAAK,CAAC,KAAK;EACnE,oBACEN,OAAA;IAAKO,SAAS,EAAC,mBAAmB;IAAAH,QAAA,gBAEhCJ,OAAA;MAAKO,SAAS,EAAC,MAAM;MAAAH,QAAA,gBACnBJ,OAAA,CAACF,IAAI;QACHU,EAAE,EAAC,GAAG;QACND,SAAS,EAAC,uEAAuE;QAAAH,QAAA,gBAEjFJ,OAAA,CAACH,SAAS;UAACU,SAAS,EAAC;QAAc;UAAAE,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OAAE,CAAC,iBAExC;MAAA;QAAAH,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAAM,CAAC,eAEPZ,OAAA;QAAKO,SAAS,EAAC,kCAAkC;QAAAH,QAAA,GAC9CE,IAAI,iBAAIN,OAAA,CAACM,IAAI;UAACC,SAAS,EAAC;QAA0B;UAAAE,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OAAE,CAAC,eACtDZ,OAAA;UAAIO,SAAS,EAAC,kDAAkD;UAAAH,QAAA,EAC7DF;QAAK;UAAAO,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OACJ,CAAC;MAAA;QAAAH,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OACF,CAAC,EAELT,WAAW,iBACVH,OAAA;QAAGO,SAAS,EAAC,0CAA0C;QAAAH,QAAA,EACpDD;MAAW;QAAAM,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OACX,CACJ;IAAA;MAAAH,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OACE,CAAC,eAGNZ,OAAA;MAAKO,SAAS,EAAC,WAAW;MAAAH,QAAA,EACvBA;IAAQ;MAAAK,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OACN,CAAC;EAAA;IAAAH,QAAA,EAAAC,YAAA;IAAAC,UAAA;IAAAC,YAAA;EAAA,OACH,CAAC;AAEV,CAAC;AAACC,EAAA,GAjCIZ,UAAU;AAmChB,eAAeA,UAAU;AAAC,IAAAY,EAAA;AAAAC,YAAA,CAAAD,EAAA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]} |