@alphacifer/slidev-addon-theme 0.0.7 → 0.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alphacifer/slidev-addon-theme",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "description": "All Slidev addons for Alpha presentations",
   "type": "module",
   "keywords": [
@@ -39,6 +39,7 @@
     "vue": "3.5.40"
   },
   "scripts": {
+    "test": "vitest run --coverage",
     "dev": "slidev slides.md --open",
     "dev:academic": "slidev academic-slides.md --open",
     "preview:build": "slidev build slides.md"

package/utils/arcComparison/context.ts

@@ -0,0 +1,40 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+
+import type { IArcComparisonGeometry } from './createArcComparisonGeometry';
+import type { IResolvedArcComparisonItem } from './resolveArcComparisonItems';
+
+export interface IArcComparisonRootContext {
+  readonly animation: ComputedRef<boolean>;
+  readonly startDelay: ComputedRef<number>;
+  readonly pointsCount: ComputedRef<number>;
+  readonly geo: ComputedRef<IArcComparisonGeometry>;
+  readonly as?: ComputedRef<'layout' | null | undefined>;
+  readonly isMoved?: ComputedRef<boolean>;
+  readonly edgeOffset?: ComputedRef<number>;
+}
+
+export interface IArcComparisonSideContext {
+  readonly side: 'left' | 'right';
+  readonly color: ComputedRef<string>;
+  readonly title: ComputedRef<string>;
+  readonly setTitle: (title: string) => void;
+  readonly registerCallout: (id?: symbol) => number | ComputedRef<number>;
+  readonly unregisterCallout?: (id: symbol) => void;
+  readonly count: ComputedRef<number>;
+}
+
+export interface IArcComparisonCalloutContext {
+  readonly side: 'left' | 'right';
+  readonly index: number;
+  readonly color: ComputedRef<string>;
+  readonly item: ComputedRef<IResolvedArcComparisonItem>;
+}
+
+export const ARC_COMPARISON_ROOT_KEY: InjectionKey<IArcComparisonRootContext> =
+  Symbol('ARC_COMPARISON_ROOT_KEY');
+
+export const ARC_COMPARISON_SIDE_KEY: InjectionKey<IArcComparisonSideContext> =
+  Symbol('ARC_COMPARISON_SIDE_KEY');
+
+export const ARC_COMPARISON_CALLOUT_KEY: InjectionKey<IArcComparisonCalloutContext> =
+  Symbol('ARC_COMPARISON_CALLOUT_KEY');

package/utils/arcComparison/createArcComparisonGeometry.ts

@@ -0,0 +1,175 @@
+import { createArcOrbitGeometry } from '../arcOrbit';
+
+export interface IArcComparisonPoint {
+  readonly x: number;
+  readonly y: number;
+}
+
+export interface IArcComparisonNodeGeo {
+  readonly index: number;
+  readonly center: IArcComparisonPoint;
+  readonly radius: number;
+}
+
+export interface IArcComparisonCalloutBox {
+  readonly index: number;
+  readonly x: number;
+  readonly y: number;
+  readonly width: number;
+  readonly badgeOffset: number;
+  readonly top: number;
+  readonly textGap?: number;
+  readonly textWidth?: number;
+}
+
+export interface IArcComparisonSideGeometry {
+  readonly hubPath: string;
+  readonly otherHubPath?: string;
+  readonly hubCenter: IArcComparisonPoint;
+  readonly hubRadius: number;
+  readonly arcPath: string;
+  readonly topDot: IArcComparisonPoint;
+  readonly bottomDot: IArcComparisonPoint;
+  readonly dotRadius: number;
+  readonly nodes: readonly IArcComparisonNodeGeo[];
+  readonly callouts: readonly IArcComparisonCalloutBox[];
+}
+
+export interface IArcComparisonGeometry {
+  readonly viewBoxWidth: number;
+  readonly viewBoxHeight: number;
+  readonly centerX: number;
+  readonly centerY: number;
+  readonly vsCenter: IArcComparisonPoint;
+  readonly vsRadius: number;
+  readonly pointsCount: number;
+  readonly dividerLine: {
+    readonly x: number;
+    readonly y1: number;
+    readonly y2: number;
+  };
+  readonly left: IArcComparisonSideGeometry;
+  readonly right: IArcComparisonSideGeometry;
+}
+
+export interface ICreateArcComparisonGeometryOptions {
+  readonly viewBoxWidth?: number;
+  readonly viewBoxHeight?: number;
+  readonly hubRadius?: number;
+  readonly arcRadius?: number;
+  readonly arcOffset?: number;
+  readonly nodeRadius?: number;
+  readonly nodeAngleDeg?: number;
+  readonly arcExtentDeg?: number;
+  readonly vsRadius?: number;
+  readonly pointsCount?: number;
+  readonly isLayout?: boolean;
+}
+
+export function createArcComparisonGeometry(
+  options: ICreateArcComparisonGeometryOptions = {},
+): IArcComparisonGeometry {
+  const viewBoxWidth = options.viewBoxWidth ?? 1000;
+  const viewBoxHeight = options.viewBoxHeight ?? 480;
+  const hubRadius = options.hubRadius ?? 135;
+  const arcRadius = options.arcRadius ?? 235;
+  const arcOffset = options.arcOffset ?? 25;
+  const nodeRadius = options.nodeRadius ?? 26;
+  const vsRadius = options.vsRadius ?? 26;
+  const dotRadius = 3.5;
+  const pointsCount = options.pointsCount === 4 ? 4 : 3;
+  const isLayout = options.isLayout ?? false;
+
+  const centerX = viewBoxWidth / 2;
+  const centerY = viewBoxHeight / 2;
+
+  const leftOrbit = createArcOrbitGeometry({
+    viewBoxWidth,
+    viewBoxHeight,
+    position: 'left',
+    hubRadius,
+    arcRadius,
+    arcOffset,
+    nodeRadius,
+    nodeAngleDeg: options.nodeAngleDeg,
+    arcExtentDeg: options.arcExtentDeg,
+    pointsCount,
+  });
+
+  const rightOrbit = createArcOrbitGeometry({
+    viewBoxWidth,
+    viewBoxHeight,
+    position: 'right',
+    hubRadius,
+    arcRadius,
+    arcOffset,
+    nodeRadius,
+    nodeAngleDeg: options.nodeAngleDeg,
+    arcExtentDeg: options.arcExtentDeg,
+    pointsCount,
+  });
+
+  const leftHubPath = isLayout
+    ? `M ${centerX} ${centerY - hubRadius} A ${hubRadius} ${hubRadius} 0 0 0 ${centerX} ${centerY + hubRadius} Z`
+    : leftOrbit.hubPath;
+
+  const leftOtherHubPath = isLayout
+    ? `M ${centerX} ${centerY - hubRadius} A ${hubRadius} ${hubRadius} 0 0 1 ${centerX} ${centerY + hubRadius} Z`
+    : undefined;
+
+  const rightHubPath = isLayout
+    ? `M ${centerX} ${centerY - hubRadius} A ${hubRadius} ${hubRadius} 0 0 1 ${centerX} ${centerY + hubRadius} Z`
+    : rightOrbit.hubPath;
+
+  const rightOtherHubPath = isLayout
+    ? `M ${centerX} ${centerY - hubRadius} A ${hubRadius} ${hubRadius} 0 0 0 ${centerX} ${centerY + hubRadius} Z`
+    : undefined;
+
+  return {
+    viewBoxWidth,
+    viewBoxHeight,
+    centerX,
+    centerY,
+    vsCenter: {
+      x: centerX,
+      y: centerY,
+    },
+    vsRadius,
+    pointsCount,
+    dividerLine: {
+      x: centerX,
+      y1: 20,
+      y2: viewBoxHeight - 20,
+    },
+    left: {
+      hubPath: leftHubPath,
+      otherHubPath: leftOtherHubPath,
+      hubCenter: {
+        x: isLayout ? centerX - 55 : 55,
+        y: centerY,
+      },
+      hubRadius,
+      arcPath: leftOrbit.arcPath,
+      topDot: leftOrbit.topDot,
+      bottomDot: leftOrbit.bottomDot,
+      dotRadius,
+      nodes: leftOrbit.nodes,
+      callouts: leftOrbit.callouts,
+    },
+    right: {
+      hubPath: rightHubPath,
+      otherHubPath: rightOtherHubPath,
+      hubCenter: {
+        x: isLayout ? centerX + 55 : viewBoxWidth - 55,
+        y: centerY,
+      },
+      hubRadius,
+      arcPath: rightOrbit.arcPath,
+      topDot: rightOrbit.topDot,
+      bottomDot: rightOrbit.bottomDot,
+      dotRadius,
+      nodes: rightOrbit.nodes,
+      callouts: rightOrbit.callouts,
+    },
+  };
+}

package/utils/arcComparison/index.ts

@@ -0,0 +1,3 @@
+export * from './context';
+export * from './createArcComparisonGeometry';
+export * from './resolveArcComparisonItems';

package/utils/{arcCompare/resolveArcCompareItems.ts → arcComparison/resolveArcComparisonItems.ts}

@@ -1,4 +1,9 @@
-export interface IArcCompareItem {
+import {
+  resolveArcOrbitItems,
+  DEFAULT_LOREM_TEXT as SHARED_LOREM_TEXT,
+} from '../arcOrbit';
+
+export interface IArcComparisonItem {
   readonly id?: string | number;
   readonly title?: string;
   readonly description?: string;
@@ -6,7 +11,7 @@ export interface IArcCompareItem {
   readonly textColor?: string;
 }
 
-export interface IResolvedArcCompareItem {
+export interface IResolvedArcComparisonItem {
   readonly id: string | number;
   readonly title: string;
   readonly description: string;
@@ -18,14 +23,13 @@ export const DEFAULT_LEFT_COLOR = '#e87a36';
 
 export const DEFAULT_RIGHT_COLOR = '#208b9e';
 
-export const DEFAULT_LOREM_TEXT =
-  'Lorem ipsum dolor sit amet, constitutor adipiscing elit. Nam vulputate augue vel ligula.';
+export const DEFAULT_LOREM_TEXT = SHARED_LOREM_TEXT;
 
 export const DEFAULT_LEFT_ITEMS: readonly [
-  IResolvedArcCompareItem,
-  IResolvedArcCompareItem,
-  IResolvedArcCompareItem,
-  IResolvedArcCompareItem,
+  IResolvedArcComparisonItem,
+  IResolvedArcComparisonItem,
+  IResolvedArcComparisonItem,
+  IResolvedArcComparisonItem,
 ] = [
   {
     id: '01',
@@ -54,10 +58,10 @@ export const DEFAULT_LEFT_ITEMS: readonly [
 ];
 
 export const DEFAULT_RIGHT_ITEMS: readonly [
-  IResolvedArcCompareItem,
-  IResolvedArcCompareItem,
-  IResolvedArcCompareItem,
-  IResolvedArcCompareItem,
+  IResolvedArcComparisonItem,
+  IResolvedArcComparisonItem,
+  IResolvedArcComparisonItem,
+  IResolvedArcComparisonItem,
 ] = [
   {
     id: '01',
@@ -85,39 +89,14 @@ export const DEFAULT_RIGHT_ITEMS: readonly [
   },
 ];
 
-export function resolveArcCompareSideItems(
-  items?: readonly IArcCompareItem[],
+export function resolveArcComparisonSideItems(
+  items?: readonly IArcComparisonItem[],
   defaultColor = DEFAULT_LEFT_COLOR,
   count = 3,
-): readonly IResolvedArcCompareItem[] {
-  const result: IResolvedArcCompareItem[] = [];
-
-  for (let i = 0; i < count; i++) {
-    const custom = items?.[i];
-    const defaultItem =
-      defaultColor === DEFAULT_RIGHT_COLOR
-        ? DEFAULT_RIGHT_ITEMS[i]
-        : DEFAULT_LEFT_ITEMS[i];
-
-    const id =
-      custom?.id !== undefined
-        ? custom.id
-        : (defaultItem?.id ?? String(i + 1).padStart(2, '0'));
-
-    const title = custom?.title ?? defaultItem?.title ?? 'Add Text Here';
-    const description =
-      custom?.description ?? defaultItem?.description ?? DEFAULT_LOREM_TEXT;
-    const color = custom?.color ?? defaultColor;
-    const textColor = custom?.textColor ?? defaultItem?.textColor;
-
-    result.push({
-      id,
-      title,
-      description,
-      color,
-      textColor,
-    });
-  }
-
-  return result;
+): readonly IResolvedArcComparisonItem[] {
+  return resolveArcOrbitItems({
+    items,
+    defaultColor,
+    count,
+  });
 }

package/utils/arcOrbit/context.ts

@@ -0,0 +1,38 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+
+import type {
+  IArcOrbitGeometry,
+  TArcOrbitPosition,
+} from './createArcOrbitGeometry';
+import type {
+  IArcOrbitItem,
+  IResolvedArcOrbitItem,
+} from './resolveArcOrbitItems';
+
+export interface IArcOrbitRootContext {
+  readonly position: ComputedRef<TArcOrbitPosition>;
+  readonly color: ComputedRef<string>;
+  readonly pointsCount: ComputedRef<number>;
+  readonly geo: ComputedRef<IArcOrbitGeometry>;
+  readonly animation: ComputedRef<boolean>;
+  readonly startDelay: ComputedRef<number>;
+  readonly title: ComputedRef<string>;
+  readonly setTitle: (title: string) => void;
+  readonly registerCallout: (id?: symbol) => number | ComputedRef<number>;
+  readonly unregisterCallout?: (id: symbol) => void;
+  readonly edgeOffset?: ComputedRef<number>;
+  readonly items?: ComputedRef<readonly IArcOrbitItem[] | undefined>;
+}
+
+export interface IArcOrbitCalloutContext {
+  readonly position: TArcOrbitPosition;
+  readonly index: number;
+  readonly color: ComputedRef<string>;
+  readonly item: ComputedRef<IResolvedArcOrbitItem>;
+}
+
+export const ARC_ORBIT_ROOT_KEY: InjectionKey<IArcOrbitRootContext> =
+  Symbol('ARC_ORBIT_ROOT_KEY');
+
+export const ARC_ORBIT_CALLOUT_KEY: InjectionKey<IArcOrbitCalloutContext> =
+  Symbol('ARC_ORBIT_CALLOUT_KEY');

package/utils/{arcCompare/createArcCompareGeometry.ts → arcOrbit/createArcOrbitGeometry.ts}

@@ -1,15 +1,17 @@
-export interface IArcComparePoint {
+export type TArcOrbitPosition = 'left' | 'right';
+
+export interface IArcOrbitPoint {
   readonly x: number;
   readonly y: number;
 }
 
-export interface IArcCompareNodeGeo {
+export interface IArcOrbitNodeGeo {
   readonly index: number;
-  readonly center: IArcComparePoint;
+  readonly center: IArcOrbitPoint;
   readonly radius: number;
 }
 
-export interface IArcCompareCalloutBox {
+export interface IArcOrbitCalloutBox {
   readonly index: number;
   readonly x: number;
   readonly y: number;
@@ -20,72 +22,58 @@ export interface IArcCompareCalloutBox {
   readonly textWidth?: number;
 }
 
-export interface IArcCompareSideGeometry {
-  readonly hubPath: string;
-  readonly hubCenter: IArcComparePoint;
+export interface IArcOrbitGeometry {
+  readonly viewBoxWidth: number;
+  readonly viewBoxHeight: number;
+  readonly position: TArcOrbitPosition;
+  readonly hubCenter: IArcOrbitPoint;
   readonly hubRadius: number;
+  readonly hubPath: string;
   readonly arcPath: string;
-  readonly topDot: IArcComparePoint;
-  readonly bottomDot: IArcComparePoint;
+  readonly topDot: IArcOrbitPoint;
+  readonly bottomDot: IArcOrbitPoint;
   readonly dotRadius: number;
-  readonly nodes: readonly IArcCompareNodeGeo[];
-  readonly callouts: readonly IArcCompareCalloutBox[];
-}
-
-export interface IArcCompareGeometry {
-  readonly viewBoxWidth: number;
-  readonly viewBoxHeight: number;
-  readonly centerX: number;
-  readonly centerY: number;
-  readonly vsCenter: IArcComparePoint;
-  readonly vsRadius: number;
+  readonly nodes: readonly IArcOrbitNodeGeo[];
+  readonly callouts: readonly IArcOrbitCalloutBox[];
   readonly pointsCount: number;
-  readonly dividerLine: {
-    readonly x: number;
-    readonly y1: number;
-    readonly y2: number;
-  };
-  readonly left: IArcCompareSideGeometry;
-  readonly right: IArcCompareSideGeometry;
 }
 
-export interface ICreateArcCompareGeometryOptions {
+export interface ICreateArcOrbitGeometryOptions {
   readonly viewBoxWidth?: number;
   readonly viewBoxHeight?: number;
+  readonly position?: TArcOrbitPosition;
   readonly hubRadius?: number;
+  readonly edgeOffset?: number;
   readonly arcRadius?: number;
   readonly arcOffset?: number;
   readonly nodeRadius?: number;
   readonly nodeAngleDeg?: number;
   readonly arcExtentDeg?: number;
-  readonly vsRadius?: number;
   readonly pointsCount?: number;
 }
 
-export function createArcCompareGeometry(
-  options: ICreateArcCompareGeometryOptions = {},
-): IArcCompareGeometry {
-  const viewBoxWidth = options.viewBoxWidth ?? 1000;
+export function createArcOrbitGeometry(
+  options: ICreateArcOrbitGeometryOptions = {},
+): IArcOrbitGeometry {
+  const viewBoxWidth = options.viewBoxWidth ?? 500;
   const viewBoxHeight = options.viewBoxHeight ?? 480;
+  const position: TArcOrbitPosition = options.position ?? 'left';
   const hubRadius = options.hubRadius ?? 135;
+  const edgeOffset = options.edgeOffset !== undefined ? options.edgeOffset : 30;
   const arcRadius = options.arcRadius ?? 235;
   const arcOffset = options.arcOffset ?? 25;
   const nodeRadius = options.nodeRadius ?? 26;
-  const vsRadius = options.vsRadius ?? 26;
   const dotRadius = 3.5;
   const pointsCount = options.pointsCount === 4 ? 4 : 3;
 
   const defaultArcExtent = pointsCount === 4 ? 66 : 58;
   const arcExtentDeg = options.arcExtentDeg ?? defaultArcExtent;
+  const extentRad = (arcExtentDeg * Math.PI) / 180;
 
-  const centerX = viewBoxWidth / 2;
   const centerY = viewBoxHeight / 2;
-  const leftArcCenterX = -arcOffset;
-
-  // Angular math for left side:
-  const extentRad = (arcExtentDeg * Math.PI) / 180;
 
-  // Left arc start (top) and end (bottom)
+  // Base left calculations (origin at x = 0)
+  const leftArcCenterX = -arcOffset;
   const leftStartCos = Math.cos(extentRad);
   const leftStartSin = Math.sin(extentRad);
   const leftTopX = Number(
@@ -95,25 +83,18 @@ export function createArcCompareGeometry(
   const leftBottomX = leftTopX;
   const leftBottomY = Number((centerY + arcRadius * leftStartSin).toFixed(2));
 
-  // Left arc path
-  const leftArcPath = `M ${leftTopX} ${leftTopY} A ${arcRadius} ${arcRadius} 0 0 1 ${leftBottomX} ${leftBottomY}`;
-
-  // Left hub path (semicircle centered at 0, centerY)
-  const leftHubPath = `M 0 ${centerY - hubRadius} A ${hubRadius} ${hubRadius} 0 0 1 0 ${centerY + hubRadius} Z`;
-
   // Determine node angles for 3 or 4 points
   const nodeAnglesDeg: readonly number[] =
     pointsCount === 4
       ? [50, 16.5, -16.5, -50]
       : [options.nodeAngleDeg ?? 38, 0, -(options.nodeAngleDeg ?? 38)];
 
-  // Left nodes and callouts
-  const leftCalloutGap = 26;
-  const leftNodes: IArcCompareNodeGeo[] = [];
-  const leftCallouts: IArcCompareCalloutBox[] = [];
   const defaultTextGap = 28;
   const textWidth = pointsCount === 4 ? 215 : 205;
 
+  const leftNodes: IArcOrbitNodeGeo[] = [];
+  const leftCallouts: IArcOrbitCalloutBox[] = [];
+
   for (let i = 0; i < pointsCount; i++) {
     const angleDeg = nodeAnglesDeg[i] ?? 0;
     const angleRad = (angleDeg * Math.PI) / 180;
@@ -133,14 +114,12 @@ export function createArcCompareGeometry(
 
     const badgeOffset = Math.round(nodeX - nodeRadius);
     const top = Math.round(nodeY - nodeRadius);
-    // Only adjust position for 01 (index 0) so its text does not overlay the arc curve.
-    // 02, 03, and 04 keep their standard natural gap.
     const textGap = i === 0 ? (pointsCount === 4 ? 46 : 36) : defaultTextGap;
     const width = Math.round(nodeRadius * 2 + textGap + textWidth);
 
     leftCallouts.push({
       index: i,
-      x: nodeX + leftCalloutGap,
+      x: nodeX + 26,
       y: nodeY - 32,
       width,
       badgeOffset,
@@ -150,17 +129,46 @@ export function createArcCompareGeometry(
     });
   }
 
-  // Right side (symmetrical reflection across centerX)
+  if (position === 'left') {
+    const leftArcPath = `M ${leftTopX} ${leftTopY} A ${arcRadius} ${arcRadius} 0 0 1 ${leftBottomX} ${leftBottomY}`;
+    const leftHubCenterX = edgeOffset;
+    const leftHubPath =
+      edgeOffset > 0
+        ? `M ${leftHubCenterX} ${centerY - hubRadius} A ${hubRadius} ${hubRadius} 0 0 1 ${leftHubCenterX} ${centerY + hubRadius} A ${hubRadius} ${hubRadius} 0 0 1 ${leftHubCenterX} ${centerY - hubRadius} Z`
+        : `M 0 ${centerY - hubRadius} A ${hubRadius} ${hubRadius} 0 0 1 0 ${centerY + hubRadius} Z`;
+
+    return {
+      viewBoxWidth,
+      viewBoxHeight,
+      position: 'left',
+      hubCenter: { x: leftHubCenterX, y: centerY },
+      hubRadius,
+      hubPath: leftHubPath,
+      arcPath: leftArcPath,
+      topDot: { x: leftTopX, y: leftTopY },
+      bottomDot: { x: leftBottomX, y: leftBottomY },
+      dotRadius,
+      nodes: leftNodes,
+      callouts: leftCallouts,
+      pointsCount,
+    };
+  }
+
+  // Right position: mirrored across viewBoxWidth
   const rightTopX = Number((viewBoxWidth - leftTopX).toFixed(2));
   const rightTopY = leftTopY;
   const rightBottomX = rightTopX;
   const rightBottomY = leftBottomY;
 
   const rightArcPath = `M ${rightTopX} ${rightTopY} A ${arcRadius} ${arcRadius} 0 0 0 ${rightBottomX} ${rightBottomY}`;
-  const rightHubPath = `M ${viewBoxWidth} ${centerY - hubRadius} A ${hubRadius} ${hubRadius} 0 0 0 ${viewBoxWidth} ${centerY + hubRadius} Z`;
+  const rightHubCenterX = viewBoxWidth - edgeOffset;
+  const rightHubPath =
+    edgeOffset > 0
+      ? `M ${rightHubCenterX} ${centerY - hubRadius} A ${hubRadius} ${hubRadius} 0 0 1 ${rightHubCenterX} ${centerY + hubRadius} A ${hubRadius} ${hubRadius} 0 0 1 ${rightHubCenterX} ${centerY - hubRadius} Z`
+      : `M ${viewBoxWidth} ${centerY - hubRadius} A ${hubRadius} ${hubRadius} 0 0 0 ${viewBoxWidth} ${centerY + hubRadius} Z`;
 
-  const rightNodes: IArcCompareNodeGeo[] = [];
-  const rightCallouts: IArcCompareCalloutBox[] = [];
+  const rightNodes: IArcOrbitNodeGeo[] = [];
+  const rightCallouts: IArcOrbitCalloutBox[] = [];
 
   for (let i = 0; i < pointsCount; i++) {
     const leftNode = leftNodes[i];
@@ -184,7 +192,7 @@ export function createArcCompareGeometry(
 
     rightCallouts.push({
       index: i,
-      x: centerX + 20,
+      x: rightNodeX - leftCallout.width,
       y: rightNodeY - 32,
       width: leftCallout.width,
       badgeOffset: leftCallout.badgeOffset,
@@ -197,58 +205,19 @@ export function createArcCompareGeometry(
   return {
     viewBoxWidth,
     viewBoxHeight,
-    centerX,
-    centerY,
-    vsCenter: {
-      x: centerX,
+    position: 'right',
+    hubCenter: {
+      x: rightHubCenterX,
       y: centerY,
     },
-    vsRadius,
+    hubRadius,
+    hubPath: rightHubPath,
+    arcPath: rightArcPath,
+    topDot: { x: rightTopX, y: rightTopY },
+    bottomDot: { x: rightBottomX, y: rightBottomY },
+    dotRadius,
+    nodes: rightNodes,
+    callouts: rightCallouts,
     pointsCount,
-    dividerLine: {
-      x: centerX,
-      y1: 20,
-      y2: viewBoxHeight - 20,
-    },
-    left: {
-      hubPath: leftHubPath,
-      hubCenter: {
-        x: 55,
-        y: centerY,
-      },
-      hubRadius,
-      arcPath: leftArcPath,
-      topDot: {
-        x: leftTopX,
-        y: leftTopY,
-      },
-      bottomDot: {
-        x: leftBottomX,
-        y: leftBottomY,
-      },
-      dotRadius,
-      nodes: leftNodes,
-      callouts: leftCallouts,
-    },
-    right: {
-      hubPath: rightHubPath,
-      hubCenter: {
-        x: viewBoxWidth - 55,
-        y: centerY,
-      },
-      hubRadius,
-      arcPath: rightArcPath,
-      topDot: {
-        x: rightTopX,
-        y: rightTopY,
-      },
-      bottomDot: {
-        x: rightBottomX,
-        y: rightBottomY,
-      },
-      dotRadius,
-      nodes: rightNodes,
-      callouts: rightCallouts,
-    },
   };
 }

package/utils/arcOrbit/index.ts

@@ -0,0 +1,3 @@
+export * from './context';
+export * from './createArcOrbitGeometry';
+export * from './resolveArcOrbitItems';