@d-i-t-a/reader 2.1.0-beta.1 → 2.1.0-beta.10

package/dist/types/model/Locator.d.ts

@@ -31,14 +31,11 @@ export declare enum AnnotationMarker {
     Highlight = 0,
     Underline = 1,
     Bookmark = 2,
-    Custom = 3
+    Custom = 3,
+    Comment = 4
 }
 export interface Annotation extends Locator {
     id?: any;
     created: Date;
     highlight?: IHighlight;
 }
-export interface ChapterWeight {
-    chapterHref: string;
-    weight: number;
-}

package/dist/types/model/Publication.d.ts

@@ -2,7 +2,7 @@ import { Locator } from "./Locator";
 import { Link } from "./Link";
 import { Publication as R2Publication } from "r2-shared-js/dist/es6-es2015/src/models/publication";
 import { Link as R2Link } from "r2-shared-js/dist/es6-es2015/src/models/publication-link";
-import { GetContentBytesLength } from "../navigator/IFrameNavigator";
+import { GetContentBytesLength, RequestConfig } from "../navigator/IFrameNavigator";
 import { SampleRead } from "../navigator/IFrameNavigator";
 export declare class Publication extends R2Publication {
     manifestUrl: URL;
@@ -11,7 +11,7 @@ export declare class Publication extends R2Publication {
     /**
      * Initialize a publication from a manifest URL
      */
-    static fromUrl(url: URL): Promise<Publication>;
+    static fromUrl(url: URL, requestConfig?: RequestConfig): Promise<Publication>;
     get readingOrder(): Link[];
     get resources(): Link[];
     get tableOfContents(): R2Link[];
@@ -39,13 +39,13 @@ export declare class Publication extends R2Publication {
      * Fetches the contents to build up the positions manually,
      * at least for fluid layout pubs
      */
-    autoGeneratePositions(getContentBytesLength?: GetContentBytesLength): Promise<void>;
+    autoGeneratePositions(requestConfig?: RequestConfig, getContentBytesLength?: GetContentBytesLength): Promise<void>;
     /**
      * Fetches the positions from a given service href
      */
-    fetchPositionsFromService(href: string): Promise<void>;
+    fetchPositionsFromService(href: string, requestConfig?: RequestConfig): Promise<void>;
     /**
      * Fetches weights from a given service href
      */
-    fetchWeightsFromService(href: string): Promise<void>;
+    fetchWeightsFromService(href: string, requestConfig?: RequestConfig): Promise<void>;
 }

package/dist/types/model/user-settings/UserSettings.d.ts

@@ -1,14 +1,13 @@
 import Store from "../../store/Store";
 import { UserProperties, UserProperty, UserSettingsIncrementable } from "./UserProperties";
-import { Injectable, NavigatorAPI, ReaderUI } from "../../navigator/IFrameNavigator";
+import { Injectable, NavigatorAPI } from "../../navigator/IFrameNavigator";
 import BookView from "../../views/BookView";
 export interface UserSettingsConfig {
     /** Store to save the user's selections in. */
     store: Store;
     initialUserSettings: InitialUserSettings;
     headerMenu?: HTMLElement | null;
-    material?: ReaderUI;
-    api?: NavigatorAPI;
+    api?: Partial<NavigatorAPI>;
     injectables?: Array<Injectable>;
     layout: string;
 }
@@ -86,18 +85,18 @@ export declare class UserSettings implements IUserSettings {
     private viewChangeCallback;
     private settingsView;
     private readonly headerMenu?;
-    api?: NavigatorAPI;
+    api?: Partial<NavigatorAPI>;
     injectables?: Array<Injectable>;
     private iframe;
     static create(config: UserSettingsConfig): Promise<any>;
-    protected constructor(store: Store, headerMenu?: HTMLElement | null, api?: NavigatorAPI, injectables?: Array<Injectable>, layout?: string);
+    protected constructor(store: Store, headerMenu?: HTMLElement | null, api?: Partial<NavigatorAPI>, injectables?: Array<Injectable>, layout?: string);
     stop(): void;
     private initialise;
     private reset;
     private initializeSelections;
     applyProperties(): Promise<any>;
     setIframe(iframe: HTMLIFrameElement): void;
-    private renderControls;
+    private static renderControls;
     onSettingsChange(callback: () => void): void;
     onColumnSettingsChange(callback: () => void): void;
     onViewChange(callback: () => void): void;

package/dist/types/modules/AnnotationModule.d.ts

@@ -11,15 +11,17 @@ export interface AnnotationModuleAPI {
     deleteAnnotation: Highlight;
     updateAnnotation: Highlight;
     selectedAnnotation: Highlight;
+    addCommentToAnnotation: Highlight;
 }
 export interface AnnotationModuleProperties {
     initialAnnotationColor?: string;
     hideLayer?: boolean;
+    enableComments?: boolean;
 }
 export interface AnnotationModuleConfig extends AnnotationModuleProperties {
     annotator: Annotator;
     headerMenu?: HTMLElement | null;
-    rights: ReaderRights;
+    rights: Partial<ReaderRights>;
     publication: Publication;
     delegate: IFrameNavigator;
     initialAnnotations?: any;
@@ -31,6 +33,7 @@ export declare class AnnotationModule implements ReaderModule {
     private rights;
     private publication;
     private highlightsView;
+    private commentGutter?;
     private readonly headerMenu?;
     private readonly highlighter?;
     private readonly initialAnnotations;
@@ -40,7 +43,7 @@ export declare class AnnotationModule implements ReaderModule {
     activeAnnotationMarkerId?: string;
     activeAnnotationMarkerPosition?: string;
     static create(config: AnnotationModuleConfig): Promise<AnnotationModule>;
-    constructor(annotator: Annotator, rights: ReaderRights, publication: Publication, delegate: IFrameNavigator, initialAnnotations: any, properties: AnnotationModuleProperties, highlighter: TextHighlighter, api?: AnnotationModuleAPI, headerMenu?: HTMLElement | null);
+    constructor(annotator: Annotator, rights: Partial<ReaderRights>, publication: Publication, delegate: IFrameNavigator, initialAnnotations: any, properties: AnnotationModuleProperties, highlighter: TextHighlighter, api?: AnnotationModuleAPI, headerMenu?: HTMLElement | null);
     stop(): Promise<void>;
     protected start(): Promise<void>;
     private hide;
@@ -62,10 +65,14 @@ export declare class AnnotationModule implements ReaderModule {
     getAnnotations(): any;
     showHighlights(): void;
     drawHighlights(): Promise<void>;
+    repositionGutters(): any;
     private createTree;
     private handleAnnotationLinkClick;
     private handleAnnotationLinkDeleteClick;
     private static readableTimestamp;
     getAnnotation(highlight: IHighlight): Promise<any>;
     getAnnotationByID(id: string): Promise<any>;
+    syncPosition(highlights: Array<any>): any;
+    reposition(highlights: Array<any>): any;
 }
+export declare function repositionHighlights(highlights: Array<any>): any;

package/dist/types/modules/BookmarkModule.d.ts

@@ -14,7 +14,7 @@ export interface BookmarkModuleProperties {
 export interface BookmarkModuleConfig extends BookmarkModuleProperties {
     annotator: Annotator;
     headerMenu?: HTMLElement | null;
-    rights: ReaderRights;
+    rights: Partial<ReaderRights>;
     publication: Publication;
     delegate: IFrameNavigator;
     initialAnnotations?: any;
@@ -33,7 +33,7 @@ export declare class BookmarkModule implements ReaderModule {
     private readonly properties;
     private readonly api?;
     static create(config: BookmarkModuleConfig): Promise<any>;
-    constructor(annotator: Annotator, rights: ReaderRights, publication: Publication, delegate: IFrameNavigator, properties: BookmarkModuleProperties, initialAnnotations?: any, api?: BookmarkModuleAPI, headerMenu?: HTMLElement | null);
+    constructor(annotator: Annotator, rights: Partial<ReaderRights>, publication: Publication, delegate: IFrameNavigator, properties: BookmarkModuleProperties, initialAnnotations?: any, api?: BookmarkModuleAPI, headerMenu?: HTMLElement | null);
     stop(): void;
     protected start(): Promise<void>;
     handleResize(): Promise<void>;

package/dist/types/modules/TTS/TTSModule2.d.ts

@@ -30,7 +30,7 @@ export declare class TTSModule2 implements ReaderModule {
     speakPause(): void;
     speakResume(): void;
     static create(config: TTSModuleConfig): Promise<TTSModule2>;
-    constructor(delegate: IFrameNavigator, tts: TTSSettings, rights: ReaderRights, highlighter: TextHighlighter, properties: TTSModuleProperties, api?: TTSModuleAPI, headerMenu?: HTMLElement | null);
+    constructor(delegate: IFrameNavigator, tts: TTSSettings, rights: Partial<ReaderRights>, highlighter: TextHighlighter, properties: TTSModuleProperties, api?: TTSModuleAPI, headerMenu?: HTMLElement | null);
     protected start(): Promise<void>;
     userScrolled: boolean;
     scrollPartial: boolean;
@@ -48,7 +48,7 @@ export declare class TTSModule2 implements ReaderModule {
     ttsPlayQueueIndexDebounced: ((ttsQueueIndex: number, ttsQueue: any) => void) & {
         clear(): void;
     };
-    updateTTSInfo(ttsQueueItem: any, charIndex: number, charLength: number, utteranceText: string | undefined): string | undefined;
+    updateTTSInfo(ttsQueueItem: any, charIndex: number, charLength: number, startIndex: number, utteranceText: string | undefined): string | undefined;
     _ttsQueueItemHighlightsWord: IHighlight | undefined;
     wrapHighlightWord(ttsQueueItemRef: ITtsQueueItemReference, utteranceText: string, charIndex: number, charLength: number, word: string, start: number, end: number): void;
 }

package/dist/types/modules/TTS/TTSSettings.d.ts

@@ -21,7 +21,7 @@ export interface TTSModuleProperties {
 }
 export interface TTSModuleConfig extends TTSModuleProperties {
     delegate: IFrameNavigator;
-    rights: ReaderRights;
+    rights: Partial<ReaderRights>;
     tts: TTSSettings;
     highlighter: TextHighlighter;
     headerMenu?: HTMLElement | null;

package/dist/types/modules/citation/CitationModule.d.ts

@@ -20,16 +20,22 @@ export interface CitationModuleProperties {
     library?: string;
     styles?: string[];
 }
+export interface CitationModuleAPI {
+    citationCreated: any;
+    citationFailed: any;
+}
 export interface CitationModuleConfig extends CitationModuleProperties {
     publication: Publication;
     delegate: IFrameNavigator;
     highlighter: TextHighlighter;
+    api?: CitationModuleAPI;
 }
 export default class CitationModule implements ReaderModule {
     private publication;
     private delegate;
     private properties;
     private readonly highlighter?;
+    api?: CitationModuleAPI;
     private constructor();
     static create(config: CitationModuleConfig): Promise<CitationModule>;
     stop(): Promise<void>;

package/dist/types/modules/highlight/TextHighlighter.d.ts

@@ -11,7 +11,8 @@ export declare enum HighlightContainer {
     R2_ID_PAGEBREAK_CONTAINER = "R2_ID_PAGEBREAK_CONTAINER",
     R2_ID_SEARCH_CONTAINER = "R2_ID_SEARCH_CONTAINER",
     R2_ID_DEFINITIONS_CONTAINER = "R2_ID_DEFINITIONS_CONTAINER",
-    R2_ID_LINEFOCUS_CONTAINER = "R2_ID_LINEFOCUS_CONTAINER"
+    R2_ID_LINEFOCUS_CONTAINER = "R2_ID_LINEFOCUS_CONTAINER",
+    R2_ID_GUTTER_RIGHT_CONTAINER = "R2_ID_GUTTER_RIGHT_CONTAINER"
 }
 export declare const CLASS_HIGHLIGHT_CONTAINER = "R2_CLASS_HIGHLIGHT_CONTAINER";
 export declare const CLASS_HIGHLIGHT_BOUNDING_AREA = "R2_CLASS_HIGHLIGHT_BOUNDING_AREA";
@@ -149,7 +150,10 @@ export declare class TextHighlighter {
     initializeToolbox(): void;
     toolboxMode(mode: "colors" | "edit" | "add" | "action"): void;
     toolboxHide(): void;
-    toolboxShowDelayed(ev: any): void;
+    toolboxShowDelayed(event: TouchEvent | MouseEvent): void;
+    showTool: ((b: boolean) => void) & {
+        clear(): void;
+    };
     snapSelectionToWord(trimmed?: boolean): any;
     toolboxShow(): void;
     isSelectionMenuOpen: boolean;

package/dist/types/modules/highlight/common/highlight.d.ts

@@ -40,7 +40,8 @@ export declare enum HighlightType {
     ReadAloud = 2,
     PageBreak = 3,
     Definition = 4,
-    LineFocus = 5
+    LineFocus = 5,
+    Comment = 6
 }
 export interface IHighlight {
     id: string;

package/dist/types/modules/protection/ContentProtectionModule.d.ts

@@ -13,7 +13,7 @@ export interface ContentProtectionModuleProperties {
     disableContextMenu: boolean;
     hideTargetUrl: boolean;
     disableDrag: boolean;
-    supportedBrowsers: [];
+    supportedBrowsers: string[];
 }
 export interface ContentProtectionModuleConfig extends Partial<ContentProtectionModuleProperties> {
     delegate: IFrameNavigator;
@@ -41,7 +41,7 @@ export declare class ContentProtectionModule implements ReaderModule {
     private securityContainer;
     private mutationObserver;
     private wrapper;
-    static setupPreloadProtection(config: ContentProtectionModuleConfig): Promise<void>;
+    static setupPreloadProtection(config: Partial<ContentProtectionModuleConfig>): Promise<void>;
     static create(config: ContentProtectionModuleConfig): Promise<ContentProtectionModule>;
     constructor(delegate: IFrameNavigator, properties?: ContentProtectionModuleProperties);
     private static startInspectorProtection;

package/dist/types/modules/search/SearchModule.d.ts

@@ -44,6 +44,7 @@ export declare class SearchModule implements ReaderModule {
     goToSearchIndex(href: string, index: number, current: boolean): Promise<void>;
     private handleSearchBook;
     searchBook(term: string): Promise<any>;
+    decodeBase64(base64: any): string;
     searchChapter(term: string): Promise<any>;
     drawSearch(): void;
     handleResize(): Promise<void>;

package/dist/types/navigator/IFrameNavigator.d.ts

@@ -14,15 +14,17 @@ import { MediaOverlayModule, MediaOverlayModuleConfig } from "../modules/mediaov
 import { D2Link, Link } from "../model/Link";
 import { ReaderModule } from "../modules/ReaderModule";
 import { TTSModuleConfig } from "../modules/TTS/TTSSettings";
-import { PageBreakModuleConfig } from "../modules/pagebreak/PageBreakModule";
-import { PageBreakModule } from "../modules/pagebreak/PageBreakModule";
+import { PageBreakModule, PageBreakModuleConfig } from "../modules/pagebreak/PageBreakModule";
 import { DefinitionsModule, DefinitionsModuleConfig } from "../modules/search/DefinitionsModule";
 import EventEmitter from "eventemitter3";
 import LineFocusModule, { LineFocusModuleConfig } from "../modules/linefocus/LineFocusModule";
 import { HistoryModule } from "../modules/history/HistoryModule";
 import CitationModule, { CitationModuleConfig } from "../modules/citation/CitationModule";
 export declare type GetContent = (href: string) => Promise<string>;
-export declare type GetContentBytesLength = (href: string) => Promise<number>;
+export declare type GetContentBytesLength = (href: string, requestConfig?: RequestConfig) => Promise<number>;
+export interface RequestConfig extends RequestInit {
+    encoded?: boolean;
+}
 export interface NavigatorAPI {
     updateSettings: any;
     getContent: GetContent;
@@ -34,11 +36,6 @@ export interface NavigatorAPI {
     updateCurrentLocation: any;
     onError?: (e: Error) => void;
 }
-export interface UpLinkConfig {
-    url?: URL;
-    label?: string;
-    ariaLabel?: string;
-}
 export interface IFrameAttributes {
     margin: number;
     navHeight?: number;
@@ -53,16 +50,15 @@ export interface IFrameNavigatorConfig {
     publication: Publication;
     settings: UserSettings;
     annotator?: Annotator;
-    upLink?: UpLinkConfig;
     initialLastReadingPosition?: ReadingPosition;
-    rights: ReaderRights;
-    material?: ReaderUI;
-    api?: NavigatorAPI;
-    tts?: TTSModuleConfig;
+    rights: Partial<ReaderRights>;
+    api?: Partial<NavigatorAPI>;
+    tts?: Partial<TTSModuleConfig>;
     injectables: Array<Injectable>;
     attributes?: IFrameAttributes;
     services?: PublicationServices;
     sample?: SampleRead;
+    requestConfig?: RequestConfig;
 }
 export interface PublicationServices {
     positions?: URL;
@@ -105,31 +101,31 @@ export interface ReaderUI {
     settings: UserSettingsUIConfig;
 }
 export interface ReaderConfig {
+    publication?: any;
     url: URL;
     userSettings?: any;
     initialAnnotations?: any;
     lastReadingPosition?: any;
-    upLinkUrl?: any;
-    rights?: ReaderRights;
-    material?: ReaderUI;
-    api?: NavigatorAPI;
-    tts?: TTSModuleConfig;
-    search?: SearchModuleConfig;
-    define?: DefinitionsModuleConfig;
-    protection?: ContentProtectionModuleConfig;
-    mediaOverlays?: MediaOverlayModuleConfig;
-    pagebreak?: PageBreakModuleConfig;
-    annotations?: AnnotationModuleConfig;
-    bookmarks?: BookmarkModuleConfig;
-    lineFocus?: LineFocusModuleConfig;
-    citations?: CitationModuleConfig;
-    highlighter?: TextHighlighterConfig;
+    rights?: Partial<ReaderRights>;
+    api?: Partial<NavigatorAPI>;
+    tts?: Partial<TTSModuleConfig>;
+    search?: Partial<SearchModuleConfig>;
+    define?: Partial<DefinitionsModuleConfig>;
+    protection?: Partial<ContentProtectionModuleConfig>;
+    mediaOverlays?: Partial<MediaOverlayModuleConfig>;
+    pagebreak?: Partial<PageBreakModuleConfig>;
+    annotations?: Partial<AnnotationModuleConfig>;
+    bookmarks?: Partial<BookmarkModuleConfig>;
+    lineFocus?: Partial<LineFocusModuleConfig>;
+    citations?: Partial<CitationModuleConfig>;
+    highlighter?: Partial<TextHighlighterConfig>;
     injectables: Array<Injectable>;
-    injectablesFixed: Array<Injectable>;
+    injectablesFixed?: Array<Injectable>;
     useLocalStorage?: boolean;
     attributes?: IFrameAttributes;
     services?: PublicationServices;
     sample?: SampleRead;
+    requestConfig?: RequestConfig;
 }
 /** Class that shows webpub resources in an iframe, with navigation controls outside the iframe. */
 export declare class IFrameNavigator extends EventEmitter implements Navigator {
@@ -152,7 +148,6 @@ export declare class IFrameNavigator extends EventEmitter implements Navigator {
     historyModule?: HistoryModule;
     citationModule?: CitationModule;
     sideNavExpanded: boolean;
-    material: boolean;
     currentChapterLink: D2Link;
     currentSpreadLinks: {
         left?: D2Link;
@@ -168,8 +163,6 @@ export declare class IFrameNavigator extends EventEmitter implements Navigator {
     private readonly touchEventHandler;
     private readonly keyboardEventHandler;
     private readonly sampleReadEventHandler;
-    private readonly upLinkConfig;
-    private upLink;
     private nextChapterBottomAnchorElement;
     private previousChapterTopAnchorElement;
     private nextChapterAnchorElement;
@@ -200,16 +193,17 @@ export declare class IFrameNavigator extends EventEmitter implements Navigator {
     private isBeingStyled;
     private isLoading;
     private readonly initialLastReadingPosition?;
-    api?: NavigatorAPI;
-    rights: ReaderRights;
-    tts?: TTSModuleConfig;
+    api?: Partial<NavigatorAPI>;
+    rights: Partial<ReaderRights>;
+    tts?: Partial<TTSModuleConfig>;
     injectables?: Array<Injectable>;
     attributes?: IFrameAttributes;
     services?: PublicationServices;
     sample?: SampleRead;
+    requestConfig?: RequestConfig;
     private didInitKeyboardEventHandler;
     static create(config: IFrameNavigatorConfig): Promise<IFrameNavigator>;
-    protected constructor(settings: UserSettings, annotator: Annotator | undefined, upLinkConfig: UpLinkConfig | undefined, initialLastReadingPosition: ReadingPosition | undefined, publication: Publication, material: any, api?: NavigatorAPI, rights?: ReaderRights, tts?: TTSModuleConfig, injectables?: Array<Injectable>, attributes?: IFrameAttributes, services?: PublicationServices, sample?: SampleRead);
+    protected constructor(settings: UserSettings, annotator: Annotator | undefined, initialLastReadingPosition: ReadingPosition | undefined, publication: Publication, api?: Partial<NavigatorAPI>, rights?: Partial<ReaderRights>, tts?: Partial<TTSModuleConfig>, injectables?: Array<Injectable>, attributes?: IFrameAttributes, services?: PublicationServices, sample?: SampleRead, requestConfig?: RequestConfig);
     stop(): void;
     spreads: HTMLDivElement;
     firstSpread: HTMLDivElement;

package/dist/types/store/Annotator.d.ts

@@ -17,6 +17,10 @@ interface Annotator {
     getAnnotation(annotation: IHighlight): any;
     getAnnotationByID(id: string): any;
     getAnnotationPosition(id: any, iframeWin: any): any;
+    getAnnotationElement(id: any, iframeWin: any): any;
+    saveTemporarySelectionInfo(selectionInfo: any): any;
+    getTemporarySelectionInfo(doc: any): any;
+    deleteTemporarySelectionInfo(): any;
 }
 export declare enum AnnotationType {
     Bookmark = 0,

package/dist/types/store/LocalAnnotator.d.ts

@@ -11,6 +11,7 @@ export default class LocalAnnotator implements Annotator {
     private static readonly LAST_READING_POSITION;
     private static readonly BOOKMARKS;
     private static readonly ANNOTATIONS;
+    private static readonly SELECTIONINFO;
     constructor(config: LocalAnnotatorConfig);
     getLastReadingPosition(): any;
     initLastReadingPosition(position: ReadingPosition): void;
@@ -21,11 +22,15 @@ export default class LocalAnnotator implements Annotator {
     deleteBookmark(bookmark: any): any;
     getBookmarks(href?: string): any;
     initAnnotations(list: any): any;
+    saveTemporarySelectionInfo(selectionInfo: any): void;
+    getTemporarySelectionInfo(doc: any): any;
+    deleteTemporarySelectionInfo(): void;
     saveAnnotation(annotation: any): any;
     deleteAnnotation(id: any): any;
     deleteSelectedAnnotation(annotation: any): any;
     getAnnotations(): any;
     getAnnotationPosition(id: any, iframeWin: any): any;
+    getAnnotationElement(id: any, iframeWin: any): any;
     getAnnotation(highlight: IHighlight): any;
     getAnnotationByID(id: string): any;
 }

package/dist/types/utils/HTMLTemplates.d.ts

@@ -1,4 +1,2 @@
-export declare const simpleUpLinkTemplate: (href: string, _label: string, ariaLabel: string) => string;
-export declare const defaultUpLinkTemplate: (href: string, label: string, ariaLabel: string) => string;
 export declare const readerLoading: string;
 export declare const readerError: string;

package/dist/types/utils/index.d.ts

@@ -1,6 +1 @@
-/**
- *
- * Timer function that you can 'await' on
- */
 export declare function delay(t: number, v?: any): Promise<any>;
-export declare const IS_DEV: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@d-i-t-a/reader",
-  "version": "2.1.0-beta.1",
+  "version": "2.1.0-beta.10",
   "description": "A viewer application for EPUB files.",
   "repository": "https://github.com/d-i-t-a/R2D2BC",
   "license": "Apache-2.0",
@@ -17,12 +17,14 @@
     "clean": "rimraf node_modules dist parcel-dist .parcel-cache",
     "dev": "ts-node -T build.ts -w",
     "build": "ts-node -T build.ts",
-    "sass": "node-sass --source-map true src/styles/sass/ -o dist/",
+    "sass:debug": "sass --source-map src/styles/sass/:dist",
+    "sass:release": "sass --style=compressed src/styles/sass/:dist",
     "examples": "npx ts-node examples/server.ts",
     "lint": "eslint '*/**/*.{js,ts,tsx}' --fix",
     "example:react": "parcel examples/react/index.html --dist-dir parcel-dist"
   },
   "dependencies": {
+    "@types/sass": "^1.43.1",
     "browserslist-useragent": "^3.0.3",
     "cssesc": "^3.0.0",
     "detect-browser": "^5.2.0",
@@ -30,11 +32,13 @@
     "eventemitter3": "^4.0.7",
     "jscrypto": "^1.0.3",
     "lodash.clonedeep": "^4.5.0",
+    "loglevel": "^1.8.0",
     "mark.js": "^8.11.1",
     "promise-polyfill": "^8.2.0",
     "r2-shared-js": "^1.0.51",
     "recursive-readdir": "^2.2.2",
     "sanitize-html": "^2.3.3",
+    "sass": "^1.54.4",
     "sentence-splitter": "^3.2.1",
     "util": "^0.12.4",
     "whatwg-fetch": "^3.6.2"
@@ -52,8 +56,8 @@
     ]
   },
   "devDependencies": {
-    "@parcel/transformer-sass": "^2.4.1",
-    "@parcel/transformer-typescript-tsc": "^2.4.1",
+    "@parcel/transformer-sass": "^2.7.0",
+    "@parcel/transformer-typescript-tsc": "^2.7.0",
     "@types/chai": "^4.2.15",
     "@types/copy": "^0.3.1",
     "@types/cssesc": "^3.0.0",
@@ -62,7 +66,6 @@
     "@types/jquery": "^3.5.5",
     "@types/mark.js": "^8.11.5",
     "@types/mocha": "^8.2.2",
-    "@types/node-sass": "^4.11.1",
     "@types/pako": "^1.0.1",
     "@types/parse5": "^6.0.0",
     "@types/promise-polyfill": "^6.0.3",
@@ -79,10 +82,9 @@
     "browserslist-useragent-regexp": "^3.0.0",
     "buffer": "^6.0.3",
     "chai": "^4.3.4",
-    "chalk": "^4.1.1",
+    "chalk": "^4.1.2",
     "chokidar": "^3.5.2",
     "copy": "^0.3.2",
-    "cpx": "^1.2.1",
     "debounce": "^1.2.1",
     "dita-streamer-js": "^1.1.3",
     "ecstatic": "^4.1.4",
@@ -97,14 +99,15 @@
     "eslint-plugin-react": "^7.29.4",
     "eslint-plugin-react-hooks": "^4.2.0",
     "express": "^4.17.1",
-    "glob-parent": ">=5.1.2",
     "json-schema": ">=0.4.0",
     "minimist": "^1.2.6",
     "mocha": "^9.2.2",
     "moment": "^2.29.3",
-    "node-sass": "^7.0.1",
     "npm-force-resolutions": "0.0.10",
-    "parcel": "^2.4.1",
+    "parcel": "^2.7.0",
+    "parcel-config-precache-manifest": "^0.0.4",
+    "parcel-plugin-static-files-copy": "^2.6.0",
+    "parcel-reporter-static-files-copy": "^1.4.0",
     "path-parse": "^1.0.7",
     "prettier": "^2.2.1",
     "process": "^0.11.10",