boboko lulnar

front/js/svelte/Channel.svelte

@@ -3,7 +3,7 @@
     import RecordNotFound from "./records/NotFound.svelte";
     import RecordEdit from "./records/Edit.svelte";
     import ContentIndex from "./content/Index.svelte";
-    import {setContext} from "svelte";
+    import { setContext } from "svelte";
     import Navbar from "./layout/Navbar.svelte";
     import HomeIndex from "./home/Index.svelte";
     import BuildReport from "./build/Report.svelte";
@@ -28,24 +28,21 @@
     export let axios;
     export let readableSchemas;
 
-
     setContext("axios", axios);
     setContext("channel", channel);
-    setContext("readableSchemas", channel.schemas.filter((s) => readableSchemas.includes(s.name)));
+    setContext(
+        "readableSchemas",
+        channel.schemas.filter((s) => readableSchemas.includes(s.name)),
+    );
     setContext("user", user);
-
 </script>
 
-
 <div class="main-wrapper">
-<div class="sidebar-content">
-    <Navbar schema={data.schema}/>
+    <div class="sidebar-content">
+        <Navbar schema={data.schema} />
+    </div>
+    <div class="main-content">
+        <Header />
+        <svelte:component this={components[view]} {title} {...data} />
+    </div>
 </div>
-<div class="main-content">
-    <Header />
-    <svelte:component this={components[view]} {title} {...data}/>
-</div>
-</div>
-
-
-

front/js/svelte/home/Index.svelte

@@ -1,7 +1,6 @@
 <script>
-
-    import {getContext, onMount} from "svelte";
-    import RecordRow from "./RecordRow.svelte"
+    import { getContext, onMount } from "svelte";
+    import RecordRow from "./RecordRow.svelte";
 
     const channel = getContext("channel");
     let records = [];
@@ -21,21 +20,17 @@
     });
 </script>
 
-
 <h3 class="header-small mb-4 mt-5">Latest Content changes</h3>
 {#if records.length > 0}
-
     <div class="table">
         <table class="">
             <tbody>
-            {#each records as record (record.id)}
-                <tr>
-                    <RecordRow {graph} {record} {users}/>
-                </tr>
-            {/each}
+                {#each records as record (record.id)}
+                    <tr>
+                        <RecordRow {graph} {record} {users} />
+                    </tr>
+                {/each}
             </tbody>
         </table>
     </div>
-
 {/if}
-

front/js/svelte/layout/Header.svelte

@@ -1,25 +1,25 @@
 <script>
     import Avatar from "../account/Avatar.svelte";
-    import {getContext} from "svelte";
+    import { getContext } from "svelte";
     import Dropdown from "../common/Dropdown.svelte";
 
     const channel = getContext("channel");
     const user = getContext("user");
-    console.log( channel.commands)
 </script>
 
-
-<div class="top-nav ">
+<div class="top-nav">
     <a class="top-nav-item" href="{channel.lucentUrl}/members">Members</a>
 
     {#if channel.commands.length > 0}
         <Dropdown>
             <div slot="button">Actions</div>
             {#each channel.commands as command}
-                <a href="{channel.lucentUrl}/command-report/{command.signature}" class="top-nav-item">{command.name}</a>
+                <a
+                    href="{channel.lucentUrl}/command-report/{command.signature}"
+                    class="top-nav-item">{command.name}</a
+                >
             {/each}
         </Dropdown>
-
     {/if}
     <!--        <div>-->
     <!--            <form method="GET">-->
@@ -28,7 +28,6 @@
     <!--            </form>-->
     <!--        </div>-->
     <a href="{channel.lucentUrl}/profile">
-        <Avatar side="28" name={user.name}/>
+        <Avatar side="28" name={user.name} />
     </a>
 </div>
-

front/js/svelte/setup/Step.svelte

@@ -1,11 +1,9 @@
 <script>
-    import Icon from "../common/Icon.svelte"
+    import Icon from "../common/Icon.svelte";
 
     export let step;
-
 </script>
 
-
 <div class="step step-{step.status}">
     <div class="step-icon">
         {#if step.status === "success"}
@@ -17,26 +15,24 @@
     <div style="width:100%">
         <h4>{step.name}</h4>
         <details>
-            <summary>Instuctions</summary>
+            <summary>Instructions</summary>
             <code class="instructions">{step.instructions}</code>
         </details>
     </div>
-
-
 </div>
 
 <style>
-    .step-success .step-icon{
+    .step-success .step-icon {
         background: var(--suc10);
         color: var(--suc100);
     }
 
-    .step-fail  .step-icon{
+    .step-fail .step-icon {
         background: var(--err10);
         color: var(--err100);
     }
 
-    .step-icon{
+    .step-icon {
         padding: 12px;
         border-radius: 12px;
     }
@@ -64,4 +60,4 @@
         white-space: break-spaces;
         display: block;
     }
-</style>
+</style>