linter formatting

packages/builder/src/builderStore/generate_css.js

@@ -40,4 +40,3 @@ const apply_class = (id, name = "element", styles, selector) => {
     return `.${name}-${id}${sel} {\n${styles}\n}`
   }
 }
-

packages/builder/src/components/userInterface/AppPreview/CurrentItemPreview.svelte

@@ -40,10 +40,10 @@
     styles = styles
   }
 
-  $: stylesheetLinks = pipe(
+  $: stylesheetLinks = pipe($store.pages.stylesheets, [
-    $store.pages.stylesheets,
+    map(s => `<link rel="stylesheet" href="${s}"/>`),
-    [map(s => `<link rel="stylesheet" href="${s}"/>`), join("\n")]
+    join("\n"),
-  )
+  ])
 
   $: screensExist =
     $store.currentPreviewItem._screens &&

packages/builder/src/components/userInterface/ComponentsHierarchy.svelte

@@ -16,15 +16,12 @@
   const joinPath = join("/")
 
   const normalizedName = name =>
-    pipe(
+    pipe(name, [
-      name,
+      trimCharsStart("./"),
-      [
+      trimCharsStart("~/"),
-        trimCharsStart("./"),
+      trimCharsStart("../"),
-        trimCharsStart("~/"),
+      trimChars(" "),
-        trimCharsStart("../"),
+    ])
-        trimChars(" "),
-      ]
-    )
 
   const lastPartOfName = c => {
     if (!c) return ""
@@ -34,10 +31,10 @@
 
   const isComponentSelected = (current, comp) => current === comp
 
-  $: _screens = pipe(
+  $: _screens = pipe(screens, [
-    screens,
+    map(c => ({ component: c, title: lastPartOfName(c) })),
-    [map(c => ({ component: c, title: lastPartOfName(c) })), sortBy("title")]
+    sortBy("title"),
-  )
+  ])
 
   const confirmDeleteComponent = component => {
     componentToDelete = component

packages/builder/src/components/userInterface/ComponentsHierarchyChildren.svelte

@@ -22,11 +22,7 @@
   const capitalise = s => s.substring(0, 1).toUpperCase() + s.substring(1)
   const get_name = s => (!s ? "" : last(s.split("/")))
 
-  const get_capitalised_name = name =>
+  const get_capitalised_name = name => pipe(name, [get_name, capitalise])
-    pipe(
-      name,
-      [get_name, capitalise]
-    )
 
   const moveDownComponent = component => {
     const c = component

packages/builder/src/components/userInterface/propertyCategories.js

@@ -130,8 +130,10 @@ export const border = [
   { label: "Radius", key: "border-radius", control: Input },
   { label: "Width", key: "border-width", control: Input }, //custom
   {
-    label: "Color", key: "border-color", control: OptionSelect,
+    label: "Color",
-    options: ["black", "white", "red", "blue", "green"]
+    key: "border-color",
+    control: OptionSelect,
+    options: ["black", "white", "red", "blue", "green"],
   },
   { label: "Style", key: "border-style", control: Input },
 ]

packages/builder/src/components/userInterface/temporaryPanelStructure.js

@@ -169,7 +169,7 @@ export default {
               icon: "ri-file-list-line",
               properties: {
                 design: { ...all },
-                settings: []
+                settings: [],
               },
             },
           ],
@@ -182,7 +182,7 @@ export default {
           children: [],
           properties: {
             design: {
-              ...all
+              ...all,
             },
             settings: [
               { label: "Text", key: "text", control: Input },
@@ -192,7 +192,7 @@ export default {
                 valueKey: "checked",
                 control: Checkbox,
               },
-            ]
+            ],
           },
         },
         {

packages/builder/src/pages/[application]/backend/_layout.svelte

@@ -38,12 +38,12 @@
     height: 100%;
   }
 
-@media only screen and (min-width: 1800px) {
+  @media only screen and (min-width: 1800px) {
-  .nav {
+    .nav {
-    overflow: auto;
+      overflow: auto;
-    flex: 0 1 auto;
+      flex: 0 1 auto;
-    width: 300px;
+      width: 300px;
-    height: 100%;
+      height: 100%;
+    }
   }
-}
 </style>