chore: remove auto-imported imports (#2061)

MatteoGabriele · web-flow · commit adb39592880f · 2026-03-13T11:55:17.000Z
diff --git a/app/components/BuildEnvironment.vue b/app/components/BuildEnvironment.vue
@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import type { BuildInfo } from '#shared/types'
-
 const { footer = false, buildInfo: buildInfoProp } = defineProps<{
   footer?: boolean
   buildInfo?: BuildInfo
diff --git a/app/components/Code/DirectoryListing.vue b/app/components/Code/DirectoryListing.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import type { PackageFileTree } from '#shared/types'
 import type { RouteLocationRaw } from 'vue-router'
 import type { RouteNamedMap } from 'vue-router/auto-routes'
 import { ADDITIONAL_ICONS, getFileIcon } from '~/utils/file-icons'
diff --git a/app/components/Code/FileTree.vue b/app/components/Code/FileTree.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import type { PackageFileTree } from '#shared/types'
 import type { RouteLocationRaw } from 'vue-router'
 import type { RouteNamedMap } from 'vue-router/auto-routes'
 import { ADDITIONAL_ICONS, getFileIcon } from '~/utils/file-icons'
diff --git a/app/components/Code/MobileTreeDrawer.vue b/app/components/Code/MobileTreeDrawer.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import type { PackageFileTree } from '#shared/types'
 import type { RouteNamedMap } from 'vue-router/auto-routes'
 
 defineProps<{
diff --git a/app/components/Compare/FacetCard.vue b/app/components/Compare/FacetCard.vue
@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import type { FacetValue } from '#shared/types'
-
 const props = defineProps<{
   /** Facet label */
   label: string
diff --git a/app/components/Compare/FacetRow.vue b/app/components/Compare/FacetRow.vue
@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import type { FacetValue } from '#shared/types'
-
 const props = defineProps<{
   /** Facet label */
   label: string
diff --git a/app/components/Package/DeprecatedTree.vue b/app/components/Package/DeprecatedTree.vue
@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import type { DependencyDepth } from '#shared/types'
-
 const props = defineProps<{
   packageName: string
   version: string
diff --git a/app/components/Package/Header.vue b/app/components/Package/Header.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import type { PackumentVersion, ProvenanceDetails, SlimVersion, SlimPackument } from '#shared/types'
 import type { RouteLocationRaw } from 'vue-router'
 import { SCROLL_TO_TOP_THRESHOLD } from '~/composables/useScrollToTop'
 import { useModal } from '~/composables/useModal'
diff --git a/app/components/Package/List.vue b/app/components/Package/List.vue
@@ -1,14 +1,4 @@
 <script setup lang="ts">
-import type { NpmSearchResult } from '#shared/types'
-import type { WindowVirtualizerHandle } from '~/composables/useVirtualInfiniteScroll'
-import type {
-  ColumnConfig,
-  PageSize,
-  PaginationMode,
-  SortOption,
-  ViewMode,
-} from '#shared/types/preferences'
-import { DEFAULT_COLUMNS } from '#shared/types/preferences'
 import { WindowVirtualizer } from 'virtua/vue'
 
 /** Number of items to render statically during SSR */
diff --git a/app/components/Package/Playgrounds.vue b/app/components/Package/Playgrounds.vue
@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import type { PlaygroundLink } from '#shared/types'
-
 const props = defineProps<{
   links: PlaygroundLink[]
 }>()
diff --git a/app/components/Package/SkillsCard.vue b/app/components/Package/SkillsCard.vue
@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import type { SkillListItem } from '#shared/types'
-
 defineProps<{
   skills: SkillListItem[]
   packageName: string
diff --git a/app/components/Package/SkillsModal.vue b/app/components/Package/SkillsModal.vue
@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import type { SkillListItem } from '#shared/types'
-
 const props = defineProps<{
   skills: SkillListItem[]
   packageName: string
diff --git a/app/components/Package/Versions.vue b/app/components/Package/Versions.vue
@@ -1,18 +1,7 @@
 <script setup lang="ts">
-import type { PackageVersionInfo, SlimVersion } from '#shared/types'
 import { compare, validRange } from 'semver'
 import type { RouteLocationRaw } from 'vue-router'
 import { fetchAllPackageVersions } from '~/utils/npm/api'
-import { NPMX_DOCS_SITE } from '#shared/utils/constants'
-import {
-  buildVersionToTagsMap,
-  filterExcludedTags,
-  filterVersions,
-  getPrereleaseChannel,
-  getVersionGroupKey,
-  getVersionGroupLabel,
-  isSameVersionGroup,
-} from '~/utils/versions'
 
 const props = defineProps<{
   packageName: string
diff --git a/app/components/Package/VulnerabilityTree.vue b/app/components/Package/VulnerabilityTree.vue
@@ -1,7 +1,4 @@
 <script setup lang="ts">
-import { SEVERITY_LEVELS } from '#shared/types'
-import { SEVERITY_COLORS } from '#shared/utils/severity'
-
 const props = defineProps<{
   packageName: string
   version: string
diff --git a/app/components/PackageProvenanceSection.vue b/app/components/PackageProvenanceSection.vue
@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import type { ProvenanceDetails } from '#shared/types'
-
 defineProps<{
   details: ProvenanceDetails
 }>()
diff --git a/app/components/Settings/TranslationHelper.vue b/app/components/Settings/TranslationHelper.vue
@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import type { I18nLocaleStatus } from '#shared/types'
-
 const props = defineProps<{
   status: I18nLocaleStatus
 }>()
diff --git a/app/components/VersionSelector.vue b/app/components/VersionSelector.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import type { PackageVersionInfo } from '#shared/types'
 import { onClickOutside } from '@vueuse/core'
 import { compare } from 'semver'
 import {
diff --git a/app/components/diff/FileTree.vue b/app/components/diff/FileTree.vue
@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import type { FileChange } from '#shared/types'
-
 interface DiffTreeNode {
   name: string
   path: string
diff --git a/app/components/diff/Hunk.vue b/app/components/diff/Hunk.vue
@@ -1,8 +1,6 @@
 <script setup lang="ts">
-import type { DiffHunk as DiffHunkType } from '#shared/types'
-
 defineProps<{
-  hunk: DiffHunkType
+  hunk: DiffHunk
 }>()
 </script>
 
diff --git a/app/components/diff/Line.vue b/app/components/diff/Line.vue
@@ -1,8 +1,6 @@
 <script setup lang="ts">
-import type { DiffLine as DiffLineType } from '#shared/types'
-
 const props = defineProps<{
-  line: DiffLineType
+  line: DiffLine
 }>()
 
 const diffContext = inject<{
diff --git a/app/components/diff/MobileSidebarDrawer.vue b/app/components/diff/MobileSidebarDrawer.vue
@@ -1,7 +1,4 @@
 <script setup lang="ts">
-import type { CompareResponse, FileChange } from '#shared/types'
-import type { SlimPackument } from '#shared/types'
-
 const props = defineProps<{
   compare: CompareResponse
   groupedDeps: Map<string, CompareResponse['dependencyChanges']>
diff --git a/app/components/diff/SidebarPanel.vue b/app/components/diff/SidebarPanel.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import type { CompareResponse, FileChange } from '#shared/types'
 import { packageRoute } from '~/utils/router'
 
 const props = defineProps<{
diff --git a/app/components/diff/Table.vue b/app/components/diff/Table.vue
@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import type { DiffHunk, DiffSkipBlock } from '#shared/types'
-
 const props = defineProps<{
   hunks: (DiffHunk | DiffSkipBlock)[]
   type: 'add' | 'delete' | 'modify'
diff --git a/app/components/diff/ViewerPanel.vue b/app/components/diff/ViewerPanel.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import type { FileDiffResponse, FileChange } from '#shared/types'
 import { onClickOutside } from '@vueuse/core'
 
 const bytesFormatter = useBytesFormatter()
diff --git a/app/composables/npm/search-utils.ts b/app/composables/npm/search-utils.ts
@@ -1,5 +1,3 @@
-import type { NpmSearchResponse, NpmSearchResult, PackageMetaResponse } from '#shared/types'
-
 export function metaToSearchResult(meta: PackageMetaResponse): NpmSearchResult {
   return {
     package: {
diff --git a/app/composables/npm/useAlgoliaSearch.ts b/app/composables/npm/useAlgoliaSearch.ts
@@ -1,4 +1,3 @@
-import type { NpmSearchResponse, NpmSearchResult } from '#shared/types'
 import {
   liteClient as algoliasearch,
   type LiteClient,
diff --git a/app/composables/npm/useNpmSearch.ts b/app/composables/npm/useNpmSearch.ts
@@ -1,4 +1,3 @@
-import type { NpmSearchResponse, PackageMetaResponse } from '#shared/types'
 import { emptySearchResponse, metaToSearchResult } from './search-utils'
 
 export interface NpmSearchOptions {
diff --git a/app/composables/npm/useOrgPackages.ts b/app/composables/npm/useOrgPackages.ts
@@ -1,7 +1,3 @@
-import type { NpmSearchResponse, NpmSearchResult, PackageMetaResponse } from '#shared/types'
-import { emptySearchResponse, metaToSearchResult } from './search-utils'
-import { mapWithConcurrency } from '#shared/utils/async'
-
 /**
  * Fetch all packages for an npm organization.
  *
diff --git a/app/composables/npm/usePackage.ts b/app/composables/npm/usePackage.ts
@@ -1,13 +1,3 @@
-import type {
-  Packument,
-  SlimPackument,
-  SlimVersion,
-  SlimPackumentVersion,
-  PackumentVersion,
-  PublishTrustLevel,
-} from '#shared/types'
-import { extractInstallScriptsInfo } from '~/utils/install-scripts'
-
 /** Number of recent versions to include in initial payload */
 const RECENT_VERSIONS_COUNT = 5
 
diff --git a/app/composables/npm/usePackageDownloads.ts b/app/composables/npm/usePackageDownloads.ts
@@ -1,5 +1,3 @@
-import type { NpmDownloadCount } from '#shared/types'
-
 export function usePackageDownloads(
   name: MaybeRefOrGetter<string>,
   period: MaybeRefOrGetter<'last-day' | 'last-week' | 'last-month' | 'last-year'> = 'last-week',
diff --git a/app/composables/npm/useSearch.ts b/app/composables/npm/useSearch.ts
@@ -1,9 +1,3 @@
-import type { NpmSearchResponse, NpmSearchResult } from '#shared/types'
-import type { SearchProvider } from '~/composables/useSettings'
-import type { AlgoliaMultiSearchChecks } from './useAlgoliaSearch'
-import { type SearchSuggestion, emptySearchResponse, parseSuggestionIntent } from './search-utils'
-import { isValidNewPackageName, checkPackageExists } from '~/utils/package-name'
-
 function emptySearchPayload() {
   return {
     searchResponse: emptySearchResponse(),
diff --git a/app/composables/npm/useUserPackages.ts b/app/composables/npm/useUserPackages.ts
@@ -1,6 +1,3 @@
-import type { NpmSearchResponse, NpmSearchResult } from '#shared/types'
-import { emptySearchResponse } from './search-utils'
-
 /** Default page size for incremental loading (npm registry path) */
 const PAGE_SIZE = 50 as const
 
diff --git a/app/composables/useCharts.ts b/app/composables/useCharts.ts
@@ -1,5 +1,3 @@
-import type { MaybeRefOrGetter } from 'vue'
-import { toValue } from 'vue'
 import type {
   DailyDataPoint,
   DailyRawPoint,
@@ -8,18 +6,7 @@ import type {
   WeeklyDataPoint,
   YearlyDataPoint,
 } from '~/types/chart'
-import type { RepoRef } from '#shared/utils/git-providers'
-import { parseRepoUrl } from '#shared/utils/git-providers'
-import type { PackageMetaResponse } from '#shared/types'
-import { encodePackageName } from '#shared/utils/npm'
 import { fetchNpmDownloadsRange } from '~/utils/npm/api'
-import { parseIsoDate, toIsoDate, addDays } from '~/utils/date'
-import {
-  buildDailyEvolution,
-  buildWeeklyEvolution,
-  buildMonthlyEvolution,
-  buildYearlyEvolution,
-} from '~/utils/chart-data-buckets'
 
 export type PackumentLikeForTime = {
   time?: Record<string, string>
diff --git a/app/composables/useFacetSelection.ts b/app/composables/useFacetSelection.ts
@@ -1,13 +1,3 @@
-import type { ComparisonFacet, FacetInfo } from '#shared/types'
-import {
-  ALL_FACETS,
-  CATEGORY_ORDER,
-  DEFAULT_FACETS,
-  FACET_INFO,
-  FACETS_BY_CATEGORY,
-} from '#shared/types/comparison'
-import { useRouteQuery } from '@vueuse/router'
-
 /** Facet info enriched with i18n labels */
 export interface FacetInfoWithLabels extends Omit<FacetInfo, 'id'> {
   id: ComparisonFacet
diff --git a/app/composables/useI18nStatus.ts b/app/composables/useI18nStatus.ts
@@ -1,5 +1,3 @@
-import type { I18nStatus, I18nLocaleStatus } from '#shared/types'
-
 /**
  * Composable for accessing translation status data from Lunaria.
  * Provides information about translation progress for each locale.
diff --git a/app/composables/useInstallSizeDiff.ts b/app/composables/useInstallSizeDiff.ts
@@ -1,5 +1,4 @@
 import { compare, prerelease, valid } from 'semver'
-import type { InstallSizeResult, SlimPackument } from '#shared/types'
 
 export interface InstallSizeDiff {
   comparisonVersion: string
diff --git a/app/composables/usePackageComparison.ts b/app/composables/usePackageComparison.ts
@@ -1,14 +1,3 @@
-import type {
-  FacetValue,
-  ComparisonFacet,
-  ComparisonPackage,
-  Packument,
-  VulnerabilityTreeResult,
-} from '#shared/types'
-import type { PackageLikes } from '#shared/types/social'
-import { encodePackageName } from '#shared/utils/npm'
-import type { PackageAnalysisResponse } from './usePackageAnalysis'
-import { isBinaryOnlyPackage } from '#shared/utils/binary-detection'
 import { getDependencyCount } from '~/utils/npm/dependency-count'
 
 /** Special identifier for the "What Would James Do?" comparison column */
diff --git a/app/pages/diff/[[org]]/[packageName]/v/[versionRange].vue b/app/pages/diff/[[org]]/[packageName]/v/[versionRange].vue
@@ -1,7 +1,5 @@
 <script setup lang="ts">
-import type { CompareResponse, FileChange } from '#shared/types'
 import type { RouteLocationRaw } from 'vue-router'
-import { diffRoute, packageRoute } from '~/utils/router'
 
 definePageMeta({
   name: 'diff',
@@ -99,8 +97,8 @@ const latestVersionDetailed = computed(() => {
   return pkg.value.versions[latestTag] ?? null
 })
 
-const normalizeRoutePath = (route: RouteLocationRaw) => {
-  const resolvedHref = router.resolve(route).href
+const normalizeRoutePath = (routeLocation: RouteLocationRaw) => {
+  const resolvedHref = router.resolve(routeLocation).href
   return resolvedHref.replace(/%7B/g, '{').replace(/%7D/g, '}')
 }
 
diff --git a/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue b/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue
@@ -1,11 +1,4 @@
 <script setup lang="ts">
-import type {
-  PackageFileTree,
-  PackageFileTreeResponse,
-  PackageFileContentResponse,
-} from '#shared/types'
-import { isBinaryFilePath } from '~/utils/file-types'
-
 definePageMeta({
   name: 'code',
   path: '/package-code/:org?/:packageName/v/:version/:filePath(.*)?',
diff --git a/app/pages/package-docs/[...path].vue b/app/pages/package-docs/[...path].vue
@@ -1,7 +1,5 @@
 <script setup lang="ts">
 import { setResponseHeader } from 'h3'
-import type { DocsResponse } from '#shared/types'
-import { assertValidPackageName, fetchLatestVersion } from '#shared/utils/npm'
 
 definePageMeta({
   name: 'docs',
diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
@@ -1,14 +1,4 @@
 <script setup lang="ts">
-import type {
-  InstallSizeResult,
-  NpmVersionDist,
-  PackageVersionInfo,
-  PackumentVersion,
-  ProvenanceDetails,
-  ReadmeResponse,
-  ReadmeMarkdownResponse,
-  SkillsListResponse,
-} from '#shared/types'
 import type { JsrPackageInfo } from '#shared/types/jsr'
 import type { IconClass } from '~/types'
 import { assertValidPackageName } from '#shared/utils/npm'
diff --git a/app/utils/install-scripts.ts b/app/utils/install-scripts.ts
@@ -7,8 +7,6 @@
  * Also extracts npx package calls from those scripts.
  */
 
-import type { InstallScriptsInfo } from '#shared/types'
-
 // Scripts that run when installing a package as a dependency
 const INSTALL_SCRIPTS = new Set(['preinstall', 'install', 'postinstall'])
 
diff --git a/app/utils/npm/api.ts b/app/utils/npm/api.ts
@@ -1,4 +1,3 @@
-import type { PackageVersionInfo } from '#shared/types'
 import { getVersions } from 'fast-npm-meta'
 import { compare } from 'semver'
 
diff --git a/app/utils/npm/dependency-count.ts b/app/utils/npm/dependency-count.ts
@@ -1,5 +1,3 @@
-import type { PackumentVersion } from '#shared/types'
-
 export function getDependencyCount(version: PackumentVersion | null): number {
   if (!version?.dependencies) return 0
   return Object.keys(version.dependencies).length
diff --git a/app/utils/publish-security.ts b/app/utils/publish-security.ts
@@ -1,4 +1,3 @@
-import type { PackageVersionInfo, PublishTrustLevel } from '#shared/types'
 import { compare, major } from 'semver'
 
 export interface PublishSecurityDowngrade {
diff --git a/server/api/registry/compare-file/[...pkg].get.ts b/server/api/registry/compare-file/[...pkg].get.ts
diff --git a/server/api/registry/compare/[...pkg].get.ts b/server/api/registry/compare/[...pkg].get.ts
diff --git a/server/api/registry/docs/[...pkg].get.ts b/server/api/registry/docs/[...pkg].get.ts
diff --git a/server/api/registry/downloads/[...slug].get.ts b/server/api/registry/downloads/[...slug].get.ts
diff --git a/server/api/registry/files/[...pkg].get.ts b/server/api/registry/files/[...pkg].get.ts
diff --git a/server/api/registry/package-meta/[...pkg].get.ts b/server/api/registry/package-meta/[...pkg].get.ts
diff --git a/server/api/registry/provenance/[...pkg].get.ts b/server/api/registry/provenance/[...pkg].get.ts
diff --git a/server/routes/skills/[...pkg].get.ts b/server/routes/skills/[...pkg].get.ts
diff --git a/server/utils/compare.ts b/server/utils/compare.ts
diff --git a/server/utils/dependency-resolver.ts b/server/utils/dependency-resolver.ts
diff --git a/server/utils/file-tree.ts b/server/utils/file-tree.ts
diff --git a/server/utils/import-resolver.ts b/server/utils/import-resolver.ts
diff --git a/server/utils/npm.ts b/server/utils/npm.ts
diff --git a/server/utils/provenance.ts b/server/utils/provenance.ts
diff --git a/server/utils/skills.ts b/server/utils/skills.ts
diff --git a/server/utils/version-downloads.ts b/server/utils/version-downloads.ts
diff --git a/test/nuxt/components/BuildEnvironment.spec.ts b/test/nuxt/components/BuildEnvironment.spec.ts
diff --git a/test/nuxt/components/PackageVersions.spec.ts b/test/nuxt/components/PackageVersions.spec.ts
diff --git a/test/nuxt/composables/structured-filters.spec.ts b/test/nuxt/composables/structured-filters.spec.ts
diff --git a/test/nuxt/composables/use-install-size-diff.spec.ts b/test/nuxt/composables/use-install-size-diff.spec.ts
diff --git a/test/nuxt/composables/use-package-transform.spec.ts b/test/nuxt/composables/use-package-transform.spec.ts

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,4 @@`
`1`	`1`	`<script setup lang="ts">`
`2`		`-import type { PackageFileTree } from '#shared/types'`
`3`	`2`	`import type { RouteLocationRaw } from 'vue-router'`
`4`	`3`	`import type { RouteNamedMap } from 'vue-router/auto-routes'`
`5`	`4`	`import { ADDITIONAL_ICONS, getFileIcon } from '~/utils/file-icons'`
Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,4 @@`
`1`	`1`	`<script setup lang="ts">`
`2`		`-import type { PackumentVersion, ProvenanceDetails, SlimVersion, SlimPackument } from '#shared/types'`
`3`	`2`	`import type { RouteLocationRaw } from 'vue-router'`
`4`	`3`	`import { SCROLL_TO_TOP_THRESHOLD } from '~/composables/useScrollToTop'`
`5`	`4`	`import { useModal } from '~/composables/useModal'`