-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathasts.json
1 lines (1 loc) · 66.1 KB
/
asts.json
1
[{"file":"test/package.json","type":"JSON","ast":{"type":"object","properties":{"name":{"type":"string"},"version":{"type":"string"},"private":{"type":"boolean"},"dependencies":{"type":"object","properties":{"react":{"type":"string"},"react-dom":{"type":"string"},"react-scripts":{"type":"string"},"tailwindcss":{"type":"string"},"postcss":{"type":"string"},"autoprefixer":{"type":"string"}}},"scripts":{"type":"object","properties":{"start":{"type":"string"},"build":{"type":"string"},"test":{"type":"string"},"eject":{"type":"string"}}},"eslintConfig":{"type":"object","properties":{"extends":{"type":"string"}}},"browserslist":{"type":"object","properties":{"production":{"type":"array"},"development":{"type":"array"}}}}},"summary":"Summary for test/package.json : The file `test/package.json` contains metadata about the project named `sketch2react_app` and also manages its dependencies. The project's current version is `0.1.0`. The file outlines the dependencies needed for the application’s functionality, like `react`, `react-dom`, `react-scripts` for building a React application. It also includes `tailwindcss`, `postcss`, and `autoprefixer` for handling CSS.\n\nIn the `scripts` section, it defines shortcuts for different tasks: \n- `start`: to start the application in development mode \n- `build`: to build the application for production usage \n- `test`: to run tests\n- `eject`: to expose content of `react-scripts` package\n\nThe `eslintConfig` section extends the linting configuration to the \"react-app\" configuration, setting code style rules for the application.\n\nThe `browserslist` field specifies a list of browser versions that the project intends to support. For production, it supports browsers that: are used in more than 0.2% of all cases, are not outdated, and are not the Opera Mini browser. During development phase, it supports the latest versions of Chrome, Firefox, and Safari.\n\nThis file doesn't contain any functions or UI elements as it is part of the project's configuration, primarily meant for setting up the environment for a React app.","sourceCode":"{\n \"name\": \"sketch2react_app\",\n \"version\": \"0.1.0\",\n \"private\": true,\n \"dependencies\": {\n \"react\": \"^18.2.0\",\n \"react-dom\": \"^18.2.0\",\n \"react-scripts\": \"5.0.1\",\n \"tailwindcss\": \"^3.0.0\",\n \"postcss\": \"^8.0.0\",\n \"autoprefixer\": \"^10.0.0\"\n },\n \"scripts\": {\n \"start\": \"react-scripts start\",\n \"build\": \"react-scripts build\",\n \"test\": \"react-scripts test\",\n \"eject\": \"react-scripts eject\"\n },\n \"eslintConfig\": {\n \"extends\": \"react-app\"\n },\n \"browserslist\": {\n \"production\": [\n \">0.2%\",\n \"not dead\",\n \"not op_mini all\"\n ],\n \"development\": [\n \"last 1 chrome version\",\n \"last 1 firefox version\",\n \"last 1 safari version\"\n ]\n }\n }\n "},{"file":"test/public/index.html","type":"HTML","ast":{"parent":null,"prev":null,"next":null,"startIndex":null,"endIndex":null,"children":[{"parent":"[Circular]","prev":null,"next":{"parent":"[Circular]","prev":"[Circular]","next":{"parent":"[Circular]","prev":"[Circular]","next":null,"startIndex":null,"endIndex":null,"children":[{"parent":"[Circular]","prev":null,"next":{"parent":"[Circular]","prev":"[Circular]","next":{"parent":"[Circular]","prev":"[Circular]","next":{"parent":"[Circular]","prev":"[Circular]","next":{"parent":"[Circular]","prev":"[Circular]","next":null,"startIndex":null,"endIndex":null,"data":"\n","type":"text"},"startIndex":null,"endIndex":null,"children":[{"parent":"[Circular]","prev":null,"next":{"parent":"[Circular]","prev":"[Circular]","next":{"parent":"[Circular]","prev":"[Circular]","next":null,"startIndex":null,"endIndex":null,"data":"\n","type":"text"},"startIndex":null,"endIndex":null,"children":[],"name":"div","attribs":{"id":"root"},"type":"tag"},"startIndex":null,"endIndex":null,"data":"\n ","type":"text"},"[Circular]","[Circular]"],"name":"body","attribs":{},"type":"tag"},"startIndex":null,"endIndex":null,"data":"\n","type":"text"},"startIndex":null,"endIndex":null,"children":[{"parent":"[Circular]","prev":null,"next":{"parent":"[Circular]","prev":"[Circular]","next":{"parent":"[Circular]","prev":"[Circular]","next":{"parent":"[Circular]","prev":"[Circular]","next":{"parent":"[Circular]","prev":"[Circular]","next":{"parent":"[Circular]","prev":"[Circular]","next":{"parent":"[Circular]","prev":"[Circular]","next":{"parent":"[Circular]","prev":"[Circular]","next":{"parent":"[Circular]","prev":"[Circular]","next":null,"startIndex":null,"endIndex":null,"data":"\n","type":"text"},"startIndex":null,"endIndex":null,"children":[{"parent":"[Circular]","prev":null,"next":null,"startIndex":null,"endIndex":null,"data":"Sketch2App React App","type":"text"}],"name":"title","attribs":{},"type":"tag"},"startIndex":null,"endIndex":null,"data":"\n ","type":"text"},"startIndex":null,"endIndex":null,"children":[],"name":"link","attribs":{"href":"https://unpkg.com/@tailwindcss/ui/dist/tailwind-ui.min.css","rel":"stylesheet"},"type":"tag"},"startIndex":null,"endIndex":null,"data":"\n ","type":"text"},"startIndex":null,"endIndex":null,"children":[],"name":"meta","attribs":{"name":"viewport","content":"width=device-width, initial-scale=1.0"},"type":"tag"},"startIndex":null,"endIndex":null,"data":"\n ","type":"text"},"startIndex":null,"endIndex":null,"children":[],"name":"meta","attribs":{"charset":"UTF-8"},"type":"tag"},"startIndex":null,"endIndex":null,"data":"\n ","type":"text"},"[Circular]","[Circular]","[Circular]","[Circular]","[Circular]","[Circular]","[Circular]","[Circular]"],"name":"head","attribs":{},"type":"tag"},"startIndex":null,"endIndex":null,"data":"\n","type":"text"},"[Circular]","[Circular]","[Circular]","[Circular]"],"name":"html","attribs":{"lang":"en"},"type":"tag"},"startIndex":null,"endIndex":null,"data":"\n","type":"text"},"startIndex":null,"endIndex":null,"data":"!DOCTYPE html","name":"!doctype","type":"directive"},"[Circular]","[Circular]"],"type":"root"},"summary":"Summary for test/public/index.html : This is the main HTML file for a web application, often referred to as the entry point. It primarily sets up the base layout and includes necessary meta-tags for responsiveness and character encoding.\n\nThere are no inherent functions or extensive UI elements directly written in this file, it merely provides an initial structure for the application. The main feature is the `div` with `id=\"root\"`. It is a point of insertion where a JavaScript framework, like React, will inject the HTML output of the rendered components.\n\nThe HTML file links to a CSS file – \"tailwind-ui.min.css\" – hosted on an external CDN. Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces.\n\nThe `viewport` meta tag helps to control layout on mobile browsers. The charset \"UTF-8\" ensures maximum compatibility with various texts and languages.\n\nFinally, \"Sketch2App React App\" is set as the title of the document, which will appear as the name of the tab in most browsers.\n\nIn summary, this file is foundational and pivotal to application operation, but the dynamic content, user components, UI constructions and launches are pulled in by a JavaScript framework like React and do not exist innately within this file.","sourceCode":"<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <link href=\"https://unpkg.com/@tailwindcss/ui/dist/tailwind-ui.min.css\" rel=\"stylesheet\">\n <title>Sketch2App React App</title>\n</head>\n<body>\n <div id=\"root\"></div>\n</body>\n</html>"},{"file":"test/src/App.js","type":"JavaScript/TypeScript","ast":{"type":"File","start":0,"end":1735,"loc":{"start":{"line":1,"column":0,"index":0},"end":{"line":41,"column":0,"index":1735}},"errors":[],"program":{"type":"Program","start":0,"end":1735,"loc":{"start":"[Circular]","end":"[Circular]"},"sourceType":"module","interpreter":null,"body":[{"type":"ImportDeclaration","start":0,"end":40,"loc":{"start":{"line":1,"column":0,"index":0},"end":{"line":1,"column":40,"index":40}},"specifiers":[{"type":"ImportDefaultSpecifier","start":7,"end":12,"loc":{"start":{"line":1,"column":7,"index":7},"end":{"line":1,"column":12,"index":12}},"local":{"type":"Identifier","start":7,"end":12,"loc":{"start":"[Circular]","end":"[Circular]","identifierName":"React"},"name":"React"}},{"type":"ImportSpecifier","start":16,"end":24,"loc":{"start":{"line":1,"column":16,"index":16},"end":{"line":1,"column":24,"index":24}},"imported":{"type":"Identifier","start":16,"end":24,"loc":{"start":"[Circular]","end":"[Circular]","identifierName":"useState"},"name":"useState"},"local":{"type":"Identifier","start":16,"end":24,"loc":"[Circular]","name":"useState"}}],"source":{"type":"StringLiteral","start":32,"end":39,"loc":{"start":{"line":1,"column":32,"index":32},"end":{"line":1,"column":39,"index":39}},"extra":{"rawValue":"react","raw":"'react'"},"value":"react"}},{"type":"VariableDeclaration","start":42,"end":1713,"loc":{"start":{"line":3,"column":0,"index":42},"end":{"line":38,"column":2,"index":1713}},"declarations":[{"type":"VariableDeclarator","start":48,"end":1712,"loc":{"start":{"line":3,"column":6,"index":48},"end":{"line":38,"column":1,"index":1712}},"id":{"type":"Identifier","start":48,"end":51,"loc":{"start":"[Circular]","end":{"line":3,"column":9,"index":51},"identifierName":"App"},"name":"App"},"init":{"type":"ArrowFunctionExpression","start":54,"end":1712,"loc":{"start":{"line":3,"column":12,"index":54},"end":"[Circular]"},"id":null,"generator":false,"async":false,"params":[],"body":{"type":"BlockStatement","start":60,"end":1712,"loc":{"start":{"line":3,"column":18,"index":60},"end":"[Circular]"},"body":[{"type":"ReturnStatement","start":64,"end":1710,"loc":{"start":{"line":4,"column":2,"index":64},"end":{"line":37,"column":4,"index":1710}},"argument":{"type":"JSXElement","start":77,"end":1705,"loc":{"start":{"line":5,"column":4,"index":77},"end":{"line":36,"column":10,"index":1705}},"openingElement":{"type":"JSXOpeningElement","start":77,"end":133,"loc":{"start":"[Circular]","end":{"line":5,"column":60,"index":133}},"name":{"type":"JSXIdentifier","start":78,"end":81,"loc":{"start":{"line":5,"column":5,"index":78},"end":{"line":5,"column":8,"index":81}},"name":"div"},"attributes":[{"type":"JSXAttribute","start":82,"end":132,"loc":{"start":{"line":5,"column":9,"index":82},"end":{"line":5,"column":59,"index":132}},"name":{"type":"JSXIdentifier","start":82,"end":91,"loc":{"start":"[Circular]","end":{"line":5,"column":18,"index":91}},"name":"className"},"value":{"type":"StringLiteral","start":92,"end":132,"loc":{"start":{"line":5,"column":19,"index":92},"end":"[Circular]"},"extra":{"rawValue":"font-sans min-h-screen bg-gray-50 py-8","raw":"\"font-sans min-h-screen bg-gray-50 py-8\""},"value":"font-sans min-h-screen bg-gray-50 py-8"}}],"selfClosing":false},"closingElement":{"type":"JSXClosingElement","start":1699,"end":1705,"loc":{"start":{"line":36,"column":4,"index":1699},"end":"[Circular]"},"name":{"type":"JSXIdentifier","start":1701,"end":1704,"loc":{"start":{"line":36,"column":6,"index":1701},"end":{"line":36,"column":9,"index":1704}},"name":"div"}},"children":[{"type":"JSXText","start":133,"end":140,"loc":{"start":{"line":5,"column":60,"index":133},"end":{"line":6,"column":6,"index":140}},"extra":{"rawValue":"\n ","raw":"\n "},"value":"\n "},{"type":"JSXElement","start":140,"end":1694,"loc":{"start":{"line":6,"column":6,"index":140},"end":{"line":35,"column":12,"index":1694}},"openingElement":{"type":"JSXOpeningElement","start":140,"end":174,"loc":{"start":"[Circular]","end":{"line":6,"column":40,"index":174}},"name":{"type":"JSXIdentifier","start":141,"end":144,"loc":{"start":{"line":6,"column":7,"index":141},"end":{"line":6,"column":10,"index":144}},"name":"div"},"attributes":[{"type":"JSXAttribute","start":145,"end":173,"loc":{"start":{"line":6,"column":11,"index":145},"end":{"line":6,"column":39,"index":173}},"name":{"type":"JSXIdentifier","start":145,"end":154,"loc":{"start":"[Circular]","end":{"line":6,"column":20,"index":154}},"name":"className"},"value":{"type":"StringLiteral","start":155,"end":173,"loc":{"start":{"line":6,"column":21,"index":155},"end":"[Circular]"},"extra":{"rawValue":"max-w-xs mx-auto","raw":"\"max-w-xs mx-auto\""},"value":"max-w-xs mx-auto"}}],"selfClosing":false},"closingElement":{"type":"JSXClosingElement","start":1688,"end":1694,"loc":{"start":{"line":35,"column":6,"index":1688},"end":"[Circular]"},"name":{"type":"JSXIdentifier","start":1690,"end":1693,"loc":{"start":{"line":35,"column":8,"index":1690},"end":{"line":35,"column":11,"index":1693}},"name":"div"}},"children":[{"type":"JSXText","start":174,"end":183,"loc":{"start":{"line":6,"column":40,"index":174},"end":{"line":7,"column":8,"index":183}},"extra":{"rawValue":"\n ","raw":"\n "},"value":"\n "},{"type":"JSXElement","start":183,"end":323,"loc":{"start":{"line":7,"column":8,"index":183},"end":{"line":9,"column":17,"index":323}},"openingElement":{"type":"JSXOpeningElement","start":183,"end":218,"loc":{"start":"[Circular]","end":{"line":7,"column":43,"index":218}},"name":{"type":"JSXIdentifier","start":184,"end":190,"loc":{"start":{"line":7,"column":9,"index":184},"end":{"line":7,"column":15,"index":190}},"name":"header"},"attributes":[{"type":"JSXAttribute","start":191,"end":217,"loc":{"start":{"line":7,"column":16,"index":191},"end":{"line":7,"column":42,"index":217}},"name":{"type":"JSXIdentifier","start":191,"end":200,"loc":{"start":"[Circular]","end":{"line":7,"column":25,"index":200}},"name":"className"},"value":{"type":"StringLiteral","start":201,"end":217,"loc":{"start":{"line":7,"column":26,"index":201},"end":"[Circular]"},"extra":{"rawValue":"border-b-2 p-4","raw":"\"border-b-2 p-4\""},"value":"border-b-2 p-4"}}],"selfClosing":false},"closingElement":{"type":"JSXClosingElement","start":314,"end":323,"loc":{"start":{"line":9,"column":8,"index":314},"end":"[Circular]"},"name":{"type":"JSXIdentifier","start":316,"end":322,"loc":{"start":{"line":9,"column":10,"index":316},"end":{"line":9,"column":16,"index":322}},"name":"header"}},"children":[{"type":"JSXText","start":218,"end":229,"loc":{"start":{"line":7,"column":43,"index":218},"end":{"line":8,"column":10,"index":229}},"extra":{"rawValue":"\n ","raw":"\n "},"value":"\n "},{"type":"JSXElement","start":229,"end":305,"loc":{"start":{"line":8,"column":10,"index":229},"end":{"line":8,"column":86,"index":305}},"openingElement":{"type":"JSXOpeningElement","start":229,"end":275,"loc":{"start":"[Circular]","end":{"line":8,"column":56,"index":275}},"name":{"type":"JSXIdentifier","start":230,"end":232,"loc":{"start":{"line":8,"column":11,"index":230},"end":{"line":8,"column":13,"index":232}},"name":"h1"},"attributes":[{"type":"JSXAttribute","start":233,"end":274,"loc":{"start":{"line":8,"column":14,"index":233},"end":{"line":8,"column":55,"index":274}},"name":{"type":"JSXIdentifier","start":233,"end":242,"loc":{"start":"[Circular]","end":{"line":8,"column":23,"index":242}},"name":"className"},"value":{"type":"StringLiteral","start":243,"end":274,"loc":{"start":{"line":8,"column":24,"index":243},"end":"[Circular]"},"extra":{"rawValue":"text-xl font-bold text-center","raw":"\"text-xl font-bold text-center\""},"value":"text-xl font-bold text-center"}}],"selfClosing":false},"closingElement":{"type":"JSXClosingElement","start":300,"end":305,"loc":{"start":{"line":8,"column":81,"index":300},"end":"[Circular]"},"name":{"type":"JSXIdentifier","start":302,"end":304,"loc":{"start":{"line":8,"column":83,"index":302},"end":{"line":8,"column":85,"index":304}},"name":"h1"}},"children":[{"type":"JSXText","start":275,"end":300,"loc":{"start":{"line":8,"column":56,"index":275},"end":{"line":8,"column":81,"index":300}},"extra":{"rawValue":"Instagram Clone \"Classic\"","raw":"Instagram Clone \"Classic\""},"value":"Instagram Clone \"Classic\""}]},{"type":"JSXText","start":305,"end":314,"loc":{"start":{"line":8,"column":86,"index":305},"end":{"line":9,"column":8,"index":314}},"extra":{"rawValue":"\n ","raw":"\n "},"value":"\n "}]},{"type":"JSXText","start":323,"end":332,"loc":{"start":{"line":9,"column":17,"index":323},"end":{"line":10,"column":8,"index":332}},"extra":{"rawValue":"\n ","raw":"\n "},"value":"\n "},{"type":"JSXElement","start":332,"end":605,"loc":{"start":{"line":10,"column":8,"index":332},"end":{"line":14,"column":18,"index":605}},"openingElement":{"type":"JSXOpeningElement","start":332,"end":418,"loc":{"start":"[Circular]","end":{"line":10,"column":94,"index":418}},"name":{"type":"JSXIdentifier","start":333,"end":340,"loc":{"start":{"line":10,"column":9,"index":333},"end":{"line":10,"column":16,"index":340}},"name":"section"},"attributes":[{"type":"JSXAttribute","start":341,"end":361,"loc":{"start":{"line":10,"column":17,"index":341},"end":{"line":10,"column":37,"index":361}},"name":{"type":"JSXIdentifier","start":341,"end":351,"loc":{"start":"[Circular]","end":{"line":10,"column":27,"index":351}},"name":"aria-label"},"value":{"type":"StringLiteral","start":352,"end":361,"loc":{"start":{"line":10,"column":28,"index":352},"end":"[Circular]"},"extra":{"rawValue":"Stories","raw":"\"Stories\""},"value":"Stories"}},{"type":"JSXAttribute","start":362,"end":417,"loc":{"start":{"line":10,"column":38,"index":362},"end":{"line":10,"column":93,"index":417}},"name":{"type":"JSXIdentifier","start":362,"end":371,"loc":{"start":"[Circular]","end":{"line":10,"column":47,"index":371}},"name":"className"},"value":{"type":"StringLiteral","start":372,"end":417,"loc":{"start":{"line":10,"column":48,"index":372},"end":"[Circular]"},"extra":{"rawValue":"flex justify-between items-center px-3 py-2","raw":"\"flex justify-between items-center px-3 py-2\""},"value":"flex justify-between items-center px-3 py-2"}}],"selfClosing":false},"closingElement":{"type":"JSXClosingElement","start":595,"end":605,"loc":{"start":{"line":14,"column":8,"index":595},"end":"[Circular]"},"name":{"type":"JSXIdentifier","start":597,"end":604,"loc":{"start":{"line":14,"column":10,"index":597},"end":{"line":14,"column":17,"index":604}},"name":"section"}},"children":[{"type":"JSXText","start":418,"end":429,"loc":{"start":{"line":10,"column":94,"index":418},"end":{"line":11,"column":10,"index":429}},"extra":{"rawValue":"\n ","raw":"\n "},"value":"\n "},{"type":"JSXElement","start":429,"end":474,"loc":{"start":{"line":11,"column":10,"index":429},"end":{"line":11,"column":55,"index":474}},"openingElement":{"type":"JSXOpeningElement","start":429,"end":468,"loc":{"start":"[Circular]","end":{"line":11,"column":49,"index":468}},"name":{"type":"JSXIdentifier","start":430,"end":433,"loc":{"start":{"line":11,"column":11,"index":430},"end":{"line":11,"column":14,"index":433}},"name":"div"},"attributes":[{"type":"JSXAttribute","start":434,"end":467,"loc":{"start":{"line":11,"column":15,"index":434},"end":{"line":11,"column":48,"index":467}},"name":{"type":"JSXIdentifier","start":434,"end":443,"loc":{"start":"[Circular]","end":{"line":11,"column":24,"index":443}},"name":"className"},"value":{"type":"StringLiteral","start":444,"end":467,"loc":{"start":{"line":11,"column":25,"index":444},"end":"[Circular]"},"extra":{"rawValue":"bg-gray-300 w-14 h-14","raw":"\"bg-gray-300 w-14 h-14\""},"value":"bg-gray-300 w-14 h-14"}}],"selfClosing":false},"closingElement":{"type":"JSXClosingElement","start":468,"end":474,"loc":{"start":{"line":11,"column":49,"index":468},"end":"[Circular]"},"name":{"type":"JSXIdentifier","start":470,"end":473,"loc":{"start":{"line":11,"column":51,"index":470},"end":{"line":11,"column":54,"index":473}},"name":"div"}},"children":[]},{"type":"JSXText","start":474,"end":485,"loc":{"start":{"line":11,"column":55,"index":474},"end":{"line":12,"column":10,"index":485}},"extra":{"rawValue":"\n ","raw":"\n "},"value":"\n "},{"type":"JSXElement","start":485,"end":530,"loc":{"start":{"line":12,"column":10,"index":485},"end":{"line":12,"column":55,"index":530}},"openingElement":{"type":"JSXOpeningElement","start":485,"end":524,"loc":{"start":"[Circular]","end":{"line":12,"column":49,"index":524}},"name":{"type":"JSXIdentifier","start":486,"end":489,"loc":{"start":{"line":12,"column":11,"index":486},"end":{"line":12,"column":14,"index":489}},"name":"div"},"attributes":[{"type":"JSXAttribute","start":490,"end":523,"loc":{"start":{"line":12,"column":15,"index":490},"end":{"line":12,"column":48,"index":523}},"name":{"type":"JSXIdentifier","start":490,"end":499,"loc":{"start":"[Circular]","end":{"line":12,"column":24,"index":499}},"name":"className"},"value":{"type":"StringLiteral","start":500,"end":523,"loc":{"start":{"line":12,"column":25,"index":500},"end":"[Circular]"},"extra":{"rawValue":"bg-gray-300 w-14 h-14","raw":"\"bg-gray-300 w-14 h-14\""},"value":"bg-gray-300 w-14 h-14"}}],"selfClosing":false},"closingElement":{"type":"JSXClosingElement","start":524,"end":530,"loc":{"start":{"line":12,"column":49,"index":524},"end":"[Circular]"},"name":{"type":"JSXIdentifier","start":526,"end":529,"loc":{"start":{"line":12,"column":51,"index":526},"end":{"line":12,"column":54,"index":529}},"name":"div"}},"children":[]},{"type":"JSXText","start":530,"end":541,"loc":{"start":{"line":12,"column":55,"index":530},"end":{"line":13,"column":10,"index":541}},"extra":{"rawValue":"\n ","raw":"\n "},"value":"\n "},{"type":"JSXElement","start":541,"end":586,"loc":{"start":{"line":13,"column":10,"index":541},"end":{"line":13,"column":55,"index":586}},"openingElement":{"type":"JSXOpeningElement","start":541,"end":580,"loc":{"start":"[Circular]","end":{"line":13,"column":49,"index":580}},"name":{"type":"JSXIdentifier","start":542,"end":545,"loc":{"start":{"line":13,"column":11,"index":542},"end":{"line":13,"column":14,"index":545}},"name":"div"},"attributes":[{"type":"JSXAttribute","start":546,"end":579,"loc":{"start":{"line":13,"column":15,"index":546},"end":{"line":13,"column":48,"index":579}},"name":{"type":"JSXIdentifier","start":546,"end":555,"loc":{"start":"[Circular]","end":{"line":13,"column":24,"index":555}},"name":"className"},"value":{"type":"StringLiteral","start":556,"end":579,"loc":{"start":{"line":13,"column":25,"index":556},"end":"[Circular]"},"extra":{"rawValue":"bg-gray-300 w-14 h-14","raw":"\"bg-gray-300 w-14 h-14\""},"value":"bg-gray-300 w-14 h-14"}}],"selfClosing":false},"closingElement":{"type":"JSXClosingElement","start":580,"end":586,"loc":{"start":{"line":13,"column":49,"index":580},"end":"[Circular]"},"name":{"type":"JSXIdentifier","start":582,"end":585,"loc":{"start":{"line":13,"column":51,"index":582},"end":{"line":13,"column":54,"index":585}},"name":"div"}},"children":[]},{"type":"JSXText","start":586,"end":595,"loc":{"start":{"line":13,"column":55,"index":586},"end":{"line":14,"column":8,"index":595}},"extra":{"rawValue":"\n ","raw":"\n "},"value":"\n "}]},{"type":"JSXText","start":605,"end":614,"loc":{"start":{"line":14,"column":18,"index":605},"end":{"line":15,"column":8,"index":614}},"extra":{"rawValue":"\n ","raw":"\n "},"value":"\n "},{"type":"JSXElement","start":614,"end":1139,"loc":{"start":{"line":15,"column":8,"index":614},"end":{"line":24,"column":18,"index":1139}},"openingElement":{"type":"JSXOpeningElement","start":614,"end":671,"loc":{"start":"[Circular]","end":{"line":15,"column":65,"index":671}},"name":{"type":"JSXIdentifier","start":615,"end":622,"loc":{"start":{"line":15,"column":9,"index":615},"end":{"line":15,"column":16,"index":622}},"name":"section"},"attributes":[{"type":"JSXAttribute","start":623,"end":648,"loc":{"start":{"line":15,"column":17,"index":623},"end":{"line":15,"column":42,"index":648}},"name":{"type":"JSXIdentifier","start":623,"end":633,"loc":{"start":"[Circular]","end":{"line":15,"column":27,"index":633}},"name":"aria-label"},"value":{"type":"StringLiteral","start":634,"end":648,"loc":{"start":{"line":15,"column":28,"index":634},"end":"[Circular]"},"extra":{"rawValue":"Main content","raw":"\"Main content\""},"value":"Main content"}},{"type":"JSXAttribute","start":649,"end":670,"loc":{"start":{"line":15,"column":43,"index":649},"end":{"line":15,"column":64,"index":670}},"name":{"type":"JSXIdentifier","start":649,"end":658,"loc":{"start":"[Circular]","end":{"line":15,"column":52,"index":658}},"name":"className"},"value":{"type":"StringLiteral","start":659,"end":670,"loc":{"start":{"line":15,"column":53,"index":659},"end":"[Circular]"},"extra":{"rawValue":"px-3 py-2","raw":"\"px-3 py-2\""},"value":"px-3 py-2"}}],"selfClosing":false},"closingElement":{"type":"JSXClosingElement","start":1129,"end":1139,"loc":{"start":{"line":24,"column":8,"index":1129},"end":"[Circular]"},"name":{"type":"JSXIdentifier","start":1131,"end":1138,"loc":{"start":{"line":24,"column":10,"index":1131},"end":{"line":24,"column":17,"index":1138}},"name":"section"}},"children":[{"type":"JSXText","start":671,"end":682,"loc":{"start":{"line":15,"column":65,"index":671},"end":{"line":16,"column":10,"index":682}},"extra":{"rawValue":"\n ","raw":"\n "},"value":"\n "},{"type":"JSXElement","start":682,"end":845,"loc":{"start":{"line":16,"column":10,"index":682},"end":{"line":18,"column":16,"index":845}},"openingElement":{"type":"JSXOpeningElement","start":682,"end":749,"loc":{"start":"[Circular]","end":{"line":16,"column":77,"index":749}},"name":{"type":"JSXIdentifier","start":683,"end":686,"loc":{"start":{"line":16,"column":11,"index":683},"end":{"line":16,"column":14,"index":686}},"name":"div"},"attributes":[{"type":"JSXAttribute","start":687,"end":748,"loc":{"start":{"line":16,"column":15,"index":687},"end":{"line":16,"column":76,"index":748}},"name":{"type":"JSXIdentifier","start":687,"end":696,"loc":{"start":"[Circular]","end":{"line":16,"column":24,"index":696}},"name":"className"},"value":{"type":"StringLiteral","start":697,"end":748,"loc":{"start":{"line":16,"column":25,"index":697},"end":"[Circular]"},"extra":{"rawValue":"bg-gray-200 p-16 flex justify-center items-center","raw":"\"bg-gray-200 p-16 flex justify-center items-center\""},"value":"bg-gray-200 p-16 flex justify-center items-center"}}],"selfClosing":false},"closingElement":{"type":"JSXClosingElement","start":839,"end":845,"loc":{"start":{"line":18,"column":10,"index":839},"end":"[Circular]"},"name":{"type":"JSXIdentifier","start":841,"end":844,"loc":{"start":{"line":18,"column":12,"index":841},"end":{"line":18,"column":15,"index":844}},"name":"div"}},"children":[{"type":"JSXText","start":749,"end":762,"loc":{"start":{"line":16,"column":77,"index":749},"end":{"line":17,"column":12,"index":762}},"extra":{"rawValue":"\n ","raw":"\n "},"value":"\n "},{"type":"JSXElement","start":762,"end":828,"loc":{"start":{"line":17,"column":12,"index":762},"end":{"line":17,"column":78,"index":828}},"openingElement":{"type":"JSXOpeningElement","start":762,"end":821,"loc":{"start":"[Circular]","end":{"line":17,"column":71,"index":821}},"name":{"type":"JSXIdentifier","start":763,"end":767,"loc":{"start":{"line":17,"column":13,"index":763},"end":{"line":17,"column":17,"index":767}},"name":"span"},"attributes":[{"type":"JSXAttribute","start":768,"end":820,"loc":{"start":{"line":17,"column":18,"index":768},"end":{"line":17,"column":70,"index":820}},"name":{"type":"JSXIdentifier","start":768,"end":777,"loc":{"start":"[Circular]","end":{"line":17,"column":27,"index":777}},"name":"className"},"value":{"type":"StringLiteral","start":778,"end":820,"loc":{"start":{"line":17,"column":28,"index":778},"end":"[Circular]"},"extra":{"rawValue":"block bg-gray-300 w-24 h-24 rounded-full","raw":"\"block bg-gray-300 w-24 h-24 rounded-full\""},"value":"block bg-gray-300 w-24 h-24 rounded-full"}}],"selfClosing":false},"closingElement":{"type":"JSXClosingElement","start":821,"end":828,"loc":{"start":{"line":17,"column":71,"index":821},"end":"[Circular]"},"name":{"type":"JSXIdentifier","start":823,"end":827,"loc":{"start":{"line":17,"column":73,"index":823},"end":{"line":17,"column":77,"index":827}},"name":"span"}},"children":[]},{"type":"JSXText","start":828,"end":839,"loc":{"start":{"line":17,"column":78,"index":828},"end":{"line":18,"column":10,"index":839}},"extra":{"rawValue":"\n ","raw":"\n "},"value":"\n "}]},{"type":"JSXText","start":845,"end":856,"loc":{"start":{"line":18,"column":16,"index":845},"end":{"line":19,"column":10,"index":856}},"extra":{"rawValue":"\n ","raw":"\n "},"value":"\n "},{"type":"JSXElement","start":856,"end":1120,"loc":{"start":{"line":19,"column":10,"index":856},"end":{"line":23,"column":16,"index":1120}},"openingElement":{"type":"JSXOpeningElement","start":856,"end":911,"loc":{"start":"[Circular]","end":{"line":19,"column":65,"index":911}},"name":{"type":"JSXIdentifier","start":857,"end":860,"loc":{"start":{"line":19,"column":11,"index":857},"end":{"line":19,"column":14,"index":860}},"name":"div"},"attributes":[{"type":"JSXAttribute","start":861,"end":910,"loc":{"start":{"line":19,"column":15,"index":861},"end":{"line":19,"column":64,"index":910}},"name":{"type":"JSXIdentifier","start":861,"end":870,"loc":{"start":"[Circular]","end":{"line":19,"column":24,"index":870}},"name":"className"},"value":{"type":"StringLiteral","start":871,"end":910,"loc":{"start":{"line":19,"column":25,"index":871},"end":"[Circular]"},"extra":{"rawValue":"flex justify-around items-center mt-4","raw":"\"flex justify-around items-center mt-4\""},"value":"flex justify-around items-center mt-4"}}],"selfClosing":false},"closingElement":{"type":"JSXClosingElement","start":1114,"end":1120,"loc":{"start":{"line":23,"column":10,"index":1114},"end":"[Circular]"},"name":{"type":"JSXIdentifier","start":1116,"end":1119,"loc":{"start":{"line":23,"column":12,"index":1116},"end":{"line":23,"column":15,"index":1119}},"name":"div"}},"children":[{"type":"JSXText","start":911,"end":924,"loc":{"start":{"line":19,"column":65,"index":911},"end":{"line":20,"column":12,"index":924}},"extra":{"rawValue":"\n ","raw":"\n "},"value":"\n "},{"type":"JSXElement","start":924,"end":975,"loc":{"start":{"line":20,"column":12,"index":924},"end":{"line":20,"column":63,"index":975}},"openingElement":{"type":"JSXOpeningElement","start":924,"end":968,"loc":{"start":"[Circular]","end":{"line":20,"column":56,"index":968}},"name":{"type":"JSXIdentifier","start":925,"end":929,"loc":{"start":{"line":20,"column":13,"index":925},"end":{"line":20,"column":17,"index":929}},"name":"span"},"attributes":[{"type":"JSXAttribute","start":930,"end":967,"loc":{"start":{"line":20,"column":18,"index":930},"end":{"line":20,"column":55,"index":967}},"name":{"type":"JSXIdentifier","start":930,"end":939,"loc":{"start":"[Circular]","end":{"line":20,"column":27,"index":939}},"name":"className"},"value":{"type":"StringLiteral","start":940,"end":967,"loc":{"start":{"line":20,"column":28,"index":940},"end":"[Circular]"},"extra":{"rawValue":"block bg-gray-300 w-8 h-8","raw":"\"block bg-gray-300 w-8 h-8\""},"value":"block bg-gray-300 w-8 h-8"}}],"selfClosing":false},"closingElement":{"type":"JSXClosingElement","start":968,"end":975,"loc":{"start":{"line":20,"column":56,"index":968},"end":"[Circular]"},"name":{"type":"JSXIdentifier","start":970,"end":974,"loc":{"start":{"line":20,"column":58,"index":970},"end":{"line":20,"column":62,"index":974}},"name":"span"}},"children":[]},{"type":"JSXText","start":975,"end":988,"loc":{"start":{"line":20,"column":63,"index":975},"end":{"line":21,"column":12,"index":988}},"extra":{"rawValue":"\n ","raw":"\n "},"value":"\n "},{"type":"JSXElement","start":988,"end":1039,"loc":{"start":{"line":21,"column":12,"index":988},"end":{"line":21,"column":63,"index":1039}},"openingElement":{"type":"JSXOpeningElement","start":988,"end":1032,"loc":{"start":"[Circular]","end":{"line":21,"column":56,"index":1032}},"name":{"type":"JSXIdentifier","start":989,"end":993,"loc":{"start":{"line":21,"column":13,"index":989},"end":{"line":21,"column":17,"index":993}},"name":"span"},"attributes":[{"type":"JSXAttribute","start":994,"end":1031,"loc":{"start":{"line":21,"column":18,"index":994},"end":{"line":21,"column":55,"index":1031}},"name":{"type":"JSXIdentifier","start":994,"end":1003,"loc":{"start":"[Circular]","end":{"line":21,"column":27,"index":1003}},"name":"className"},"value":{"type":"StringLiteral","start":1004,"end":1031,"loc":{"start":{"line":21,"column":28,"index":1004},"end":"[Circular]"},"extra":{"rawValue":"block bg-gray-300 w-8 h-8","raw":"\"block bg-gray-300 w-8 h-8\""},"value":"block bg-gray-300 w-8 h-8"}}],"selfClosing":false},"closingElement":{"type":"JSXClosingElement","start":1032,"end":1039,"loc":{"start":{"line":21,"column":56,"index":1032},"end":"[Circular]"},"name":{"type":"JSXIdentifier","start":1034,"end":1038,"loc":{"start":{"line":21,"column":58,"index":1034},"end":{"line":21,"column":62,"index":1038}},"name":"span"}},"children":[]},{"type":"JSXText","start":1039,"end":1052,"loc":{"start":{"line":21,"column":63,"index":1039},"end":{"line":22,"column":12,"index":1052}},"extra":{"rawValue":"\n ","raw":"\n "},"value":"\n "},{"type":"JSXElement","start":1052,"end":1103,"loc":{"start":{"line":22,"column":12,"index":1052},"end":{"line":22,"column":63,"index":1103}},"openingElement":{"type":"JSXOpeningElement","start":1052,"end":1096,"loc":{"start":"[Circular]","end":{"line":22,"column":56,"index":1096}},"name":{"type":"JSXIdentifier","start":1053,"end":1057,"loc":{"start":{"line":22,"column":13,"index":1053},"end":{"line":22,"column":17,"index":1057}},"name":"span"},"attributes":[{"type":"JSXAttribute","start":1058,"end":1095,"loc":{"start":{"line":22,"column":18,"index":1058},"end":{"line":22,"column":55,"index":1095}},"name":{"type":"JSXIdentifier","start":1058,"end":1067,"loc":{"start":"[Circular]","end":{"line":22,"column":27,"index":1067}},"name":"className"},"value":{"type":"StringLiteral","start":1068,"end":1095,"loc":{"start":{"line":22,"column":28,"index":1068},"end":"[Circular]"},"extra":{"rawValue":"block bg-gray-300 w-8 h-8","raw":"\"block bg-gray-300 w-8 h-8\""},"value":"block bg-gray-300 w-8 h-8"}}],"selfClosing":false},"closingElement":{"type":"JSXClosingElement","start":1096,"end":1103,"loc":{"start":{"line":22,"column":56,"index":1096},"end":"[Circular]"},"name":{"type":"JSXIdentifier","start":1098,"end":1102,"loc":{"start":{"line":22,"column":58,"index":1098},"end":{"line":22,"column":62,"index":1102}},"name":"span"}},"children":[]},{"type":"JSXText","start":1103,"end":1114,"loc":{"start":{"line":22,"column":63,"index":1103},"end":{"line":23,"column":10,"index":1114}},"extra":{"rawValue":"\n ","raw":"\n "},"value":"\n "}]},{"type":"JSXText","start":1120,"end":1129,"loc":{"start":{"line":23,"column":16,"index":1120},"end":{"line":24,"column":8,"index":1129}},"extra":{"rawValue":"\n ","raw":"\n "},"value":"\n "}]},{"type":"JSXText","start":1139,"end":1148,"loc":{"start":{"line":24,"column":18,"index":1139},"end":{"line":25,"column":8,"index":1148}},"extra":{"rawValue":"\n ","raw":"\n "},"value":"\n "},{"type":"JSXElement","start":1148,"end":1681,"loc":{"start":{"line":25,"column":8,"index":1148},"end":{"line":34,"column":18,"index":1681}},"openingElement":{"type":"JSXOpeningElement","start":1148,"end":1226,"loc":{"start":"[Circular]","end":{"line":25,"column":86,"index":1226}},"name":{"type":"JSXIdentifier","start":1149,"end":1156,"loc":{"start":{"line":25,"column":9,"index":1149},"end":{"line":25,"column":16,"index":1156}},"name":"section"},"attributes":[{"type":"JSXAttribute","start":1157,"end":1182,"loc":{"start":{"line":25,"column":17,"index":1157},"end":{"line":25,"column":42,"index":1182}},"name":{"type":"JSXIdentifier","start":1157,"end":1167,"loc":{"start":"[Circular]","end":{"line":25,"column":27,"index":1167}},"name":"aria-label"},"value":{"type":"StringLiteral","start":1168,"end":1182,"loc":{"start":{"line":25,"column":28,"index":1168},"end":"[Circular]"},"extra":{"rawValue":"Interactions","raw":"\"Interactions\""},"value":"Interactions"}},{"type":"JSXAttribute","start":1183,"end":1225,"loc":{"start":{"line":25,"column":43,"index":1183},"end":{"line":25,"column":85,"index":1225}},"name":{"type":"JSXIdentifier","start":1183,"end":1192,"loc":{"start":"[Circular]","end":{"line":25,"column":52,"index":1192}},"name":"className"},"value":{"type":"StringLiteral","start":1193,"end":1225,"loc":{"start":{"line":25,"column":53,"index":1193},"end":"[Circular]"},"extra":{"rawValue":"flex justify-between px-3 py-2","raw":"\"flex justify-between px-3 py-2\""},"value":"flex justify-between px-3 py-2"}}],"selfClosing":false},"closingElement":{"type":"JSXClosingElement","start":1671,"end":1681,"loc":{"start":{"line":34,"column":8,"index":1671},"end":"[Circular]"},"name":{"type":"JSXIdentifier","start":1673,"end":1680,"loc":{"start":{"line":34,"column":10,"index":1673},"end":{"line":34,"column":17,"index":1680}},"name":"section"}},"children":[{"type":"JSXText","start":1226,"end":1237,"loc":{"start":{"line":25,"column":86,"index":1226},"end":{"line":26,"column":10,"index":1237}},"extra":{"rawValue":"\n ","raw":"\n "},"value":"\n "},{"type":"JSXElement","start":1237,"end":1444,"loc":{"start":{"line":26,"column":10,"index":1237},"end":{"line":29,"column":19,"index":1444}},"openingElement":{"type":"JSXOpeningElement","start":1237,"end":1310,"loc":{"start":"[Circular]","end":{"line":26,"column":83,"index":1310}},"name":{"type":"JSXIdentifier","start":1238,"end":1244,"loc":{"start":{"line":26,"column":11,"index":1238},"end":{"line":26,"column":17,"index":1244}},"name":"button"},"attributes":[{"type":"JSXAttribute","start":1245,"end":1309,"loc":{"start":{"line":26,"column":18,"index":1245},"end":{"line":26,"column":82,"index":1309}},"name":{"type":"JSXIdentifier","start":1245,"end":1254,"loc":{"start":"[Circular]","end":{"line":26,"column":27,"index":1254}},"name":"className"},"value":{"type":"StringLiteral","start":1255,"end":1309,"loc":{"start":{"line":26,"column":28,"index":1255},"end":"[Circular]"},"extra":{"rawValue":"bg-gray-200 px-3 py-1 rounded-full flex items-center","raw":"\"bg-gray-200 px-3 py-1 rounded-full flex items-center\""},"value":"bg-gray-200 px-3 py-1 rounded-full flex items-center"}}],"selfClosing":false},"closingElement":{"type":"JSXClosingElement","start":1435,"end":1444,"loc":{"start":{"line":29,"column":10,"index":1435},"end":"[Circular]"},"name":{"type":"JSXIdentifier","start":1437,"end":1443,"loc":{"start":{"line":29,"column":12,"index":1437},"end":{"line":29,"column":18,"index":1443}},"name":"button"}},"children":[{"type":"JSXText","start":1310,"end":1323,"loc":{"start":{"line":26,"column":83,"index":1310},"end":{"line":27,"column":12,"index":1323}},"extra":{"rawValue":"\n ","raw":"\n "},"value":"\n "},{"type":"JSXElement","start":1323,"end":1391,"loc":{"start":{"line":27,"column":12,"index":1323},"end":{"line":27,"column":80,"index":1391}},"openingElement":{"type":"JSXOpeningElement","start":1323,"end":1384,"loc":{"start":"[Circular]","end":{"line":27,"column":73,"index":1384}},"name":{"type":"JSXIdentifier","start":1324,"end":1328,"loc":{"start":{"line":27,"column":13,"index":1324},"end":{"line":27,"column":17,"index":1328}},"name":"span"},"attributes":[{"type":"JSXAttribute","start":1329,"end":1383,"loc":{"start":{"line":27,"column":18,"index":1329},"end":{"line":27,"column":72,"index":1383}},"name":{"type":"JSXIdentifier","start":1329,"end":1338,"loc":{"start":"[Circular]","end":{"line":27,"column":27,"index":1338}},"name":"className"},"value":{"type":"StringLiteral","start":1339,"end":1383,"loc":{"start":{"line":27,"column":28,"index":1339},"end":"[Circular]"},"extra":{"rawValue":"block bg-red-300 w-6 h-6 rounded-full mr-2","raw":"\"block bg-red-300 w-6 h-6 rounded-full mr-2\""},"value":"block bg-red-300 w-6 h-6 rounded-full mr-2"}}],"selfClosing":false},"closingElement":{"type":"JSXClosingElement","start":1384,"end":1391,"loc":{"start":{"line":27,"column":73,"index":1384},"end":"[Circular]"},"name":{"type":"JSXIdentifier","start":1386,"end":1390,"loc":{"start":{"line":27,"column":75,"index":1386},"end":{"line":27,"column":79,"index":1390}},"name":"span"}},"children":[]},{"type":"JSXText","start":1391,"end":1404,"loc":{"start":{"line":27,"column":80,"index":1391},"end":{"line":28,"column":12,"index":1404}},"extra":{"rawValue":"\n ","raw":"\n "},"value":"\n "},{"type":"JSXElement","start":1404,"end":1424,"loc":{"start":{"line":28,"column":12,"index":1404},"end":{"line":28,"column":32,"index":1424}},"openingElement":{"type":"JSXOpeningElement","start":1404,"end":1410,"loc":{"start":"[Circular]","end":{"line":28,"column":18,"index":1410}},"name":{"type":"JSXIdentifier","start":1405,"end":1409,"loc":{"start":{"line":28,"column":13,"index":1405},"end":{"line":28,"column":17,"index":1409}},"name":"span"},"attributes":[],"selfClosing":false},"closingElement":{"type":"JSXClosingElement","start":1417,"end":1424,"loc":{"start":{"line":28,"column":25,"index":1417},"end":"[Circular]"},"name":{"type":"JSXIdentifier","start":1419,"end":1423,"loc":{"start":{"line":28,"column":27,"index":1419},"end":{"line":28,"column":31,"index":1423}},"name":"span"}},"children":[{"type":"JSXText","start":1410,"end":1417,"loc":{"start":{"line":28,"column":18,"index":1410},"end":{"line":28,"column":25,"index":1417}},"extra":{"rawValue":"Comment","raw":"Comment"},"value":"Comment"}]},{"type":"JSXText","start":1424,"end":1435,"loc":{"start":{"line":28,"column":32,"index":1424},"end":{"line":29,"column":10,"index":1435}},"extra":{"rawValue":"\n ","raw":"\n "},"value":"\n "}]},{"type":"JSXText","start":1444,"end":1455,"loc":{"start":{"line":29,"column":19,"index":1444},"end":{"line":30,"column":10,"index":1455}},"extra":{"rawValue":"\n ","raw":"\n "},"value":"\n "},{"type":"JSXElement","start":1455,"end":1662,"loc":{"start":{"line":30,"column":10,"index":1455},"end":{"line":33,"column":19,"index":1662}},"openingElement":{"type":"JSXOpeningElement","start":1455,"end":1528,"loc":{"start":"[Circular]","end":{"line":30,"column":83,"index":1528}},"name":{"type":"JSXIdentifier","start":1456,"end":1462,"loc":{"start":{"line":30,"column":11,"index":1456},"end":{"line":30,"column":17,"index":1462}},"name":"button"},"attributes":[{"type":"JSXAttribute","start":1463,"end":1527,"loc":{"start":{"line":30,"column":18,"index":1463},"end":{"line":30,"column":82,"index":1527}},"name":{"type":"JSXIdentifier","start":1463,"end":1472,"loc":{"start":"[Circular]","end":{"line":30,"column":27,"index":1472}},"name":"className"},"value":{"type":"StringLiteral","start":1473,"end":1527,"loc":{"start":{"line":30,"column":28,"index":1473},"end":"[Circular]"},"extra":{"rawValue":"bg-gray-200 px-3 py-1 rounded-full flex items-center","raw":"\"bg-gray-200 px-3 py-1 rounded-full flex items-center\""},"value":"bg-gray-200 px-3 py-1 rounded-full flex items-center"}}],"selfClosing":false},"closingElement":{"type":"JSXClosingElement","start":1653,"end":1662,"loc":{"start":{"line":33,"column":10,"index":1653},"end":"[Circular]"},"name":{"type":"JSXIdentifier","start":1655,"end":1661,"loc":{"start":{"line":33,"column":12,"index":1655},"end":{"line":33,"column":18,"index":1661}},"name":"button"}},"children":[{"type":"JSXText","start":1528,"end":1541,"loc":{"start":{"line":30,"column":83,"index":1528},"end":{"line":31,"column":12,"index":1541}},"extra":{"rawValue":"\n ","raw":"\n "},"value":"\n "},{"type":"JSXElement","start":1541,"end":1610,"loc":{"start":{"line":31,"column":12,"index":1541},"end":{"line":31,"column":81,"index":1610}},"openingElement":{"type":"JSXOpeningElement","start":1541,"end":1603,"loc":{"start":"[Circular]","end":{"line":31,"column":74,"index":1603}},"name":{"type":"JSXIdentifier","start":1542,"end":1546,"loc":{"start":{"line":31,"column":13,"index":1542},"end":{"line":31,"column":17,"index":1546}},"name":"span"},"attributes":[{"type":"JSXAttribute","start":1547,"end":1602,"loc":{"start":{"line":31,"column":18,"index":1547},"end":{"line":31,"column":73,"index":1602}},"name":{"type":"JSXIdentifier","start":1547,"end":1556,"loc":{"start":"[Circular]","end":{"line":31,"column":27,"index":1556}},"name":"className"},"value":{"type":"StringLiteral","start":1557,"end":1602,"loc":{"start":{"line":31,"column":28,"index":1557},"end":"[Circular]"},"extra":{"rawValue":"block bg-blue-300 w-6 h-6 rounded-full mr-2","raw":"\"block bg-blue-300 w-6 h-6 rounded-full mr-2\""},"value":"block bg-blue-300 w-6 h-6 rounded-full mr-2"}}],"selfClosing":false},"closingElement":{"type":"JSXClosingElement","start":1603,"end":1610,"loc":{"start":{"line":31,"column":74,"index":1603},"end":"[Circular]"},"name":{"type":"JSXIdentifier","start":1605,"end":1609,"loc":{"start":{"line":31,"column":76,"index":1605},"end":{"line":31,"column":80,"index":1609}},"name":"span"}},"children":[]},{"type":"JSXText","start":1610,"end":1623,"loc":{"start":{"line":31,"column":81,"index":1610},"end":{"line":32,"column":12,"index":1623}},"extra":{"rawValue":"\n ","raw":"\n "},"value":"\n "},{"type":"JSXElement","start":1623,"end":1642,"loc":{"start":{"line":32,"column":12,"index":1623},"end":{"line":32,"column":31,"index":1642}},"openingElement":{"type":"JSXOpeningElement","start":1623,"end":1629,"loc":{"start":"[Circular]","end":{"line":32,"column":18,"index":1629}},"name":{"type":"JSXIdentifier","start":1624,"end":1628,"loc":{"start":{"line":32,"column":13,"index":1624},"end":{"line":32,"column":17,"index":1628}},"name":"span"},"attributes":[],"selfClosing":false},"closingElement":{"type":"JSXClosingElement","start":1635,"end":1642,"loc":{"start":{"line":32,"column":24,"index":1635},"end":"[Circular]"},"name":{"type":"JSXIdentifier","start":1637,"end":1641,"loc":{"start":{"line":32,"column":26,"index":1637},"end":{"line":32,"column":30,"index":1641}},"name":"span"}},"children":[{"type":"JSXText","start":1629,"end":1635,"loc":{"start":{"line":32,"column":18,"index":1629},"end":{"line":32,"column":24,"index":1635}},"extra":{"rawValue":"Direct","raw":"Direct"},"value":"Direct"}]},{"type":"JSXText","start":1642,"end":1653,"loc":{"start":{"line":32,"column":31,"index":1642},"end":{"line":33,"column":10,"index":1653}},"extra":{"rawValue":"\n ","raw":"\n "},"value":"\n "}]},{"type":"JSXText","start":1662,"end":1671,"loc":{"start":{"line":33,"column":19,"index":1662},"end":{"line":34,"column":8,"index":1671}},"extra":{"rawValue":"\n ","raw":"\n "},"value":"\n "}]},{"type":"JSXText","start":1681,"end":1688,"loc":{"start":{"line":34,"column":18,"index":1681},"end":{"line":35,"column":6,"index":1688}},"extra":{"rawValue":"\n ","raw":"\n "},"value":"\n "}]},{"type":"JSXText","start":1694,"end":1699,"loc":{"start":{"line":35,"column":12,"index":1694},"end":{"line":36,"column":4,"index":1699}},"extra":{"rawValue":"\n ","raw":"\n "},"value":"\n "}],"extra":{"parenthesized":true,"parenStart":71}}}],"directives":[]}}}],"kind":"const"},{"type":"ExportDefaultDeclaration","start":1715,"end":1734,"loc":{"start":{"line":40,"column":0,"index":1715},"end":{"line":40,"column":19,"index":1734}},"declaration":{"type":"Identifier","start":1730,"end":1733,"loc":{"start":{"line":40,"column":15,"index":1730},"end":{"line":40,"column":18,"index":1733},"identifierName":"App"},"name":"App"}}],"directives":[]},"comments":[]},"summary":"Summary for test/src/App.js : The given code represents the `App` component of a React application. This component is essentially the main view of a simplified Instagram clone.\n\nVisually, the file provides a layout for various sections of the Instagram app. There are no dynamic parts or state handling here, simply static HTML-like JSX syntax, that works as templates to represent typical parts of an Instagram portal.\n\nThe topmost (header) section contains a text heading, the name of the app - \"Instagram Clone Classic\". Following this, there are two horizontal rectangular blocks that could be placeholders for where stories or other circular form factor content might usually appear.\n\nFurther down, the main content section houses a large circular block, possibly for a profile picture or main image and three smaller circular elements below it that could be placeholders for supplementary content or features like likes, comments or shares.\n\nThe final section presents two buttons for user interactions, probably simulating the \"comment\" and \"direct message\" actions of Instagram. Each button also includes a circular-colored block, maybe designed to host icons in a fully designed app. \n\nOverall, this `App` component seems to layout a bare-bones Instagram interface. It doesn't have any interactive functionality as written, it just serves the purpose of a structural mockup. It's worth noting, however, that React's useState hook is imported but not used in this component.","sourceCode":"import React, { useState } from 'react';\n\nconst App = () => {\n return (\n <div className=\"font-sans min-h-screen bg-gray-50 py-8\">\n <div className=\"max-w-xs mx-auto\">\n <header className=\"border-b-2 p-4\">\n <h1 className=\"text-xl font-bold text-center\">Instagram Clone \"Classic\"</h1>\n </header>\n <section aria-label=\"Stories\" className=\"flex justify-between items-center px-3 py-2\">\n <div className=\"bg-gray-300 w-14 h-14\"></div>\n <div className=\"bg-gray-300 w-14 h-14\"></div>\n <div className=\"bg-gray-300 w-14 h-14\"></div>\n </section>\n <section aria-label=\"Main content\" className=\"px-3 py-2\">\n <div className=\"bg-gray-200 p-16 flex justify-center items-center\">\n <span className=\"block bg-gray-300 w-24 h-24 rounded-full\"></span>\n </div>\n <div className=\"flex justify-around items-center mt-4\">\n <span className=\"block bg-gray-300 w-8 h-8\"></span>\n <span className=\"block bg-gray-300 w-8 h-8\"></span>\n <span className=\"block bg-gray-300 w-8 h-8\"></span>\n </div>\n </section>\n <section aria-label=\"Interactions\" className=\"flex justify-between px-3 py-2\">\n <button className=\"bg-gray-200 px-3 py-1 rounded-full flex items-center\">\n <span className=\"block bg-red-300 w-6 h-6 rounded-full mr-2\"></span>\n <span>Comment</span>\n </button>\n <button className=\"bg-gray-200 px-3 py-1 rounded-full flex items-center\">\n <span className=\"block bg-blue-300 w-6 h-6 rounded-full mr-2\"></span>\n <span>Direct</span>\n </button>\n </section>\n </div>\n </div>\n );\n};\n\nexport default App;\n"},{"file":"test/src/index.css","type":"CSS","ast":{"raws":{"semicolon":true,"after":""},"type":"root","nodes":[{"raws":{"before":"","between":"","afterName":" "},"type":"atrule","name":"tailwind","source":{"end":{"column":15,"line":1,"offset":15},"inputId":0,"start":{"column":1,"line":1,"offset":0}},"params":"base"},{"raws":{"before":"\n ","between":"","afterName":" "},"type":"atrule","name":"tailwind","source":{"end":{"column":45,"line":2,"offset":61},"inputId":0,"start":{"column":25,"line":2,"offset":40}},"params":"components"},{"raws":{"before":"\n ","between":"","afterName":" "},"type":"atrule","name":"tailwind","source":{"end":{"column":44,"line":3,"offset":106},"inputId":0,"start":{"column":25,"line":3,"offset":86}},"params":"utilities"}],"source":{"end":{"column":45,"line":3,"offset":106},"inputId":0,"start":{"column":1,"line":1,"offset":0}},"inputs":[{"hasBOM":false,"css":"@tailwind base;\n @tailwind components;\n @tailwind utilities;","id":"<input css lXPDyg>"}]},"summary":"Summary for test/src/index.css : This file appears to be the main CSS (Cascading Style Sheet) file for a project that uses Tailwind CSS, a utility-first CSS framework. The main purpose of such a file is to style and control the visual layout and appearance of HTML elements used within the project.\n\nThe code you've shown comprises of Tailwind CSS directives. These lines are not traditional CSS, but are part of Tailwind's own domain-specific language (DSL).\n\n`@tailwind base;` This directive is used to inject Tailwind's base styles, which includes a reset CSS for styling consistency.\n\n`@tailwind components;` This injects any component classes registered by plugins. It is where most of Tailwind's built-in utility classes (like text-center or rotate-90) are generated.\n\n`@tailwind utilities;` This inserts Tailwind's utility classes, effectively enabling the powerful utility-driven styling that makes Tailwind a utility-first framework.\n\nHowever, without additional information, it cannot be specified what particular functions, UI elements, or styles are covered by the CSS in this file as it lacks the explicit, written styles for specific classes or elements you would normally see in a non-utility-first CSS file. It may utilize classes defined elsewhere, or defined in Tailwind's configuration file to control its styles.","sourceCode":"@tailwind base;\n @tailwind components;\n @tailwind utilities;"},{"file":"test/src/index.js","type":"JavaScript/TypeScript","ast":{"type":"File","start":0,"end":444,"loc":{"start":{"line":1,"column":0,"index":0},"end":{"line":11,"column":26,"index":444}},"errors":[],"program":{"type":"Program","start":0,"end":444,"loc":{"start":"[Circular]","end":"[Circular]"},"sourceType":"module","interpreter":null,"body":[{"type":"ImportDeclaration","start":0,"end":26,"loc":{"start":{"line":1,"column":0,"index":0},"end":{"line":1,"column":26,"index":26}},"specifiers":[{"type":"ImportDefaultSpecifier","start":7,"end":12,"loc":{"start":{"line":1,"column":7,"index":7},"end":{"line":1,"column":12,"index":12}},"local":{"type":"Identifier","start":7,"end":12,"loc":{"start":"[Circular]","end":"[Circular]","identifierName":"React"},"name":"React"}}],"source":{"type":"StringLiteral","start":18,"end":25,"loc":{"start":{"line":1,"column":18,"index":18},"end":{"line":1,"column":25,"index":25}},"extra":{"rawValue":"react","raw":"\"react\""},"value":"react"}},{"type":"ImportDeclaration","start":51,"end":84,"loc":{"start":{"line":2,"column":24,"index":51},"end":{"line":2,"column":57,"index":84}},"specifiers":[{"type":"ImportDefaultSpecifier","start":58,"end":66,"loc":{"start":{"line":2,"column":31,"index":58},"end":{"line":2,"column":39,"index":66}},"local":{"type":"Identifier","start":58,"end":66,"loc":{"start":"[Circular]","end":"[Circular]","identifierName":"ReactDOM"},"name":"ReactDOM"}}],"source":{"type":"StringLiteral","start":72,"end":83,"loc":{"start":{"line":2,"column":45,"index":72},"end":{"line":2,"column":56,"index":83}},"extra":{"rawValue":"react-dom","raw":"\"react-dom\""},"value":"react-dom"}},{"type":"ImportDeclaration","start":109,"end":130,"loc":{"start":{"line":3,"column":24,"index":109},"end":{"line":3,"column":45,"index":130}},"specifiers":[],"source":{"type":"StringLiteral","start":116,"end":129,"loc":{"start":{"line":3,"column":31,"index":116},"end":{"line":3,"column":44,"index":129}},"extra":{"rawValue":"./index.css","raw":"\"./index.css\""},"value":"./index.css"}},{"type":"ImportDeclaration","start":155,"end":179,"loc":{"start":{"line":4,"column":24,"index":155},"end":{"line":4,"column":48,"index":179}},"specifiers":[{"type":"ImportDefaultSpecifier","start":162,"end":165,"loc":{"start":{"line":4,"column":31,"index":162},"end":{"line":4,"column":34,"index":165}},"local":{"type":"Identifier","start":162,"end":165,"loc":{"start":"[Circular]","end":"[Circular]","identifierName":"App"},"name":"App"}}],"source":{"type":"StringLiteral","start":171,"end":178,"loc":{"start":{"line":4,"column":40,"index":171},"end":{"line":4,"column":47,"index":178}},"extra":{"rawValue":"./App","raw":"\"./App\""},"value":"./App"}},{"type":"ExpressionStatement","start":215,"end":444,"loc":{"start":{"line":6,"column":24,"index":215},"end":{"line":11,"column":26,"index":444}},"expression":{"type":"CallExpression","start":215,"end":443,"loc":{"start":"[Circular]","end":{"line":11,"column":25,"index":443}},"callee":{"type":"MemberExpression","start":215,"end":230,"loc":{"start":"[Circular]","end":{"line":6,"column":39,"index":230}},"object":{"type":"Identifier","start":215,"end":223,"loc":{"start":"[Circular]","end":{"line":6,"column":32,"index":223},"identifierName":"ReactDOM"},"name":"ReactDOM"},"computed":false,"property":{"type":"Identifier","start":224,"end":230,"loc":{"start":{"line":6,"column":33,"index":224},"end":"[Circular]","identifierName":"render"},"name":"render"}},"arguments":[{"type":"JSXElement","start":258,"end":358,"loc":{"start":{"line":7,"column":26,"index":258},"end":{"line":9,"column":45,"index":358}},"openingElement":{"type":"JSXOpeningElement","start":258,"end":276,"loc":{"start":"[Circular]","end":{"line":7,"column":44,"index":276}},"name":{"type":"JSXMemberExpression","start":259,"end":275,"loc":{"start":{"line":7,"column":27,"index":259},"end":{"line":7,"column":43,"index":275}},"object":{"type":"JSXIdentifier","start":259,"end":264,"loc":{"start":"[Circular]","end":{"line":7,"column":32,"index":264}},"name":"React"},"property":{"type":"JSXIdentifier","start":265,"end":275,"loc":{"start":{"line":7,"column":33,"index":265},"end":"[Circular]"},"name":"StrictMode"}},"attributes":[],"selfClosing":false},"closingElement":{"type":"JSXClosingElement","start":339,"end":358,"loc":{"start":{"line":9,"column":26,"index":339},"end":"[Circular]"},"name":{"type":"JSXMemberExpression","start":341,"end":357,"loc":{"start":{"line":9,"column":28,"index":341},"end":{"line":9,"column":44,"index":357}},"object":{"type":"JSXIdentifier","start":341,"end":346,"loc":{"start":"[Circular]","end":{"line":9,"column":33,"index":346}},"name":"React"},"property":{"type":"JSXIdentifier","start":347,"end":357,"loc":{"start":{"line":9,"column":34,"index":347},"end":"[Circular]"},"name":"StrictMode"}}},"children":[{"type":"JSXText","start":276,"end":305,"loc":{"start":{"line":7,"column":44,"index":276},"end":{"line":8,"column":28,"index":305}},"extra":{"rawValue":"\n ","raw":"\n "},"value":"\n "},{"type":"JSXElement","start":305,"end":312,"loc":{"start":{"line":8,"column":28,"index":305},"end":{"line":8,"column":35,"index":312}},"openingElement":{"type":"JSXOpeningElement","start":305,"end":312,"loc":{"start":"[Circular]","end":"[Circular]"},"name":{"type":"JSXIdentifier","start":306,"end":309,"loc":{"start":{"line":8,"column":29,"index":306},"end":{"line":8,"column":32,"index":309}},"name":"App"},"attributes":[],"selfClosing":true},"closingElement":null,"children":[]},{"type":"JSXText","start":312,"end":339,"loc":{"start":{"line":8,"column":35,"index":312},"end":{"line":9,"column":26,"index":339}},"extra":{"rawValue":"\n ","raw":"\n "},"value":"\n "}]},{"type":"CallExpression","start":386,"end":417,"loc":{"start":{"line":10,"column":26,"index":386},"end":{"line":10,"column":57,"index":417}},"callee":{"type":"MemberExpression","start":386,"end":409,"loc":{"start":"[Circular]","end":{"line":10,"column":49,"index":409}},"object":{"type":"Identifier","start":386,"end":394,"loc":{"start":"[Circular]","end":{"line":10,"column":34,"index":394},"identifierName":"document"},"name":"document"},"computed":false,"property":{"type":"Identifier","start":395,"end":409,"loc":{"start":{"line":10,"column":35,"index":395},"end":"[Circular]","identifierName":"getElementById"},"name":"getElementById"}},"arguments":[{"type":"StringLiteral","start":410,"end":416,"loc":{"start":{"line":10,"column":50,"index":410},"end":{"line":10,"column":56,"index":416}},"extra":{"rawValue":"root","raw":"\"root\""},"value":"root"}]}]}}],"directives":[]},"comments":[]},"summary":"Summary for test/src/index.js : This file is the main entry point for a React application. It's purpose is to render the `App` component to the root DOM node in your application. \n\nFirstly, it imports necessary modules like `React`, `ReactDOM`, `index.css` for global styling and `App` which is the main application component.\n\nWithout a view of the `App` component, it's hard to judge which specific UI elements are written into it, but the imported `App` suggests that it's likely to contain functional logic and UI components of the application.\n\nThe line `ReactDOM.render(...)` is responsible for rendering the `App` component inside a `React.StrictMode` wrapper. StrictMode is a tool for highlighting potential problems in an application during development. It performs checks and warnings for potential pitfalls in the app.\n\nFinally, `document.getElementById('root')` locates the root DOM node in the HTML where the React application will be attached. \n\nThis code doesn't outline any specific functions. However, it's critical for setting up the environment of a React app and ensuring the `App` component gets rendered properly to the DOM.","sourceCode":"import React from \"react\";\n import ReactDOM from \"react-dom\";\n import \"./index.css\";\n import App from \"./App\";\n \n ReactDOM.render(\n <React.StrictMode>\n <App />\n </React.StrictMode>,\n document.getElementById(\"root\")\n );"},{"file":"test/tailwind.config.js","type":"JavaScript/TypeScript","ast":{"type":"File","start":0,"end":261,"loc":{"start":{"line":1,"column":0,"index":0},"end":{"line":7,"column":27,"index":261}},"errors":[],"program":{"type":"Program","start":0,"end":261,"loc":{"start":"[Circular]","end":"[Circular]"},"sourceType":"module","interpreter":null,"body":[{"type":"ExpressionStatement","start":0,"end":261,"loc":{"start":{"line":1,"column":0,"index":0},"end":{"line":7,"column":27,"index":261}},"expression":{"type":"AssignmentExpression","start":0,"end":260,"loc":{"start":"[Circular]","end":{"line":7,"column":26,"index":260}},"operator":"=","left":{"type":"MemberExpression","start":0,"end":14,"loc":{"start":"[Circular]","end":{"line":1,"column":14,"index":14}},"object":{"type":"Identifier","start":0,"end":6,"loc":{"start":"[Circular]","end":{"line":1,"column":6,"index":6},"identifierName":"module"},"name":"module"},"computed":false,"property":{"type":"Identifier","start":7,"end":14,"loc":{"start":{"line":1,"column":7,"index":7},"end":"[Circular]","identifierName":"exports"},"name":"exports"}},"right":{"type":"ObjectExpression","start":17,"end":260,"loc":{"start":{"line":1,"column":17,"index":17},"end":"[Circular]"},"properties":[{"type":"ObjectProperty","start":46,"end":85,"loc":{"start":{"line":2,"column":27,"index":46},"end":{"line":2,"column":66,"index":85}},"method":false,"key":{"type":"Identifier","start":46,"end":53,"loc":{"start":"[Circular]","end":{"line":2,"column":34,"index":53},"identifierName":"content"},"name":"content"},"computed":false,"shorthand":false,"value":{"type":"ArrayExpression","start":55,"end":85,"loc":{"start":{"line":2,"column":36,"index":55},"end":"[Circular]"},"elements":[{"type":"StringLiteral","start":56,"end":84,"loc":{"start":{"line":2,"column":37,"index":56},"end":{"line":2,"column":65,"index":84}},"extra":{"rawValue":"./src/**/*.{js,jsx,ts,tsx}","raw":"\"./src/**/*.{js,jsx,ts,tsx}\""},"value":"./src/**/*.{js,jsx,ts,tsx}"}]}},{"type":"ObjectProperty","start":114,"end":192,"loc":{"start":{"line":3,"column":27,"index":114},"end":{"line":5,"column":28,"index":192}},"method":false,"key":{"type":"Identifier","start":114,"end":119,"loc":{"start":"[Circular]","end":{"line":3,"column":32,"index":119},"identifierName":"theme"},"name":"theme"},"computed":false,"shorthand":false,"value":{"type":"ObjectExpression","start":121,"end":192,"loc":{"start":{"line":3,"column":34,"index":121},"end":"[Circular]"},"properties":[{"type":"ObjectProperty","start":152,"end":162,"loc":{"start":{"line":4,"column":29,"index":152},"end":{"line":4,"column":39,"index":162}},"method":false,"key":{"type":"Identifier","start":152,"end":158,"loc":{"start":"[Circular]","end":{"line":4,"column":35,"index":158},"identifierName":"extend"},"name":"extend"},"computed":false,"shorthand":false,"value":{"type":"ObjectExpression","start":160,"end":162,"loc":{"start":{"line":4,"column":37,"index":160},"end":"[Circular]"},"properties":[]}}],"extra":{"trailingComma":162}}},{"type":"ObjectProperty","start":221,"end":232,"loc":{"start":{"line":6,"column":27,"index":221},"end":{"line":6,"column":38,"index":232}},"method":false,"key":{"type":"Identifier","start":221,"end":228,"loc":{"start":"[Circular]","end":{"line":6,"column":34,"index":228},"identifierName":"plugins"},"name":"plugins"},"computed":false,"shorthand":false,"value":{"type":"ArrayExpression","start":230,"end":232,"loc":{"start":{"line":6,"column":36,"index":230},"end":"[Circular]"},"elements":[]}}],"extra":{"trailingComma":232}}}}],"directives":[]},"comments":[]},"summary":"Summary for test/tailwind.config.js : This is a basic configuration file for Tailwind CSS, a utility-first CSS framework used for rapid UI development. It's not a UI per se, nor does it describe any functions or UI elements directly. Instead, it sets up the general parameters Tailwind uses to generate your CSS.\n\nThe `content` field is an array that defines the files Tailwind should scan to generate the utility classes. Here, it's set to process any JavaScript, JSX, Typescript, and TSX files located within the `src` directory or its subdirectories.\n\nThe `theme` field allows customization of Tailwind's default styles. The `extend` property within the `theme` object allows you to add to the default styles instead of replacing them, but since its value is an empty object in this file, no customization is being done.\n\nThe `plugins` array is where you would list any Tailwind CSS plugins to enhance the functionality of the framework, but there are none defined in this file.\n\nIn summary, this file sets some basic configuration for Tailwind CSS, telling it where to find files to process and giving options for customizing styles or adding plugins, but doesn't currently add any customizations or plugins. It's critical for integrating Tailwind CSS into a project, controlling how the resulting CSS will be generated.","sourceCode":"module.exports = {\n content: [\"./src/**/*.{js,jsx,ts,tsx}\"],\n theme: {\n extend: {},\n },\n plugins: [],\n };"}]