Update all aliases in client

packages/client/src/components/Block.svelte

@@ -1,7 +1,7 @@
 <script>
   import { getContext, onDestroy, onMount, setContext } from "svelte"
-  import { builderStore } from "stores/builder.js"
-  import { blockStore } from "stores/blocks"
+  import { builderStore } from "@/stores/builder.js"
+  import { blockStore } from "@/stores/blocks"
 
   const component = getContext("component")
   const { styleable } = getContext("sdk")

packages/client/src/components/BlockComponent.svelte

@@ -2,7 +2,7 @@
   import { getContext, onDestroy } from "svelte"
   import { generate } from "shortid"
   import { builderStore } from "../stores/builder.js"
-  import Component from "components/Component.svelte"
+  import Component from "@/components/Component.svelte"
 
   export let type
   export let props

packages/client/src/components/Component.svelte

@@ -11,7 +11,7 @@
 <script>
   import { getContext, setContext, onMount } from "svelte"
   import { writable, get } from "svelte/store"
-  import { enrichProps, propsAreSame } from "utils/componentProps"
+  import { enrichProps, propsAreSame } from "@/utils/componentProps"
   import { getSettingsDefinition } from "@budibase/frontend-core"
   import {
     builderStore,
@@ -22,10 +22,13 @@
     dndIsDragging,
   } from "@/stores"
   import { Helpers } from "@budibase/bbui"
-  import { getActiveConditions, reduceConditionActions } from "utils/conditions"
-  import EmptyPlaceholder from "components/app/EmptyPlaceholder.svelte"
-  import ScreenPlaceholder from "components/app/ScreenPlaceholder.svelte"
-  import ComponentErrorState from "components/error-states/ComponentErrorState.svelte"
+  import {
+    getActiveConditions,
+    reduceConditionActions,
+  } from "@/utils/conditions"
+  import EmptyPlaceholder from "@/components/app/EmptyPlaceholder.svelte"
+  import ScreenPlaceholder from "@/components/app/ScreenPlaceholder.svelte"
+  import ComponentErrorState from "@/components/error-states/ComponentErrorState.svelte"
   import {
     decodeJSBinding,
     findHBSBlocks,
@@ -35,7 +38,7 @@
     getActionContextKey,
     getActionDependentContextKeys,
   } from "../utils/buttonActions.js"
-  import { gridLayout } from "utils/grid"
+  import { gridLayout } from "@/utils/grid"
 
   export let instance = {}
   export let parent = null

packages/client/src/components/app/blocks/CardsBlock.svelte

@@ -1,9 +1,9 @@
 <script>
   import { getContext } from "svelte"
-  import Block from "components/Block.svelte"
-  import BlockComponent from "components/BlockComponent.svelte"
+  import Block from "@/components/Block.svelte"
+  import BlockComponent from "@/components/BlockComponent.svelte"
   import { makePropSafe as safe } from "@budibase/string-templates"
-  import { enrichSearchColumns, enrichFilter } from "utils/blocks"
+  import { enrichSearchColumns, enrichFilter } from "@/utils/blocks"
   import { get } from "svelte/store"
 
   export let title

packages/client/src/components/app/blocks/ChartBlock.svelte

@@ -1,6 +1,6 @@
 <script>
-  import Block from "components/Block.svelte"
-  import BlockComponent from "components/BlockComponent.svelte"
+  import Block from "@/components/Block.svelte"
+  import BlockComponent from "@/components/BlockComponent.svelte"
   import { makePropSafe as safe } from "@budibase/string-templates"
 
   // Datasource

packages/client/src/components/app/blocks/FormBlockComponent.svelte

@@ -1,5 +1,5 @@
 <script>
-  import BlockComponent from "components/BlockComponent.svelte"
+  import BlockComponent from "@/components/BlockComponent.svelte"
   import { FieldType } from "@budibase/types"
 
   export let field

packages/client/src/components/app/blocks/MultiStepFormblock.svelte

@@ -1,5 +1,5 @@
 <script>
-  import BlockComponent from "components/BlockComponent.svelte"
+  import BlockComponent from "@/components/BlockComponent.svelte"
   import { Helpers } from "@budibase/bbui"
   import { getContext, setContext } from "svelte"
   import { builderStore } from "@/stores"

packages/client/src/components/app/blocks/RepeaterBlock.svelte

@@ -1,7 +1,7 @@
 <script>
-  import BlockComponent from "components/BlockComponent.svelte"
-  import Block from "components/Block.svelte"
-  import Placeholder from "components/app/Placeholder.svelte"
+  import BlockComponent from "@/components/BlockComponent.svelte"
+  import Block from "@/components/Block.svelte"
+  import Placeholder from "@/components/app/Placeholder.svelte"
   import { getContext } from "svelte"
   import { makePropSafe as safe } from "@budibase/string-templates"
   import { get } from "svelte/store"

packages/client/src/components/app/blocks/RowExplorer.svelte

@@ -1,6 +1,6 @@
 <script>
-  import Block from "components/Block.svelte"
-  import BlockComponent from "components/BlockComponent.svelte"
+  import Block from "@/components/Block.svelte"
+  import BlockComponent from "@/components/BlockComponent.svelte"
   import { makePropSafe as safe } from "@budibase/string-templates"
   import { generate } from "shortid"
   import { get } from "svelte/store"

packages/client/src/components/app/blocks/form/FormBlockWrapper.svelte

@@ -1,6 +1,6 @@
 <script>
-  import BlockComponent from "components/BlockComponent.svelte"
-  import Block from "components/Block.svelte"
+  import BlockComponent from "@/components/BlockComponent.svelte"
+  import Block from "@/components/Block.svelte"
   import { makePropSafe as safe } from "@budibase/string-templates"
   import { getContext } from "svelte"
 

packages/client/src/components/app/blocks/form/InnerFormBlock.svelte

@@ -1,6 +1,6 @@
 <script>
-  import BlockComponent from "components/BlockComponent.svelte"
-  import Placeholder from "components/app/Placeholder.svelte"
+  import BlockComponent from "@/components/BlockComponent.svelte"
+  import Placeholder from "@/components/app/Placeholder.svelte"
   import { getContext } from "svelte"
   import FormBlockComponent from "../FormBlockComponent.svelte"
 

packages/client/src/components/app/container/GridContainer.svelte

@@ -1,7 +1,7 @@
 <script>
   import { getContext, onMount } from "svelte"
   import { writable } from "svelte/store"
-  import { GridRowHeight, GridColumns } from "constants"
+  import { GridRowHeight, GridColumns } from "@/constants"
   import { memo } from "@budibase/frontend-core"
 
   export let onClick

packages/client/src/components/app/deprecated/TableBlock.svelte

@@ -2,10 +2,10 @@
   import { getContext } from "svelte"
   import { get } from "svelte/store"
   import { generate } from "shortid"
-  import Block from "components/Block.svelte"
-  import BlockComponent from "components/BlockComponent.svelte"
+  import Block from "@/components/Block.svelte"
+  import BlockComponent from "@/components/BlockComponent.svelte"
   import { makePropSafe as safe } from "@budibase/string-templates"
-  import { enrichSearchColumns, enrichFilter } from "utils/blocks"
+  import { enrichSearchColumns, enrichFilter } from "@/utils/blocks"
   import { Utils } from "@budibase/frontend-core"
 
   export let title

packages/client/src/components/app/deprecated/table/Table.svelte

@@ -3,7 +3,7 @@
   import { Table } from "@budibase/bbui"
   import SlotRenderer from "./SlotRenderer.svelte"
   import { canBeSortColumn } from "@budibase/frontend-core"
-  import Provider from "components/context/Provider.svelte"
+  import Provider from "@/components/context/Provider.svelte"
 
   export let dataProvider
   export let columns

packages/client/src/components/app/forms/S3Upload.svelte

@@ -2,7 +2,7 @@
   import Field from "./Field.svelte"
   import { CoreDropzone, ProgressCircle, Helpers } from "@budibase/bbui"
   import { getContext, onMount, onDestroy } from "svelte"
-  import { builderStore } from "stores/builder.js"
+  import { builderStore } from "@/stores/builder.js"
   import { processStringSync } from "@budibase/string-templates"
 
   export let datasourceId

packages/client/src/components/context/Provider.svelte

@@ -1,7 +1,7 @@
 <script>
   import { getContext, setContext, onDestroy } from "svelte"
   import { dataSourceStore, createContextStore } from "@/stores"
-  import { ActionTypes } from "constants"
+  import { ActionTypes } from "@/constants"
   import { generate } from "shortid"
 
   const { ContextScopes } = getContext("sdk")

packages/client/src/components/context/UserBindingsProvider.svelte

@@ -1,7 +1,7 @@
 <script>
   import Provider from "./Provider.svelte"
   import { authStore, currentRole } from "@/stores"
-  import { ActionTypes } from "constants"
+  import { ActionTypes } from "@/constants"
   import { Constants } from "@budibase/frontend-core"
 
   // Register this as a refreshable datasource so that user changes cause

packages/client/src/components/devtools/DevToolsComponentContextTab.svelte

@@ -1,6 +1,6 @@
 <script>
   import { Layout, Select, Body } from "@budibase/bbui"
-  import { componentStore } from "stores/index.ts"
+  import { componentStore } from "@/stores"
   import DevToolsStat from "./DevToolsStat.svelte"
 
   const ReadableBindingMap = {

packages/client/src/components/devtools/DevToolsComponentSettingsTab.svelte

@@ -2,7 +2,7 @@
   import { Layout, Toggle } from "@budibase/bbui"
   import { getSettingsDefinition } from "@budibase/frontend-core"
   import DevToolsStat from "./DevToolsStat.svelte"
-  import { componentStore } from "stores/index.ts"
+  import { componentStore } from "@/stores"
 
   let showEnrichedSettings = true
 

packages/client/src/components/devtools/DevToolsHeader.svelte

@@ -1,8 +1,8 @@
 <script>
   import { Heading, Select, ActionButton } from "@budibase/bbui"
-  import { devToolsStore, appStore } from "stores"
+  import { devToolsStore, appStore } from "@/stores"
   import { getContext, onMount } from "svelte"
-  import { API } from "api"
+  import { API } from "@/api"
 
   const context = getContext("context")
   const SELF_ROLE = "self"

packages/client/src/components/preview/DNDPlaceholderOverlay.svelte

@@ -3,7 +3,7 @@
 <!--  import { Utils } from "@budibase/frontend-core"-->
 <!--  import { componentStore, dndNewComponentType, isGridScreen } from "@/stores"-->
 <!--  import { DNDPlaceholderID } from "@/constants"-->
-<!--  import IndicatorSet from "components/preview/IndicatorSet.svelte"-->
+<!--  import IndicatorSet from "@/components/preview/IndicatorSet.svelte"-->
 
 <!--  let left, top, height, width-->
 <!--  let observing = false-->

packages/client/src/components/preview/DNDSelectionIndicators.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { isGridScreen, dndParent, dndSource, dndIsDragging } from "stores"
+  import { isGridScreen, dndParent, dndSource, dndIsDragging } from "@/stores"
   import { DNDPlaceholderID } from "@/constants"
   import IndicatorSet from "./IndicatorSet.svelte"
 </script>

packages/client/src/components/preview/GridNewComponentDNDHandler.svelte

@@ -2,8 +2,8 @@
   import { onDestroy, getContext } from "svelte"
   import { builderStore, componentStore, screenStore } from "@/stores"
   import { Utils, memo } from "@budibase/frontend-core"
-  import { GridRowHeight } from "constants"
-  import { GridParams, getGridVar, Devices } from "utils/grid"
+  import { GridRowHeight } from "@/constants"
+  import { GridParams, getGridVar, Devices } from "@/utils/grid"
 
   const context = getContext("context")
 

packages/client/src/components/preview/HoverIndicator.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { onMount, onDestroy } from "svelte"
   import IndicatorSet from "./IndicatorSet.svelte"
-  import { dndIsDragging, hoverStore, builderStore } from "stores"
+  import { dndIsDragging, hoverStore, builderStore } from "@/stores"
 
   $: componentId = $hoverStore.hoveredComponentId
   $: selectedComponentId = $builderStore.selectedComponentId

packages/client/src/components/preview/Indicator.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { Icon } from "@budibase/bbui"
-  import { GridDragModes } from "utils/grid"
+  import { GridDragModes } from "@/utils/grid"
 
   export let top: number
   export let left: number

packages/client/src/components/preview/IndicatorSet.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { onMount, onDestroy } from "svelte"
   import Indicator from "./Indicator.svelte"
-  import { builderStore } from "stores"
+  import { builderStore } from "@/stores"
   import { memo, Utils } from "@budibase/frontend-core"
 
   export let componentId: string

packages/client/src/components/preview/SelectionIndicator.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { dndIsDragging, builderStore } from "stores"
+  import { dndIsDragging, builderStore } from "@/stores"
   import IndicatorSet from "./IndicatorSet.svelte"
 
   $: color = $builderStore.editMode

packages/client/src/components/preview/SettingsBar.svelte

@@ -6,7 +6,7 @@
   import SettingsPicker from "./SettingsPicker.svelte"
   import { builderStore, componentStore, dndIsDragging } from "@/stores"
   import { Utils, shouldDisplaySetting } from "@budibase/frontend-core"
-  import { getGridVar, GridParams, Devices } from "utils/grid"
+  import { getGridVar, GridParams, Devices } from "@/utils/grid"
 
   const context = getContext("context")
   const verticalOffset = 36

packages/client/src/index.ts

@@ -10,7 +10,7 @@ import {
   eventStore,
   hoverStore,
   stateStore,
-} from "stores"
+} from "@/stores"
 import { get } from "svelte/store"
 import { initWebsocket } from "@/websocket"
 import { APIClient } from "@budibase/frontend-core"

packages/client/src/sdk.js

@@ -1,4 +1,4 @@
-import { API } from "api"
+import { API } from "@/api"
 import {
   authStore,
   notificationStore,
@@ -19,12 +19,12 @@ import {
   stateStore,
   createContextStore,
 } from "@/stores"
-import { styleable } from "utils/styleable"
-import { linkable } from "utils/linkable"
-import { getAction } from "utils/getAction"
-import Provider from "components/context/Provider.svelte"
-import Block from "components/Block.svelte"
-import BlockComponent from "components/BlockComponent.svelte"
+import { styleable } from "@/utils/styleable"
+import { linkable } from "@/utils/linkable"
+import { getAction } from "@/utils/getAction"
+import Provider from "@/components/context/Provider.svelte"
+import Block from "@/components/Block.svelte"
+import BlockComponent from "@/components/BlockComponent.svelte"
 import { ActionTypes } from "./constants"
 import {
   fetchDatasourceSchema,
@@ -41,7 +41,7 @@ import {
   memo,
   derivedMemo,
 } from "@budibase/frontend-core"
-import { createValidatorFromConstraints } from "components/app/forms/validation"
+import { createValidatorFromConstraints } from "@/components/app/forms/validation"
 
 export default {
   API,

packages/client/src/stores/app.js

@@ -1,4 +1,4 @@
-import { API } from "api"
+import { API } from "@/api"
 import { get, writable, derived } from "svelte/store"
 
 const initialState = {

packages/client/src/stores/auth.ts

@@ -1,4 +1,4 @@
-import { API } from "api"
+import { API } from "@/api"
 import { writable } from "svelte/store"
 
 const createAuthStore = () => {

packages/client/src/stores/builder.js

@@ -1,5 +1,5 @@
 import { writable, get } from "svelte/store"
-import { API } from "api"
+import { API } from "@/api"
 import { devToolsStore } from "./devTools.js"
 import { eventStore } from "./events.js"
 

packages/client/src/stores/dataSource.js

@@ -1,5 +1,5 @@
 import { writable, get } from "svelte/store"
-import { API } from "api"
+import { API } from "@/api"
 import { FieldTypes } from "../constants"
 import { routeStore } from "./routes"
 

packages/client/src/stores/derived/dndComponentPath.js

@@ -1,5 +1,5 @@
 import { derived } from "svelte/store"
-import { findComponentPathById } from "utils/components.js"
+import { findComponentPathById } from "@/utils/components.js"
 import { dndParent } from "../dnd.ts"
 import { screenStore } from "../screens.js"
 

packages/client/src/stores/dnd.ts

@@ -1,6 +1,6 @@
 import { writable, get } from "svelte/store"
 import { derivedMemo } from "@budibase/frontend-core"
-import { screenStore, isGridScreen, componentStore } from "stores/index"
+import { screenStore, isGridScreen, componentStore } from "@/stores"
 import { ScreenslotID } from "@/constants"
 import { ComponentDefinition } from "@budibase/types"
 

packages/client/src/stores/environment.js

@@ -1,4 +1,4 @@
-import { API } from "api"
+import { API } from "@/api"
 import { writable } from "svelte/store"
 
 const initialState = {

packages/client/src/stores/org.js

@@ -1,4 +1,4 @@
-import { API } from "api"
+import { API } from "@/api"
 import { writable, get } from "svelte/store"
 import { appStore } from "./app"
 

packages/client/src/stores/roles.js

@@ -1,4 +1,4 @@
-import { API } from "api"
+import { API } from "@/api"
 import { writable } from "svelte/store"
 import { currentRole } from "./derived"
 

packages/client/src/stores/routes.ts

@@ -1,6 +1,6 @@
 import { get, writable } from "svelte/store"
 import { push } from "svelte-spa-router"
-import { API } from "api"
+import { API } from "@/api"
 import { peekStore } from "./peek"
 import { builderStore } from "./builder"
 

packages/client/src/utils/api.js

@@ -1,4 +1,4 @@
-import { API } from "api"
+import { API } from "@/api"
 
 export const getAPIKey = async () => {
   const { apiKey } = await API.fetchDeveloperInfo()

packages/client/src/utils/buttonActions.js

@@ -14,8 +14,8 @@ import {
   sidePanelStore,
   modalStore,
 } from "@/stores"
-import { API } from "api"
-import { ActionTypes } from "constants"
+import { API } from "@/api"
+import { ActionTypes } from "@/constants"
 import { enrichDataBindings } from "./enrichDataBinding"
 import { Helpers } from "@budibase/bbui"
 

packages/client/src/utils/grid.ts

@@ -1,6 +1,6 @@
 import { GridSpacing, GridRowHeight } from "@/constants"
-import { builderStore } from "stores"
-import { buildStyleString } from "utils/styleable.js"
+import { builderStore } from "@/stores"
+import { buildStyleString } from "@/utils/styleable.js"
 
 interface GridMetadata {
   id: string

packages/client/src/utils/linkable.ts

@@ -1,6 +1,6 @@
 import { get } from "svelte/store"
 import { link, LinkActionOpts } from "svelte-spa-router"
-import { builderStore } from "stores"
+import { builderStore } from "@/stores"
 
 export const linkable = (node: HTMLElement, href?: LinkActionOpts) => {
   if (get(builderStore).inBuilder) {

packages/client/src/utils/schema.ts

@@ -1,4 +1,4 @@
-import { API } from "api"
+import { API } from "@/api"
 import { DataFetchMap, DataFetchType } from "@budibase/frontend-core"
 import { FieldType, TableSchema } from "@budibase/types"
 

packages/client/src/websocket.js

@@ -1,4 +1,4 @@
-import { builderStore, environmentStore, notificationStore } from "stores"
+import { builderStore, environmentStore, notificationStore } from "@/stores"
 import { get } from "svelte/store"
 import { createWebsocket } from "@budibase/frontend-core"
 

packages/client/vite.config.mjs

@@ -47,30 +47,6 @@ export default defineConfig(({ mode }) => {
           find: "manifest.json",
           replacement: path.resolve("./manifest.json"),
         },
-        {
-          find: "api",
-          replacement: path.resolve("./src/api"),
-        },
-        {
-          find: "components",
-          replacement: path.resolve("./src/components"),
-        },
-        {
-          find: "stores",
-          replacement: path.resolve("./src/stores"),
-        },
-        {
-          find: "utils",
-          replacement: path.resolve("./src/utils"),
-        },
-        {
-          find: "constants",
-          replacement: path.resolve("./src/constants"),
-        },
-        {
-          find: "sdk",
-          replacement: path.resolve("./src/sdk"),
-        },
         {
           find: "@budibase/types",
           replacement: path.resolve("../types/src"),