Add svelte-check and prittier and format

Author: georgyo

.prettierignore

@@ -0,0 +1,13 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock

.prettierrc

@@ -0,0 +1,9 @@
+{
+  "useTabs": false,
+  "singleQuote": true,
+  "trailingComma": "none",
+  "printWidth": 100,
+  "plugins": ["prettier-plugin-svelte"],
+  "pluginSearchDirs": ["."],
+  "overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
+}

package.json

@@ -4,12 +4,19 @@
   "scripts": {
     "dev": "vite dev",
     "build": "vite build",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "lint": "prettier --plugin-search-dir . --check . && eslint .",
+    "format": "prettier --plugin-search-dir . --write ."
   },
   "devDependencies": {
     "@sveltejs/adapter-auto": "^1.0.0-next.84",
     "@sveltejs/kit": "1.0.0-next.524",
+    "prettier": "^2.7.1",
+    "prettier-plugin-svelte": "^2.8.0",
     "svelte": "^3.52.0",
+    "svelte-check": "^2.9.2",
     "svelte-preprocess": "^4.10.7",
     "tslib": "^2.4.0",
     "typescript": "^4.8.4",

src/components/NavBar.svelte

@@ -6,7 +6,7 @@
     NavbarBrand,
     Nav,
     NavItem,
-    NavLink,
+    NavLink
   } from 'sveltestrap/src';
   import authStore from '../stores/authStore';
   import firebase from 'firebase/compat/app';

src/db.ts

@@ -1,5 +1,5 @@
-import firebase from "firebase/app";
-import { firestore } from "./firestore";
+import firebase from 'firebase/app';
+import { firestore } from './firestore';
 
 export type Ingredient = {
   name: string;
@@ -30,19 +30,19 @@ export const createRecipe = async (recipeForm: RecipeForm, userId: string) => {
     ingredients: recipeForm.ingredients,
     userId,
     createdAt: firebase.firestore.FieldValue.serverTimestamp(),
-    updatedAt: firebase.firestore.FieldValue.serverTimestamp(),
+    updatedAt: firebase.firestore.FieldValue.serverTimestamp()
   };
   const db = await firestore();
-  const recipeRef = await db.collection("recipes").add(recipe);
+  const recipeRef = await db.collection('recipes').add(recipe);
   const path = await uploadFile(recipeRef.id, userId, recipeForm.mainPicture);
   const url = await getUrl(path);
-  recipeRef.update("picture", url);
+  recipeRef.update('picture', url);
 
   return recipeRef;
 };
 
 const uploadFile = async (recipeId: string, userId: string, pic: File) => {
-  const mainPicturePath = `/${userId}/${recipeId}.${pic.name.split(".").pop()}`;
+  const mainPicturePath = `/${userId}/${recipeId}.${pic.name.split('.').pop()}`;
   const storage = firebase.storage();
   const ref = storage.ref(mainPicturePath);
   await ref.put(pic);

src/env.ts

@@ -1,10 +1,10 @@
 export default {
-  apiKey: "AIzaSyD5p9J1bkYxy3MmIvfZs2t8Gteuv3N8ZgY",
-  authDomain: "noahvideos.firebaseapp.com",
-  databaseURL: "https://noahvideos.firebaseio.com",
-  projectId: "noahvideos",
-  storageBucket: "noahvideos.appspot.com",
-  messagingSenderId: "826072574665",
-  appId: "1:826072574665:web:3f7ca610c553a87eddfb18",
-  measurementId: "G-GEQPVWNR55",
+  apiKey: 'AIzaSyD5p9J1bkYxy3MmIvfZs2t8Gteuv3N8ZgY',
+  authDomain: 'noahvideos.firebaseapp.com',
+  databaseURL: 'https://noahvideos.firebaseio.com',
+  projectId: 'noahvideos',
+  storageBucket: 'noahvideos.appspot.com',
+  messagingSenderId: '826072574665',
+  appId: '1:826072574665:web:3f7ca610c553a87eddfb18',
+  measurementId: 'G-GEQPVWNR55'
 };

src/firestore.ts

@@ -1,4 +1,4 @@
-import type firebase from "firebase/compat/app";
+import type firebase from 'firebase/compat/app';
 
 let db: firebase.firestore.Firestore = null;
 
@@ -8,13 +8,13 @@ export async function firestore(): Promise<firebase.firestore.Firestore> {
   }
 
   // Checks for the client
-  if (typeof window !== "undefined") {
-    const fb: any = (await import("firebase/compat/app")).default;
+  if (typeof window !== 'undefined') {
+    const fb: any = (await import('firebase/compat/app')).default;
 
     db = fb.firestore();
     return db;
   }
 
-  const fb: any = await import("firebase/compat");
+  const fb: any = await import('firebase/compat');
   return fb.apps[0].firestore() as firebase.firestore.Firestore;
 }

src/initFirebase.ts

@@ -1,15 +1,15 @@
-import firebaseConfig from "./env";
-import { initializeApp, getApp } from "firebase/app"; 
+import firebaseConfig from './env';
+import { initializeApp, getApp } from 'firebase/app';
 
-import type { FirebaseApp } from "firebase/app";
-import firebase from "firebase/compat/app"
+import type { FirebaseApp } from 'firebase/app';
+import firebase from 'firebase/compat/app';
 
 export function initFirebase() {
-  let fb: FirebaseApp
+  let fb: FirebaseApp;
   try {
     fb = getApp();
   } catch {
-    fb = firebase.initializeApp(firebaseConfig)
+    fb = firebase.initializeApp(firebaseConfig);
   }
-  return fb
+  return fb;
 }

src/routes/+layout.svelte

@@ -1,5 +1,4 @@
 <script context="module" lang="ts">
-
 </script>
 
 <script lang="ts">
@@ -14,9 +13,8 @@
     firebase.auth().onAuthStateChanged((user) => {
       authStore.set({
         isLoggedIn: user !== null,
-         // @ts-ignore:
         user,
-        firebaseControlled: true,
+        firebaseControlled: true
       });
     });
   });

src/routes/+layout.ts

@@ -1,7 +1,7 @@
 import { initFirebase } from '../initFirebase';
 import type { LayoutLoad } from './$types';
 
-export const load: LayoutLoad =  async () => {
+export const load: LayoutLoad = async () => {
   initFirebase();
   return {};
-}
+};