@typed/template 0.1.2 → 0.1.4

package/src/Entry.ts

@@ -1,8 +1,8 @@
 /**
  * @since 1.0.0
  */
-import type { HtmlChunk } from "./HtmlChunk"
-import type { Template } from "./Template"
+import type { HtmlChunk } from "./HtmlChunk.js"
+import type { Template } from "./Template.js"
 
 /**
  * @since 1.0.0

package/src/EventHandler.ts

@@ -3,12 +3,12 @@
  */
 import { type EventWithTarget, isUsingKeyModifier } from "@typed/dom/EventTarget"
 import { type Effect, unit } from "effect/Effect"
-import type { Placeholder } from "./Placeholder"
+import type { Placeholder } from "./Placeholder.js"
 
 /**
  * @since 1.0.0
  */
-export const EventHandlerTypeId = Symbol.for("./EventHandler")
+export const EventHandlerTypeId = Symbol.for("./EventHandler.js")
 /**
  * @since 1.0.0
  */

package/src/Html.ts

@@ -9,21 +9,21 @@ import type { Rendered } from "@typed/wire"
 import { Effect, Option } from "effect"
 import { join } from "effect/ReadonlyArray"
 import type * as Scope from "effect/Scope"
-import { isDirective } from "./Directive"
-import * as ElementRef from "./ElementRef"
-import type { ServerEntry } from "./Entry"
-import type { HtmlChunk, PartChunk, SparsePartChunk, TextChunk } from "./HtmlChunk"
-import { templateToHtmlChunks } from "./HtmlChunk"
-import { parse } from "./internal/parser"
-import { partNodeToPart } from "./internal/server"
-import { TEXT_START, TYPED_END, TYPED_HOLE, TYPED_START } from "./Meta"
-import type { Placeholder } from "./Placeholder"
-import type { Renderable } from "./Renderable"
-import { RenderContext } from "./RenderContext"
-import { HtmlRenderEvent, isRenderEvent } from "./RenderEvent"
-import type { RenderEvent } from "./RenderEvent"
-import { RenderTemplate } from "./RenderTemplate"
-import { TemplateInstance } from "./TemplateInstance"
+import { isDirective } from "./Directive.js"
+import * as ElementRef from "./ElementRef.js"
+import type { ServerEntry } from "./Entry.js"
+import type { HtmlChunk, PartChunk, SparsePartChunk, TextChunk } from "./HtmlChunk.js"
+import { templateToHtmlChunks } from "./HtmlChunk.js"
+import { parse } from "./internal/parser.js"
+import { partNodeToPart } from "./internal/server.js"
+import { TEXT_START, TYPED_END, TYPED_HOLE, TYPED_START } from "./Meta.js"
+import type { Placeholder } from "./Placeholder.js"
+import type { Renderable } from "./Renderable.js"
+import { RenderContext } from "./RenderContext.js"
+import { HtmlRenderEvent, isRenderEvent } from "./RenderEvent.js"
+import type { RenderEvent } from "./RenderEvent.js"
+import { RenderTemplate } from "./RenderTemplate.js"
+import { TemplateInstance } from "./TemplateInstance.js"
 
 const toHtml = (r: RenderEvent) => (r as HtmlRenderEvent).html
 

package/src/HtmlChunk.ts

@@ -1,7 +1,7 @@
 /**
  * @since 1.0.0
  */
-import { TYPED_HASH } from "./Meta"
+import { TYPED_HASH } from "./Meta.js"
 import type {
   Attribute,
   ElementNode,
@@ -13,7 +13,7 @@ import type {
   Template,
   Text,
   TextOnlyElement
-} from "./Template"
+} from "./Template.js"
 
 /**
  * @since 1.0.0

package/src/Hydrate.ts

@@ -8,13 +8,13 @@ import { RootElement } from "@typed/dom/RootElement"
 import * as Fx from "@typed/fx/Fx"
 import * as Effect from "effect/Effect"
 import * as Layer from "effect/Layer"
-import { findRootParentChildNodes, hydrateTemplate } from "./internal/hydrate"
-import { HydrateContext } from "./internal/HydrateContext"
-import { attachRoot } from "./internal/render"
-import type { ToRendered } from "./Render"
-import { RenderContext } from "./RenderContext"
-import { type RenderEvent } from "./RenderEvent"
-import { RenderTemplate } from "./RenderTemplate"
+import { findRootParentChildNodes, hydrateTemplate } from "./internal/hydrate.js"
+import { HydrateContext } from "./internal/HydrateContext.js"
+import { attachRoot } from "./internal/render.js"
+import type { ToRendered } from "./Render.js"
+import { RenderContext } from "./RenderContext.js"
+import { type RenderEvent } from "./RenderEvent.js"
+import { RenderTemplate } from "./RenderTemplate.js"
 
 /**
  * @since 1.0.0

package/src/Many.ts

@@ -9,8 +9,8 @@ import * as RefSubject from "@typed/fx/RefSubject"
 import { makeHold } from "@typed/fx/Subject"
 import * as Effect from "effect/Effect"
 import { dual } from "effect/Function"
-import { RenderContext } from "./RenderContext"
-import { type RenderEvent } from "./RenderEvent"
+import { RenderContext } from "./RenderContext.js"
+import { type RenderEvent } from "./RenderEvent.js"
 
 /**
  * @since 1.0.0

package/src/Parser.ts

@@ -4,10 +4,10 @@
 
 import * as Chunk from "effect/Chunk"
 import { globalValue } from "effect/GlobalValue"
-import { templateHash } from "./internal/parser"
-import * as Template from "./Template"
-import type { Token } from "./Token"
-import { tokenize } from "./Tokenizer"
+import { templateHash } from "./internal/parser.js"
+import * as Template from "./Template.js"
+import type { Token } from "./Token.js"
+import { tokenize } from "./Tokenizer.js"
 
 /**
  * @since 1.0.0
@@ -454,4 +454,4 @@ class ParserImpl {
 /**
  * @since 1.0.0
  */
-export const parser: Parser = globalValue(Symbol.for("./Parser"), () => new ParserImpl())
+export const parser: Parser = globalValue(Symbol.for("./Parser.js"), () => new ParserImpl())

package/src/Part.ts

@@ -5,8 +5,8 @@
 import type { Cause } from "effect/Cause"
 import type { Effect } from "effect/Effect"
 import type { Scope } from "effect/Scope"
-import type { ElementSource } from "./ElementSource"
-import type { EventHandler } from "./EventHandler"
+import type { ElementSource } from "./ElementSource.js"
+import type { EventHandler } from "./EventHandler.js"
 
 /**
  * @since 1.0.0

package/src/Placeholder.ts

@@ -2,7 +2,7 @@
  * @since 1.0.0
  */
 
-import "./internal/module-augmentation"
+import "./internal/module-augmentation.js"
 import type { Fx } from "@typed/fx/Fx"
 import { isFx } from "@typed/fx/Fx"
 import * as RefSubject from "@typed/fx/RefSubject"
@@ -12,7 +12,7 @@ import { Effect } from "effect"
 /**
  * @since 1.0.0
  */
-export const PlaceholderTypeId = Symbol.for("./Placholder")
+export const PlaceholderTypeId = Symbol.for("./Placholder.js")
 /**
  * @since 1.0.0
  */

package/src/Platform.ts

@@ -8,10 +8,10 @@ import * as HttpServer from "@effect/platform/HttpServer"
 import type * as Fx from "@typed/fx/Fx"
 import { toStream } from "@typed/fx/Stream"
 import { Effect, Option, Stream } from "effect"
-import { renderToHtml } from "./Html"
-import type * as RenderContext from "./RenderContext"
-import type { RenderEvent } from "./RenderEvent"
-import type { RenderTemplate } from "./RenderTemplate"
+import { renderToHtml } from "./Html.js"
+import type * as RenderContext from "./RenderContext.js"
+import type { RenderEvent } from "./RenderEvent.js"
+import type { RenderTemplate } from "./RenderTemplate.js"
 
 const HTML_CONTENT_TYPE = "text/html"
 const CAMEL_CASE_CONTENT_TYPE = { contentType: HTML_CONTENT_TYPE }

package/src/Render.ts

@@ -8,10 +8,10 @@ import { RootElement } from "@typed/dom/RootElement"
 import * as Fx from "@typed/fx/Fx"
 import { type Rendered } from "@typed/wire"
 import * as Effect from "effect/Effect"
-import { attachRoot, renderTemplate } from "./internal/render"
-import { RenderContext } from "./RenderContext"
-import { type RenderEvent } from "./RenderEvent"
-import { RenderTemplate } from "./RenderTemplate"
+import { attachRoot, renderTemplate } from "./internal/render.js"
+import { RenderContext } from "./RenderContext.js"
+import { type RenderEvent } from "./RenderEvent.js"
+import { RenderTemplate } from "./RenderTemplate.js"
 
 /**
  * @since 1.0.0

package/src/RenderContext.ts

@@ -13,8 +13,8 @@ import * as Idle from "@typed/fx/Idle"
 import type { Rendered } from "@typed/wire"
 import { Effect, Layer, Option } from "effect"
 import * as Scope from "effect/Scope"
-import type { Entry } from "./Entry"
-import type { Part, SparsePart } from "./Part"
+import type { Entry } from "./Entry.js"
+import type { Part, SparsePart } from "./Part.js"
 
 /**
  * The context in which templates are rendered within
@@ -47,7 +47,7 @@ export interface RenderContext {
  * @since 1.0.0
  */
 export const RenderContext: Context.Tagged<RenderContext, RenderContext> = Context.Tagged<RenderContext>(
-  "./RenderContext"
+  "./RenderContext.js"
 )
 
 /**

package/src/RenderTemplate.ts

@@ -7,11 +7,11 @@ import * as Fx from "@typed/fx/Fx"
 import type { Rendered } from "@typed/wire"
 import type * as Effect from "effect/Effect"
 import type { Scope } from "effect/Scope"
-import type { ElementRef } from "./ElementRef"
-import type { Placeholder } from "./Placeholder"
-import type { Renderable } from "./Renderable"
-import type { RenderEvent } from "./RenderEvent"
-import type { TemplateInstance } from "./TemplateInstance"
+import type { ElementRef } from "./ElementRef.js"
+import type { Placeholder } from "./Placeholder.js"
+import type { Renderable } from "./Renderable.js"
+import type { RenderEvent } from "./RenderEvent.js"
+import type { TemplateInstance } from "./TemplateInstance.js"
 
 /**
  * @since 1.0.0
@@ -38,7 +38,7 @@ export const RenderTemplate: Context.Tagged<RenderTemplate, RenderTemplate> = Co
   RenderTemplate,
   RenderTemplate
 >(
-  "./RenderTemplate"
+  "./RenderTemplate.js"
 )
 
 /**

package/src/Renderable.ts

@@ -4,8 +4,8 @@
 import type { Fx } from "@typed/fx/Fx"
 import type { Rendered } from "@typed/wire"
 import type { Effect } from "effect/Effect"
-import type { Placeholder } from "./Placeholder"
-import type { RenderEvent } from "./RenderEvent"
+import type { Placeholder } from "./Placeholder.js"
+import type { RenderEvent } from "./RenderEvent.js"
 
 /**
  * @since 1.0.0

package/src/TemplateInstance.ts

@@ -8,14 +8,14 @@ import type * as Versioned from "@typed/fx/Versioned"
 import type { Rendered } from "@typed/wire"
 import type { NoSuchElementException } from "effect/Cause"
 import type * as Effect from "effect/Effect"
-import { type ElementRef, ElementRefTypeId } from "./ElementRef"
-import type { Placeholder } from "./Placeholder"
-import type { RenderEvent } from "./RenderEvent"
+import { type ElementRef, ElementRefTypeId } from "./ElementRef.js"
+import type { Placeholder } from "./Placeholder.js"
+import type { RenderEvent } from "./RenderEvent.js"
 
 /**
  * @since 1.0.0
  */
-export const TemplateInstanceTypeId = Symbol.for("./TemplateInstance")
+export const TemplateInstanceTypeId = Symbol.for("./TemplateInstance.js")
 /**
  * @since 1.0.0
  */

package/src/Test.ts

@@ -18,13 +18,13 @@ import * as Fiber from "effect/Fiber"
 import type * as Scope from "effect/Scope"
 import * as happyDOM from "happy-dom"
 import type IHappyDOMOptions from "happy-dom/lib/window/IHappyDOMOptions.js"
-import * as ElementRef from "./ElementRef"
-import { ROOT_CSS_SELECTOR } from "./ElementSource"
-import { adjustTime } from "./internal/utils"
-import { render } from "./Render"
-import * as RenderContext from "./RenderContext"
-import type { RenderEvent } from "./RenderEvent"
-import type { RenderTemplate } from "./RenderTemplate"
+import * as ElementRef from "./ElementRef.js"
+import { ROOT_CSS_SELECTOR } from "./ElementSource.js"
+import { adjustTime } from "./internal/utils.js"
+import { render } from "./Render.js"
+import * as RenderContext from "./RenderContext.js"
+import type { RenderEvent } from "./RenderEvent.js"
+import type { RenderTemplate } from "./RenderTemplate.js"
 
 // TODO: Instrument RenderTemplate to log info about when specific values are hanging for too long
 // TODO: Input events

package/src/Tokenizer.ts

@@ -1,8 +1,8 @@
 /**
  * @since 1.0.0
  */
-import * as tokenizer from "./internal/tokenizer"
-import type { Token } from "./Token"
+import * as tokenizer from "./internal/tokenizer.js"
+import type { Token } from "./Token.js"
 
 /**
  * @since 1.0.0

package/src/index.ts

@@ -2,65 +2,65 @@
  * @since 1.0.0
  */
 
-import "./internal/module-augmentation"
+import "./internal/module-augmentation.js"
 
 /**
  * @since 1.0.0
  */
-export * as Directive from "./Directive"
+export * as Directive from "./Directive.js"
 /**
  * @since 1.0.0
  */
-export * as ElementRef from "./ElementRef"
+export * as ElementRef from "./ElementRef.js"
 /**
  * @since 1.0.0
  */
-export * as ElementSource from "./ElementSource"
+export * as ElementSource from "./ElementSource.js"
 /**
  * @since 1.0.0
  */
-export * as EventHandler from "./EventHandler"
+export * as EventHandler from "./EventHandler.js"
 /**
  * @since 1.0.0
  */
-export * from "./Html"
+export * from "./Html.js"
 /**
  * @since 1.0.0
  */
-export * from "./Hydrate"
+export * from "./Hydrate.js"
 /**
  * @since 1.0.0
  */
-export * from "./Many"
+export * from "./Many.js"
 /**
  * @since 1.0.0
  */
-export * from "./Part"
+export * from "./Part.js"
 /**
  * @since 1.0.0
  */
-export * from "./Placeholder"
+export * from "./Placeholder.js"
 /**
  * @since 1.0.0
  */
-export * from "./Render"
+export * from "./Render.js"
 /**
  * @since 1.0.0
  */
-export * from "./Renderable"
+export * from "./Renderable.js"
 /**
  * @since 1.0.0
  */
-export * as RenderContext from "./RenderContext"
+export * as RenderContext from "./RenderContext.js"
 /**
  * @since 1.0.0
  */
-export * from "./RenderEvent"
+export * from "./RenderEvent.js"
 /**
  * @since 1.0.0
  */
-export * from "./RenderTemplate"
+export * from "./RenderTemplate.js"
 /**
  * @since 1.0.0
  */
-export * from "./TemplateInstance"
+export * from "./TemplateInstance.js"

package/src/internal/HydrateContext.ts

@@ -1,6 +1,6 @@
 import { Tagged } from "@typed/context"
-import type { Template } from "../Template"
-import type { ParentChildNodes } from "./utils"
+import type { Template } from "../Template.js"
+import type { ParentChildNodes } from "./utils.js"
 
 /**
  * Used Internally to pass context down to components for hydration

package/src/internal/browser.ts

@@ -1,10 +1,10 @@
 import { diffable, isComment } from "@typed/wire"
 import udomdiff from "udomdiff"
-import type { RenderContext } from "../RenderContext"
-import type { RenderEvent } from "../RenderEvent"
-import { isRenderEvent } from "../RenderEvent"
-import { NodePartImpl } from "./parts"
-import { findHoleComment, isCommentWithValue } from "./utils"
+import type { RenderContext } from "../RenderContext.js"
+import type { RenderEvent } from "../RenderEvent.js"
+import { isRenderEvent } from "../RenderEvent.js"
+import { NodePartImpl } from "./parts.js"
+import { findHoleComment, isCommentWithValue } from "./utils.js"
 
 export function makeRenderNodePart(
   index: number,

package/src/internal/hydrate.ts

@@ -3,21 +3,21 @@ import * as Subject from "@typed/fx/Subject"
 import type { Rendered } from "@typed/wire"
 import type { Cause } from "effect"
 import { Effect } from "effect"
-import * as ElementRef from "../ElementRef"
-import type { Placeholder } from "../Placeholder"
-import type { Renderable } from "../Renderable"
-import type { RenderContext } from "../RenderContext"
-import { DomRenderEvent } from "../RenderEvent"
-import type { RenderTemplate } from "../RenderTemplate"
-import { TemplateInstance } from "../TemplateInstance"
-import { indexRefCounter } from "./indexRefCounter"
+import * as ElementRef from "../ElementRef.js"
+import type { Placeholder } from "../Placeholder.js"
+import type { Renderable } from "../Renderable.js"
+import type { RenderContext } from "../RenderContext.js"
+import { DomRenderEvent } from "../RenderEvent.js"
+import type { RenderTemplate } from "../RenderTemplate.js"
+import { TemplateInstance } from "../TemplateInstance.js"
+import { indexRefCounter } from "./indexRefCounter.js"
 
 import { unsafeGet } from "@typed/context"
 
-import type { Template } from "../Template"
-import { CouldNotFindCommentError, CouldNotFindRootElement } from "./errors"
-import { HydrateContext } from "./HydrateContext"
-import { buildParts, getBrowserEntry, renderTemplate, renderValues } from "./render"
+import type { Template } from "../Template.js"
+import { CouldNotFindCommentError, CouldNotFindRootElement } from "./errors.js"
+import { HydrateContext } from "./HydrateContext.js"
+import { buildParts, getBrowserEntry, renderTemplate, renderValues } from "./render.js"
 import {
   findPath,
   getPreviousNodes,
@@ -25,7 +25,7 @@ import {
   isCommentWithValue,
   isHtmlElement,
   type ParentChildNodes
-} from "./utils"
+} from "./utils.js"
 
 // TODO: Handle missing comment errors
 

package/src/internal/module-augmentation.ts

@@ -1,4 +1,4 @@
-import type { Placeholder } from "../Placeholder"
+import type { Placeholder } from "../Placeholder.js"
 
 declare global {
   export interface String extends Placeholder<never, never, string> {}

package/src/internal/parser.ts

@@ -1,10 +1,17 @@
 import * as Chunk from "effect/Chunk"
 import { globalValue } from "effect/GlobalValue"
 import * as Option from "effect/Option"
-import * as Template from "../Template"
-import { SELF_CLOSING_TAGS, TEXT_ONLY_NODES_REGEX } from "../Token"
-import type { TextChunk } from "./chunks"
-import { getPart, getStrictPart, getTextUntilCloseBrace, getTextUntilPart, getWhitespace, PART_STRING } from "./chunks"
+import * as Template from "../Template.js"
+import { SELF_CLOSING_TAGS, TEXT_ONLY_NODES_REGEX } from "../Token.js"
+import type { TextChunk } from "./chunks.js"
+import {
+  getPart,
+  getStrictPart,
+  getTextUntilCloseBrace,
+  getTextUntilPart,
+  getWhitespace,
+  PART_STRING
+} from "./chunks.js"
 
 // TODO: Consider ways to surface useful errors and warnings.
 // TODO: Profile for performance optimization
@@ -610,7 +617,7 @@ function parseTextAndParts<T>(s: string, f: (index: number) => T): Array<Templat
   return out
 }
 
-export const parser: Parser = globalValue(Symbol.for("../Parser2"), () => new ParserImpl())
+export const parser: Parser = globalValue(Symbol.for("../Parser2.js"), () => new ParserImpl())
 
 const digestSize = 2
 const multiplier = 33

package/src/internal/parts.ts

@@ -11,9 +11,9 @@ import * as Fiber from "effect/Fiber"
 import * as ReadonlyArray from "effect/ReadonlyArray"
 import type { Scope } from "effect/Scope"
 import * as SynchronizedRef from "effect/SynchronizedRef"
-import type { ElementRef } from "../ElementRef"
-import type { ElementSource } from "../ElementSource"
-import { unescape } from "../HtmlChunk"
+import type { ElementRef } from "../ElementRef.js"
+import type { ElementSource } from "../ElementSource.js"
+import { unescape } from "../HtmlChunk.js"
 import type {
   AttributePart,
   BooleanPart,
@@ -31,9 +31,9 @@ import type {
   SparsePart,
   StaticText,
   TextPart
-} from "../Part"
-import type { RenderContext } from "../RenderContext"
-import { findHoleComment } from "./utils"
+} from "../Part.js"
+import type { RenderContext } from "../RenderContext.js"
+import { findHoleComment } from "./utils.js"
 
 const strictEq = strict<any>()
 

package/src/internal/render.ts

@@ -7,25 +7,25 @@ import { Effect } from "effect"
 import type { Cause } from "effect/Cause"
 import { replace } from "effect/ReadonlyArray"
 import type { Scope } from "effect/Scope"
-import { isDirective } from "../Directive"
-import * as ElementRef from "../ElementRef"
-import type { BrowserEntry } from "../Entry"
-import * as EventHandler from "../EventHandler"
-import type { AttributePart, ClassNamePart, CommentPart, Part, Parts, SparsePart, StaticText } from "../Part"
-import type { Placeholder } from "../Placeholder"
-import type { ToRendered } from "../Render"
-import type { Renderable } from "../Renderable"
-import type { RenderContext } from "../RenderContext"
-import type { RenderEvent } from "../RenderEvent"
-import { DomRenderEvent } from "../RenderEvent"
-import type { RenderTemplate } from "../RenderTemplate"
-import type * as Template from "../Template"
-import { TemplateInstance } from "../TemplateInstance"
-import { makeRenderNodePart } from "./browser"
-import { HydrateContext } from "./HydrateContext"
-import type { IndexRefCounter } from "./indexRefCounter"
-import { indexRefCounter } from "./indexRefCounter"
-import { parse } from "./parser"
+import { isDirective } from "../Directive.js"
+import * as ElementRef from "../ElementRef.js"
+import type { BrowserEntry } from "../Entry.js"
+import * as EventHandler from "../EventHandler.js"
+import type { AttributePart, ClassNamePart, CommentPart, Part, Parts, SparsePart, StaticText } from "../Part.js"
+import type { Placeholder } from "../Placeholder.js"
+import type { ToRendered } from "../Render.js"
+import type { Renderable } from "../Renderable.js"
+import type { RenderContext } from "../RenderContext.js"
+import type { RenderEvent } from "../RenderEvent.js"
+import { DomRenderEvent } from "../RenderEvent.js"
+import type { RenderTemplate } from "../RenderTemplate.js"
+import type * as Template from "../Template.js"
+import { TemplateInstance } from "../TemplateInstance.js"
+import { makeRenderNodePart } from "./browser.js"
+import { HydrateContext } from "./HydrateContext.js"
+import type { IndexRefCounter } from "./indexRefCounter.js"
+import { indexRefCounter } from "./indexRefCounter.js"
+import { parse } from "./parser.js"
 import {
   AttributePartImpl,
   BooleanPartImpl,
@@ -40,9 +40,9 @@ import {
   SparseCommentPartImpl,
   StaticTextImpl,
   TextPartImpl
-} from "./parts"
-import type { ParentChildNodes } from "./utils"
-import { findPath } from "./utils"
+} from "./parts.js"
+import type { ParentChildNodes } from "./utils.js"
+import { findPath } from "./utils.js"
 
 /**
  * Here for "standard" browser rendering, a TemplateInstance is effectively a live

package/src/internal/server.ts

@@ -1,5 +1,5 @@
 import * as Effect from "effect/Effect"
-import type { HtmlChunk, PartChunk, SparsePartChunk } from "../HtmlChunk"
+import type { HtmlChunk, PartChunk, SparsePartChunk } from "../HtmlChunk.js"
 import type {
   AttributePart,
   ClassNamePart,
@@ -10,9 +10,9 @@ import type {
   SparseCommentPart,
   SparsePart,
   StaticText
-} from "../Part"
-import type { Renderable } from "../Renderable"
-import type { PartNode, SparseAttrNode, SparseClassNameNode, SparseCommentNode, SparsePartNode } from "../Template"
+} from "../Part.js"
+import type { Renderable } from "../Renderable.js"
+import type { PartNode, SparseAttrNode, SparseClassNameNode, SparseCommentNode, SparsePartNode } from "../Template.js"
 import {
   AttributePartImpl,
   BooleanPartImpl,
@@ -26,7 +26,7 @@ import {
   SparseCommentPartImpl,
   StaticTextImpl,
   TextPartImpl
-} from "./parts"
+} from "./parts.js"
 
 export type RenderChunk<R, E> =
   | TextRenderChunk

package/src/internal/tokenizer.ts

@@ -1,4 +1,4 @@
-import * as Token from "../Token"
+import * as Token from "../Token.js"
 import {
   getAllTextUntilElementClose,
   getAttributeWithoutQuotes,
@@ -15,8 +15,8 @@ import {
   getWhitespace,
   PART_REGEX,
   PART_STRING
-} from "./chunks"
-import type { TextChunk } from "./chunks"
+} from "./chunks.js"
+import type { TextChunk } from "./chunks.js"
 
 export function tokenize(template: ReadonlyArray<string>): Iterable<Token.Token> {
   return new Tokenizer(template)