Initial commit

idipanshu · Feb 4, 2023 · 88e398d · 88e398d
commit 88e398d
Show file tree

Hide file tree

Showing 19 changed files with 1,785 additions and 0 deletions.
diff --git a/.firebaserc b/.firebaserc
@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "dipanshu-firebase"
+  }
+}
diff --git a/.github/workflows/firebase-hosting-merge.yml b/.github/workflows/firebase-hosting-merge.yml
@@ -0,0 +1,20 @@
+# This file was auto-generated by the Firebase CLI
+# https://github.com/firebase/firebase-tools
+
+name: Deploy to Firebase Hosting on merge
+"on":
+  push:
+    branches:
+      - main
+jobs:
+  build_and_deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - run: yarn build
+      - uses: FirebaseExtended/action-hosting-deploy@v0
+        with:
+          repoToken: "${{ secrets.GITHUB_TOKEN }}"
+          firebaseServiceAccount: "${{ secrets.FIREBASE_SERVICE_ACCOUNT_DIPANSHU_FIREBASE }}"
+          channelId: live
+          projectId: dipanshu-firebase
diff --git a/.github/workflows/firebase-hosting-pull-request.yml b/.github/workflows/firebase-hosting-pull-request.yml
@@ -0,0 +1,17 @@
+# This file was auto-generated by the Firebase CLI
+# https://github.com/firebase/firebase-tools
+
+name: Deploy to Firebase Hosting on PR
+"on": pull_request
+jobs:
+  build_and_preview:
+    if: "${{ github.event.pull_request.head.repo.full_name == github.repository }}"
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - run: yarn build
+      - uses: FirebaseExtended/action-hosting-deploy@v0
+        with:
+          repoToken: "${{ secrets.GITHUB_TOKEN }}"
+          firebaseServiceAccount: "${{ secrets.FIREBASE_SERVICE_ACCOUNT_DIPANSHU_FIREBASE }}"
+          projectId: dipanshu-firebase
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+.firebase
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/firebase.json b/firebase.json
@@ -0,0 +1,10 @@
+{
+  "hosting": {
+    "public": "dist",
+    "ignore": [
+      "firebase.json",
+      "**/.*",
+      "**/node_modules/**"
+    ]
+  }
+}
diff --git a/index.html b/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + React + TS</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/package.json b/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "react-ts-http",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "axios": "^1.2.5",
+    "firebase": "^9.17.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.26",
+    "@types/react-dom": "^18.0.9",
+    "@vitejs/plugin-react": "^3.0.0",
+    "typescript": "^4.9.3",
+    "vite": "^4.0.0"
+  }
+}
diff --git a/public/vite.svg b/public/vite.svg
diff --git a/src/App.tsx b/src/App.tsx
@@ -0,0 +1,15 @@
+import { getLaunches } from "./utils/getLaunches";
+
+function App() {
+  const { launches } = getLaunches();
+
+  console.log(launches);
+
+  return (
+    <div className="App">
+      <h1>It works!</h1>
+    </div>
+  );
+}
+
+export default App;
diff --git a/src/api/axois.ts b/src/api/axois.ts
@@ -0,0 +1,17 @@
+import axios from "axios";
+
+const api = axios.create({ baseURL: "https://api.spacexdata.com/v5/" });
+
+api.interceptors.response.use(
+  config => {
+    if (config.status === 200) {
+      return config.data;
+    }
+  },
+  error => {
+    console.log("Bro error ", error);
+    return Promise.reject(error);
+  }
+);
+
+export default api;
diff --git a/src/index.css b/src/index.css
@@ -0,0 +1,9 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  color-scheme: light dark;
+}
+
+body {
+}
diff --git a/src/main.tsx b/src/main.tsx
@@ -0,0 +1,10 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import App from './App'
+import './index.css'
+
+ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+)
diff --git a/src/utils/getLaunches.ts b/src/utils/getLaunches.ts
@@ -0,0 +1,18 @@
+import { useState, useEffect } from "react";
+import { getLaunchCrew, LaunchResponse } from "./launches";
+
+export const getLaunches = () => {
+  const [launches, setLaunches] = useState<LaunchResponse>();
+
+  useEffect(() => {
+    getLaunchCrew().then(res => setLaunches(res));
+
+    return () => {
+      setLaunches(undefined);
+    };
+  }, []);
+
+  return {
+    launches
+  };
+};
diff --git a/src/utils/launches.ts b/src/utils/launches.ts
@@ -0,0 +1,82 @@
+import axios from "../api/axois";
+
+type Cores = {
+  core: String;
+  flight: Number;
+  gridfins: Boolean;
+  land_success: Boolean;
+  landing_intent: Boolean;
+  landing_type: String;
+  landing_vehicle: String;
+  legs: Boolean;
+  reused: Boolean;
+};
+
+type Crew = {
+  agency: String;
+  id: String;
+  image: String;
+  name: String;
+  status: String;
+  wikipedia: String;
+};
+
+type Fairings = {
+  recovered: Boolean;
+  recovery_attempt: Boolean;
+  reused: Boolean;
+  ship: String;
+};
+
+export interface LaunchResponse {
+  capsules: String[];
+  cores: Cores[];
+  crew: Crew[];
+  date_local: String;
+  date_precesion: String;
+  date_unix: Number;
+  date_utc: String;
+  details: String;
+  failures: [];
+  fairings: {};
+  flight_number: Number;
+  id: String;
+  launchpad: String;
+  links: {
+    article: String;
+    flickr: {
+      original: String[];
+      small: String[];
+    };
+    patch: {
+      large: String;
+      small: String;
+    };
+    presskit: String;
+    reddit: {
+      campaign: String;
+      launch: String;
+      media: String;
+      recovery: String;
+    };
+    webcast: String;
+    wikipedia: String;
+    youtube_id: String;
+  };
+  name: String;
+  net: Boolean;
+  payloads: String[];
+  rocket: String;
+  ships: [];
+  static_fire_date_unix: Number;
+  static_fire_date_utc: String;
+  success: Boolean;
+  tbd: Boolean;
+  upcoming: Boolean;
+  window: Number;
+}
+
+export const getLaunchCrew = async () => {
+  const response: LaunchResponse = await axios.get("/launches/latest");
+  return response;
+};
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/tsconfig.json b/tsconfig.json
@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "allowJs": false,
+    "skipLibCheck": true,
+    "esModuleInterop": false,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx"
+  },
+  "include": ["src"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}
diff --git a/tsconfig.node.json b/tsconfig.node.json
@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}
diff --git a/vite.config.ts b/vite.config.ts
@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [react()],
+})