fix: update import paths to avoid API extraction bugs

aform/config/api-extractor.json

@@ -5,16 +5,5 @@
 	"docModel": {
 		"enabled": true,
 		"projectFolderUrl": "https://github.com/agritheory/stonecrop/tree/development/aform"
-	},
-
-	"messages": {
-		"extractorMessageReporting": {
-			// Disable this validation at your own risk:  Processing an incorrect file type
-			// may lead to other errors.  Function bodies may incorrectly get emitted in the
-			// .d.ts rollup.
-			"ae-wrong-input-file-type": {
-				"logLevel": "none"
-			}
-		}
 	}
 }

aform/src/components/AForm.vue

@@ -16,7 +16,7 @@
 <script setup lang="ts">
 import { ref, computed } from 'vue'
 
-import type { SchemaTypes } from '@/types'
+import type { SchemaTypes } from '../types'
 
 const emit = defineEmits(['update:modelValue'])
 const { modelValue, data, readonly } = defineProps<{

aform/src/components/form/ACheckbox.vue

@@ -17,7 +17,7 @@
 <script setup lang="ts">
 import { InputHTMLAttributes } from 'vue'
 
-import { ComponentProps } from '@/types'
+import { ComponentProps } from '../../types'
 
 const { label, required, readonly, uuid, validation = { errorMessage: '&nbsp;' } } = defineProps<ComponentProps>()
 const checkbox = defineModel<InputHTMLAttributes['checked']>()

aform/src/components/form/ADate.vue

@@ -16,7 +16,7 @@
 <script setup lang="ts">
 import { useTemplateRef } from 'vue'
 
-import { ComponentProps } from '@/types'
+import { ComponentProps } from '../../types'
 
 const {
 	label = 'Date',

aform/src/components/form/AFieldset.vue

@@ -13,9 +13,9 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 
-import CollapseButton from '@/components/base/CollapseButton.vue'
-import AForm from '@/components/AForm.vue'
-import { SchemaTypes } from '@/types'
+import CollapseButton from '../base/CollapseButton.vue'
+import AForm from '../AForm.vue'
+import { SchemaTypes } from '../../types'
 
 const { schema, label, collapsible, data } = defineProps<{
 	schema: SchemaTypes[]

aform/src/components/form/ANumericInput.vue

@@ -13,7 +13,7 @@
 </template>
 
 <script setup lang="ts">
-import { ComponentProps } from '@/types'
+import { ComponentProps } from '../../types'
 
 const { label, required, readonly, uuid, validation = { errorMessage: '&nbsp;' } } = defineProps<ComponentProps>()
 const inputNumber = defineModel<number>()

aform/src/components/form/ATextInput.vue

@@ -16,8 +16,8 @@
 <script setup lang="ts">
 import { /* inject, */ ref } from 'vue'
 
-import { useStringMask as vMask } from '@/directives/mask'
-import { ComponentProps } from '@/types'
+import { useStringMask as vMask } from '../../directives/mask'
+import { ComponentProps } from '../../types'
 
 const { label, mask, required, readonly, uuid, validation = { errorMessage: '&nbsp;' } } = defineProps<ComponentProps>()
 

aform/src/directives/mask.ts

@@ -1,6 +1,6 @@
 import type { DirectiveBinding } from 'vue'
 
-import type { FormSchema } from '@/types'
+import type { FormSchema } from '../types'
 
 const NAMED_MASKS = {
 	date: '##/##/####',

aform/tests/checkbox.spec.ts

@@ -1,7 +1,7 @@
 import { describe, it, expect } from 'vitest'
 import { mount } from '@vue/test-utils'
 
-import ACheckbox from '@/components/form/ACheckbox.vue'
+import ACheckbox from '../src/components/form/ACheckbox.vue'
 
 describe('checkbox component', () => {
 	let wrapper = mount(ACheckbox, {

aform/tests/collapse.spec.ts

@@ -1,7 +1,7 @@
 import { describe, it, expect } from 'vitest'
 import { mount } from '@vue/test-utils'
 
-import CollapseButton from '@/components/base/CollapseButton.vue'
+import CollapseButton from '../src/components/base/CollapseButton.vue'
 
 describe('numeric input component', () => {
 	it('apply specific class based on collapsed input', async () => {

aform/tests/date.spec.ts

@@ -1,7 +1,7 @@
 import { describe, it, expect } from 'vitest'
 import { mount } from '@vue/test-utils'
 
-import ADate from '@/components/form/ADate.vue'
+import ADate from '../src/components/form/ADate.vue'
 
 describe('date component', () => {
 	it('date input is rendered', async () => {

aform/tests/datepicker.spec.ts

@@ -1,7 +1,7 @@
 import { describe, it, expect } from 'vitest'
 import { mount } from '@vue/test-utils'
 
-import ADatePicker from '@/components/form/ADatePicker.vue'
+import ADatePicker from '../src/components/form/ADatePicker.vue'
 
 describe('datepicker component', () => {
 	it('emits update event when date is changed', async () => {

aform/tests/dropdown.spec.ts

@@ -1,7 +1,7 @@
 import { describe, it, expect } from 'vitest'
 import { mount } from '@vue/test-utils'
 
-import ADropdown from '@/components/form/ADropdown.vue'
+import ADropdown from '../src/components/form/ADropdown.vue'
 
 describe('dropdown input component', () => {
 	const dropdownData = {

aform/tests/fieldset.spec.ts

@@ -1,7 +1,7 @@
 import { describe, it, expect } from 'vitest'
 import { mount } from '@vue/test-utils'
 
-import AFieldset from '@/components/form/AFieldset.vue'
+import AFieldset from '../src/components/form/AFieldset.vue'
 
 describe('fieldset input component', () => {
 	it('no change in collapse status when fieldset is uncollapsible', async () => {

aform/tests/login.spec.ts

@@ -1,7 +1,7 @@
 import { describe, it, expect } from 'vitest'
 import { mount } from '@vue/test-utils'
 
-import Login from '@/components/utilities/Login.vue'
+import Login from '../src/components/utilities/Login.vue'
 
 describe('login component', () => {
 	it('mount the login component', async () => {

aform/tests/numeric.spec.ts

@@ -1,7 +1,7 @@
 import { describe, it, expect } from 'vitest'
 import { mount } from '@vue/test-utils'
 
-import ANumericInput from '@/components/form/ANumericInput.vue'
+import ANumericInput from '../src/components/form/ANumericInput.vue'
 
 describe('numeric input component', () => {
 	const numericInputModel = 25

aform/tests/text.spec.ts

@@ -1,7 +1,7 @@
 import { describe, it, expect } from 'vitest'
 import { mount } from '@vue/test-utils'
 
-import ATextInput from '@/components/form/ATextInput.vue'
+import ATextInput from '../src/components/form/ATextInput.vue'
 
 describe('text input component', () => {
 	it('skip input mask when one is not provided', async () => {

aform/tsconfig.json

@@ -2,11 +2,7 @@
 	"extends": "../tsconfig.json",
 	"compilerOptions": {
 		"tsBuildInfoFile": "./dist/aform.tsbuildinfo",
-		"types": ["vitest/globals", "vitest/jsdom"],
-		"paths": {
-			"@/*": ["./src/*"],
-			"types/*": ["./src/types/*"]
-		}
+		"types": ["vitest/globals", "vitest/jsdom"]
 	},
 	"include": ["src/**/*.ts", "src/**/*.vue", "tests/**/*.spec.ts", "tests/**/*.ts", "tests/**/*.vue"]
 }

aform/vite.config.ts

@@ -9,12 +9,6 @@ const projectRootDir = resolve(__dirname)
 
 export default defineConfig({
 	plugins: [vue(), libInjectCss()],
-	resolve: {
-		alias: {
-			'@': resolve(projectRootDir, 'src'),
-			types: resolve(projectRootDir, 'src/types'),
-		},
-	},
 	build: {
 		emptyOutDir: false,
 		sourcemap: true,

atable/config/api-extractor.json

@@ -5,16 +5,5 @@
 	"docModel": {
 		"enabled": true,
 		"projectFolderUrl": "https://github.com/agritheory/stonecrop/tree/development/atable"
-	},
-
-	"messages": {
-		"extractorMessageReporting": {
-			// Disable this validation at your own risk:  Processing an incorrect file type
-			// may lead to other errors.  Function bodies may incorrectly get emitted in the
-			// .d.ts rollup.
-			"ae-wrong-input-file-type": {
-				"logLevel": "none"
-			}
-		}
 	}
 }

atable/src/components/ACell.vue

@@ -32,8 +32,8 @@ import { vOnClickOutside } from '@vueuse/components'
 import { useElementBounding } from '@vueuse/core'
 import { computed, CSSProperties, ref, useTemplateRef } from 'vue'
 
-import { createTableStore } from '@/stores/table'
-import { isHtmlString } from '@/utils'
+import { createTableStore } from '../stores/table'
+import { isHtmlString } from '../utils'
 
 const {
 	colIndex,

atable/src/components/AExpansionRow.vue

@@ -16,7 +16,7 @@
 import { type KeypressHandlers, useKeyboardNav } from '@stonecrop/utilities'
 import { computed, useTemplateRef } from 'vue'
 
-import { createTableStore } from '@/stores/table'
+import { createTableStore } from '../stores/table'
 
 const {
 	rowIndex,

atable/src/components/ARow.vue

@@ -28,7 +28,7 @@
 import { type KeypressHandlers, useKeyboardNav, defaultKeypressHandlers } from '@stonecrop/utilities'
 import { useTemplateRef } from 'vue'
 
-import { createTableStore } from '@/stores/table'
+import { createTableStore } from '../stores/table'
 
 const {
 	rowIndex,

atable/src/components/ATable.vue

@@ -56,12 +56,12 @@
 import { useMutationObserver } from '@vueuse/core'
 import { nextTick, watch, onMounted, useTemplateRef } from 'vue'
 
-import ACell from '@/components/ACell.vue'
-import ARow from '@/components/ARow.vue'
-import ATableHeader from '@/components/ATableHeader.vue'
-import ATableModal from '@/components/ATableModal.vue'
-import { createTableStore } from '@/stores/table'
-import type { TableColumn, TableConfig, TableRow } from '@/types'
+import ACell from './ACell.vue'
+import ARow from './ARow.vue'
+import ATableHeader from './ATableHeader.vue'
+import ATableModal from './ATableModal.vue'
+import { createTableStore } from '../stores/table'
+import type { TableColumn, TableConfig, TableRow } from '../types'
 
 const {
 	id,

atable/src/components/ATableHeader.vue

@@ -23,8 +23,8 @@
 </template>
 
 <script setup lang="ts">
-import { createTableStore } from '@/stores/table'
-import type { TableColumn } from '@/types'
+import { createTableStore } from '../stores/table'
+import type { TableColumn } from '../types'
 
 const { columns, store } = defineProps<{
 	columns: TableColumn[]

atable/src/components/ATableModal.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script setup lang="ts">
-import { createTableStore } from '@/stores/table'
+import { createTableStore } from '../stores/table'
 
 /* const { colIndex, rowIndex, store } = */ defineProps<{
 	colIndex?: number

atable/src/stores/table.ts

@@ -1,7 +1,7 @@
 import { defineStore } from 'pinia'
 import { type CSSProperties, computed, ref } from 'vue'
 
-import type { CellContext, TableColumn, TableConfig, TableDisplay, TableModal, TableRow } from '@/types'
+import type { CellContext, TableColumn, TableConfig, TableDisplay, TableModal, TableRow } from '../types'
 
 /**
  * Create a table store

atable/tests/cell.spec.ts

@@ -2,7 +2,7 @@ import { setActivePinia, createPinia } from 'pinia'
 import { describe, it, expect, beforeEach } from 'vitest'
 import { mount } from '@vue/test-utils'
 
-import ATable from '@/components/ATable.vue'
+import ATable from '../src/components/ATable.vue'
 import data from './data/http_logs.json'
 
 describe('table cell component', () => {

atable/tests/modal.spec.ts

@@ -2,7 +2,7 @@ import { createPinia, setActivePinia } from 'pinia'
 import { describe, it, expect, beforeEach } from 'vitest'
 import { mount } from '@vue/test-utils'
 
-import ATable from '@/components/ATable.vue'
+import ATable from '../src/components/ATable.vue'
 import data from './data/http_logs.json'
 
 describe('table modal component', () => {

atable/tests/row.spec.ts

@@ -2,7 +2,7 @@ import { createPinia, setActivePinia } from 'pinia'
 import { describe, it, expect, beforeEach } from 'vitest'
 import { mount } from '@vue/test-utils'
 
-import ATable from '@/components/ATable.vue'
+import ATable from '../src/components/ATable.vue'
 import listData from './data/http_logs.json'
 
 describe('table row component', () => {

atable/tests/table.spec.ts

@@ -2,7 +2,7 @@ import { createPinia, setActivePinia } from 'pinia'
 import { describe, it, expect, beforeEach } from 'vitest'
 import { mount } from '@vue/test-utils'
 
-import ATable from '@/components/ATable.vue'
+import ATable from '../src/components/ATable.vue'
 import data from './data/http_logs.json'
 
 describe('table component', () => {

atable/tsconfig.json

@@ -2,11 +2,7 @@
 	"extends": "../tsconfig.json",
 	"compilerOptions": {
 		"tsBuildInfoFile": "./dist/atable.tsbuildinfo",
-		"types": ["vitest/globals", "vitest/jsdom"],
-		"paths": {
-			"@/*": ["./src/*"],
-			"types/*": ["./src/types/*"]
-		}
+		"types": ["vitest/globals", "vitest/jsdom"]
 	},
 	"include": ["src/**/*.ts", "src/**/*.vue", "tests/**/*.ts", "tests/**/*.vue"]
 }

atable/vite.config.ts

@@ -9,12 +9,6 @@ const projectRootDir = resolve(__dirname)
 
 export default defineConfig({
 	plugins: [vue(), libInjectCss()],
-	resolve: {
-		alias: {
-			'@': resolve(projectRootDir, 'src'),
-			types: resolve(projectRootDir, 'src/types'),
-		},
-	},
 	server: {
 		fs: {
 			allow: ['..'],

beam/config/api-extractor.json

@@ -5,16 +5,5 @@
 	"docModel": {
 		"enabled": true,
 		"projectFolderUrl": "https://github.com/agritheory/stonecrop/tree/development/beam"
-	},
-
-	"messages": {
-		"extractorMessageReporting": {
-			// Disable this validation at your own risk:  Processing an incorrect file type
-			// may lead to other errors.  Function bodies may incorrectly get emitted in the
-			// .d.ts rollup.
-			"ae-wrong-input-file-type": {
-				"logLevel": "none"
-			}
-		}
 	}
 }

beam/src/components/BeamDayDivider.vue

@@ -9,7 +9,7 @@
 <script setup lang="ts">
 import { defineProps, computed } from 'vue'
 
-import type { ListViewItem } from '@/types'
+import type { ListViewItem } from '../types'
 
 defineSlots<{ default(): any }>()
 const { item } = defineProps<{ item: ListViewItem }>()

beam/src/components/ListItem.vue

@@ -19,9 +19,9 @@
 <script setup lang="ts">
 import { ref, watch } from 'vue'
 
-import ItemCount from '@/components/ItemCount.vue'
-import ItemCheck from '@/components/ItemCheck.vue'
-import type { ListViewItem } from '@/types'
+import ItemCount from './ItemCount.vue'
+import ItemCheck from './ItemCheck.vue'
+import type { ListViewItem } from '../types'
 
 const { item } = defineProps<{ item: ListViewItem }>()
 const emit = defineEmits<{ update: [item: ListViewItem] }>()

beam/src/components/ListView.vue

@@ -21,9 +21,9 @@
 <script setup lang="ts">
 import { onMounted, onUnmounted } from 'vue'
 
-import BeamDayDivider from '@/components/BeamDayDivider.vue'
-import ListItem from '@/components/ListItem.vue'
-import type { ListViewItem } from '@/types'
+import BeamDayDivider from './BeamDayDivider.vue'
+import ListItem from './ListItem.vue'
+import type { ListViewItem } from '../types'
 
 defineProps<{ items: ListViewItem[] }>()
 const emit = defineEmits<{ update: [item: ListViewItem]; scrollbottom: [] }>()