fix: ensure ESM builds have .js extensions

.changeset/friendly-eyes-crash.md

@@ -0,0 +1,18 @@
+---
+"@typed/async-data": patch
+"@typed/context": patch
+"@typed/dom": patch
+"@typed/environment": patch
+"@typed/fx": patch
+"@typed/id": patch
+"@typed/navigation": patch
+"@typed/path": patch
+"@typed/route": patch
+"@typed/router": patch
+"@typed/template": patch
+"@typed/tsconfig": patch
+"@typed/ui": patch
+"@typed/wire": patch
+---
+
+Fix ESM builds

packages/async-data/src/AsyncData.ts

@@ -8,9 +8,9 @@
 import type { Effect } from "effect"
 import { Cause, Data, Equal, Equivalence, Exit, Option, Unify } from "effect"
 import { dual } from "effect/Function"
-import * as internal from "./internal/async-data"
-import { FAILURE_TAG, LOADING_TAG, NO_DATA_TAG, SUCCESS_TAG } from "./internal/tag"
-import * as Progress from "./Progress"
+import * as internal from "./internal/async-data.js"
+import { FAILURE_TAG, LOADING_TAG, NO_DATA_TAG, SUCCESS_TAG } from "./internal/tag.js"
+import * as Progress from "./Progress.js"
 
 /**
  * AsyncData represents a piece of data which is acquired asynchronously with loading, failure, and progress states

packages/async-data/src/internal/async-data.ts

@@ -3,7 +3,7 @@
 import { Cause, Effect, Effectable, Equal, Hash, Option, pipe, Unify } from "effect"
 import { constant } from "effect/Function"
 import { type AsyncData, type Failure, type Loading, type Success } from "../AsyncData"
-import { FAILURE_TAG, LOADING_TAG, NO_DATA_TAG, SUCCESS_TAG } from "./tag"
+import { FAILURE_TAG, LOADING_TAG, NO_DATA_TAG, SUCCESS_TAG } from "./tag.js"
 
 export class FailureImpl<E> extends Effectable.Class<never, E, never> implements Failure<E> {
   readonly _tag = "Failure"

packages/context/src/Cache.ts

@@ -8,9 +8,9 @@ import type { Effect } from "effect/Effect"
 import type { Either } from "effect/Either"
 import type { Exit } from "effect/Exit"
 import * as Layer from "effect/Layer"
-import { withActions } from "./Extensions"
-import type { IdentifierFactory, IdentifierInput, IdentifierOf } from "./Identifier"
-import { Tag } from "./Tag"
+import { withActions } from "./Extensions.js"
+import type { IdentifierFactory, IdentifierInput, IdentifierOf } from "./Identifier.js"
+import { Tag } from "./Tag.js"
 
 /**
  * A Contextual wrapper around @effect/io/Cache

packages/context/src/Dequeue.ts

@@ -8,11 +8,11 @@ import type * as Effect from "effect/Effect"
 import * as Layer from "effect/Layer"
 import type { Option } from "effect/Option"
 import * as Q from "effect/Queue"
-import { withActions } from "./Extensions"
-import type { IdentifierFactory, IdentifierInput, IdentifierOf } from "./Identifier"
-import type { PubSub } from "./PubSub"
-import type { Queue } from "./Queue"
-import { Tag } from "./Tag"
+import { withActions } from "./Extensions.js"
+import type { IdentifierFactory, IdentifierInput, IdentifierOf } from "./Identifier.js"
+import type { PubSub } from "./PubSub.js"
+import type { Queue } from "./Queue.js"
+import { Tag } from "./Tag.js"
 
 /**
  * A Contextual wrapper around @effect/io/Queue.Dequeue

packages/context/src/Enqueue.ts

@@ -6,11 +6,11 @@
 import type * as Effect from "effect/Effect"
 import * as Layer from "effect/Layer"
 import * as Q from "effect/Queue"
-import { withActions } from "./Extensions"
-import type { IdentifierFactory, IdentifierInput, IdentifierOf } from "./Identifier"
-import type { PubSub } from "./PubSub"
-import type { Queue } from "./Queue"
-import { Tag } from "./Tag"
+import { withActions } from "./Extensions.js"
+import type { IdentifierFactory, IdentifierInput, IdentifierOf } from "./Identifier.js"
+import type { PubSub } from "./PubSub.js"
+import type { Queue } from "./Queue.js"
+import { Tag } from "./Tag.js"
 
 /**
  * A Contextual wrapper around @effect/io/Queue.Enqueue

packages/context/src/Extensions.ts

@@ -8,8 +8,8 @@ import * as Layer from "effect/Layer"
 
 import { Tag } from "effect/Context"
 import type { Scope } from "effect/Scope"
-import { ContextBuilder } from "./Builder"
-import type { IdentifierFactory, IdentifierOf } from "./Identifier"
+import { ContextBuilder } from "./Builder.js"
+import type { IdentifierFactory, IdentifierOf } from "./Identifier.js"
 
 /**
  * A Tagged service is a @effect/data/Context.Tag with additional methods for

packages/context/src/Fn.ts

@@ -8,9 +8,9 @@ import * as Effect from "effect/Effect"
 import { dual } from "effect/Function"
 import type * as Layer from "effect/Layer"
 
-import type { EffectFn } from "./EffectFn"
-import { Tagged } from "./Extensions"
-import type { IdentifierFactory, IdentifierInput, IdentifierOf } from "./Identifier"
+import type { EffectFn } from "./EffectFn.js"
+import { Tagged } from "./Extensions.js"
+import type { IdentifierFactory, IdentifierInput, IdentifierOf } from "./Identifier.js"
 
 /**
  * @category symbols

packages/context/src/KeyedPool.ts

@@ -8,9 +8,9 @@ import type * as Effect from "effect/Effect"
 import * as KP from "effect/KeyedPool"
 import * as Layer from "effect/Layer"
 import type { Scope } from "effect/Scope"
-import { withActions } from "./Extensions"
-import type { IdentifierFactory, IdentifierInput, IdentifierOf } from "./Identifier"
-import { Tag } from "./Tag"
+import { withActions } from "./Extensions.js"
+import type { IdentifierFactory, IdentifierInput, IdentifierOf } from "./Identifier.js"
+import { Tag } from "./Tag.js"
 
 /**
  * Contextual wrappers around @effect/io/KeyedPool

packages/context/src/Many.ts

@@ -7,8 +7,8 @@ import type * as C from "effect/Context"
 import * as Effect from "effect/Effect"
 import * as Layer from "effect/Layer"
 
-import { ContextBuilder } from "./Builder"
-import type { Actions, Provision } from "./Extensions"
+import { ContextBuilder } from "./Builder.js"
+import type { Actions, Provision } from "./Extensions.js"
 
 type TupleOfTags = ReadonlyArray<C.Tag<any, any>>
 

packages/context/src/Model.ts

@@ -9,10 +9,10 @@ import * as Effect from "effect/Effect"
 import * as Layer from "effect/Layer"
 import type { Scope } from "effect/Scope"
 import { ScopedRefTypeId } from "effect/ScopedRef"
-import { ContextBuilder } from "./Builder"
-import type { Ref } from "./Ref"
-import type { ScopedRef } from "./ScopedRef"
-import type { SynchronizedRef } from "./SynchronizedRef"
+import { ContextBuilder } from "./Builder.js"
+import type { Ref } from "./Ref.js"
+import type { ScopedRef } from "./ScopedRef.js"
+import type { SynchronizedRef } from "./SynchronizedRef.js"
 
 /**
  * A ModelRef<I, A> is a Ref/ScopedRef/SynchronizedRef that is part of a Model.

packages/context/src/Pool.ts

@@ -9,9 +9,9 @@ import type * as Effect from "effect/Effect"
 import * as Layer from "effect/Layer"
 import * as P from "effect/Pool"
 import type { Scope } from "effect/Scope"
-import { withActions } from "./Extensions"
-import type { IdentifierFactory, IdentifierInput, IdentifierOf } from "./Identifier"
-import { Tag } from "./Tag"
+import { withActions } from "./Extensions.js"
+import type { IdentifierFactory, IdentifierInput, IdentifierOf } from "./Identifier.js"
+import { Tag } from "./Tag.js"
 
 /**
  * Contextual wrapper for @effect/io/Pool

packages/context/src/PubSub.ts

@@ -8,9 +8,9 @@ import * as Layer from "effect/Layer"
 import * as PS from "effect/PubSub"
 import type * as Q from "effect/Queue"
 import type { Scope } from "effect/Scope"
-import { withActions } from "./Extensions"
-import type { IdentifierFactory, IdentifierInput, IdentifierOf } from "./Identifier"
-import { Tag } from "./Tag"
+import { withActions } from "./Extensions.js"
+import type { IdentifierFactory, IdentifierInput, IdentifierOf } from "./Identifier.js"
+import { Tag } from "./Tag.js"
 
 /**
  * Contextual wrappers around @effect/io/PubSub

packages/context/src/Queue.ts

@@ -8,9 +8,9 @@ import type * as Effect from "effect/Effect"
 import * as Layer from "effect/Layer"
 import type { Option } from "effect/Option"
 import * as Q from "effect/Queue"
-import { withActions } from "./Extensions"
-import type { IdentifierFactory, IdentifierInput, IdentifierOf } from "./Identifier"
-import { Tag } from "./Tag"
+import { withActions } from "./Extensions.js"
+import type { IdentifierFactory, IdentifierInput, IdentifierOf } from "./Identifier.js"
+import { Tag } from "./Tag.js"
 
 /**
  * Contextual wrappers around @effect/data/Queue

packages/context/src/Ref.ts

@@ -7,9 +7,9 @@ import * as Effect from "effect/Effect"
 import * as Layer from "effect/Layer"
 import type { Option } from "effect/Option"
 import * as R from "effect/Ref"
-import { withActions } from "./Extensions"
-import type { IdentifierFactory, IdentifierInput, IdentifierOf } from "./Identifier"
-import { Tag } from "./Tag"
+import { withActions } from "./Extensions.js"
+import type { IdentifierFactory, IdentifierInput, IdentifierOf } from "./Identifier.js"
+import { Tag } from "./Tag.js"
 
 /**
  * Contextual wrappers around @effect/io/Ref

packages/context/src/Repository.ts

@@ -8,11 +8,11 @@
 import * as Effect from "effect/Effect"
 import * as Layer from "effect/Layer"
 import type { Scope } from "effect/Scope"
-import { ContextBuilder } from "./Builder"
+import { ContextBuilder } from "./Builder.js"
 
-import type { EffectFn } from "./EffectFn"
-import type { Fn } from "./Fn"
-import { struct, type TaggedStruct } from "./Many"
+import type { EffectFn } from "./EffectFn.js"
+import type { Fn } from "./Fn.js"
+import { struct, type TaggedStruct } from "./Many.js"
 
 type AnyFns = Readonly<Record<string, Fn.Any>>
 

packages/context/src/Request.ts

@@ -8,8 +8,8 @@ import type * as Data from "effect/Data"
 import type { Effect } from "effect/Effect"
 import * as R from "effect/Request"
 
-import { Fn } from "./Fn"
-import type { IdentifierFactory, IdentifierInput, IdentifierOf } from "./Identifier"
+import { Fn } from "./Fn.js"
+import type { IdentifierFactory, IdentifierInput, IdentifierOf } from "./Identifier.js"
 
 /**
  * Contextual wrappers around @effect/io/Request

packages/context/src/RequestResolver.ts

@@ -8,11 +8,11 @@ import * as Layer from "effect/Layer"
 import type * as Req from "effect/Request"
 import * as RR from "effect/RequestResolver"
 
-import type { Context } from "./Context"
-import { withActions } from "./Extensions"
-import type { IdentifierFactory, IdentifierOf } from "./Identifier"
-import type { Request } from "./Request"
-import { Tag } from "./Tag"
+import type { Context } from "./Context.js"
+import { withActions } from "./Extensions.js"
+import type { IdentifierFactory, IdentifierOf } from "./Identifier.js"
+import type { Request } from "./Request.js"
+import { Tag } from "./Tag.js"
 
 /**
  * Contextual wrappers around @effect/io/RequestResolver

packages/context/src/Resource.ts

@@ -7,8 +7,8 @@ import * as Effect from "effect/Effect"
 import * as Layer from "effect/Layer"
 import * as R from "effect/Resource"
 import type * as Schedule from "effect/Schedule"
-import type { IdentifierFactory, IdentifierOf } from "./Identifier"
-import { Tag } from "./Tag"
+import type { IdentifierFactory, IdentifierOf } from "./Identifier.js"
+import { Tag } from "./Tag.js"
 
 /**
  * Contextual wrappers around @effect/io/Resource

packages/context/src/ScopedCache.ts

@@ -11,9 +11,9 @@ import * as Layer from "effect/Layer"
 import type { Option } from "effect/Option"
 import type { Scope } from "effect/Scope"
 import * as SC from "effect/ScopedCache"
-import { withActions } from "./Extensions"
-import type { IdentifierFactory, IdentifierInput, IdentifierOf } from "./Identifier"
-import { Tag } from "./Tag"
+import { withActions } from "./Extensions.js"
+import type { IdentifierFactory, IdentifierInput, IdentifierOf } from "./Identifier.js"
+import { Tag } from "./Tag.js"
 
 /**
  * Contextual wrappers around @effect/io/ScopedCache

packages/context/src/ScopedRef.ts

@@ -7,8 +7,8 @@ import * as Effect from "effect/Effect"
 import * as Layer from "effect/Layer"
 import type { Scope } from "effect/Scope"
 import * as S from "effect/ScopedRef"
-import type { IdentifierFactory, IdentifierInput, IdentifierOf } from "./Identifier"
-import { Tag } from "./Tag"
+import type { IdentifierFactory, IdentifierInput, IdentifierOf } from "./Identifier.js"
+import { Tag } from "./Tag.js"
 
 /**
  * Contextual wrappers around @effect/io/ScopedRef

packages/context/src/SynchronizedRef.ts

@@ -7,9 +7,9 @@ import * as Effect from "effect/Effect"
 import * as Layer from "effect/Layer"
 import type { Option } from "effect/Option"
 import * as SyncRef from "effect/SynchronizedRef"
-import { withActions } from "./Extensions"
-import type { IdentifierFactory, IdentifierInput, IdentifierOf } from "./Identifier"
-import { Tag } from "./Tag"
+import { withActions } from "./Extensions.js"
+import type { IdentifierFactory, IdentifierInput, IdentifierOf } from "./Identifier.js"
+import { Tag } from "./Tag.js"
 
 /**
  * Contextual wrappers around @effect/io/SynchronizedRef

packages/context/src/Tag.ts

@@ -5,9 +5,9 @@
  */
 
 import * as C from "effect/Context"
-import type { Tagged } from "./Extensions"
-import type { IdentifierFactory, IdentifierInput, IdentifierOf } from "./Identifier"
-import { makeIdentifier } from "./Identifier"
+import type { Tagged } from "./Extensions.js"
+import type { IdentifierFactory, IdentifierInput, IdentifierOf } from "./Identifier.js"
+import { makeIdentifier } from "./Identifier.js"
 
 /**
  * Provides extensions to the `Context` module's Tag implementation to