Code formating and standardization (#474)

.eslintrc.json

@@ -14,10 +14,7 @@
  "ecmaVersion": "latest",
  "sourceType": "module"
  },
- "plugins": [
- "@typescript-eslint",
- "react"
- ],
+ "plugins": ["@typescript-eslint", "react"],
  "rules": {
  "@typescript-eslint/no-unused-vars": "off",
  "@typescript-eslint/no-explicit-any": "off",
@@ -28,10 +25,5 @@
  "version": "detect"
  }
  },
- "ignorePatterns": [
- "node_modules/",
- "dist/",
- "src/assets",
- "supabase/functions/**/*.ts"
- ]
+ "ignorePatterns": ["node_modules/", "dist/", "src/assets", "supabase/functions/**/*.ts"]
 }

.gitignore

@@ -63,6 +63,7 @@ typings/
 .env
 .env.test
 .env.development.*
+.env.local
 
 # parcel-bundler cache (https://parceljs.org/)
 .cache

.husky/pre-commit

@@ -0,0 +1,2 @@
+yarn lint:fix
+yarn format

.husky/pre-push

@@ -0,0 +1 @@
+yarn build

.prettierignore

@@ -0,0 +1,4 @@
+.next
+.github
+.yarn
+node_modules

.vscode/settings.json

@@ -3,5 +3,5 @@
  "deno.unstable": true,
  "deno.importMap": "./supabase/functions/import_map.json",
  "deno.enablePaths": ["supabase/functions"],
- "prettier.tabWidth": 2
+ "editor.formatOnSave": true
 }

CONTRIBUTING.md

@@ -40,15 +40,15 @@ git clone https://github.com/hellno/herocast.git
  yarn
  ```
 
-4. Create a file `.env.development.local`:
+4. Create a file `.env.local`:
 
 - For macOS or Linux:
  ```bash
- cp .env.example .env.development.local
+ cp .env.example .env.local
  ```
 - For Windows:
  ```bash
- xcopy .env.example .env.development.local
+ xcopy .env.example .env.local
  ```
 
 5. Set up your environment variables:
@@ -67,7 +67,7 @@ git clone https://github.com/hellno/herocast.git
 - Create a new account and select the "Free" option.
 - Select the "Optimism" chain and fill out the necessary information.
 - In the "Apps" section, find your Optimism App and click the "API Key" button.
-- Copy the API Key to your `.env.development.local`.
+- Copy the API Key to your `.env.local`.
  ```bash
  NEXT_PUBLIC_ALCHEMY_API_KEY = 'alchemy-api-key-here'
  ```
@@ -134,7 +134,7 @@ This will output:
 ```bash
 $ next dev
  - Local: http://localhost:3000
- - Environments: .env.development.local, .env.development
+ - Environments: .env.local, .env.development
 ...
 ✓ Ready in 2.4s
 ```

CONTRIBUTORS.md

@@ -2,18 +2,17 @@
 
 ## Thank you to everyone who helped build herocast
 
-
-| Contributor | Farcaster |
-| ------------- | ------------- |
-| [hiporox](https://github.com/hiporox) | |
-| [scottrepreneur](https://github.com/scottrepreneur) | |
-| [3robi1](https://github.com/3robi1) | |
-| [itsbirdo](https://github.com/itsbirdo) | |
-| [0xSemicolon](https://github.com/0xSemicolon) | |
-| [tusharsoni](https://github.com/tusharsoni) | |
-| [tjsturos](https://github.com/tjsturos) | |
-| [gershido](https://github.com/gershido) | |
-| [hellno](https://github.com/hellno) | [hellno](https://warpcast.com/hellno) |
+| Contributor | Farcaster |
+| --------------------------------------------------- | ------------------------------------- |
+| [hiporox](https://github.com/hiporox) | |
+| [scottrepreneur](https://github.com/scottrepreneur) | |
+| [3robi1](https://github.com/3robi1) | |
+| [itsbirdo](https://github.com/itsbirdo) | |
+| [0xSemicolon](https://github.com/0xSemicolon) | |
+| [tusharsoni](https://github.com/tusharsoni) | |
+| [tjsturos](https://github.com/tjsturos) | |
+| [gershido](https://github.com/gershido) | |
+| [hellno](https://github.com/hellno) | [hellno](https://warpcast.com/hellno) |
 
 ## I would like to join this list. How can I help the project?
 

README.md

@@ -1,4 +1,3 @@
-
 ![herocast_logo_wide](https://github.com/hero-org/.github/blob/main/assets/herocast-logo.png?raw=true) 
 <br />
 [![build](https://github.com/hellno/herocast/actions/workflows/build.yaml/badge.svg)](https://github.com/hellno/herocast/actions/workflows/build.yaml)
@@ -58,12 +57,10 @@ GRANT
 
 Distributed under the AGPLv3 License. See LICENSE for more information.
 
-
 ## Contact
 
 hellno [Warpcast](https://warpcast.com/hellno.eth)
 
 Website: https://herocast.xyz
 
 GitHub: https://github.com/hellno/herocast
-

api/frames/route.tsx

@@ -1 +1 @@
-export { GET, POST } from "@frames.js/render/next";
+export { GET, POST } from '@frames.js/render/next';

components.json

@@ -13,4 +13,4 @@
  "components": "@/components",
  "utils": "@/lib/utils"
  }
-}
+}

index.html

@@ -1,32 +1,30 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-
-<head>
+ <head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="index.html NAME" content="index.html CONTENT" />
- <meta name="description" content="herocast">
- <meta property="og:site_name" content="herocast">
- <meta property="og:title" content="herocast">
- <meta property="og:type" content="website">
- <meta property="og:description" content="herocast">
- <meta property="og:image" content="/images/herocast_og.png">
- <meta property="og:image:type" content="image/jpeg">
- <meta property="og:image:width" content="1200">
- <meta property="og:image:height" content="737">
- <meta property="og:url" content="https://app.herocast.xyz">
- <meta property="twitter:card" content="summary_large_image">
- <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png">
- <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png">
- <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png">
- <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
+ <meta name="description" content="herocast" />
+ <meta property="og:site_name" content="herocast" />
+ <meta property="og:title" content="herocast" />
+ <meta property="og:type" content="website" />
+ <meta property="og:description" content="herocast" />
+ <meta property="og:image" content="/images/herocast_og.png" />
+ <meta property="og:image:type" content="image/jpeg" />
+ <meta property="og:image:width" content="1200" />
+ <meta property="og:image:height" content="737" />
+ <meta property="og:url" content="https://app.herocast.xyz" />
+ <meta property="twitter:card" content="summary_large_image" />
+ <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png" />
+ <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png" />
+ <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png" />
+ <link rel="icon" type="image/x-icon" href="/images/favicon.ico" />
  <title>herocast</title>
-</head>
+ </head>
 
-<body>
+ <body>
  <!-- <noscript>You need to enable JavaScript to run this app.</noscript> -->
  <div id="root"></div>
  <script type="module" src="/src/App.tsx"></script>
-</body>
-
+ </body>
 </html>

jest.config.js

@@ -1,10 +1,10 @@
 /** @type {import('ts-jest').JestConfigWithTsJest} **/
 module.exports = {
- testEnvironment: "node",
+ testEnvironment: 'node',
  transform: {
- "^.+.tsx?$": ["ts-jest",{}],
+ '^.+.tsx?$': ['ts-jest', {}],
  },
  moduleNameMapper: {
- "^@/(.*)$": "<rootDir>/src/$1",
+ '^@/(.*)$': '<rootDir>/src/$1',
  },
-};
+};

middleware.ts

@@ -1,48 +1,45 @@
-import { GET, POST } from "@frames.js/render/next";
-import { NextRequest, NextResponse } from "next/server";
+import { GET, POST } from '@frames.js/render/next';
+import { NextRequest, NextResponse } from 'next/server';
 
 export async function middleware(req: NextRequest) {
- const { pathname } = req.nextUrl;
- const { method } = req;
-
- if (pathname === "/api/frames") {
- try {
- let response: Response;
-
- if (method === "GET") {
- response = await GET(req);
- } else if (method === "POST") {
- response = await POST(req);
- } else {
- return new NextResponse(JSON.stringify({ error: "Method Not Allowed" }), {
- status: 405,
- headers: { "Content-Type": "application/json" },
- });
- }
-
- if (response.status === 200) {
- const clonedResponse = response.clone();
- const data = await clonedResponse.json();
- } else {
- const clonedResponse = response.clone();
- const errorMessage = await clonedResponse.text();
- }
-
- return response;
- } catch (error) {
- return new NextResponse(JSON.stringify({ error: "Internal Server Error" }), {
- status: 500,
- headers: { "Content-Type": "application/json" },
- });
- }
+ const { pathname } = req.nextUrl;
+ const { method } = req;
+
+ if (pathname === '/api/frames') {
+ try {
+ let response: Response;
+
+ if (method === 'GET') {
+ response = await GET(req);
+ } else if (method === 'POST') {
+ response = await POST(req);
+ } else {
+ return new NextResponse(JSON.stringify({ error: 'Method Not Allowed' }), {
+ status: 405,
+ headers: { 'Content-Type': 'application/json' },
+ });
+ }
+
+ if (response.status === 200) {
+ const clonedResponse = response.clone();
+ const data = await clonedResponse.json();
+ } else {
+ const clonedResponse = response.clone();
+ const errorMessage = await clonedResponse.text();
+ }
+
+ return response;
+ } catch (error) {
+ return new NextResponse(JSON.stringify({ error: 'Internal Server Error' }), {
+ status: 500,
+ headers: { 'Content-Type': 'application/json' },
+ });
  }
+ }
 
-  return NextResponse.next();
+ return NextResponse.next();
 }
 
-
 export const config = {
- unstable_allowDynamic: [
- "/node_modules/@protobufjs/inquire/index.js",
- ],
+ unstable_allowDynamic: ['/node_modules/@protobufjs/inquire/index.js'],
 };