@typed/template 0.1.1 → 0.1.3

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

@@ -3,19 +3,19 @@
  */
 
 import type * as Fx from "@typed/fx/Fx"
-import { FxEffectBase } from "@typed/fx/internal/protos"
+import { FxEffectBase } from "@typed/fx/Fx"
 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 { ParentChildNodes } from "./utils.js"
 
 /**
  * Used Internally to pass context down to components for hydration

package/src/internal/browser.ts

@@ -3,8 +3,8 @@ 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 { NodePartImpl } from "./parts.js"
+import { findHoleComment, isCommentWithValue } from "./utils.js"
 
 export function makeRenderNodePart(
   index: number,

package/src/internal/hydrate.ts

@@ -1,5 +1,5 @@
 import * as Fx from "@typed/fx/Fx"
-import { makeSubject } from "@typed/fx/internal/core-subject"
+import * as Subject from "@typed/fx/Subject"
 import type { Rendered } from "@typed/wire"
 import type { Cause } from "effect"
 import { Effect } from "effect"
@@ -10,14 +10,14 @@ import type { RenderContext } from "../RenderContext"
 import { DomRenderEvent } from "../RenderEvent"
 import type { RenderTemplate } from "../RenderTemplate"
 import { TemplateInstance } from "../TemplateInstance"
-import { indexRefCounter } from "./indexRefCounter"
+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 { 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
 
@@ -51,7 +51,7 @@ export const hydrateTemplate: (document: Document, ctx: RenderContext) => Render
 
       const elementRef = providedRef || (yield* _(ElementRef.make<T>()))
       const events = Fx.map(elementRef, DomRenderEvent)
-      const errors = makeSubject<Placeholder.Error<Values[number]>, never>()
+      const errors = Subject.make<Placeholder.Error<Values[number]>, never>()
 
       const { getParts, template, where, wire } = getHydrateEntry({
         ...hydrateCtx,

package/src/internal/parser.ts

@@ -3,8 +3,15 @@ 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 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

package/src/internal/parts.ts

@@ -33,7 +33,7 @@ import type {
   TextPart
 } from "../Part"
 import type { RenderContext } from "../RenderContext"
-import { findHoleComment } from "./utils"
+import { findHoleComment } from "./utils.js"
 
 const strictEq = strict<any>()
 

package/src/internal/render.ts

@@ -1,5 +1,5 @@
 import * as Fx from "@typed/fx/Fx"
-import { makeSubject } from "@typed/fx/internal/core-subject"
+import * as Subject from "@typed/fx/Subject"
 import { TypeId } from "@typed/fx/TypeId"
 import type { Rendered } from "@typed/wire"
 import { persistent } from "@typed/wire"
@@ -21,11 +21,11 @@ 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 { 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
@@ -58,7 +58,7 @@ export const renderTemplate: (document: Document, ctx: RenderContext) => RenderT
     Effect.gen(function*(_) {
       const elementRef = providedRef || (yield* _(ElementRef.make<T>()))
       const events = Fx.map(elementRef, DomRenderEvent)
-      const errors = makeSubject<Placeholder.Error<Values[number]>, never>()
+      const errors = Subject.make<Placeholder.Error<Values[number]>, never>()
       const entry = getBrowserEntry(document, ctx, templateStrings)
       const content = document.importNode(entry.content, true) // Clone our template
 

package/src/internal/server.ts

@@ -26,7 +26,7 @@ import {
   SparseCommentPartImpl,
   StaticTextImpl,
   TextPartImpl
-} from "./parts"
+} from "./parts.js"
 
 export type RenderChunk<R, E> =
   | TextRenderChunk

package/src/internal/tokenizer.ts

@@ -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)