Move contracts to a chain subfolder, leverage absolute paths. Intent …

…is to move chain-specific code there

src/Dispatch.ts

@@ -5,8 +5,6 @@ import DebugVue from './components/debug/Debug.vue';
 import ShareVue from './components/builder/share/Share.vue';
 import GalleryVue from './components/builder/gallery/Gallery.vue';
 
-import { THREE } from './three';
-
 export const Builder = BuilderVue;
 export const Admin = AdminVue;
 export const Debug = DebugVue;

src/Wallet.ts

@@ -12,7 +12,7 @@ import MetamaskWallet from './wallets/Metamask'
 import { IWallet } from './wallets/IWallet';
 
 import { getProvider, setProvider } from './Provider';
-import { watchSignerChanges } from './Contracts'
+import { watchSignerChanges } from '@/chain/Contracts';
 
 import { legacySetsMgr } from './components/builder/set_browser/LegacySetsMgr';
 

src/builder/Briq.ts

@@ -1,4 +1,3 @@
-import { number } from 'starknet';
 import { hexUuid } from '../Uuid';
 
 export class Briq

src/builder/ChainBriqs.ts

@@ -1,5 +1,5 @@
 import { Briq } from './Briq';
-import type IBriqContract from '../contracts/briq';
+import type IBriqContract from '../chain/contracts/briq';
 import { reactive, watchEffect } from "vue";
 import type { Ref } from "vue";
 import { ticketing, isOutdated } from "../Async";

src/builder/MintProxy.ts

@@ -1,5 +1,5 @@
 import { reactive } from 'vue'
-import type MintContract from '../contracts/mint';
+import type MintContract from '../chain/contracts/mint';
 
 import { ticketing, OutdatedPromiseError } from '../Async';
 

src/builder/SetsManager.ts

@@ -1,6 +1,6 @@
 
 import { reactive, WatchStopHandle } from 'vue';
-import SetContract from '../contracts/set';
+import SetContract from '../chain/contracts/set';
 import { SetData } from './SetData';
 import { Briq } from './Briq';
 

src/builder/StarknetSync.ts

@@ -2,7 +2,7 @@ import { store } from "../store/Store";
 
 import { setupMintProxy } from './MintProxy'
 
-import contractStore from "../Contracts";
+import contractStore from '@/chain/Contracts';
 
 import { watchEffect } from 'vue';
 export function setupSync()

src/builder/graphics/Builder.ts

@@ -16,7 +16,7 @@ import {
     RenderPass,
     SSAARenderPass,
     SAOPass,
-} from '../../three';
+} from '@/three';
 
 export var camera: THREE.Camera;
 

src/builder/graphics/Materials.ts

@@ -1,7 +1,6 @@
-//import * as THREE from 'three';
-import { THREE } from '../../three';
+import { THREE } from '@/three';
 
-import lightMapTex from '../../assets/lightmap.png'
+import lightMapTex from '@/assets/lightmap.png'
 
 import builderSettings from './Settings'
 

src/builder/graphics/PreviewCube.ts

@@ -1,4 +1,4 @@
-import { THREE, THREE_SETUP } from '../../three';
+import { THREE, THREE_SETUP } from '@/three';
 
 var previewCube: THREE.Mesh;
 function generatePreviewCube()

src/builder/graphics/VoxelWorld.ts

@@ -1,5 +1,5 @@
 import { number } from 'starknet';
-import { THREE } from '../../three';
+import { THREE } from '@/three';
 
 import { MaterialByColor } from './Materials';
 export default class VoxelWorld {

src/builder/inputs/Selection.ts

@@ -1,7 +1,7 @@
 import type { SetData } from "../SetData";
 import type { Briq } from '../Briq';
 
-import { THREE } from '../../three';
+import { THREE } from '@/three';
 
 class SelectionRender
 {

src/builder/inputs/input_states/CopyPaste.ts

@@ -1,11 +1,11 @@
 import { MouseInputState } from './BuilderInputState';
-import { store } from '../../../store/Store'
+import { store } from '@/store/Store'
 
-import type { HotkeyHandle } from '../../../Hotkeys';
+import type { HotkeyHandle } from '@/Hotkeys';
 
 import { SelectionManager, selectionRender } from '../Selection';
-import { THREE } from '../../../three';
-import { pushMessage } from '../../../Messages';
+import { THREE } from '@/three';
+import { pushMessage } from '@/Messages';
 
 export class CopyPasteInput extends MouseInputState {
     lastClickPos: [number, number, number] | undefined;

src/builder/inputs/input_states/Eraser.ts

@@ -1,9 +1,9 @@
 import { MouseInputState } from './BuilderInputState';
 import { VoxelAlignedSelection } from './Selecting';
-import getPreviewCube from '../../graphics/PreviewCube'
-import { store } from '../../../store/Store';
+import getPreviewCube from '@/builder/graphics/PreviewCube';
+import { store } from '@/store/Store';
 
-import { THREE } from '../../../three';
+import { THREE } from '@/three';
 
 export class EraserInput extends MouseInputState
 {

src/builder/inputs/input_states/Inspect.ts

@@ -1,17 +1,17 @@
 import { MouseInputState } from './BuilderInputState';
-import { store } from '../../../store/Store';
-import type { SetData } from '../../SetData';
-import type { Briq } from '../../Briq';
+import { store } from '@/store/Store';
+import type { SetData } from '@/builder/SetData';
+import type { Briq } from '@/builder/Briq';
 import { selectionRender } from '../Selection';
-import getPreviewCube from '../../graphics/PreviewCube'
-import { THREE, BufferGeometryUtils } from '../../../three';
+import getPreviewCube from '@/builder/graphics/PreviewCube'
+import { THREE, BufferGeometryUtils } from '@/three';
 
 import { camera, inputObjects } from '../../graphics/Builder';
 
-import { featureFlags } from '../../../FeatureFlags';
-import { pushMessage } from '../../../Messages';
-import { setsManager } from '../../SetsManager';
-import type { HotkeyHandle } from '../../../Hotkeys';
+import { featureFlags } from '@/FeatureFlags';
+import { pushMessage } from '@/Messages';
+import { setsManager } from '@/builder/SetsManager';
+import type { HotkeyHandle } from '@/Hotkeys';
 
 import { watchEffect, WatchStopHandle } from 'vue';
 import { BoxSelection, VoxelAlignedSelection } from './Selecting';

src/builder/inputs/input_states/Painter.ts

@@ -1,11 +1,11 @@
 import { MouseInputState } from './BuilderInputState';
-import getPreviewCube from '../../graphics/PreviewCube'
+import getPreviewCube from '@/builder/graphics/PreviewCube'
 import { inputStore } from "../InputStore";
-import { store } from '../../../store/Store';
+import { store } from '@/store/Store';
 
-import type { SetData } from '../../SetData';
+import type { SetData } from '@/builder/SetData';
 
-import { THREE } from '../../../three';
+import { THREE } from '@/three';
 import { VoxelAlignedSelection } from './Selecting';
 
 import { watchEffect } from 'vue';

src/builder/inputs/input_states/Placer.ts

@@ -1,9 +1,9 @@
 import { MouseInputState } from './BuilderInputState';
-import getPreviewCube from '../../graphics/PreviewCube'
+import getPreviewCube from '@/builder/graphics/PreviewCube'
 import { inputStore } from "../InputStore";
-import { store } from '../../../store/Store'
+import { store } from '@/store/Store'
 
-import { THREE } from '../../../three';
+import { THREE } from '@/three';
 import { VoxelAlignedSelection } from './Selecting';
 
 import { watchEffect } from 'vue';

src/builder/inputs/input_states/Selecting.ts

@@ -1,12 +1,12 @@
 import { MouseInputState } from './BuilderInputState';
 import { selectionRender } from '../Selection';
-import { THREE, SelectionBox as ThreeSelectionBox } from '../../../three';
-import getPreviewCube from '../../graphics/PreviewCube';
+import { THREE, SelectionBox as ThreeSelectionBox } from '@/three';
+import getPreviewCube from '@/builder/graphics/PreviewCube';
 
-import { store } from '../../../store/Store'
-import { camera } from '../../graphics/Builder';
-import type { HotkeyHandle } from '../../../Hotkeys';
-import type { Briq } from '../../Briq';
+import { store } from '@/store/Store'
+import { camera } from '@/builder/graphics/Builder';
+import type { HotkeyHandle } from '@/Hotkeys';
+import type { Briq } from '@/builder/Briq';
 
 export class BoxSelection extends MouseInputState
 {

src/Contracts.ts → src/chain/Contracts.ts

@@ -49,7 +49,7 @@ const IMPL = {
 }
 
 import { reactive, watchEffect, toRef, ref } from 'vue';
-import { logDebug } from './Messages'
+import { logDebug } from '../Messages'
 const contractStore = reactive({
     briq: undefined as undefined | BriqContract,
     mint: undefined as undefined | MintContract,

src/contracts/set.ts → src/chain/contracts/set.ts

@@ -1,5 +1,5 @@
 import type { Provider, Signer } from 'starknet';
-import type { SetData } from '../builder/SetData';
+import type { SetData } from '../../builder/SetData';
 import { getSelectorFromName } from 'starknet/utils/stark';
 
 

src/components/Admin.vue

@@ -26,7 +26,7 @@
 </template>
 
 <script lang="ts">
-import contractStore from '../Contracts';
+import contractStore from '@/chain/Contracts';
 import { messagesStore, pushMessage } from '../Messages'
 import { defineComponent } from 'vue';
 import type { Provider, Signer } from 'starknet';

src/components/Contract.vue

@@ -28,7 +28,7 @@ var names = Object.keys(materialData);
 <script lang="ts">
 import { defineComponent } from 'vue'
 import { adminStore, isOk } from '../Admin'
-import contractStore from '../Contracts';
+import contractStore from '@/chain/Contracts';
 
 export default defineComponent({
     data() {

src/components/builder/BlockchainStatus.vue

@@ -34,12 +34,12 @@ import Hotkey from '../generic/Hotkey.vue';
 </template>
 
 <script lang="ts">
+import contractStore from '@/chain/Contracts';
 import { pushModal } from '../Modals.vue';
 
 import WalletSelectorVue from '../WalletSelector.vue';
 import { transactionsManager } from '../../builder/Transactions';
-import contractStore from '../../Contracts';
-import { defineComponent } from "vue";
+import { defineComponent } from 'vue';
 export default defineComponent({
     data() {
         return {
@@ -76,7 +76,7 @@ export default defineComponent({
                 pushModal(WalletSelectorVue);
         },
     }
-})
+});
 </script>
 
 <style scoped>

src/components/builder/BriqDetails.vue

@@ -16,7 +16,7 @@
 
 <script lang="ts">
 import { setsManager } from '../../builder/SetsManager';
-import contractStore from '../../Contracts';
+import contractStore from '@/chain/Contracts';
 import { reportError } from '../../Monitoring';
 import { ticketing } from '../../Async';
 

src/components/builder/Builder.vue

@@ -35,7 +35,7 @@ import CursorTooltip from '../generic/CursorTooltip.vue';
 import WalletSelectorVue from '../WalletSelector.vue';
 
 import { setsManager, checkForInitialGMSet } from '../../builder/SetsManager';
-import contractStore from '../../Contracts';
+import contractStore from '@/chain/Contracts';
 import { watchEffectAndWait } from '../../Async';
 
 import { setupSync } from '../../builder/StarknetSync';

src/components/builder/modals/ExportSet.vue

@@ -103,7 +103,7 @@ import { SetData } from '../../../builder/SetData';
 
 import { transactionsManager, Transaction } from '../../../builder/Transactions';
 
-import contractStore from '../../../Contracts';
+import contractStore from '@/chain/Contracts';
 
 import { setsManager } from '../../../builder/SetsManager';
 import BriqTable from '../BriqTable.vue';

src/components/builder/modals/MigrateSet.vue

@@ -66,7 +66,7 @@ import { SetData } from '../../../builder/SetData';
 
 import { transactionsManager, Transaction } from '../../../builder/Transactions';
 
-import contractStore from '../../../Contracts';
+import contractStore from '@/chain/Contracts';
 
 import { setsManager } from '../../../builder/SetsManager';
 import BriqTable from '../BriqTable.vue';

src/components/builder/modals/MintModal.vue

@@ -65,7 +65,7 @@ import { mintProxyStore } from '../../../builder/MintProxy';
 import { Transaction, transactionsManager } from '../../../builder/Transactions';
 
 import type { Provider } from 'starknet';
-import contractStore from '../../../Contracts';
+import contractStore from '@/chain/Contracts';
 
 import { defineComponent } from 'vue';
 export default defineComponent({

src/components/builder/modals/TransferSet.vue

@@ -18,7 +18,7 @@ import Button from '../../generic/Button.vue';
 <script lang="ts">
 import { Transaction } from '../../../builder/Transactions';
 
-import contractStore from '../../../Contracts';
+import contractStore from '@/chain/Contracts';
 
 import { defineComponent, nextTick, toRef } from 'vue';
 export default defineComponent({

src/components/builder/set_browser/LegacySetsMgr.ts

@@ -1,6 +1,6 @@
 import { SetData } from '../../../builder/SetData';
-import { ADDRESSES } from '../../../Contracts';
-import { LegacySetContract } from '../../../contracts/set';
+import { ADDRESSES } from '@/chain/Contracts';
+import { LegacySetContract } from '../../../chain/contracts/set';
 import getBaseUrl, { fetchData } from '../../../url';
 
 class LegacySetsMgr

src/components/builder/set_browser/SetGridItem.vue

@@ -78,7 +78,7 @@ import TransferSet from '../modals/TransferSet.vue';
 
 import { Transaction, transactionsManager } from '../../../builder/Transactions';
 
-import contractStore from '../../../Contracts';
+import contractStore from '@/chain/Contracts';
 
 import { SetData } from '../../../builder/setData';
 import { setsManager, SetInfo } from '../../../builder/SetsManager';

src/components/builder/share/Share.vue

@@ -72,7 +72,7 @@ import { getProvider, getProviderForNetwork } from '../../../Provider';
 import { fetchData } from '../../../url';
 import { reportError } from '../../../Monitoring';
 import { ticketing } from '../../../Async';
-import contractStore, { forceNetwork } from '../../../Contracts';
+import contractStore, { forceNetwork } from '@/chain/Contracts';
 import builderSettings from '../../../builder/graphics/Settings';
 
 import { defineComponent, watchEffect } from 'vue';

src/components/debug/Debug.vue

@@ -74,7 +74,7 @@ p {
 import type { Provider, CallContractTransaction } from 'starknet';
 
 import { transactionsManager } from '../../builder/Transactions';
-import contractStore from '../../Contracts';
+import contractStore from '@/chain/Contracts';
 import { getStarknetObject } from '../../wallets/ArgentX';
 
 import { ticketing, ignoreOutdated, OutdatedPromiseError } from '../../Async';

tsconfig.json

@@ -8,5 +8,8 @@
         "strict": true,
         "incremental": true,
         "types": ["vite/client", "@types/jest", "@types/three", "@types/uuid", "vite-svg-loader"],
+        "paths": {
+            "@/*": ["./src/*"]
+        }
     }
 }

vite.config.js

@@ -15,8 +15,15 @@ const injectNpmVersion = () => {
   }
 };
 
+import path from 'path';
+
 // https://vitejs.dev/config/
 export default defineConfig(({ mode }) => ({
+    resolve:{
+        alias:{
+            '@' : path.resolve(__dirname, './src'),
+        },
+    },
     build: {
         target: "es2020",
         sourcemap: mode === "production",