Skip to content

chore: use .ts extensions in TypeScript imports #405

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
bartveneman merged 1 commit into from
Sep 24, 2026
Merged

chore: use .ts extensions in TypeScript imports #405

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions src/lib/baseline/baseline-status.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import type { CssFeature } from './css-feature.js'
import type { BrowserId } from './browsers.js'
import type { CssFeature } from './css-feature.ts'
import type { BrowserId } from './browsers.ts'

export type BaselineAvailability = 'widely' | 'newly' | 'limited'

Expand Down
4 changes: 2 additions & 2 deletions src/lib/baseline/calculate.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import { parse, traverse, type AnyNode, type CSSNode } from '@projectwallace/css-parser'
import type { CssLocation } from '#lib/css-location.js'
import type { CssLocation } from '#lib/css-location.ts'
import compat_keys from './compat-keys.generated.json'
import { match_node } from './match-node.js'
import { match_node } from './match-node.ts'

function to_loc(node: CSSNode): CssLocation {
return {
Expand Down
2 changes: 1 addition & 1 deletion src/lib/baseline/css-feature.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import type { browsers } from './browsers.js'
import type { browsers } from './browsers.ts'

export type Baseline = false | 'low' | 'high'

Expand Down
2 changes: 1 addition & 1 deletion src/lib/baseline/group-by-year.test.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import { describe, test, expect, vi } from 'vitest'
import type { CssFeature } from './css-feature'
import type { CssLocation } from '#lib/css-location.js'
import type { CssLocation } from '#lib/css-location.ts'

const loc = (offset: number): CssLocation => ({ line: 1, column: offset + 1, offset, length: 1 })

Expand Down
6 changes: 3 additions & 3 deletions src/lib/baseline/group-by-year.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import css_features from './css-features.generated.json'
import type { CssFeature } from './css-feature.js'
import type { CssLocation } from '#lib/css-location.js'
import type { UsageCounts } from './summarize-usages.js'
import type { CssFeature } from './css-feature.ts'
import type { CssLocation } from '#lib/css-location.ts'
import type { UsageCounts } from './summarize-usages.ts'

/**
* Stand-in "last browser" date for CSS predating Microsoft Edge - not a real support date, so features
Expand Down
2 changes: 1 addition & 1 deletion src/lib/baseline/summarize-usages.test.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import { describe, test, expect, vi } from 'vitest'
import type { CssFeature } from './css-feature'
import type { CssLocation } from '#lib/css-location.js'
import type { CssLocation } from '#lib/css-location.ts'

const loc = (offset: number): CssLocation => ({ line: 1, column: offset + 1, offset, length: 1 })

Expand Down
6 changes: 3 additions & 3 deletions src/lib/baseline/summarize-usages.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import css_features from './css-features.generated.json'
import type { Baseline, CssFeature } from './css-feature.js'
import type { CssLocation } from '#lib/css-location.js'
import { EDGE_LAUNCH_DATE } from './group-by-year.js'
import type { Baseline, CssFeature } from './css-feature.ts'
import type { CssLocation } from '#lib/css-location.ts'
import { EDGE_LAUNCH_DATE } from './group-by-year.ts'

export type UsageCounts = {
features: number
Expand Down
2 changes: 1 addition & 1 deletion src/lib/components/AstExplorer.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
import CssTree from './CssTree.svelte'
import { format } from '@projectwallace/format-css'
import HighlightedTextarea from './HighlightedTextarea.svelte'
import { HashState } from '#lib/url-hash-state.svelte.js'
import { HashState } from '#lib/url-hash-state.svelte.ts'
import Button from './Button.svelte'
import CopyButton from './CopyButton.svelte'
import PanedLayout from './PanedLayout.svelte'
Expand Down
2 changes: 1 addition & 1 deletion src/lib/components/BarChart.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<script lang="ts">
import { format_number } from '#lib/format-number.js'
import { format_number } from '#lib/format-number.ts'

type Props = {
data: Record<string, number>
Expand Down
4 changes: 2 additions & 2 deletions src/lib/components/BaselineStatus.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<script lang="ts">
import type { CssFeature } from '#lib/baseline/css-feature.js'
import { get_baseline_availability } from '#lib/baseline/baseline-status.js'
import type { CssFeature } from '#lib/baseline/css-feature.ts'
import { get_baseline_availability } from '#lib/baseline/baseline-status.ts'

let { feature }: { feature: CssFeature } = $props()

Expand Down
6 changes: 3 additions & 3 deletions src/lib/components/BaselineSupport.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<script lang="ts">
import type { CssFeature } from '#lib/baseline/css-feature.js'
import { browser_families } from '#lib/baseline/browsers.js'
import { get_baseline_availability, is_browser_supported } from '#lib/baseline/baseline-status.js'
import type { CssFeature } from '#lib/baseline/css-feature.ts'
import { browser_families } from '#lib/baseline/browsers.ts'
import { get_baseline_availability, is_browser_supported } from '#lib/baseline/baseline-status.ts'
import type { IconName } from '#lib/components/Icon.svelte'
import Icon from '#lib/components/Icon.svelte'

Expand Down
2 changes: 1 addition & 1 deletion src/lib/components/CssSlide.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<script lang="ts">
import { format } from '@projectwallace/format-css'
import type { CssLocation } from '#lib/css-location.js'
import type { CssLocation } from '#lib/css-location.ts'
import Icon from '#lib/components/Icon.svelte'
import CopyButton from '#lib/components/CopyButton.svelte'
import Button from '#lib/components/Button.svelte'
Expand Down
6 changes: 3 additions & 3 deletions src/lib/components/DevTools.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,9 +3,9 @@
import { innerHeight } from 'svelte/reactivity/window'
import { createTabs, melt } from '@melt-ui/svelte'
import Icon from '#lib/components/Icon.svelte'
import { resize } from '#lib/components/use-resize.js'
import type { DevtoolsTab, TabId } from '#lib/components/devtools/tabs.js'
import { get_css_state } from '#lib/css-state.svelte.js'
import { resize } from '#lib/components/use-resize.ts'
import type { DevtoolsTab, TabId } from '#lib/components/devtools/tabs.ts'
import { get_css_state } from '#lib/css-state.svelte.ts'

let css_state = get_css_state()
let selected_item = $derived(css_state.selected_item)
Expand Down
2 changes: 1 addition & 1 deletion src/lib/components/HighlightCssCode.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<script lang="ts">
import { onMount, onDestroy } from 'svelte'
import { browser } from '$app/env'
import type { CssLocation } from '#lib/css-location.js'
import type { CssLocation } from '#lib/css-location.ts'
import { highlight_css } from './use-css-highlight'

type Props = {
Expand Down
6 changes: 3 additions & 3 deletions src/lib/components/ItemUsage.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
<script lang="ts">
import CssSlide from '#lib/components/CssSlide.svelte'
import { format_number } from '#lib/format-number.js'
import { format_number } from '#lib/format-number.ts'
import Empty from '#lib/components/Empty.svelte'
import { create_keyboard_list } from './use-keyboard-list.svelte'
import { get_css_state } from '#lib/css-state.svelte.js'
import { highlight_css } from '#lib/components/use-css-highlight.js'
import { get_css_state } from '#lib/css-state.svelte.ts'
import { highlight_css } from '#lib/components/use-css-highlight.ts'

// svelte-ignore non_reactive_update
let table_scroller: HTMLDivElement
Expand Down
4 changes: 2 additions & 2 deletions src/lib/components/Linter.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,8 +9,8 @@
import { page } from '$app/state'
import { goto } from '$app/navigation'
import { browser } from '$app/env'
import { format_number } from '#lib/format-number.js'
import { presets, type Preset, DEFAULT_PRESET } from '#lib/lint-preset.js'
import { format_number } from '#lib/format-number.ts'
import { presets, type Preset, DEFAULT_PRESET } from '#lib/lint-preset.ts'
import PanedLayout from './PanedLayout.svelte'
import Pane from './Pane.svelte'

Expand Down
2 changes: 1 addition & 1 deletion src/lib/components/Nav.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
import { page } from '$app/state'
import { onNavigate } from '$app/navigation'
import { items } from './Nav.items'
import { get_css_state } from '#lib/css-state.svelte.js'
import { get_css_state } from '#lib/css-state.svelte.ts'
import { type Snippet } from 'svelte'
import { on } from 'svelte/events'

Expand Down
8 changes: 4 additions & 4 deletions src/lib/components/NetworkPanel.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
<script lang="ts">
import { PaneGroup, Pane, PaneResizer } from 'paneforge'
import { format_filesize } from '#lib/format-filesize.js'
import { format_number } from '#lib/format-number.js'
import { format_filesize } from '#lib/format-filesize.ts'
import { format_number } from '#lib/format-number.ts'
import CssSlide from './CssSlide.svelte'
import { get_css_state } from '#lib/css-state.svelte.js'
import { string_sort } from '#lib/string-sort.js'
import { get_css_state } from '#lib/css-state.svelte.ts'
import { string_sort } from '#lib/string-sort.ts'

let css_state = get_css_state()

Expand Down
2 changes: 1 addition & 1 deletion src/lib/components/Pre.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@

<script lang="ts">
import { untrack } from 'svelte'
import type { CssLocation } from '#lib/css-location.js'
import type { CssLocation } from '#lib/css-location.ts'
import Icon from '#lib/components/Icon.svelte'
import HighlightCssCode from '#lib/components/HighlightCssCode.svelte'

Expand Down
2 changes: 1 addition & 1 deletion src/lib/components/ThemePreview.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<script lang="ts">
import type { Theme } from '#lib/theme.js'
import type { Theme } from '#lib/theme.ts'

type Props = {
theme: Theme
Expand Down
2 changes: 1 addition & 1 deletion src/lib/components/ThemeSwitch.spec.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import { test, expect } from '../../../tests/fixtures'
import type { Theme } from '#lib/theme.js'
import type { Theme } from '#lib/theme.ts'

type StoredTheme = Theme
type PreferedColorScheme = 'light' | 'dark'
Expand Down Expand Up @@ -40,11 +40,11 @@
await page.getByRole('button', { name: 'Choose website theme' }).click()
let group = page.getByRole('group', { name: 'Pick a theme' })
let radio = group.getByRole('radio', { name: expected_scheme })
await expect.soft(radio).toBeChecked()

Check failure on line 43 in src/lib/components/ThemeSwitch.spec.ts

View workflow job for this annotation

GitHub Actions / Playwright end-to-end tests

[chromium] › src/lib/components/ThemeSwitch.spec.ts:22:3 › stored theme and OS color scheme › stored theme: none 

  1) [chromium] › src/lib/components/ThemeSwitch.spec.ts:22:3 › stored theme and OS color scheme › stored theme: none, OS: light 
    Error: expect(locator).toBeChecked() failed

    Locator: getByRole('group', { name: 'Pick a theme' }).getByRole('radio', { name: 'System' })
    Expected: checked
    Timeout: 5000ms
    Error: element(s) not found

    Call log:
      - Expect "soft toBeChecked" with timeout 5000ms
      - waiting for getByRole('group', { name: 'Pick a theme' }).getByRole('radio', { name: 'System' })


      41 | 			let group = page.getByRole('group', { name: 'Pick a theme' })
      42 | 			let radio = group.getByRole('radio', { name: expected_scheme })
    > 43 | 			await expect.soft(radio).toBeChecked()
         | 			                         ^
      44 | 			await expect.soft(radio).toBeFocused()
      45 |
      46 | 			// The HTML element should have the expected theme
        at /home/runner/work/projectwallace.com/projectwallace.com/src/lib/components/ThemeSwitch.spec.ts:43:29
await expect.soft(radio).toBeFocused()

Check failure on line 44 in src/lib/components/ThemeSwitch.spec.ts

View workflow job for this annotation

GitHub Actions / Playwright end-to-end tests

[chromium] › src/lib/components/ThemeSwitch.spec.ts:22:3 › stored theme and OS color scheme › stored theme: none 

  1) [chromium] › src/lib/components/ThemeSwitch.spec.ts:22:3 › stored theme and OS color scheme › stored theme: none, OS: light 
    Error: expect(locator).toBeFocused() failed

    Locator: getByRole('group', { name: 'Pick a theme' }).getByRole('radio', { name: 'System' })
    Expected: focused
    Error: element(s) not found

    Call log:
      - Expect "soft toBeFocused" with timeout 5000ms
      - waiting for getByRole('group', { name: 'Pick a theme' }).getByRole('radio', { name: 'System' })
      - Test ended.


      42 | 			let radio = group.getByRole('radio', { name: expected_scheme })
      43 | 			await expect.soft(radio).toBeChecked()
    > 44 | 			await expect.soft(radio).toBeFocused()
         | 			                         ^
      45 |
      46 | 			// The HTML element should have the expected theme
      47 | 			await expect.soft(page.locator('html')).toHaveAttribute('data-theme', expected_scheme.toLowerCase())
        at /home/runner/work/projectwallace.com/projectwallace.com/src/lib/components/ThemeSwitch.spec.ts:44:29

// The HTML element should have the expected theme
await expect.soft(page.locator('html')).toHaveAttribute('data-theme', expected_scheme.toLowerCase())

Check failure on line 47 in src/lib/components/ThemeSwitch.spec.ts

View workflow job for this annotation

GitHub Actions / Playwright end-to-end tests

[chromium] › src/lib/components/ThemeSwitch.spec.ts:22:3 › stored theme and OS color scheme › stored theme: none 

  1) [chromium] › src/lib/components/ThemeSwitch.spec.ts:22:3 › stored theme and OS color scheme › stored theme: none, OS: light 
    Error: expect(locator).toHaveAttribute(expected) failed

    Locator:  locator('html')
    Expected: "system"
    Received: ""


      45 |
      46 | 			// The HTML element should have the expected theme
    > 47 | 			await expect.soft(page.locator('html')).toHaveAttribute('data-theme', expected_scheme.toLowerCase())
         | 			                                        ^
      48 | 		})
      49 | 	}
      50 | })
        at /home/runner/work/projectwallace.com/projectwallace.com/src/lib/components/ThemeSwitch.spec.ts:47:44
})
}
})
Expand Down
2 changes: 1 addition & 1 deletion src/lib/components/ThemeSwitch.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<script lang="ts">
import { on } from 'svelte/events'
import type { Theme } from '#lib/theme.js'
import type { Theme } from '#lib/theme.ts'
import Icon from '#lib/components/Icon.svelte'
import ThemePreview from './ThemePreview.svelte'
import { MediaQuery } from 'svelte/reactivity'
Expand Down
2 changes: 1 addition & 1 deletion src/lib/components/code-quality/CodeQuality.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
import FilterOption from '#lib/components/FilterOption.svelte'
import Heading from '#lib/components/Heading.svelte'
import Container from '#lib/components/Container.svelte'
import type { CodeQualityDoc } from '../../../routes/(public)/css-code-quality/code-quality.js'
import type { CodeQualityDoc } from '../../../routes/(public)/css-code-quality/code-quality.ts'
import Textarea from '#lib/components/css-form/Textarea.svelte'
import Button from '#lib/components/Button.svelte'

Expand Down
6 changes: 3 additions & 3 deletions src/lib/components/code-quality/CodeQualityDetails.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
<script lang="ts">
import Icon from '#lib/components/Icon.svelte'
import Markdown from '#lib/components/Markdown.svelte'
import { format_number } from '#lib/format-number.js'
import { format_filesize } from '#lib/format-filesize.js'
import { format_number } from '#lib/format-number.ts'
import { format_filesize } from '#lib/format-filesize.ts'
import ScatterPlot from '#lib/components/stats/ScatterPlot.svelte'
import type { Snippet } from 'svelte'
import type { CssAnalysis } from '#lib/analyze-css.js'
import type { CssAnalysis } from '#lib/analyze-css.ts'

interface Props {
id: string
Expand Down
8 changes: 4 additions & 4 deletions src/lib/components/coverage/Coverage.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
<script lang="ts">
import { PaneGroup, Pane, PaneResizer } from 'paneforge'
import { format_filesize } from '#lib/format-filesize.js'
import { format_number, format_percentage } from '#lib/format-number.js'
import { create_keyboard_list } from '#lib/components/use-keyboard-list.svelte.js'
import { format_filesize } from '#lib/format-filesize.ts'
import { format_number, format_percentage } from '#lib/format-number.ts'
import { create_keyboard_list } from '#lib/components/use-keyboard-list.svelte.ts'
import Panel from '#lib/components/Panel.svelte'
import Meter from '#lib/components/Meter.svelte'
import Pre from '#lib/components/Pre.svelte'
import { calculate_coverage, type Coverage } from '@projectwallace/css-code-coverage'
import Empty from '#lib/components/Empty.svelte'
import Table from '#lib/components/Table.svelte'
import { string_sort } from '#lib/string-sort.js'
import { string_sort } from '#lib/string-sort.ts'

let {
browser_coverage
Expand Down
2 changes: 1 addition & 1 deletion src/lib/components/css-form/FileInput.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<script lang="ts">
import { format_filesize } from '#lib/format-filesize.js'
import { format_filesize } from '#lib/format-filesize.ts'

interface Props {
name: string
Expand Down
4 changes: 2 additions & 2 deletions src/lib/components/css-form/Form.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,8 +9,8 @@
import Label from '#lib/components/Label.svelte'
import Button from '#lib/components/Button.svelte'
import CssLoadingProgressBar from '#lib/components/CssLoadingProgressBar.svelte'
import { get_css_state } from '#lib/css-state.svelte.js'
import { get_css, type CssFetchNetworkError, type CssFetchApiError, type CssFetchRemoteError } from '#lib/get-css.js'
import { get_css_state } from '#lib/css-state.svelte.ts'
import { get_css, type CssFetchNetworkError, type CssFetchApiError, type CssFetchRemoteError } from '#lib/get-css.ts'
import InputModeSwitcher from './InputModeSwitcher.svelte'
import Textarea from './Textarea.svelte'
import UrlInput from './UrlInput.svelte'
Expand Down
2 changes: 1 addition & 1 deletion src/lib/components/css-form/types.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import type { CSSOrigin } from '#lib/css-origins.js'
import type { CSSOrigin } from '#lib/css-origins.ts'

export type FormSuccessEvent = {
origins: CSSOrigin[]
Expand Down
2 changes: 1 addition & 1 deletion src/lib/components/css-layers-visualizer/LayerTree.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<script lang="ts">
import LayerTree from './LayerTree.svelte'
import type { TreeNode } from '@projectwallace/css-layer-tree'
import { get_css_state } from '#lib/css-state.svelte.js'
import { get_css_state } from '#lib/css-state.svelte.ts'

interface Props {
tree?: TreeNode[]
Expand Down
6 changes: 3 additions & 3 deletions src/lib/components/css-layers-visualizer/LayersVisualizer.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,15 +2,15 @@
import { layer_tree, type TreeNode } from '@projectwallace/css-layer-tree'
import Empty from '#lib/components/Empty.svelte'
import LayerTree from './LayerTree.svelte'
import type { CSSOrigin } from '#lib/css-origins.js'
import type { CSSOrigin } from '#lib/css-origins.ts'
import DevTools from '#lib/components/DevTools.svelte'
import ItemUsage from '#lib/components/ItemUsage.svelte'
import Container from '#lib/components/Container.svelte'
import NetworkPanel from '#lib/components/NetworkPanel.svelte'
import CssPanel from '#lib/components/devtools/CssPanel.svelte'
import JsonPanel from '#lib/components/devtools/JsonPanel.svelte'
import { layers_tabs, type TabId } from '#lib/components/devtools/tabs.js'
import { get_css_state } from '#lib/css-state.svelte.js'
import { layers_tabs, type TabId } from '#lib/components/devtools/tabs.ts'
import { get_css_state } from '#lib/css-state.svelte.ts'

interface Props {
origins?: CSSOrigin[]
Expand Down
6 changes: 3 additions & 3 deletions src/lib/components/custom-property-inspector/CustomPropertyInspector.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,13 +7,13 @@
import CopyButton from '#lib/components/CopyButton.svelte'
import Pre from '#lib/components/Pre.svelte'
import { analyze } from './analyze-custom-properties'
import type { CssLocation } from '#lib/css-location.js'
import type { CssLocation } from '#lib/css-location.ts'
import Empty from '#lib/components/Empty.svelte'
import DevTools from '#lib/components/DevTools.svelte'
import { network, properties, type TabId } from '#lib/components/devtools/tabs.js'
import { network, properties, type TabId } from '#lib/components/devtools/tabs.ts'
import JsonPanel from '#lib/components/devtools/JsonPanel.svelte'
import NetworkPanel from '#lib/components/NetworkPanel.svelte'
import { get_css_state } from '#lib/css-state.svelte.js'
import { get_css_state } from '#lib/css-state.svelte.ts'

let css_state = get_css_state()
let css = $derived(css_state.css)
Expand Down
2 changes: 1 addition & 1 deletion src/lib/components/custom-property-inspector/Tree.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<script lang="ts">
import { melt, type TreeView } from '@melt-ui/svelte'
import { getContext } from 'svelte'
import { format_number } from '#lib/format-number.js'
import { format_number } from '#lib/format-number.ts'
import { UNUSED, UNDECLARED, UNDECLARED_WITH_FALLBACK, type TreeItem, type Location } from './types'
import Tree from './Tree.svelte'

Expand Down
2 changes: 1 addition & 1 deletion src/lib/components/custom-property-inspector/analyze-custom-properties.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ import {
is_identifier,
is_declaration
} from '@projectwallace/css-parser'
import type { CssLocation } from '#lib/css-location.js'
import type { CssLocation } from '#lib/css-location.ts'

function to_loc(node: CSSNode): CssLocation {
return {
Expand Down
2 changes: 1 addition & 1 deletion src/lib/components/custom-property-inspector/types.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import type { CssLocation } from '#lib/css-location.js'
import type { CssLocation } from '#lib/css-location.ts'

type Node = {
title: string
Expand Down
4 changes: 2 additions & 2 deletions src/lib/components/devtools/DesignTokensPanel.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
<script lang="ts">
import { pretty_json } from '#lib/pretty-json.js'
import { pretty_json } from '#lib/pretty-json.ts'
import PrettyJson from '#lib/components/PrettyJson.svelte'
import CopyButton from '#lib/components/CopyButton.svelte'
import Button from '#lib/components/Button.svelte'
import type { CssAnalysis } from '#lib/analyze-css.js'
import type { CssAnalysis } from '#lib/analyze-css.ts'
import { analysis_to_tokens } from '@projectwallace/css-design-tokens'

interface Props {
Expand Down
2 changes: 1 addition & 1 deletion src/lib/components/devtools/JsonPanel.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<script lang="ts">
import { pretty_json } from '#lib/pretty-json.js'
import { pretty_json } from '#lib/pretty-json.ts'
import PrettyJson from '#lib/components/PrettyJson.svelte'
import CopyButton from '#lib/components/CopyButton.svelte'
import Button from '#lib/components/Button.svelte'
Expand Down
2 changes: 1 addition & 1 deletion src/lib/components/diff/CssDiff.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
import Empty from '#lib/components/Empty.svelte'
import Hunk from './CssDiffHunk.svelte'
import DiffStat from './DiffStat.svelte'
import { diff_css, type StructuredPatch } from '#lib/diff-css.js'
import { diff_css, type StructuredPatch } from '#lib/diff-css.ts'

interface Props {
old_css?: string
Expand Down
2 changes: 1 addition & 1 deletion src/lib/components/diff/CssDiffHunk.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@
</script>

<script lang="ts">
import type { Hunk } from '#lib/diff-css.js'
import type { Hunk } from '#lib/diff-css.ts'

interface Props {
hunk: Hunk
Expand Down
Loading
Loading