fix: force extension for relative imports

eslint.config.mjs

@@ -13,6 +13,15 @@ export default createConfigForNuxt({
     stylistic: true,
   },
 })
+  .append({
+    files: ['packages/**/src/**'],
+    rules: {
+      'import/extensions': [
+        'error',
+        'ignorePackages',
+      ],
+    },
+  })
   .append(
     ...svelte.configs.recommended,
   )

packages/comark-html/src/index.ts

@@ -1,8 +1,8 @@
 import type { ParseOptions, RenderOptions } from 'comark'
 import { createParse } from 'comark'
-import { renderHTML } from './render'
+import { renderHTML } from './render.ts'
 
-export { renderHTML } from './render'
+export { renderHTML } from './render.ts'
 
 /**
  * Creates a reusable parse+render function with pre-configured options.

packages/comark-react/src/components/Comark.tsx

@@ -1,8 +1,8 @@
 import React from 'react'
 import { parse } from 'comark'
 import type { ParseOptions } from 'comark'
-import { ComarkRenderer } from './ComarkRenderer'
-import { ComarkClient } from './ComarkClient'
+import { ComarkRenderer } from './ComarkRenderer.tsx'
+import { ComarkClient } from './ComarkClient.tsx'
 
 export interface ComarkProps {
   /**

packages/comark-react/src/components/ComarkClient.tsx

@@ -3,7 +3,7 @@
 import { use, useDeferredValue, useMemo, Suspense } from 'react'
 import { parse } from 'comark'
 import type { ComarkTree } from 'comark'
-import { ComarkRenderer } from './ComarkRenderer'
+import { ComarkRenderer } from './ComarkRenderer.tsx'
 import type { ComarkProps } from './Comark'
 
 interface ComarkContentProps extends Omit<ComarkProps, 'markdown' | 'children' | 'options' | 'plugins'> {

packages/comark-react/src/components/ComarkRenderer.tsx

@@ -1,7 +1,7 @@
 import type { ComarkElement, ComarkNode, ComarkTree, ComponentManifest, NodeRenderData } from 'comark'
 import React, { lazy, Suspense, useMemo } from 'react'
 import { pascalCase, camelCase, resolveAttributes } from 'comark/utils'
-import { findLastTextNodeAndAppendNode, getCaret } from '../utils/caret'
+import { findLastTextNodeAndAppendNode, getCaret } from '../utils/caret.ts'
 
 /**
  * Helper to get tag from a ComarkNode

packages/comark-react/src/index.ts

@@ -1,12 +1,12 @@
 import React from 'react'
-import { Comark } from './components/Comark'
-import { ComarkRenderer } from './components/ComarkRenderer'
+import { Comark } from './components/Comark.tsx'
+import { ComarkRenderer } from './components/ComarkRenderer.tsx'
 import type { ComarkProps } from './components/Comark'
 import type { ComarkRendererProps } from './components/ComarkRenderer'
 import type { ParseOptions } from 'comark'
 
-export { ComarkRenderer } from './components/ComarkRenderer'
-export { ComarkClient } from './components/ComarkClient'
+export { ComarkRenderer } from './components/ComarkRenderer.tsx'
+export { ComarkClient } from './components/ComarkClient.tsx'
 export { Comark }
 export type * from 'comark'
 

packages/comark-react/src/plugins/binding.ts

@@ -1,4 +1,4 @@
 export * from 'comark/plugins/binding'
 export { default } from 'comark/plugins/binding'
 
-export { Binding } from '../components/Binding'
+export { Binding } from '../components/Binding.tsx'

packages/comark-react/src/plugins/math.ts

@@ -1,4 +1,4 @@
 export * from 'comark/plugins/math'
 export { default } from 'comark/plugins/math'
 
-export { Math } from '../components/Math'
+export { Math } from '../components/Math.tsx'

packages/comark-react/src/plugins/mermaid.ts

@@ -1,4 +1,4 @@
 export * from 'comark/plugins/mermaid'
 export { default } from 'comark/plugins/mermaid'
 
-export { Mermaid } from '../components/Mermaid'
+export { Mermaid } from '../components/Mermaid.tsx'

packages/comark/src/internal/stringify/handlers/code.ts

@@ -1,7 +1,7 @@
 import type { State } from 'comark/render'
 import type { ComarkElement } from 'comark'
 import { comarkAttributes } from '../attributes.ts'
-import { textContent } from 'comark/utils'
+import { textContent } from '../../../utils/index.ts'
 
 export function code(node: ComarkElement, _state: State) {
   const [_, attrs] = node

packages/comark/src/internal/stringify/handlers/del.ts

@@ -1,6 +1,6 @@
 import type { State } from 'comark/render'
 import type { ComarkElement } from 'comark'
-import { textContent } from 'comark/utils'
+import { textContent } from '../../../utils/index.ts'
 
 export function del(node: ComarkElement, _: State) {
   return `~~${textContent(node)}~~`

packages/comark/src/internal/stringify/handlers/math.ts

@@ -1,6 +1,6 @@
 import type { State } from 'comark/render'
 import type { ComarkElement } from 'comark'
-import { textContent } from 'comark/utils'
+import { textContent } from '../../../utils/index.ts'
 
 export function math(node: ComarkElement, state: State, parent?: ComarkElement) {
   const content = textContent(node)

packages/comark/src/internal/stringify/handlers/pre.ts

@@ -1,6 +1,6 @@
 import type { State } from 'comark/render'
 import type { ComarkElement } from 'comark'
-import { textContent } from 'comark/utils'
+import { textContent } from '../../../utils/index.ts'
 
 export function pre(node: ComarkElement, state: State) {
   const [_, attributes, ...children] = node

packages/comark/src/plugins/alert.ts

@@ -1,5 +1,5 @@
 import type { ComarkElement } from 'comark'
-import { visit } from 'comark/utils'
+import { visit } from '../utils/index.ts'
 import { defineComarkPlugin } from '../utils/helpers.ts'
 
 interface Marker {

packages/comark/src/plugins/binding.ts

@@ -1,5 +1,5 @@
 import type { PluginWithOptions, MarkdownExit } from 'markdown-exit'
-import { defineComarkPlugin } from '../utils/helpers'
+import { defineComarkPlugin } from '../utils/helpers.ts'
 import type { MarkdownItPlugin, NodeHandler } from '../types'
 
 export interface MdcInlineBindingOptions {

packages/comark/src/plugins/breaks.ts

@@ -1,5 +1,5 @@
 import { defineComarkPlugin } from '../utils/helpers.ts'
-import { visit } from 'comark/utils'
+import { visit } from '../utils/index.ts'
 
 export default defineComarkPlugin(() => ({
   name: 'breaks',

packages/comark/src/plugins/json-render.ts

@@ -1,8 +1,8 @@
 import type { Spec, UIElement } from '@json-render/core'
 import type { ComarkElementAttributes, ComarkNode } from '../types'
-import { defineComarkPlugin } from '../parse'
-import { textContent, visit } from '../utils'
-import { parseYaml } from '../internal/yaml'
+import { defineComarkPlugin } from '../parse.ts'
+import { textContent, visit } from '../utils/index.ts'
+import { parseYaml } from '../internal/yaml.ts'
 
 function jsonRenderToAst(jrt: Spec | UIElement) {
   if (!(jrt as Spec).root) {

packages/comark/src/plugins/security.ts

@@ -1,6 +1,6 @@
 import type { ComarkElement } from 'comark'
 import { defineComarkPlugin } from '../utils/helpers.ts'
-import { visit } from 'comark/utils'
+import { visit } from '../utils/index.ts'
 import { validateProps } from '../internal/props-validation.ts'
 import type { PropsValidationOptions } from '../internal/props-validation.ts'
 

packages/comark/tsconfig.json

@@ -13,8 +13,8 @@
     "allowImportingTsExtensions": true,
     "rewriteRelativeImportExtensions": true,
     "declaration": true,
-    "rootDir": "./src"
+    "rootDir": "./src",
   },
   "include": ["src/**/*"],
-  "exclude": ["node_modules", "dist"]
+  "exclude": ["node_modules", "dist"],
 }