Correctly import types & css files

packages/packer/src/pack.ts

@@ -1,6 +1,6 @@
 import { strFromU8, strToU8, zlibSync } from 'fflate';
 import type { PackFn } from '@rrweb/types';
-import { eventWithTimeAndPacker, MARK } from './base';
+import { type eventWithTimeAndPacker, MARK } from './base';
 
 export const pack: PackFn = (event) => {
   const _e: eventWithTimeAndPacker = {

packages/packer/src/unpack.ts

@@ -1,5 +1,5 @@
 import { strFromU8, strToU8, unzlibSync } from 'fflate';
-import { eventWithTimeAndPacker, MARK } from './base';
+import { type eventWithTimeAndPacker, MARK } from './base';
 import type { UnpackFn, eventWithTime } from '@rrweb/types';
 
 export const unpack: UnpackFn = (raw: string) => {

packages/plugins/rrweb-plugin-console-replay/src/index.ts

@@ -1,6 +1,6 @@
 import {
-  LogLevel,
-  LogData,
+  type LogLevel,
+  type LogData,
   PLUGIN_NAME,
 } from '@rrweb/rrweb-plugin-console-record';
 import type { eventWithTime } from '@rrweb/types';

packages/replay/src/index.ts

@@ -6,4 +6,9 @@ import {
 } from 'rrweb';
 import 'rrweb/dist/style.css';
 
-export { Replayer, playerConfig, PlayerMachineState, SpeedMachineState };
+export {
+  Replayer,
+  type playerConfig,
+  type PlayerMachineState,
+  type SpeedMachineState,
+};

packages/rrdom-nodejs/src/document-nodejs.ts

@@ -12,8 +12,8 @@ import {
   BaseRRNode,
   BaseRRText,
   ClassList,
-  IRRDocument,
-  CSSStyleDeclaration,
+  type IRRDocument,
+  type CSSStyleDeclaration,
 } from 'rrdom';
 // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-var-requires
 const nwsapi = require('nwsapi');

packages/rrdom/src/diff.ts

@@ -1,7 +1,7 @@
 import {
   NodeType as RRNodeType,
   Mirror as NodeMirror,
-  elementNode,
+  type elementNode,
 } from 'rrweb-snapshot';
 import type {
   canvasMutationData,

packages/rrweb-snapshot/src/rebuild.ts

@@ -1,11 +1,11 @@
-import { Rule, Media, NodeWithRules, parse } from './css';
+import { type Rule, type Media, type NodeWithRules, parse } from './css';
 import {
-  serializedNodeWithId,
+  type serializedNodeWithId,
   NodeType,
-  tagMap,
-  elementNode,
-  BuildCache,
-  legacyAttributes,
+  type tagMap,
+  type elementNode,
+  type BuildCache,
+  type legacyAttributes,
 } from './types';
 import { isElement, Mirror, isNodeMetaEqual } from './utils';
 

packages/rrweb-snapshot/src/snapshot.ts

@@ -1,17 +1,17 @@
 import {
-  serializedNode,
-  serializedNodeWithId,
+  type serializedNode,
+  type serializedNodeWithId,
   NodeType,
-  attributes,
-  MaskInputOptions,
-  SlimDOMOptions,
-  DataURLOptions,
-  MaskTextFn,
-  MaskInputFn,
-  KeepIframeSrcFn,
-  ICanvas,
-  elementNode,
-  serializedElementNodeWithId,
+  type attributes,
+  type MaskInputOptions,
+  type SlimDOMOptions,
+  type DataURLOptions,
+  type MaskTextFn,
+  type MaskInputFn,
+  type KeepIframeSrcFn,
+  type ICanvas,
+  type elementNode,
+  type serializedElementNodeWithId,
   type mediaAttributes,
 } from './types';
 import {

packages/rrweb-snapshot/src/utils.ts

@@ -1,17 +1,17 @@
-import {
+import type {
   idNodeMap,
   MaskInputFn,
   MaskInputOptions,
   nodeMetaMap,
   IMirror,
   serializedNodeWithId,
   serializedNode,
-  NodeType,
   documentNode,
   documentTypeNode,
   textNode,
   elementNode,
 } from './types';
+import { NodeType } from './types';
 
 export function isElement(n: Node): n is Element {
   return n.nodeType === n.ELEMENT_NODE;

packages/rrweb/src/index.ts

@@ -17,6 +17,9 @@ export {
   type eventWithTime,
 } from '@rrweb/types';
 
+// exports style.css from replay
+import './replay/styles/style.css';
+
 export type { recordOptions, ReplayPlugin } from './types';
 
 const { addCustomEvent } = record;
@@ -27,9 +30,9 @@ export {
   addCustomEvent,
   freezePage,
   Replayer,
-  playerConfig,
-  PlayerMachineState,
-  SpeedMachineState,
+  type playerConfig,
+  type PlayerMachineState,
+  type SpeedMachineState,
   canvasMutation,
   _mirror as mirror,
   utils,

packages/rrweb/src/record/index.ts

@@ -1,7 +1,7 @@
 import {
   snapshot,
-  MaskInputOptions,
-  SlimDOMOptions,
+  type MaskInputOptions,
+  type SlimDOMOptions,
   createMirror,
 } from 'rrweb-snapshot';
 import { initObservers, mutationBuffers } from './observer';
@@ -19,14 +19,14 @@ import {
 import type { recordOptions } from '../types';
 import {
   EventType,
-  eventWithoutTime,
-  eventWithTime,
+  type eventWithoutTime,
+  type eventWithTime,
   IncrementalSource,
-  listenerHandler,
-  mutationCallbackParam,
-  scrollCallback,
-  canvasMutationParam,
-  adoptedStyleSheetParam,
+  type listenerHandler,
+  type mutationCallbackParam,
+  type scrollCallback,
+  type canvasMutationParam,
+  type adoptedStyleSheetParam,
 } from '@rrweb/types';
 import type { CrossOriginIframeMessageEventContent } from '../types';
 import { IframeManager } from './iframe-manager';

packages/rrweb/src/record/observer.ts

@@ -1,5 +1,5 @@
 import {
-  MaskInputOptions,
+  type MaskInputOptions,
   maskInputValue,
   Mirror,
   getInputType,
@@ -21,24 +21,26 @@ import {
 } from '../utils';
 import type { observerParam, MutationBufferParam } from '../types';
 import {
+  IncrementalSource,
+  MouseInteractions,
+  PointerTypes,
+  MediaInteractions,
+} from '@rrweb/types';
+import type {
   mutationCallBack,
   mousemoveCallBack,
   mousePosition,
   mouseInteractionCallBack,
-  MouseInteractions,
-  PointerTypes,
   listenerHandler,
   scrollCallback,
   styleSheetRuleCallback,
   viewportResizeCallback,
   inputValue,
   inputCallback,
   hookResetter,
-  IncrementalSource,
   hooksParam,
   Arguments,
   mediaInteractionCallback,
-  MediaInteractions,
   canvasMutationCallback,
   fontCallback,
   fontParam,

packages/rrweb/src/record/observers/canvas/2d.ts

@@ -1,9 +1,9 @@
 import {
-  blockClass,
+  type blockClass,
   CanvasContext,
-  canvasManagerMutationCallback,
-  IWindow,
-  listenerHandler,
+  type canvasManagerMutationCallback,
+  type IWindow,
+  type listenerHandler,
 } from '@rrweb/types';
 import { hookSetter, isBlocked, patch } from '../../../utils';
 import { serializeArgs } from './serialize-args';

packages/rrweb/src/replay/canvas/index.ts

@@ -1,9 +1,9 @@
 import type { Replayer } from '..';
 import {
   CanvasContext,
-  canvasMutationCommand,
-  canvasMutationData,
-  canvasMutationParam,
+  type canvasMutationCommand,
+  type canvasMutationData,
+  type canvasMutationParam,
 } from '@rrweb/types';
 import webglMutation from './webgl';
 import canvas2DMutation from './2d';

packages/rrweb/src/replay/canvas/webgl.ts

@@ -1,5 +1,5 @@
 import type { Replayer } from '../';
-import { CanvasContext, canvasMutationCommand } from '@rrweb/types';
+import { CanvasContext, type canvasMutationCommand } from '@rrweb/types';
 import { deserializeArg, variableListFor } from './deserialize-args';
 
 function getContext(

packages/rrweb/src/replay/index.ts

@@ -2,12 +2,12 @@ import {
   rebuild,
   buildNodeWithSN,
   NodeType,
-  BuildCache,
+  type BuildCache,
   createCache,
   Mirror,
   createMirror,
-  attributes,
-  serializedElementNodeWithId,
+  type attributes,
+  type serializedElementNodeWithId,
   toLowerCase,
 } from 'rrweb-snapshot';
 import {
@@ -41,15 +41,17 @@ import type { playerConfig, missingNodeMap } from '../types';
 import {
   EventType,
   IncrementalSource,
+  MouseInteractions,
+  ReplayerEvents,
+} from '@rrweb/types';
+import type {
   fullSnapshotEvent,
   eventWithTime,
-  MouseInteractions,
   playerMetaData,
   viewportResizeDimension,
   addedNodeMutation,
   incrementalSnapshotEvent,
   incrementalData,
-  ReplayerEvents,
   Handler,
   Emitter,
   metaEvent,
@@ -72,7 +74,7 @@ import {
   polyfill,
   queueToResolveTrees,
   iterateResolveTree,
-  AppendedIframe,
+  type AppendedIframe,
   getBaseDimension,
   hasShadowRoot,
   isSerializedIframe,
@@ -2228,4 +2230,4 @@ export class Replayer {
   }
 }
 
-export { PlayerMachineState, SpeedMachineState, playerConfig };
+export { type PlayerMachineState, type SpeedMachineState, type playerConfig };

packages/rrweb/src/replay/machine.ts

@@ -1,10 +1,15 @@
-import { createMachine, interpret, assign, StateMachine } from '@xstate/fsm';
+import {
+  createMachine,
+  interpret,
+  assign,
+  type StateMachine,
+} from '@xstate/fsm';
 import type { playerConfig } from '../types';
 import {
-  eventWithTime,
+  type eventWithTime,
   ReplayerEvents,
   EventType,
-  Emitter,
+  type Emitter,
   IncrementalSource,
 } from '@rrweb/types';
 import { Timer, addDelay } from './timer';

packages/rrweb/src/replay/media/index.ts

@@ -1,4 +1,4 @@
-import { Emitter, MediaInteractions, ReplayerEvents } from '@rrweb/types';
+import { type Emitter, MediaInteractions, ReplayerEvents } from '@rrweb/types';
 import type { RRMediaElement } from 'rrdom';
 import type { createPlayerService, createSpeedService } from '../machine';
 import type { Mirror, mediaAttributes } from 'rrweb-snapshot';

packages/rrweb/src/replay/timer.ts

@@ -1,6 +1,6 @@
 import {
-  actionWithDelay,
-  eventWithTime,
+  type actionWithDelay,
+  type eventWithTime,
   EventType,
   IncrementalSource,
 } from '@rrweb/types';