fix Typos

Author: Valexr

package-lock.json

@@ -7,7 +7,7 @@ import { providersUrl, corsProxyUrl } from '@/config';
 
 const guesser = nlp();
 
-export function guess(search) {
+export function guess(search: any) {
     if (search) {
         const result = guesser.guess(search);
         return guesser.to_optimade(result);

src/services/optimade.ts

@@ -31,7 +31,7 @@ async function retrieveProviderSelections(providers: Types.Provider[]) {
     // move next operations to the next tick to be sure all changes already applied
     await tick();
 
-    const ids = localStorage[lsProviderKey] ? JSON.parse(localStorage.getItem(lsProviderKey)) : providers.map(p => p.id);
+    const ids = localStorage[lsProviderKey] ? JSON.parse(localStorage.getItem(lsProviderKey) as string) : providers.map(p => p.id);
 
     query.update($query => {
         const selectedIds = getSelectedProvidersIds($query.params.providers);
@@ -44,6 +44,6 @@ query.subscribe($query => {
     $query.params.providers && localStorage.setItem(lsProviderKey, JSON.stringify($query.params.providers));
 });
 
-function getSelectedProvidersIds(providers) {
+function getSelectedProvidersIds(providers: Param) {
     return providers ? (Array.isArray(providers) ? providers : [providers]) : [];
 }

src/stores/providers.ts

@@ -12,6 +12,7 @@ import type { Readable, Writable } from 'svelte/store';
 import type { Types } from '@/services/optimade';
 import type { Asyncable } from 'svelte-asyncable';
 
+
 type StructuresByProviders = Array<Array<[Types.StructuresResponse[], Types.Provider]>>;
 
 const getStructuresAll = debounce((providers: string[], filter: string, page: number = 0, limit: number, batch: boolean) => {
@@ -36,14 +37,14 @@ const search = derived<[Writable<StringParams>, Readable<Param[]>], StructuresBy
 export const searchAll: Asyncable<StructuresByProviders> = asyncable<[Readable<StructuresByProviders>], StructuresByProviders>(($search) => Promise.all($search), null, [search]);
 
 export const getTotal: Asyncable<number> = asyncable<[Readable<StructuresByProviders>], number>(async ($search) => {
-    const fetchedProviders = await Promise.all($search);
+    const fetchedProviders: [Types.StructuresResponse[], Types.Provider][] = await Promise.all($search)
     const filteredProviders = fetchedProviders.filter(
         ([apis, _provider]: [Types.StructuresResponse[], Types.Provider]) =>
-            apis?.some((a) => !(a instanceof Error) && a?.data.length)
+            apis?.some((a) => !(a instanceof Error) && a.data?.length)
     );
     const returnedTotals = filteredProviders.reduce<number[]>(
         (acc: number[], [apis, _provider]: [Types.StructuresResponse[], Types.Provider]) => {
-            const returned = apis[0].meta.data_returned;
+            const returned = apis[0].meta?.data_returned as number;
             //  / (apis[0].meta.data_returned > 10000 ? 100 : 1);
             acc = acc.length ? [...acc, returned] : [returned];
             return acc;

src/stores/search.ts

@@ -3,7 +3,7 @@ import { writable } from 'svelte/store';
 const darkMedia = window.matchMedia('(prefers-color-scheme: dark)')
 
 export const darkTheme = writable(
-    JSON.parse(sessionStorage.getItem('optimade_darkTheme')) ?? darkMedia.matches
+    JSON.parse(sessionStorage.getItem('optimade_darkTheme') as string) ?? darkMedia.matches
 );
 darkTheme.subscribe((val) => sessionStorage.setItem('optimade_darkTheme', val));
 

src/stores/theme.ts

@@ -18,7 +18,7 @@
 </footer>
 
 <script lang="ts">
-    import { Col, Grid, Container, Navbar, Switch } from 'svelte-spectre';
+    import { Col, Grid, Container, Switch } from 'svelte-spectre';
 
     import { nodeAttribute } from '@/helpers/dom';
 

src/views/Footer.svelte

@@ -18,21 +18,21 @@
 </script>
 
 <script lang="ts">
-    let selected = [];
+    let selected: any[] = [];
 
     export let selectedValue: string;
 
     $: if (selected.length) {
         selectedValue = selected[0].value;
-        modules.update(($modules: string[]) => {
-            if (!$modules.includes(selectedValue)) {
-                $modules.unshift(selectedValue);
+        modules.update(async ($modules: Promise<string[]>) => {
+            if (!(await $modules).includes(selectedValue)) {
+                (await $modules).unshift(selectedValue);
             }
             return $modules;
         });
     }
 
-    const groupBy = (item) =>
+    const groupBy = (item: { value: string }): string =>
         $builtinModulesSync.includes(item?.value)
             ? moduleGroups.builtin
             : moduleGroups.local;

src/views/ModuleSelect/ModuleSelect.svelte

@@ -76,15 +76,14 @@
 
 <script lang="ts">
     let width: number = 0,
-        exclusiveId = null,
+        exclusiveId: null = null,
         augmentationMode = false;
 
     function statusing(item: Types.Provider) {
         return $selectedProviders.includes(item.id) ? 'online' : 'offline';
     }
 
     function naming(item: Types.Provider) {
-
         const words = item.attributes.name
             .replace('.', '/')
             .match(/\b(\w)|([A-Z])|(\/)/g);
@@ -102,7 +101,7 @@
         return `${initials.toUpperCase()} v${item.attributes.api_version}`;
     }
 
-    async function onProviderSelect(e: Event) {
+    async function onProviderSelect(e: CustomEvent) {
         $query.params.page = 1;
         $query.params.limit = 10;
 

src/views/Providers.svelte

@@ -51,7 +51,7 @@
 </script>
 
 <script lang="ts">
-    export let data = null,
+    export let data: {} | null | undefined = null,
         windowWidth = 0;
 
     let code: string;