@mzebley/mark-down-angular 1.0.0 → 1.1.0

package/README.md

@@ -30,26 +30,38 @@ Provide a shared `SnippetClient` from your root bootstrap call or feature module
 
 ```ts
 import { bootstrapApplication } from '@angular/platform-browser';
-import { provideMarkDown } from '@mzebley/mark-down-angular';
+import { provideSnippetClient } from '@mzebley/mark-down/angular';
 
 bootstrapApplication(AppComponent, {
   providers: [
-    ...provideMarkDown({
-      manifest: '/snippets-index.json',
+    ...provideSnippetClient({
+      manifest: '/assets/content/snippets/manifest.json',
+      base: '/assets/content/snippets',
     }),
   ],
 });
 ```
 
-`provideMarkDown` wires up the client as an Angular provider using the options you pass through. The manifest can be a URL, a factory, or a pre-fetched array—identical to the [core runtime options](../core/README.md#client-options).
+`provideSnippetClient` wires up the client as an Angular provider using the same options supported by the core runtime (`manifest`, `base`, `fetch`, `frontMatter`, `cache`, `verbose`). Prefer the scoped `@mzebley/mark-down/angular` entry point for tree-shaking and clearer typing. For backwards compatibility this package also re-exports `provideMarkDown`, `MARK_DOWN_CLIENT`, and the legacy `SnippetService` name.
+
+### Angular compatibility
+
+| Angular version | Status |
+| ---------------- | ------ |
+| 17.x             | ✅ Supported |
+| 18.x             | ✅ Supported |
+| 19.x             | ✅ Supported |
+| 20.x             | ✅ Supported |
+
+The package declares peer dependency ranges `>=17 <21` so projects running any currently supported Angular major release can install without `--legacy-peer-deps`.
 
 ## Consuming snippets
 
-Inject `SnippetService` into components or services to access Observables for snippets:
+Inject `MarkdownSnippetService` into components or services to access Observables for snippets:
 
 ```ts
 import { Component, inject } from '@angular/core';
-import { SnippetService } from '@mzebley/mark-down-angular';
+import { MarkdownSnippetService } from '@mzebley/mark-down/angular';
 
 @Component({
   selector: 'docs-hero',
@@ -61,12 +73,12 @@ import { SnippetService } from '@mzebley/mark-down-angular';
   `,
 })
 export class DocsHeroComponent {
-  private readonly snippets = inject(SnippetService);
+  private readonly snippets = inject(MarkdownSnippetService);
   readonly hero$ = this.snippets.get('getting-started-welcome');
 }
 ```
 
-The service mirrors the core client APIs (`get`, `list`, `listByType`, `listByGroup`) but returns cold Observables that share cached results across subscribers.
+The service mirrors the core client APIs (`get`, `listAll`, `listByType`, `listByGroup`, `search`) but returns cold Observables that share cached results across subscribers.
 
 ## `<snippet-view>` component
 
@@ -80,7 +92,7 @@ Features:
 
 - Uses Angular's `DomSanitizer` to render HTML safely.
 - Emits a `loaded` event once the snippet resolves so parent components can react.
-- Provides built-in "Loading snippet…" and "Snippet not found" fallbacks (customize by wrapping the component or using the service directly).
+- Provides a loading placeholder and gracefully emits `undefined` when the slug cannot be resolved.
 - Supports `class`/`ngClass` bindings for styling since it renders a standard `<div>`.
 
 ## Server-side rendering
@@ -90,18 +102,23 @@ When running in Angular Universal, supply a server-compatible fetch implementati
 ```ts
 import fetch from 'node-fetch';
 
-provideMarkDown({
+provideSnippetClient({
   manifest: () => import('../snippets-index.json'),
-  fetcher: (input, init) => fetch(input as string, init),
+  fetch: (url) => fetch(url).then((response) => {
+    if (!response.ok) {
+      throw new Error(`Request failed with status ${response.status}`);
+    }
+    return response;
+  }),
 });
 ```
 
-The provider forwards all options to the underlying `SnippetClient`, so SSR and preloaded manifests work exactly like the core package.
+The provider forwards all options to the underlying `SnippetClient`, so SSR, custom cache policies, and preloaded manifests work exactly like the core package.
 
 ## Testing tips
 
-- Provide a mock manifest array during tests: `provideMarkDown({ manifest: mockManifest })`.
-- Use `SnippetService` with the Angular `TestBed` to assert filtering behaviour.
+- Provide a mock manifest array during tests: `provideSnippetClient({ manifest: mockManifest })`.
+- Use `MarkdownSnippetService` with the Angular `TestBed` to assert filtering behaviour.
 - Pair with the [example application](../../examples/basic/README.md) to see how snippets integrate with routing and feature modules.
 
 ## Roadmap

package/dist/index.cjs

@@ -9,14 +9,15 @@ var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __copyProps = (to, from2, except, desc) => {
-  if (from2 && typeof from2 === "object" || typeof from2 === "function") {
-    for (let key of __getOwnPropNames(from2))
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
       if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from2[key], enumerable: !(desc = __getOwnPropDesc(from2, key)) || desc.enumerable });
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
   return to;
 };
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
@@ -34,80 +35,49 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (kind && result) __defProp(target, key, result);
   return result;
 };
-var __decorateParam = (index, decorator) => (target, key) => decorator(target, key, index);
 
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
   MARK_DOWN_CLIENT: () => MARK_DOWN_CLIENT,
   MARK_DOWN_OPTIONS: () => MARK_DOWN_OPTIONS,
-  SnippetService: () => SnippetService,
+  SnippetService: () => import_angular2.MarkdownSnippetService,
   SnippetViewComponent: () => SnippetViewComponent,
   provideMarkDown: () => provideMarkDown
 });
 module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("@mzebley/mark-down/angular"), module.exports);
 
 // src/token.ts
-var import_core = require("@angular/core");
-var import_mark_down = require("@mzebley/mark-down");
-var MARK_DOWN_CLIENT = new import_core.InjectionToken("mark-down-client");
-var MARK_DOWN_OPTIONS = new import_core.InjectionToken("mark-down-options");
-function provideMarkDown(options, client) {
-  return [
-    { provide: MARK_DOWN_OPTIONS, useValue: options },
-    {
-      provide: MARK_DOWN_CLIENT,
-      useFactory: (opts) => client ?? new import_mark_down.SnippetClient(opts),
-      deps: [MARK_DOWN_OPTIONS]
-    }
-  ];
+var import_angular = require("@mzebley/mark-down/angular");
+var MARK_DOWN_CLIENT = import_angular.SNIPPET_CLIENT;
+var MARK_DOWN_OPTIONS = import_angular.SNIPPET_CLIENT_OPTIONS;
+function provideMarkDown(options) {
+  return (0, import_angular.provideSnippetClient)(options);
 }
 
 // src/snippet.service.ts
-var import_core2 = require("@angular/core");
-var import_rxjs = require("rxjs");
-var SnippetService = class {
-  constructor(client) {
-    this.client = client;
-  }
-  get(slug) {
-    return (0, import_rxjs.from)(this.client.get(slug)).pipe((0, import_rxjs.shareReplay)(1));
-  }
-  list(options) {
-    return (0, import_rxjs.from)(this.client.list(options)).pipe((0, import_rxjs.shareReplay)(1));
-  }
-  listByGroup(group, options) {
-    return (0, import_rxjs.from)(this.client.listByGroup(group, options)).pipe((0, import_rxjs.shareReplay)(1));
-  }
-  listByType(type, options) {
-    return (0, import_rxjs.from)(this.client.listByType(type, options)).pipe((0, import_rxjs.shareReplay)(1));
-  }
-  html(slug) {
-    return this.get(slug).pipe((0, import_rxjs.map)((snippet) => snippet?.html ?? null));
-  }
-};
-SnippetService = __decorateClass([
-  (0, import_core2.Injectable)({ providedIn: "root" }),
-  __decorateParam(0, (0, import_core2.Inject)(MARK_DOWN_CLIENT))
-], SnippetService);
+var import_angular2 = require("@mzebley/mark-down/angular");
 
 // src/snippet-view.component.ts
 var import_common = require("@angular/common");
-var import_core3 = require("@angular/core");
+var import_core = require("@angular/core");
 var import_platform_browser = require("@angular/platform-browser");
-var import_rxjs2 = require("rxjs");
+var import_rxjs = require("rxjs");
 var import_operators = require("rxjs/operators");
 var import_dompurify = __toESM(require("dompurify"), 1);
 var SnippetViewComponent = class {
   constructor() {
-    this.slug$ = new import_rxjs2.BehaviorSubject(null);
-    this.sanitizer = (0, import_core3.inject)(import_platform_browser.DomSanitizer);
-    this.snippets = (0, import_core3.inject)(SnippetService);
-    this.loaded = new import_core3.EventEmitter();
+    this.slug$ = new import_rxjs.BehaviorSubject(null);
+    this.sanitizer = (0, import_core.inject)(import_platform_browser.DomSanitizer);
+    this.snippets = (0, import_core.inject)(import_angular2.MarkdownSnippetService);
+    this.loaded = new import_core.EventEmitter();
     this.snippet$ = this.slug$.pipe(
-      (0, import_operators.switchMap)((slug) => slug ? this.snippets.get(slug) : (0, import_rxjs2.of)(void 0)),
-      (0, import_operators.tap)((snippet) => this.loaded.emit(snippet)),
-      (0, import_operators.shareReplay)(1)
+      (0, import_operators.switchMap)(
+        (slug) => slug ? this.snippets.get(slug).pipe((0, import_operators.catchError)(() => (0, import_rxjs.of)(null))) : (0, import_rxjs.of)(null)
+      ),
+      (0, import_operators.tap)((snippet) => this.loaded.emit(snippet ?? void 0)),
+      (0, import_operators.shareReplay)({ bufferSize: 1, refCount: true })
     );
     this.content$ = this.snippet$.pipe(
       (0, import_operators.map)((snippet) => {
@@ -124,13 +94,13 @@ var SnippetViewComponent = class {
   }
 };
 __decorateClass([
-  (0, import_core3.Input)()
+  (0, import_core.Input)()
 ], SnippetViewComponent.prototype, "slug", 2);
 __decorateClass([
-  (0, import_core3.Output)()
+  (0, import_core.Output)()
 ], SnippetViewComponent.prototype, "loaded", 2);
 SnippetViewComponent = __decorateClass([
-  (0, import_core3.Component)({
+  (0, import_core.Component)({
     selector: "snippet-view",
     standalone: true,
     imports: [import_common.CommonModule],
@@ -142,7 +112,7 @@ SnippetViewComponent = __decorateClass([
       <div class="mark-down-snippet--loading">Loading snippet\u2026</div>
     </ng-template>
   `,
-    changeDetection: import_core3.ChangeDetectionStrategy.OnPush
+    changeDetection: import_core.ChangeDetectionStrategy.OnPush
   })
 ], SnippetViewComponent);
 // Annotate the CommonJS export names for ESM import in node:
@@ -151,5 +121,6 @@ SnippetViewComponent = __decorateClass([
   MARK_DOWN_OPTIONS,
   SnippetService,
   SnippetViewComponent,
-  provideMarkDown
+  provideMarkDown,
+  ...require("@mzebley/mark-down/angular")
 });

package/dist/index.d.cts

@@ -1,21 +1,16 @@
-import { InjectionToken, Provider, OnChanges, EventEmitter } from '@angular/core';
-import { SnippetClient, SnippetClientOptions, Snippet, ListOptions, SnippetMeta } from '@mzebley/mark-down';
-import { Observable } from 'rxjs';
+import { SnippetClientOptions } from '@mzebley/mark-down/angular';
+export * from '@mzebley/mark-down/angular';
+export { MarkdownSnippetService as SnippetService } from '@mzebley/mark-down/angular';
+import * as _angular_core from '@angular/core';
+import { Provider, OnChanges, EventEmitter } from '@angular/core';
+import * as _mzebley_mark_down from '@mzebley/mark-down';
+import { Snippet } from '@mzebley/mark-down';
 import { SafeHtml } from '@angular/platform-browser';
+import { Observable } from 'rxjs';
 
-declare const MARK_DOWN_CLIENT: InjectionToken<SnippetClient>;
-declare const MARK_DOWN_OPTIONS: InjectionToken<SnippetClientOptions>;
-declare function provideMarkDown(options: SnippetClientOptions, client?: SnippetClient): Provider[];
-
-declare class SnippetService {
-    private readonly client;
-    constructor(client: SnippetClient);
-    get(slug: string): Observable<Snippet | undefined>;
-    list(options?: ListOptions): Observable<SnippetMeta[]>;
-    listByGroup(group: string, options?: ListOptions): Observable<SnippetMeta[]>;
-    listByType(type: string, options?: ListOptions): Observable<SnippetMeta[]>;
-    html(slug: string): Observable<string | null>;
-}
+declare const MARK_DOWN_CLIENT: _angular_core.InjectionToken<_mzebley_mark_down.SnippetClient>;
+declare const MARK_DOWN_OPTIONS: _angular_core.InjectionToken<SnippetClientOptions>;
+declare function provideMarkDown(options: SnippetClientOptions): Provider[];
 
 declare class SnippetViewComponent implements OnChanges {
     private readonly slug$;
@@ -28,4 +23,4 @@ declare class SnippetViewComponent implements OnChanges {
     ngOnChanges(): void;
 }
 
-export { MARK_DOWN_CLIENT, MARK_DOWN_OPTIONS, SnippetService, SnippetViewComponent, provideMarkDown };
+export { MARK_DOWN_CLIENT, MARK_DOWN_OPTIONS, SnippetViewComponent, provideMarkDown };

package/dist/index.d.ts

@@ -1,21 +1,16 @@
-import { InjectionToken, Provider, OnChanges, EventEmitter } from '@angular/core';
-import { SnippetClient, SnippetClientOptions, Snippet, ListOptions, SnippetMeta } from '@mzebley/mark-down';
-import { Observable } from 'rxjs';
+import { SnippetClientOptions } from '@mzebley/mark-down/angular';
+export * from '@mzebley/mark-down/angular';
+export { MarkdownSnippetService as SnippetService } from '@mzebley/mark-down/angular';
+import * as _angular_core from '@angular/core';
+import { Provider, OnChanges, EventEmitter } from '@angular/core';
+import * as _mzebley_mark_down from '@mzebley/mark-down';
+import { Snippet } from '@mzebley/mark-down';
 import { SafeHtml } from '@angular/platform-browser';
+import { Observable } from 'rxjs';
 
-declare const MARK_DOWN_CLIENT: InjectionToken<SnippetClient>;
-declare const MARK_DOWN_OPTIONS: InjectionToken<SnippetClientOptions>;
-declare function provideMarkDown(options: SnippetClientOptions, client?: SnippetClient): Provider[];
-
-declare class SnippetService {
-    private readonly client;
-    constructor(client: SnippetClient);
-    get(slug: string): Observable<Snippet | undefined>;
-    list(options?: ListOptions): Observable<SnippetMeta[]>;
-    listByGroup(group: string, options?: ListOptions): Observable<SnippetMeta[]>;
-    listByType(type: string, options?: ListOptions): Observable<SnippetMeta[]>;
-    html(slug: string): Observable<string | null>;
-}
+declare const MARK_DOWN_CLIENT: _angular_core.InjectionToken<_mzebley_mark_down.SnippetClient>;
+declare const MARK_DOWN_OPTIONS: _angular_core.InjectionToken<SnippetClientOptions>;
+declare function provideMarkDown(options: SnippetClientOptions): Provider[];
 
 declare class SnippetViewComponent implements OnChanges {
     private readonly slug$;
@@ -28,4 +23,4 @@ declare class SnippetViewComponent implements OnChanges {
     ngOnChanges(): void;
 }
 
-export { MARK_DOWN_CLIENT, MARK_DOWN_OPTIONS, SnippetService, SnippetViewComponent, provideMarkDown };
+export { MARK_DOWN_CLIENT, MARK_DOWN_OPTIONS, SnippetViewComponent, provideMarkDown };

package/dist/index.js

@@ -8,51 +8,24 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (kind && result) __defProp(target, key, result);
   return result;
 };
-var __decorateParam = (index, decorator) => (target, key) => decorator(target, key, index);
+
+// src/index.ts
+export * from "@mzebley/mark-down/angular";
 
 // src/token.ts
-import { InjectionToken } from "@angular/core";
-import { SnippetClient } from "@mzebley/mark-down";
-var MARK_DOWN_CLIENT = new InjectionToken("mark-down-client");
-var MARK_DOWN_OPTIONS = new InjectionToken("mark-down-options");
-function provideMarkDown(options, client) {
-  return [
-    { provide: MARK_DOWN_OPTIONS, useValue: options },
-    {
-      provide: MARK_DOWN_CLIENT,
-      useFactory: (opts) => client ?? new SnippetClient(opts),
-      deps: [MARK_DOWN_OPTIONS]
-    }
-  ];
+import {
+  SNIPPET_CLIENT,
+  SNIPPET_CLIENT_OPTIONS,
+  provideSnippetClient
+} from "@mzebley/mark-down/angular";
+var MARK_DOWN_CLIENT = SNIPPET_CLIENT;
+var MARK_DOWN_OPTIONS = SNIPPET_CLIENT_OPTIONS;
+function provideMarkDown(options) {
+  return provideSnippetClient(options);
 }
 
 // src/snippet.service.ts
-import { Inject, Injectable } from "@angular/core";
-import { from, map, shareReplay } from "rxjs";
-var SnippetService = class {
-  constructor(client) {
-    this.client = client;
-  }
-  get(slug) {
-    return from(this.client.get(slug)).pipe(shareReplay(1));
-  }
-  list(options) {
-    return from(this.client.list(options)).pipe(shareReplay(1));
-  }
-  listByGroup(group, options) {
-    return from(this.client.listByGroup(group, options)).pipe(shareReplay(1));
-  }
-  listByType(type, options) {
-    return from(this.client.listByType(type, options)).pipe(shareReplay(1));
-  }
-  html(slug) {
-    return this.get(slug).pipe(map((snippet) => snippet?.html ?? null));
-  }
-};
-SnippetService = __decorateClass([
-  Injectable({ providedIn: "root" }),
-  __decorateParam(0, Inject(MARK_DOWN_CLIENT))
-], SnippetService);
+import { MarkdownSnippetService } from "@mzebley/mark-down/angular";
 
 // src/snippet-view.component.ts
 import { CommonModule } from "@angular/common";
@@ -66,21 +39,23 @@ import {
 } from "@angular/core";
 import { DomSanitizer } from "@angular/platform-browser";
 import { BehaviorSubject, of } from "rxjs";
-import { map as map2, shareReplay as shareReplay2, switchMap, tap } from "rxjs/operators";
+import { catchError, map, shareReplay, switchMap, tap } from "rxjs/operators";
 import DOMPurify from "dompurify";
 var SnippetViewComponent = class {
   constructor() {
     this.slug$ = new BehaviorSubject(null);
     this.sanitizer = inject(DomSanitizer);
-    this.snippets = inject(SnippetService);
+    this.snippets = inject(MarkdownSnippetService);
     this.loaded = new EventEmitter();
     this.snippet$ = this.slug$.pipe(
-      switchMap((slug) => slug ? this.snippets.get(slug) : of(void 0)),
-      tap((snippet) => this.loaded.emit(snippet)),
-      shareReplay2(1)
+      switchMap(
+        (slug) => slug ? this.snippets.get(slug).pipe(catchError(() => of(null))) : of(null)
+      ),
+      tap((snippet) => this.loaded.emit(snippet ?? void 0)),
+      shareReplay({ bufferSize: 1, refCount: true })
     );
     this.content$ = this.snippet$.pipe(
-      map2((snippet) => {
+      map((snippet) => {
         if (!snippet) {
           return null;
         }
@@ -118,7 +93,7 @@ SnippetViewComponent = __decorateClass([
 export {
   MARK_DOWN_CLIENT,
   MARK_DOWN_OPTIONS,
-  SnippetService,
+  MarkdownSnippetService as SnippetService,
   SnippetViewComponent,
   provideMarkDown
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mzebley/mark-down-angular",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "mark↓ Angular Adapter",
   "type": "module",
   "main": "dist/index.cjs",
@@ -17,9 +17,14 @@
     "dompurify": "^3.0.9"
   },
   "peerDependencies": {
-    "@angular/common": "^17.0.0",
-    "@angular/core": "^17.0.0",
-    "@angular/platform-browser": "^17.0.0",
-    "rxjs": "^7.8.0"
+    "@angular/common": ">=17 <21",
+    "@angular/core": ">=17 <21",
+    "@angular/platform-browser": ">=17 <21",
+    "rxjs": ">=7.8.0 <8.0.0 || >=8.0.0 <9.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@angular/platform-browser": {
+      "optional": true
+    }
   }
 }

package/src/index.ts

@@ -1,3 +1,4 @@
+export * from "@mzebley/mark-down/angular";
 export * from "./token";
 export * from "./snippet.service";
 export * from "./snippet-view.component";

package/src/snippet-view.component.ts

@@ -10,7 +10,7 @@ import {
 } from "@angular/core";
 import { DomSanitizer, SafeHtml } from "@angular/platform-browser";
 import { BehaviorSubject, Observable, of } from "rxjs";
-import { map, shareReplay, switchMap, tap } from "rxjs/operators";
+import { catchError, map, shareReplay, switchMap, tap } from "rxjs/operators";
 import type { Snippet } from "@mzebley/mark-down";
 import { SnippetService } from "./snippet.service";
 import DOMPurify from "dompurify";
@@ -37,10 +37,12 @@ export class SnippetViewComponent implements OnChanges {
   @Input() slug?: string;
   @Output() readonly loaded = new EventEmitter<Snippet | undefined>();
 
-  private readonly snippet$: Observable<Snippet | undefined> = this.slug$.pipe(
-    switchMap((slug) => (slug ? this.snippets.get(slug) : of(undefined))),
-    tap((snippet) => this.loaded.emit(snippet)),
-    shareReplay(1)
+  private readonly snippet$: Observable<Snippet | null> = this.slug$.pipe(
+    switchMap((slug) =>
+      slug ? this.snippets.get(slug).pipe(catchError(() => of(null))) : of(null)
+    ),
+    tap((snippet) => this.loaded.emit(snippet ?? undefined)),
+    shareReplay({ bufferSize: 1, refCount: true })
   );
 
   readonly content$: Observable<SafeHtml | null> = this.snippet$.pipe(

package/src/snippet.service.ts

@@ -1,30 +1 @@
-import { Inject, Injectable } from "@angular/core";
-import { from, map, Observable, shareReplay } from "rxjs";
-import type { ListOptions, Snippet, SnippetMeta } from "@mzebley/mark-down";
-import { SnippetClient } from "@mzebley/mark-down";
-import { MARK_DOWN_CLIENT } from "./token";
-
-@Injectable({ providedIn: "root" })
-export class SnippetService {
-  constructor(@Inject(MARK_DOWN_CLIENT) private readonly client: SnippetClient) {}
-
-  get(slug: string): Observable<Snippet | undefined> {
-    return from(this.client.get(slug)).pipe(shareReplay(1));
-  }
-
-  list(options?: ListOptions): Observable<SnippetMeta[]> {
-    return from(this.client.list(options)).pipe(shareReplay(1));
-  }
-
-  listByGroup(group: string, options?: ListOptions): Observable<SnippetMeta[]> {
-    return from(this.client.listByGroup(group, options)).pipe(shareReplay(1));
-  }
-
-  listByType(type: string, options?: ListOptions): Observable<SnippetMeta[]> {
-    return from(this.client.listByType(type, options)).pipe(shareReplay(1));
-  }
-
-  html(slug: string): Observable<string | null> {
-    return this.get(slug).pipe(map((snippet) => snippet?.html ?? null));
-  }
-}
+export { MarkdownSnippetService as SnippetService } from "@mzebley/mark-down/angular";

package/src/token.ts

@@ -1,16 +1,14 @@
-import { InjectionToken, Provider } from "@angular/core";
-import { SnippetClient, type SnippetClientOptions } from "@mzebley/mark-down";
+import type { Provider } from "@angular/core";
+import {
+  SNIPPET_CLIENT,
+  SNIPPET_CLIENT_OPTIONS,
+  provideSnippetClient,
+  type SnippetClientOptions
+} from "@mzebley/mark-down/angular";
 
-export const MARK_DOWN_CLIENT = new InjectionToken<SnippetClient>("mark-down-client");
-export const MARK_DOWN_OPTIONS = new InjectionToken<SnippetClientOptions>("mark-down-options");
+export const MARK_DOWN_CLIENT = SNIPPET_CLIENT;
+export const MARK_DOWN_OPTIONS = SNIPPET_CLIENT_OPTIONS;
 
-export function provideMarkDown(options: SnippetClientOptions, client?: SnippetClient): Provider[] {
-  return [
-    { provide: MARK_DOWN_OPTIONS, useValue: options },
-    {
-      provide: MARK_DOWN_CLIENT,
-      useFactory: (opts: SnippetClientOptions) => client ?? new SnippetClient(opts),
-      deps: [MARK_DOWN_OPTIONS]
-    }
-  ];
+export function provideMarkDown(options: SnippetClientOptions): Provider[] {
+  return provideSnippetClient(options);
 }

package/tsconfig.json

@@ -3,7 +3,14 @@
   "compilerOptions": {
     "outDir": "dist",
     "experimentalDecorators": true,
-    "emitDecoratorMetadata": true
+    "emitDecoratorMetadata": true,
+    "baseUrl": ".",
+    "paths": {
+      "@mzebley/mark-down": ["../core/src/index.ts"],
+      "@mzebley/mark-down/angular": ["../core/src/angular/index.ts"],
+      "@mzebley/mark-down/browser": ["../core/src/browser.ts"],
+      "@mzebley/mark-down/slug": ["../core/src/slug.ts"]
+    }
   },
   "include": ["src/**/*"]
 }