updates imports and finishes moving all commonly used files to the node_modules folder

packages/builder/rollup.config.js

@@ -214,13 +214,12 @@ export default {
 
     // Watch the `dist` directory and refresh the
     // browser on changes when not in production
-    !production && serve(),
     !production && livereload(outputpath),
     !production &&
-      browsersync({
-        server: outputpath,
-        middleware: [apiProxy, _builderProxy],
-      }),
+    browsersync({
+      server: outputpath,
+      middleware: [apiProxy, _builderProxy],
+    }),
 
     // If we're building for production (npm run build
     // instead of npm run dev), minify

packages/builder/src/App.svelte

@@ -8,7 +8,7 @@
   import Spinner from "components/common/Spinner.svelte"
   import AppNotification, {
     showAppNotification,
-  } from "components/AppNotification.svelte"
+  } from "components/common/AppNotification.svelte"
 
   let init = initialise()
 

packages/builder/src/node_modules/builderStore/generate_css.js

@@ -1,5 +1,5 @@
 import { filter, map, reduce, toPairs } from "lodash/fp"
-import { pipe } from "../common/core"
+import { pipe } from "components/common/core"
 
 const self = n => n
 const join_with = delimiter => a => a.join(delimiter)

packages/builder/src/node_modules/builderStore/loadComponentLibraries.js

@@ -1,5 +1,5 @@
 import { flatten, values, uniq, map } from "lodash/fp"
-import { pipe } from "../common/core"
+import { pipe } from "components/common/core"
 
 export const loadLibs = async (appName, appPackage) => {
   const allLibraries = {}

packages/builder/src/node_modules/builderStore/store/backend.js

@@ -1,7 +1,7 @@
 import { writable } from "svelte/store"
 import api from "../api"
 import { cloneDeep, sortBy, find, remove } from "lodash/fp"
-import { hierarchy as hierarchyFunctions } from "../../../../core/src"
+import { hierarchy as hierarchyFunctions } from "../../../../../core/src"
 import {
   getNode,
   validate,
@@ -10,7 +10,7 @@ import {
   isIndex,
   canDeleteIndex,
   canDeleteRecord,
-} from "../../common/core"
+} from "components/common/core"
 
 export const getBackendUiStore = () => {
   const INITIAL_BACKEND_UI_STATE = {
@@ -100,9 +100,9 @@ export const saveBackend = async state => {
 
   const instances_currentFirst = state.selectedDatabase
     ? [
-        state.appInstances.find(i => i.id === state.selectedDatabase.id),
-        ...state.appInstances.filter(i => i.id !== state.selectedDatabase.id),
-      ]
+      state.appInstances.find(i => i.id === state.selectedDatabase.id),
+      ...state.appInstances.filter(i => i.id !== state.selectedDatabase.id),
+    ]
     : state.appInstances
 
   for (let instance of instances_currentFirst) {

packages/builder/src/node_modules/builderStore/store/index.js

@@ -1,18 +1,18 @@
 import { filter, cloneDeep, last, concat, isEmpty, values } from "lodash/fp"
-import { pipe, getNode, constructHierarchy } from "../../common/core"
+import { pipe, getNode, constructHierarchy } from "components/common/core"
 import * as backendStoreActions from "./backend"
 import { writable } from "svelte/store"
-import { defaultPagesObject } from "../../userInterface/pagesParsing/defaultPagesObject"
+import { defaultPagesObject } from "components/userInterface/pagesParsing/defaultPagesObject"
 import api from "../api"
-import { getExactComponent } from "../../userInterface/pagesParsing/searchComponents"
-import { rename } from "../../userInterface/pagesParsing/renameScreen"
+import { getExactComponent } from "components/userInterface/pagesParsing/searchComponents"
+import { rename } from "components/userInterface/pagesParsing/renameScreen"
 import {
   getNewScreen,
   createProps,
   makePropsSafe,
   getBuiltin,
-} from "../../userInterface/pagesParsing/createProps"
-import { expandComponentDefinition } from "../../userInterface/pagesParsing/types"
+} from "components/userInterface/pagesParsing/createProps"
+import { expandComponentDefinition } from "components/userInterface/pagesParsing/types"
 import { loadLibs, libUrlsForPreview } from "../loadComponentLibraries"
 import { buildCodeForScreens } from "../buildCodeForScreens"
 import { generate_screen_css } from "../generate_css"

packages/builder/src/node_modules/components/accessLevels/AccessLevelsRoot.svelte

@@ -1,12 +1,15 @@
 <script>
-  import ButtonGroup from "../common/ButtonGroup.svelte"
-  import Button from "../common/Button.svelte"
-  import ActionButton from "../common/ActionButton.svelte"
-  import { store, backendUiStore } from "../builderStore"
-  import { generateFullPermissions, getNewAccessLevel } from "../common/core"
-  import getIcon from "../common/icon"
+  import ButtonGroup from "components/common/ButtonGroup.svelte"
+  import Button from "components/common/Button.svelte"
+  import ActionButton from "components/common/ActionButton.svelte"
+  import { store, backendUiStore } from "builderStore"
+  import {
+    generateFullPermissions,
+    getNewAccessLevel,
+  } from "components/common/core"
+  import getIcon from "components/common/icon"
   import AccessLevelView from "./AccessLevelView.svelte"
-  import Modal from "../common/Modal.svelte"
+  import Modal from "components/common/Modal.svelte"
 
   let editingLevel = null
   let editingLevelIsNew = false

packages/builder/src/node_modules/components/actionsAndTriggers/ActionView.svelte

@@ -1,12 +1,12 @@
 <script>
-  import Textbox from "../common/Textbox.svelte"
-  import Button from "../common/Button.svelte"
-  import ActionButton from "../common/ActionButton.svelte"
-  import ButtonGroup from "../common/ButtonGroup.svelte"
+  import Textbox from "components/common/Textbox.svelte"
+  import Button from "components/common/Button.svelte"
+  import ActionButton from "components/common/ActionButton.svelte"
+  import ButtonGroup from "components/common/ButtonGroup.svelte"
   import { cloneDeep, filter, keys, map, isUndefined } from "lodash/fp"
-  import ErrorsBox from "../common/ErrorsBox.svelte"
-  import { validateActions, pipe } from "../common/core"
-  import getIcon from "../common/icon"
+  import ErrorsBox from "components/common/ErrorsBox.svelte"
+  import { validateActions, pipe } from "components/common/core"
+  import getIcon from "components/common/icon"
 
   export let action
   export let onFinished = action => {}

packages/builder/src/node_modules/components/actionsAndTriggers/Actions.svelte

@@ -1,11 +1,11 @@
 <script>
-  import getIcon from "../common/icon"
-  import { store } from "../builderStore"
-  import Button from "../common/Button.svelte"
-  import ButtonGroup from "../common/ButtonGroup.svelte"
+  import getIcon from "components/common/icon"
+  import { store } from "builderStore"
+  import Button from "components/common/Button.svelte"
+  import ButtonGroup from "components/common/ButtonGroup.svelte"
   import ActionView from "./ActionView.svelte"
-  import Modal from "../common/Modal.svelte"
-  import { pipe } from "../common/core"
+  import Modal from "components/common/Modal.svelte"
+  import { pipe } from "components/common/core"
   import { keys, map, join } from "lodash/fp"
 
   export let editingActionIsNew = false

packages/builder/src/node_modules/components/actionsAndTriggers/ActionsAndTriggersRoot.svelte

@@ -1,12 +1,12 @@
 <script>
-  import getIcon from "../common/icon"
-  import { store } from "../builderStore"
-  import Button from "../common/Button.svelte"
-  import ActionButton from "../common/ActionButton.svelte"
-  import ButtonGroup from "../common/ButtonGroup.svelte"
+  import getIcon from "components/common/icon"
+  import { store } from "builderStore"
+  import Button from "components/common/Button.svelte"
+  import ActionButton from "components/common/ActionButton.svelte"
+  import ButtonGroup from "components/common/ButtonGroup.svelte"
   import Actions from "./Actions.svelte"
   import Triggers from "./Triggers.svelte"
-  import { getNewAction, getNewTrigger } from "../common/core"
+  import { getNewAction, getNewTrigger } from "components/common/core"
 
   let editingAction = null
   let editingActionIsNew = true
@@ -14,16 +14,19 @@
   let editingTriggerIsNew = true
 
   let getDefaultOptionsHtml = defaultOptions =>
-    pipe(defaultOptions, [
-      keys,
-      map(
-        k =>
-          `<span style="color:var(--slate)">${k}: </span>${JSON.parse(
-            typeOptions[k]
-          )}`
-      ),
-      join("<br>"),
-    ])
+    pipe(
+      defaultOptions,
+      [
+        keys,
+        map(
+          k =>
+            `<span style="color:var(--slate)">${k}: </span>${JSON.parse(
+              typeOptions[k]
+            )}`
+        ),
+        join("<br>"),
+      ]
+    )
 
   let onActionEdit = action => {
     editingAction = action

packages/builder/src/node_modules/components/actionsAndTriggers/TriggerView.svelte

@@ -1,14 +1,14 @@
 <script>
-  import Textbox from "../common/Textbox.svelte"
-  import Button from "../common/Button.svelte"
-  import ActionButton from "../common/ActionButton.svelte"
-  import Dropdown from "../common/Dropdown.svelte"
-  import ButtonGroup from "../common/ButtonGroup.svelte"
-  import CodeArea from "../common/CodeArea.svelte"
+  import Textbox from "components/common/Textbox.svelte"
+  import Button from "components/common/Button.svelte"
+  import ActionButton from "components/common/ActionButton.svelte"
+  import Dropdown from "components/common/Dropdown.svelte"
+  import ButtonGroup from "components/common/ButtonGroup.svelte"
+  import CodeArea from "components/common/CodeArea.svelte"
   import { cloneDeep, filter, keys, some, map, isUndefined } from "lodash/fp"
-  import ErrorsBox from "../common/ErrorsBox.svelte"
-  import { validateTriggers, pipe, events } from "../common/core"
-  import getIcon from "../common/icon"
+  import ErrorsBox from "components/common/ErrorsBox.svelte"
+  import { validateTriggers, pipe, events } from "components/common/core"
+  import getIcon from "components/common/icon"
 
   export let trigger
   export let onFinished = action => {}
@@ -22,7 +22,10 @@
   let cancel = () => onFinished()
   let save = () => {
     const newTriggersList = [
-      ...pipe(allTriggers, [filter(t => t !== trigger)]),
+      ...pipe(
+        allTriggers,
+        [filter(t => t !== trigger)]
+      ),
       clonedTrigger,
     ]
 

packages/builder/src/node_modules/components/actionsAndTriggers/Triggers.svelte

@@ -1,8 +1,8 @@
 <script>
-  import { store } from "../builderStore"
-  import getIcon from "../common/icon"
-  import Button from "../common/Button.svelte"
-  import Modal from "../common/Modal.svelte"
+  import { store } from "builderStore"
+  import getIcon from "components/common/icon"
+  import Button from "components/common/Button.svelte"
+  import Modal from "components/common/Modal.svelte"
   import TriggerView from "./TriggerView.svelte"
 
   export let editingTrigger = null

packages/builder/src/node_modules/components/common/core.js

@@ -3,17 +3,17 @@ import {
   common,
   getTemplateApi,
   getAuthApi,
-} from "../../../core/src"
-import { _getNew } from "../../../core/src/recordApi/getNew"
+} from "../../../../../core/src"
+import { _getNew } from "../../../../../core/src/recordApi/getNew"
 import { find, filter, keyBy, flatten, map } from "lodash/fp"
-import { generateSchema } from "../../../core/src/indexing/indexSchemaCreator"
+import { generateSchema } from "../../../../../core/src/indexing/indexSchemaCreator"
 import { generate } from "shortid"
 
-export { canDeleteIndex } from "../../../core/src/templateApi/canDeleteIndex"
-export { canDeleteRecord } from "../../../core/src/templateApi/canDeleteRecord"
-export { userWithFullAccess } from "../../../core/src/index"
-export { joinKey } from "../../../core/src/common"
-export { getExactNodeForKey } from "../../../core/src/templateApi/hierarchy"
+export { canDeleteIndex } from "../../../../../core/src/templateApi/canDeleteIndex"
+export { canDeleteRecord } from "../../../../../core/src/templateApi/canDeleteRecord"
+export { userWithFullAccess } from "../../../../../core/src/index"
+export { joinKey } from "../../../../../core/src/common"
+export { getExactNodeForKey } from "../../../../../core/src/templateApi/hierarchy"
 export const pipe = common.$
 
 export const events = common.eventsList
@@ -38,7 +38,7 @@ export const authApi = (hierarchy, actions) =>
   getAuthApi({
     hierarchy,
     actions: keyBy("name")(actions),
-    publish: () => {},
+    publish: () => { },
   })
 
 export const allTypes = templateApi({}).allTypes

packages/builder/src/node_modules/components/common/eventHandlers.js

@@ -1,7 +1,7 @@
-import { eventHandlers } from "../../../client/src/state/eventHandlers"
+import { eventHandlers } from "../../../../../client/src/state/eventHandlers"
 import { writable } from "svelte/store"
-export { EVENT_TYPE_MEMBER_NAME } from "../../../client/src/state/eventHandlers"
-import { createCoreApi } from "../../../client/src/core"
+export { EVENT_TYPE_MEMBER_NAME } from "../../../../../client/src/state/eventHandlers"
+import { createCoreApi } from "../../../../../client/src/core"
 
 export const allHandlers = (appDefinition, user) => {
   const coreApi = createCoreApi(appDefinition, user)

packages/builder/src/node_modules/components/database/DatabaseRoot.svelte

@@ -2,11 +2,11 @@
   import ModelView from "./ModelView.svelte"
   import IndexView from "./IndexView.svelte"
   import ModelDataTable from "./ModelDataTable"
-  import { store, backendUiStore } from "../builderStore"
-  import getIcon from "../common/icon"
-  import DropdownButton from "../common/DropdownButton.svelte"
-  import ActionButton from "../common/ActionButton.svelte"
-  import Modal from "../common/Modal.svelte"
+  import { store, backendUiStore } from "builderStore"
+  import getIcon from "components/common/icon"
+  import DropdownButton from "components/common/DropdownButton.svelte"
+  import ActionButton from "components/common/ActionButton.svelte"
+  import Modal from "components/common/Modal.svelte"
   import * as api from "./ModelDataTable/api"
   import {
     CreateEditRecordModal,

packages/builder/src/node_modules/components/database/IndexView.svelte

@@ -1,13 +1,16 @@
 <script>
-  import Textbox from "../common/Textbox.svelte"
-  import CodeArea from "../common/CodeArea.svelte"
-  import Button from "../common/Button.svelte"
-  import Dropdown from "../common/Dropdown.svelte"
-  import { store } from "../builderStore"
+  import Textbox from "components/common/Textbox.svelte"
+  import CodeArea from "components/common/CodeArea.svelte"
+  import Button from "components/common/Button.svelte"
+  import Dropdown from "components/common/Dropdown.svelte"
+  import { store } from "builderStore"
   import { filter, some, map, compose } from "lodash/fp"
-  import { hierarchy as hierarchyFunctions, common } from "../../../core/src"
-  import ErrorsBox from "../common/ErrorsBox.svelte"
-  import ActionButton from "../common/ActionButton.svelte"
+  import {
+    hierarchy as hierarchyFunctions,
+    common,
+  } from "../../../../../core/src/"
+  import ErrorsBox from "components/common/ErrorsBox.svelte"
+  import ActionButton from "components/common/ActionButton.svelte"
 
   const SNIPPET_EDITORS = {
     MAP: "Map",

packages/builder/src/node_modules/components/database/ModelDataTable/ModelDataTable.svelte

@@ -1,6 +1,6 @@
 <script>
   import { onMount } from "svelte"
-  import { store, backendUiStore } from "../../builderStore"
+  import { store, backendUiStore } from "builderStore"
   import {
     tap,
     get,
@@ -11,11 +11,11 @@
     map,
     remove,
     keys,
-    takeRight
+    takeRight,
   } from "lodash/fp"
-  import Select from "../../common/Select.svelte"
-  import { getIndexSchema } from "../../common/core"
-  import ActionButton from "../../common/ActionButton.svelte"
+  import Select from "components/common/Select.svelte"
+  import { getIndexSchema } from "components/common/core"
+  import ActionButton from "components/common/ActionButton.svelte"
   import TablePagination from "./TablePagination.svelte"
   import { DeleteRecordModal } from "./modals"
   import * as api from "./api"
@@ -56,7 +56,11 @@
 
   const getSchema = getIndexSchema($store.hierarchy)
 
-  const childViewsForRecord = compose(flatten, map("indexes"), get("children"))
+  const childViewsForRecord = compose(
+    flatten,
+    map("indexes"),
+    get("children")
+  )
 
   const hideInternalHeaders = compose(
     remove(headerName => INTERNAL_HEADERS.includes(headerName)),
@@ -95,7 +99,9 @@
 
 <section>
   <div class="table-controls">
-    <h4 class="budibase__title--3">{takeRight(2, $backendUiStore.breadcrumbs).join(" / ")}</h4>
+    <h4 class="budibase__title--3">
+      {takeRight(2, $backendUiStore.breadcrumbs).join(' / ')}
+    </h4>
     <Select icon="ri-eye-line" bind:value={$backendUiStore.selectedView}>
       {#each views as view}
         <option value={view}>{view.name}</option>

packages/builder/src/node_modules/components/database/ModelDataTable/TablePagination.svelte

@@ -1,5 +1,5 @@
 <script>
-  import { backendUiStore } from "../../builderStore"
+  import { backendUiStore } from "builderStore"
 
   export let data
   export let currentPage

packages/builder/src/node_modules/components/database/ModelDataTable/api.js

@@ -1,5 +1,5 @@
-import api from "../../builderStore/api"
-import { getNewRecord, getNewInstance } from "../../common/core"
+import api from "builderStore/api"
+import { getNewRecord, getNewInstance } from "components/common/core"
 
 export async function createUser(password, user, { appname, instanceId }) {
   const CREATE_USER_URL = `/_builder/instance/${appname}/${instanceId}/api/createUser`

packages/builder/src/node_modules/components/database/ModelDataTable/modals/CreateDatabase.svelte

@@ -1,7 +1,7 @@
 <script>
-  import Modal from "../../../common/Modal.svelte"
-  import { store } from "../../../builderStore"
-  import ActionButton from "../../../common/ActionButton.svelte"
+  import Modal from "components/common/Modal.svelte"
+  import { store } from "builderStore"
+  import ActionButton from "components/common/ActionButton.svelte"
   import * as api from "../api"
 
   export let onClosed

packages/builder/src/node_modules/components/database/ModelDataTable/modals/CreateEditModel.svelte

@@ -1,7 +1,7 @@
 <script>
-  import Modal from "../../../common/Modal.svelte"
-  import ActionButton from "../../../common/ActionButton.svelte"
-  import { backendUiStore } from "../../../builderStore"
+  import Modal from "components/common/Modal.svelte"
+  import ActionButton from "components/common/ActionButton.svelte"
+  import { backendUiStore } from "builderStore"
   import ModelView from "../../ModelView.svelte"
   import * as api from "../api"
 </script>

packages/builder/src/node_modules/components/database/ModelDataTable/modals/CreateEditRecord.svelte

@@ -1,18 +1,18 @@
 <script>
   import { onMount } from "svelte"
-  import { store, backendUiStore } from "../../../builderStore"
+  import { store, backendUiStore } from "builderStore"
   import { compose, map, get, flatten } from "lodash/fp"
-  import Modal from "../../../common/Modal.svelte"
-  import ActionButton from "../../../common/ActionButton.svelte"
-  import Select from "../../../common/Select.svelte"
+  import Modal from "components/common/Modal.svelte"
+  import ActionButton from "components/common/ActionButton.svelte"
+  import Select from "components/common/Select.svelte"
   import {
     getNewRecord,
     joinKey,
     getExactNodeForKey,
-  } from "../../../common/core"
+  } from "components/common/core"
   import RecordFieldControl from "./RecordFieldControl.svelte"
   import * as api from "../api"
-  import ErrorsBox from "../../../common/ErrorsBox.svelte"
+  import ErrorsBox from "components/common/ErrorsBox.svelte"
 
   export let record
   export let onClosed

packages/builder/src/node_modules/components/database/ModelDataTable/modals/CreateUser.svelte

@@ -1,7 +1,7 @@
 <script>
-  import Modal from "../../../common/Modal.svelte"
-  import { store, backendUiStore } from "../../../builderStore"
-  import ActionButton from "../../../common/ActionButton.svelte"
+  import Modal from "components/common/Modal.svelte"
+  import { store, backendUiStore } from "builderStore"
+  import ActionButton from "components/common/ActionButton.svelte"
   import * as api from "../api"
 
   export let onClosed

packages/builder/src/node_modules/components/database/ModelDataTable/modals/DeleteRecord.svelte

@@ -1,7 +1,7 @@
 <script>
-  import Modal from "../../../common/Modal.svelte"
-  import ActionButton from "../../../common/ActionButton.svelte"
-  import { store, backendUiStore } from "../../../builderStore"
+  import Modal from "components/common/Modal.svelte"
+  import ActionButton from "components/common/ActionButton.svelte"
+  import { store, backendUiStore } from "builderStore"
   import * as api from "../api"
 
   export let record

packages/builder/src/node_modules/components/database/ModelView.svelte

@@ -1,12 +1,12 @@
 <script>
   import { tick } from "svelte"
-  import Textbox from "../common/Textbox.svelte"
-  import Button from "../common/Button.svelte"
-  import Select from "../common/Select.svelte"
-  import ActionButton from "../common/ActionButton.svelte"
-  import getIcon from "../common/icon"
+  import Textbox from "components/common/Textbox.svelte"
+  import Button from "components/common/Button.svelte"
+  import Select from "components/common/Select.svelte"
+  import ActionButton from "components/common/ActionButton.svelte"
+  import getIcon from "components/common/icon"
   import FieldView from "./FieldView.svelte"
-  import Modal from "../common/Modal.svelte"
+  import Modal from "components/common/Modal.svelte"
   import {
     get,
     compose,
@@ -18,11 +18,11 @@
     keys,
     isDate,
   } from "lodash/fp"
-  import { store, backendUiStore } from "../builderStore"
-  import { common, hierarchy } from "../../../core/src"
-  import { getNode } from "../common/core"
-  import { templateApi, pipe, validate } from "../common/core"
-  import ErrorsBox from "../common/ErrorsBox.svelte"
+  import { store, backendUiStore } from "builderStore"
+  import { common, hierarchy } from "../../../../../core/src/"
+  import { getNode } from "components/common/core"
+  import { templateApi, pipe, validate } from "components/common/core"
+  import ErrorsBox from "components/common/ErrorsBox.svelte"
 
   let record
   let getIndexAllowedRecords
@@ -154,7 +154,7 @@
               <div>{field.name}</div>
             </td>
             <td>{field.type}</td>
-            <td>{field.typeOptions.values || ""}</td>
+            <td>{field.typeOptions.values || ''}</td>
             <td>
               <i
                 class="ri-delete-bin-6-line hoverable"
@@ -164,26 +164,28 @@
         {/each}
       </tbody>
     </table>
-      <div class="uk-margin">
-        <ActionButton color="secondary" on:click={store.saveCurrentNode}>
-          Save
+    <div class="uk-margin">
+      <ActionButton color="secondary" on:click={store.saveCurrentNode}>
+        Save
+      </ActionButton>
+      {#if modelExistsInHierarchy}
+        <ActionButton color="primary" on:click={store.newChildRecord}>
+          Create Child Model on {record.name}
         </ActionButton>
-        {#if modelExistsInHierarchy}
-          <ActionButton color="primary" on:click={store.newChildRecord}>
-            Create Child Model on {record.name}
-          </ActionButton>
-          <ActionButton
-            color="primary"
-            on:click={async () => {
-              backendUiStore.actions.modals.show('VIEW')
-              await tick()
-              store.newChildIndex()
-            }}>
-            Create Child View on {record.name}
-          </ActionButton>
-          <ActionButton alert on:click={store.deleteCurrentNode}>Delete</ActionButton>
-        {/if}
-      </div>
+        <ActionButton
+          color="primary"
+          on:click={async () => {
+            backendUiStore.actions.modals.show('VIEW')
+            await tick()
+            store.newChildIndex()
+          }}>
+          Create Child View on {record.name}
+        </ActionButton>
+        <ActionButton alert on:click={store.deleteCurrentNode}>
+          Delete
+        </ActionButton>
+      {/if}
+    </div>
   {:else}
     <FieldView
       field={fieldToEdit}

packages/builder/src/node_modules/components/nav/BackendNav.svelte

@@ -1,12 +1,11 @@
 <script>
   import { getContext } from "svelte"
-  import { store, backendUiStore } from "../builderStore"
+  import { store, backendUiStore } from "builderStore"
   import HierarchyRow from "./HierarchyRow.svelte"
   import DatabasesList from "./DatabasesList.svelte"
   import UsersList from "./UsersList.svelte"
-  import { hierarchy as hierarchyFunctions } from "../../../core/src"
   import NavItem from "./NavItem.svelte"
-  import getIcon from "../common/icon"
+  import getIcon from "components/common/icon"
 </script>
 
 <div class="items-root">

packages/builder/src/node_modules/components/nav/DatabasesList.svelte

@@ -1,6 +1,6 @@
 <script>
   import { tick } from "svelte"
-  import { store, backendUiStore } from "../builderStore"
+  import { store, backendUiStore } from "builderStore"
   import getIcon from "../common/icon"
   import { CheckIcon } from "../common/Icons"
 

packages/builder/src/node_modules/components/nav/HierarchyRow.svelte

@@ -1,6 +1,6 @@
 <script>
   import { getContext } from "svelte"
-  import { store, backendUiStore } from "../builderStore"
+  import { store, backendUiStore } from "builderStore"
   import { cloneDeep } from "lodash/fp"
   import getIcon from "../common/icon"
 

packages/builder/src/node_modules/components/nav/NavItem.svelte

@@ -1,6 +1,6 @@
 <script>
   import getIcon from "../common/icon"
-  import { backendUiStore } from "../builderStore"
+  import { backendUiStore } from "builderStore"
 
   export let name = ""
   export let label = ""

packages/builder/src/node_modules/components/nav/SchemaManagementDrawer.svelte

@@ -1,10 +1,9 @@
 <script>
-  import { store, backendUiStore } from "../builderStore"
+  import { store, backendUiStore } from "builderStore"
   import HierarchyRow from "./HierarchyRow.svelte"
-  import DropdownButton from "../common/DropdownButton.svelte"
-  import { hierarchy as hierarchyFunctions } from "../../../core/src"
+  import DropdownButton from "components/common/DropdownButton.svelte"
   import NavItem from "./NavItem.svelte"
-  import getIcon from "../common/icon"
+  import getIcon from "components/common/icon"
 
   function newModel() {
     if ($store.currentNode) {

packages/builder/src/node_modules/components/nav/UsersList.svelte

@@ -1,7 +1,7 @@
 <script>
   import { onMount } from "svelte"
-  import { store, backendUiStore } from "../builderStore"
-  import api from "../builderStore/api"
+  import { store, backendUiStore } from "builderStore"
+  import api from "builderStore/api"
   import getIcon from "../common/icon"
   import { CheckIcon } from "../common/Icons"
 

packages/builder/src/node_modules/components/userInterface/CodeEditor.svelte

@@ -1,8 +1,8 @@
 <script>
-  import { store } from "../builderStore"
+  import { store } from "builderStore"
   import UIkit from "uikit"
-  import ActionButton from "../common/ActionButton.svelte"
-  import ButtonGroup from "../common/ButtonGroup.svelte"
+  import ActionButton from "components/common/ActionButton.svelte"
+  import ButtonGroup from "components/common/ButtonGroup.svelte"
   import CodeMirror from "codemirror"
   import "codemirror/mode/javascript/javascript.js"
 

packages/builder/src/node_modules/components/userInterface/ComponentPropertiesPanel.svelte

@@ -1,15 +1,15 @@
 <script>
   import PropsView from "./PropsView.svelte"
   import StateBindingControl from "./StateBindingControl.svelte"
-  import { store } from "../builderStore"
-  import IconButton from "../common/IconButton.svelte"
+  import { store } from "builderStore"
+  import IconButton from "components/common/IconButton.svelte"
   import {
     LayoutIcon,
     PaintIcon,
     TerminalIcon,
     CircleIndicator,
     EventsIcon,
-  } from "../common/Icons/"
+  } from "components/common/Icons/"
   import CodeEditor from "./CodeEditor.svelte"
   import LayoutEditor from "./LayoutEditor.svelte"
   import EventsEditor from "./EventsEditor"

packages/builder/src/node_modules/components/userInterface/ComponentSelectionList.svelte

@@ -1,6 +1,6 @@
 <script>
   import { splitName } from "./pagesParsing/splitRootComponentName.js"
-  import { store } from "../builderStore"
+  import { store } from "builderStore"
   import {
     find,
     sortBy,
@@ -11,16 +11,16 @@
     uniqBy,
     flatten,
   } from "lodash/fp"
-  import { ImageIcon, InputIcon, LayoutIcon } from "../common/Icons/"
-  import Select from "../common/Select.svelte"
-  import Button from "../common/PlusButton.svelte"
-  import ConfirmDialog from "../common/ConfirmDialog.svelte"
+  import { ImageIcon, InputIcon, LayoutIcon } from "components/common/Icons/"
+  import Select from "components/common/Select.svelte"
+  import Button from "components/common/PlusButton.svelte"
+  import ConfirmDialog from "components/common/ConfirmDialog.svelte"
   import {
     getRecordNodes,
     getIndexNodes,
     getIndexSchema,
     pipe,
-  } from "../common/core"
+  } from "components/common/core"
 
   export let toggleTab
 
@@ -35,13 +35,16 @@
   $: templatesByComponent = groupBy(t => t.component)($store.templates)
   $: hierarchy = $store.hierarchy
   $: libraryModules = $store.libraries
-  $: standaloneTemplates = pipe(templatesByComponent, [
-    values,
-    flatten,
-    filter(t => !$store.components.some(c => c.name === t.component)),
-    map(t => ({ name: splitName(t.component).componentName, template: t })),
-    uniqBy(t => t.name),
-  ])
+  $: standaloneTemplates = pipe(
+    templatesByComponent,
+    [
+      values,
+      flatten,
+      filter(t => !$store.components.some(c => c.name === t.component)),
+      map(t => ({ name: splitName(t.component).componentName, template: t })),
+      uniqBy(t => t.name),
+    ]
+  )
 
   const addRootComponent = (component, allComponents) => {
     const { libName } = splitName(component.name)

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

@@ -2,10 +2,10 @@
   import ComponentsHierarchyChildren from "./ComponentsHierarchyChildren.svelte"
 
   import { last, sortBy, map, trimCharsStart, trimChars, join } from "lodash/fp"
-  import ConfirmDialog from "../common/ConfirmDialog.svelte"
-  import { pipe } from "../common/core"
-  import { store } from "../builderStore"
-  import { ArrowDownIcon, ShapeIcon } from "../common/Icons/"
+  import ConfirmDialog from "components/common/ConfirmDialog.svelte"
+  import { pipe } from "components/common/core"
+  import { store } from "builderStore"
+  import { ArrowDownIcon, ShapeIcon } from "components/common/Icons/"
 
   export let screens = []
 
@@ -15,12 +15,15 @@
   const joinPath = join("/")
 
   const normalizedName = name =>
-    pipe(name, [
-      trimCharsStart("./"),
-      trimCharsStart("~/"),
-      trimCharsStart("../"),
-      trimChars(" "),
-    ])
+    pipe(
+      name,
+      [
+        trimCharsStart("./"),
+        trimCharsStart("~/"),
+        trimCharsStart("../"),
+        trimChars(" "),
+      ]
+    )
 
   const lastPartOfName = c => {
     if (!c) return ""
@@ -32,10 +35,10 @@
 
   const isFolderSelected = (current, folder) => isInSubfolder(current, folder)
 
-  $: _screens = pipe(screens, [
-    map(c => ({ component: c, title: lastPartOfName(c) })),
-    sortBy("title"),
-  ])
+  $: _screens = pipe(
+    screens,
+    [map(c => ({ component: c, title: lastPartOfName(c) })), sortBy("title")]
+  )
 
   const isScreenSelected = component =>
     component.component &&

packages/builder/src/node_modules/components/userInterface/ComponentsPaneSwitcher.svelte

@@ -1,5 +1,5 @@
 <script>
-  import { store } from "../builderStore/"
+  import { store } from "builderStore/"
   import ComponentPropertiesPanel from "./ComponentPropertiesPanel.svelte"
   import ComponentSelectionList from "./ComponentSelectionList.svelte"
 

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

@@ -1,7 +1,7 @@
 <script>
-  import { store, backendUiStore } from "../builderStore"
+  import { store, backendUiStore } from "builderStore"
   import { map, join } from "lodash/fp"
-  import { pipe } from "../common/core"
+  import { pipe } from "components/common/core"
 
   let iframe
 

packages/builder/src/node_modules/components/userInterface/EventsEditor/EventsEditor.svelte

@@ -10,18 +10,18 @@
     filter,
     difference,
   } from "lodash/fp"
-  import { pipe } from "../../common/core"
-  import Checkbox from "../../common/Checkbox.svelte"
-  import Textbox from "../../common/Textbox.svelte"
-  import Dropdown from "../../common/Dropdown.svelte"
-  import PlusButton from "../../common/PlusButton.svelte"
-  import IconButton from "../../common/IconButton.svelte"
-  import Modal from "../../common/Modal.svelte"
+  import { pipe } from "components/common/core"
+  import Checkbox from "components/common/Checkbox.svelte"
+  import Textbox from "components/common/Textbox.svelte"
+  import Dropdown from "components/common/Dropdown.svelte"
+  import PlusButton from "components/common/PlusButton.svelte"
+  import IconButton from "components/common/IconButton.svelte"
+  import Modal from "components/common/Modal.svelte"
   import EventEditorModal from "./EventEditorModal.svelte"
   import HandlerSelector from "./HandlerSelector.svelte"
 
-  import { PencilIcon } from "../../common/Icons"
-  import { EVENT_TYPE_MEMBER_NAME } from "../../common/eventHandlers"
+  import { PencilIcon } from "components/common/Icons"
+  import { EVENT_TYPE_MEMBER_NAME } from "components/common/eventHandlers"
 
   export const EVENT_TYPE = "event"
 

packages/builder/src/node_modules/components/userInterface/EventsEditor/HandlerSelector.svelte

@@ -1,16 +1,16 @@
 <script>
-  import IconButton from "../../common/IconButton.svelte"
-  import PlusButton from "../../common/PlusButton.svelte"
-  import Select from "../../common/Select.svelte"
+  import IconButton from "components/common/IconButton.svelte"
+  import PlusButton from "components/common/PlusButton.svelte"
+  import Select from "components/common/Select.svelte"
   import StateBindingCascader from "./StateBindingCascader.svelte"
   import StateBindingControl from "../StateBindingControl.svelte"
   import { find, map, keys, reduce, keyBy } from "lodash/fp"
-  import { pipe, userWithFullAccess } from "../../common/core"
+  import { pipe, userWithFullAccess } from "components/common/core"
   import {
     EVENT_TYPE_MEMBER_NAME,
     allHandlers,
-  } from "../../common/eventHandlers"
-  import { store } from "../../builderStore"
+  } from "components/common/eventHandlers"
+  import { store } from "builderStore"
 
   export let handler
   export let onCreate

packages/builder/src/node_modules/components/userInterface/EventsEditor/StateBindingCascader.svelte

@@ -1,18 +1,18 @@
 <script>
-  import IconButton from "../../common/IconButton.svelte"
-  import PlusButton from "../../common/PlusButton.svelte"
-  import Select from "../../common/Select.svelte"
-  import Input from "../../common/Input.svelte"
+  import IconButton from "components/common/IconButton.svelte"
+  import PlusButton from "components/common/PlusButton.svelte"
+  import Select from "components/common/Select.svelte"
+  import Input from "components/common/Input.svelte"
   import StateBindingControl from "../StateBindingControl.svelte"
   import { find, map, keys, reduce, keyBy } from "lodash/fp"
-  import { pipe, userWithFullAccess } from "../../common/core"
+  import { pipe, userWithFullAccess } from "components/common/core"
   import {
     EVENT_TYPE_MEMBER_NAME,
     allHandlers,
-  } from "../../common/eventHandlers"
-  import { store } from "../../builderStore"
+  } from "components/common/eventHandlers"
+  import { store } from "builderStore"
   import StateBindingOptions from "../PropertyCascader/StateBindingOptions.svelte"
-  import { ArrowDownIcon } from "../../common/Icons/"
+  import { ArrowDownIcon } from "components/common/Icons/"
 
   export let parameter
   export let onChange

packages/builder/src/node_modules/components/userInterface/MasterLayout.svelte

@@ -3,10 +3,10 @@
   import ComponentsHierarchyChildren from "./ComponentsHierarchyChildren.svelte"
 
   import { last, sortBy, map, trimCharsStart, trimChars, join } from "lodash/fp"
-  import ConfirmDialog from "../common/ConfirmDialog.svelte"
-  import { pipe } from "../common/core"
-  import { store } from "../builderStore"
-  import { ArrowDownIcon, GridIcon } from "../common/Icons/"
+  import ConfirmDialog from "components/common/ConfirmDialog.svelte"
+  import { pipe } from "components/common/core"
+  import { store } from "builderStore"
+  import { ArrowDownIcon, GridIcon } from "components/common/Icons/"
 
   export let layout
 
@@ -16,12 +16,15 @@
   const joinPath = join("/")
 
   const normalizedName = name =>
-    pipe(name, [
-      trimCharsStart("./"),
-      trimCharsStart("~/"),
-      trimCharsStart("../"),
-      trimChars(" "),
-    ])
+    pipe(
+      name,
+      [
+        trimCharsStart("./"),
+        trimCharsStart("~/"),
+        trimCharsStart("../"),
+        trimChars(" "),
+      ]
+    )
 
   const lastPartOfName = c =>
     c && last(c.name ? c.name.split("/") : c._component.split("/"))
@@ -30,7 +33,10 @@
 
   const isFolderSelected = (current, folder) => isInSubfolder(current, folder)
 
-  $: _layout = pipe(layout, [c => ({ component: c, title: lastPartOfName(c) })])
+  $: _layout = pipe(
+    layout,
+    [c => ({ component: c, title: lastPartOfName(c) })]
+  )
 
   const isScreenSelected = component =>
     component.component &&

packages/builder/src/node_modules/components/userInterface/NewScreen.svelte

@@ -1,12 +1,12 @@
 <script>
-  import { store } from "../builderStore"
+  import { store } from "builderStore"
   import PropsView from "./PropsView.svelte"
-  import Textbox from "../common/Textbox.svelte"
-  import Button from "../common/Button.svelte"
-  import ActionButton from "../common/ActionButton.svelte"
-  import ButtonGroup from "../common/ButtonGroup.svelte"
-  import ConfirmDialog from "../common/ConfirmDialog.svelte"
-  import { pipe } from "../common/core"
+  import Textbox from "components/common/Textbox.svelte"
+  import Button from "components/common/Button.svelte"
+  import ActionButton from "components/common/ActionButton.svelte"
+  import ButtonGroup from "components/common/ButtonGroup.svelte"
+  import ConfirmDialog from "components/common/ConfirmDialog.svelte"
+  import { pipe } from "components/common/core"
   import UIkit from "uikit"
   import { isRootComponent } from "./pagesParsing/searchComponents"
   import { splitName } from "./pagesParsing/splitRootComponentName.js"
@@ -26,10 +26,13 @@
 
   let saveAttempted = false
 
-  $: layoutComponents = pipe($store.components, [
-    filter(c => c.container),
-    map(c => ({ name: c.name, ...splitName(c.name) })),
-  ])
+  $: layoutComponents = pipe(
+    $store.components,
+    [
+      filter(c => c.container),
+      map(c => ({ name: c.name, ...splitName(c.name) })),
+    ]
+  )
 
   $: layoutComponent = layoutComponent
     ? find(c => c.name === layoutComponent.name)(layoutComponents)

packages/builder/src/node_modules/components/userInterface/PageView.svelte

@@ -1,20 +1,20 @@
 <script>
-  import Textbox from "../common/Textbox.svelte"
-  import Dropdown from "../common/Dropdown.svelte"
-  import Button from "../common/Button.svelte"
-  import { store } from "../builderStore"
+  import Textbox from "components/common/Textbox.svelte"
+  import Dropdown from "components/common/Dropdown.svelte"
+  import Button from "components/common/Button.svelte"
+  import { store } from "builderStore"
   import { isRootComponent } from "./pagesParsing/searchComponents"
-  import { pipe } from "../common/core"
+  import { pipe } from "components/common/core"
   import { filter, find, concat } from "lodash/fp"
 
   const notSeletedComponent = { name: "(none selected)" }
 
   $: page = $store.pages[$store.currentPageName]
   $: title = page.index.title
-  $: components = pipe($store.components, [
-    filter(store => !isRootComponent($store)),
-    concat([notSeletedComponent]),
-  ])
+  $: components = pipe(
+    $store.components,
+    [filter(store => !isRootComponent($store)), concat([notSeletedComponent])]
+  )
   $: entryComponent =
     find(c => c.name === page.appBody)(components) || notSeletedComponent
 

packages/builder/src/node_modules/components/userInterface/PagesList.svelte

@@ -1,7 +1,7 @@
 <script>
-  import { store } from "../builderStore"
-  import getIcon from "../common/icon"
-  import { CheckIcon } from "../common/Icons"
+  import { store } from "builderStore"
+  import getIcon from "components/common/icon"
+  import { CheckIcon } from "components/common/Icons"
 
   const getPage = (s, name) => {
     const props = s.pages[name]

packages/builder/src/node_modules/components/userInterface/PropertyCascader/PropertyCascader.svelte

@@ -1,8 +1,8 @@
 <script>
-  import { ArrowDownIcon } from "../../common/Icons/"
-  import { store } from "../../builderStore"
-  import { buildStateOrigins } from "../../builderStore/buildStateOrigins"
-  import { isBinding, getBinding, setBinding } from "../../common/binding"
+  import { ArrowDownIcon } from "components/common/Icons/"
+  import { store } from "builderStore"
+  import { buildStateOrigins } from "builderStore/buildStateOrigins"
+  import { isBinding, getBinding, setBinding } from "components/common/binding"
   import StateBindingOptions from "./StateBindingOptions.svelte"
 
   export let onChanged = () => {}

packages/builder/src/node_modules/components/userInterface/SettingsView.svelte

@@ -1,11 +1,11 @@
 <script>
-  import { store } from "../builderStore"
-  import Textbox from "../common/Textbox.svelte"
-  import Button from "../common/Button.svelte"
-  import IconButton from "../common/IconButton.svelte"
+  import { store } from "builderStore"
+  import Textbox from "components/common/Textbox.svelte"
+  import Button from "components/common/Button.svelte"
+  import IconButton from "components/common/IconButton.svelte"
   import { libraryDependencies } from "./pagesParsing/findDependencies"
   import UIkit from "uikit"
-  import { libsFromPages } from "../builderStore/loadComponentLibraries"
+  import { libsFromPages } from "builderStore/loadComponentLibraries"
   let addNewLib = ""
   let addNewStylesheet = ""
   let modalElement

packages/builder/src/node_modules/components/userInterface/UserInterfaceRoot.svelte

@@ -3,17 +3,17 @@
   import ComponentsHierarchyChildren from "./ComponentsHierarchyChildren.svelte"
   import MasterLayout from "./MasterLayout.svelte"
   import PagesList from "./PagesList.svelte"
-  import { store } from "../builderStore"
-  import IconButton from "../common/IconButton.svelte"
-  import Modal from "../common/Modal.svelte"
+  import { store } from "builderStore"
+  import IconButton from "components/common/IconButton.svelte"
+  import Modal from "components/common/Modal.svelte"
   import NewScreen from "./NewScreen.svelte"
   import CurrentItemPreview from "./CurrentItemPreview.svelte"
   import SettingsView from "./SettingsView.svelte"
   import PageView from "./PageView.svelte"
   import ComponentsPaneSwitcher from "./ComponentsPaneSwitcher.svelte"
-  import ConfirmDialog from "../common/ConfirmDialog.svelte"
+  import ConfirmDialog from "components/common/ConfirmDialog.svelte"
   import { last } from "lodash/fp"
-  import { AddIcon } from "../common/Icons"
+  import { AddIcon } from "components/common/Icons"
 
   let newScreenPicker
   let confirmDeleteDialog

packages/builder/src/node_modules/components/userInterface/pagesParsing/createProps.js

@@ -1,7 +1,7 @@
 import { isString, isUndefined } from "lodash/fp"
 import { types } from "./types"
 import { assign } from "lodash"
-import { uuid } from "../../builderStore/uuid"
+import { uuid } from "builderStore/uuid"
 
 export const getBuiltin = name => {
   const { props } = createProps({ name })