Add vite config and vuetify/yaml shims

web/components.d.ts

@@ -0,0 +1,109 @@
+/* eslint-disable */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    AppBanner: typeof import('./src/components/AppBanner.vue')['default']
+    AppHeader: typeof import('./src/components/Presentation/AppHeader.vue')['default']
+    AttributeItem: typeof import('./src/components/Presentation/AttributeItem.vue')['default']
+    AttributeList: typeof import('./src/components/Presentation/AttributeList.vue')['default']
+    AuthButton: typeof import('./src/components/Presentation/AuthButton.vue')['default']
+    BinnedSummaryWrapper: typeof import('./src/components/Wrappers/BinnedSummaryWrapper.vue')['default']
+    BulkDownload: typeof import('./src/components/BulkDownload.vue')['default']
+    ChartContainer: typeof import('./src/components/Presentation/ChartContainer.vue')['default']
+    ClusterMap: typeof import('./src/components/ClusterMap.vue')['default']
+    ConditionChips: typeof import('./src/components/Presentation/ConditionChips.vue')['default']
+    DataObjectTable: typeof import('./src/components/DataObjectTable.vue')['default']
+    DateHistogram: typeof import('./src/components/Presentation/DateHistogram.vue')['default']
+    DateInput: typeof import('./src/components/Presentation/DateInput.vue')['default']
+    DownloadDialog: typeof import('./src/components/DownloadDialog.vue')['default']
+    EcosystemSankey: typeof import('./src/components/EcosystemSankey.vue')['default']
+    FacetBarChart: typeof import('./src/components/Presentation/FacetBarChart.vue')['default']
+    FacetedSearch: typeof import('./src/components/FacetedSearch.vue')['default']
+    FacetSummaryWrapper: typeof import('./src/components/Wrappers/FacetSummaryWrapper.vue')['default']
+    FilterDate: typeof import('./src/components/Presentation/FilterDate.vue')['default']
+    FilterFloat: typeof import('./src/components/Presentation/FilterFloat.vue')['default']
+    FilterGene: typeof import('./src/components/FilterGene.vue')['default']
+    FilterList: typeof import('./src/components/Presentation/FilterList.vue')['default']
+    FilterSankeyTree: typeof import('./src/components/FilterSankeyTree.vue')['default']
+    FilterTree: typeof import('./src/components/FilterTree.vue')['default']
+    MenuContent: typeof import('./src/components/MenuContent.vue')['default']
+    OrcidId: typeof import('./src/components/Presentation/OrcidId.vue')['default']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    SampleListExpansion: typeof import('./src/components/SampleListExpansion.vue')['default']
+    SearchResults: typeof import('./src/components/Presentation/SearchResults.vue')['default']
+    TeamInfo: typeof import('./src/components/TeamInfo.vue')['default']
+    TimeHistogram: typeof import('./src/components/Presentation/TimeHistogram.vue')['default']
+    TooltipCard: typeof import('./src/components/TooltipCard.vue')['default']
+    UpSet: typeof import('./src/components/Presentation/UpSet.vue')['default']
+    VAlert: typeof import('vuetify/lib')['VAlert']
+    VApp: typeof import('vuetify/lib')['VApp']
+    VAppBar: typeof import('vuetify/lib')['VAppBar']
+    VAutocomplete: typeof import('vuetify/lib')['VAutocomplete']
+    VAvatar: typeof import('vuetify/lib')['VAvatar']
+    VBadge: typeof import('vuetify/lib')['VBadge']
+    VBanner: typeof import('vuetify/lib')['VBanner']
+    VBtn: typeof import('vuetify/lib')['VBtn']
+    VCard: typeof import('vuetify/lib')['VCard']
+    VCardActions: typeof import('vuetify/lib')['VCardActions']
+    VCardSubtitle: typeof import('vuetify/lib')['VCardSubtitle']
+    VCardText: typeof import('vuetify/lib')['VCardText']
+    VCardTitle: typeof import('vuetify/lib')['VCardTitle']
+    VCheckbox: typeof import('vuetify/lib')['VCheckbox']
+    VChip: typeof import('vuetify/lib')['VChip']
+    VCol: typeof import('vuetify/lib')['VCol']
+    VCombobox: typeof import('vuetify/lib')['VCombobox']
+    VContainer: typeof import('vuetify/lib')['VContainer']
+    VDataTable: typeof import('vuetify/lib')['VDataTable']
+    VDatePicker: typeof import('vuetify/lib')['VDatePicker']
+    VDialog: typeof import('vuetify/lib')['VDialog']
+    VDivider: typeof import('vuetify/lib')['VDivider']
+    VExpandTransition: typeof import('vuetify/lib')['VExpandTransition']
+    VExpansionPanel: typeof import('vuetify/lib')['VExpansionPanel']
+    VExpansionPanelContent: typeof import('vuetify/lib')['VExpansionPanelContent']
+    VExpansionPanelHeader: typeof import('vuetify/lib')['VExpansionPanelHeader']
+    VExpansionPanels: typeof import('vuetify/lib')['VExpansionPanels']
+    VForm: typeof import('vuetify/lib')['VForm']
+    VIcon: typeof import('vuetify/lib')['VIcon']
+    VImg: typeof import('vuetify/lib')['VImg']
+    VList: typeof import('vuetify/lib')['VList']
+    VListItem: typeof import('vuetify/lib')['VListItem']
+    VListItemAction: typeof import('vuetify/lib')['VListItemAction']
+    VListItemAvatar: typeof import('vuetify/lib')['VListItemAvatar']
+    VListItemContent: typeof import('vuetify/lib')['VListItemContent']
+    VListItemIcon: typeof import('vuetify/lib')['VListItemIcon']
+    VListItemSubtitle: typeof import('vuetify/lib')['VListItemSubtitle']
+    VListItemTitle: typeof import('vuetify/lib')['VListItemTitle']
+    VMain: typeof import('vuetify/lib')['VMain']
+    VMenu: typeof import('vuetify/lib')['VMenu']
+    VNavigationDrawer: typeof import('vuetify/lib')['VNavigationDrawer']
+    VPagination: typeof import('vuetify/lib')['VPagination']
+    VProgressCircular: typeof import('vuetify/lib')['VProgressCircular']
+    VProgressLinear: typeof import('vuetify/lib')['VProgressLinear']
+    VRadio: typeof import('vuetify/lib')['VRadio']
+    VRadioGroup: typeof import('vuetify/lib')['VRadioGroup']
+    VRow: typeof import('vuetify/lib')['VRow']
+    VSelect: typeof import('vuetify/lib')['VSelect']
+    VSkeletonLoader: typeof import('vuetify/lib')['VSkeletonLoader']
+    VSnackbar: typeof import('vuetify/lib')['VSnackbar']
+    VSpacer: typeof import('vuetify/lib')['VSpacer']
+    VStepper: typeof import('vuetify/lib')['VStepper']
+    VStepperHeader: typeof import('vuetify/lib')['VStepperHeader']
+    VStepperStep: typeof import('vuetify/lib')['VStepperStep']
+    VSubheader: typeof import('vuetify/lib')['VSubheader']
+    VSwitch: typeof import('vuetify/lib')['VSwitch']
+    VTab: typeof import('vuetify/lib')['VTab']
+    VTabItem: typeof import('vuetify/lib')['VTabItem']
+    VTabs: typeof import('vuetify/lib')['VTabs']
+    VTabsItems: typeof import('vuetify/lib')['VTabsItems']
+    VTextarea: typeof import('vuetify/lib')['VTextarea']
+    VTextField: typeof import('vuetify/lib')['VTextField']
+    VToolbar: typeof import('vuetify/lib')['VToolbar']
+    VTooltip: typeof import('vuetify/lib')['VTooltip']
+  }
+}

web/src/shims-yaml.d.ts

@@ -0,0 +1,9 @@
+import { NmdcSchema } from 'nmdc-schema/nmdc_schema/nmdc_materialized_patterns.yaml';
+declare module '*.yaml' {
+  const value: Record<string, any>;
+  export default value;
+}
+declare module '*.yml' {
+  const value: Record<string, any>;
+  export default value;
+}

web/vite.config.mjs

@@ -0,0 +1,38 @@
+import { defineConfig } from 'vite';
+import { createVuePlugin as vue } from 'vite-plugin-vue2';
+import { fileURLToPath, URL } from 'node:url';
+import ViteYaml from '@modyfi/vite-plugin-yaml';
+import { VuetifyResolver } from 'unplugin-vue-components/resolvers';
+import Components from 'unplugin-vue-components/vite';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [vue(), ViteYaml(), Components({
+    resolvers: [
+      // Vuetify
+      VuetifyResolver(),
+    ],
+  }),],
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url))
+    },
+    extensions: ['.mjs','.ts','.js', '.json', '.vue', '.yaml']
+  },
+  commonjsOptoins: {
+    esmExternals: true
+  },
+  server: {
+    proxy: {
+      '/api': {
+        target: 'http://localhost:8000/',
+      },
+      '/static': {
+        target: 'http://localhost:8000/',
+      },
+      '/auth': {
+        target: 'http://localhost:8000',
+      },
+    },
+  },
+});