chore: clean-up

.vscode/settings.json

@@ -0,0 +1,10 @@
+{
+  "editor.formatOnSave": true,
+  "editor.formatOnPaste": false,
+  "editor.tabSize": 2,
+  "files.associations": {
+    "*.css": "tailwindcss"
+  },
+
+  "eslint.workingDirectories": ["./widget", "./www"]
+}

www/README.md

@@ -17,18 +17,3 @@ You can start editing the page by modifying `app/page.tsx`. The page auto-update
 [API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.ts`.
 
 The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

www/app/globals.css

@@ -5,4 +5,4 @@
 body {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 48 48'%3E%3Cg fill='%23000000' fill-opacity='0.05'%3E%3Cpolygon fill-rule='evenodd' points='8 4 12 6 8 8 6 12 4 8 0 6 4 4 6 0 8 4'/%3E%3C/g%3E%3C/svg%3E");
   /* background-image: radial-gradient(at 27% 37%,#3a8bfd 0,transparent 0),radial-gradient(at 97% 21%,#72fe7d 0,transparent 50%),radial-gradient(at 52% 99%,#fd3a4e 0,transparent 50%),radial-gradient(at 10% 29%,#855afc 0,transparent 50%),radial-gradient(at 97% 96%,#e4c795 0,transparent 50%),radial-gradient(at 33% 50%,#8ca8e8 0,transparent 50%),radial-gradient(at 79% 53%,#eea5ba 0,transparent 50%); */
-}
+}

www/app/layout.tsx

@@ -5,7 +5,7 @@ import { AnalyticsWrapper } from "./components/analytics"
 import clsx from "clsx"
 
 const satoshi = localFont({
-  src: "./Satoshi-Variable.woff2",
+  src: "../public/_static/Satoshi-Variable.woff2",
   variable: "--font-satoshi",
   weight: "400 600",
   display: "swap",

www/app/page.tsx

@@ -36,7 +36,7 @@ export default async function Home() {
   return (
     <div className="flex flex-col items-center min-h-screen pt-20 pb-10">
       <main>
-        <h1 className="text-4xl font-semibold mb-4">Twitter Widgets for Figma/FigJam</h1>
+        <h1 className="text-4xl font-semibold mb-4">Twitter Widget for Figma/FigJam</h1>
         <p className="text-2xl text-gray-600 font-medium text-center mb-8">
           Embed any tweets in figma
         </p>

www/package.json

@@ -8,6 +8,9 @@
     "start": "next start",
     "lint": "next lint"
   },
+  "eslintConfig": {
+    "extends": "next/core-web-vitals"
+  },
   "dependencies": {
     "@next/font": "^13.1.6",
     "@vercel/analytics": "^0.1.8",