fix: fixes done

Author: VineeTagarwaL-code

example/translation-demo-nextjs/package.json

@@ -19,7 +19,7 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "tailwind-merge": "^3.3.0",
-    "translation-widget": "^1.0.10"
+    "translation-widget": "^1.0.11"
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "translation-widget",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "description": "Translation widget to automatically translate any website with a single script",
   "homepage": "https://github.com/JigsawStack/translation-widget",
   "author": "JigsawStack",

src/constants/index.ts

@@ -1,4 +1,3 @@
-import { Position } from "../types";
 
 export const MAX_CACHE_SIZE = 1000;
 export const BATCH_SIZE = 10;
@@ -7,5 +6,5 @@ export const CACHE_PREFIX = "jss-";
 export const DEFAULT_CONFIG = {
   pageLanguage: "en",
   autoDetectLanguage: false,
-  position: Position.TopRight,
+  position: "top-right",
 };

src/index.ts

@@ -1,6 +1,6 @@
 import styles from "./translation-widget.css?inline";
 import { TranslationWidget } from "./widget";
-import type { TranslationConfig, Position  } from "./types";
+import type { TranslationConfig  } from "./types";
 
 declare global {
   interface Window {
@@ -36,5 +36,4 @@ const initializeTranslationWidget = (publicKey: string, config?: TranslationConf
   }
 };
 
-export default initializeTranslationWidget;
-export { TranslationWidget, TranslationConfig, Position };
+export default initializeTranslationWidget;

src/types/index.ts

@@ -8,7 +8,7 @@ export interface Language {
 
 export interface TranslationConfig {
   pageLanguage?: string;
-  position?: Position;
+  position?: "top-right" | "top-left" | "bottom-left" | "bottom-right";
   autoDetectLanguage?: boolean;
   theme?: {
     baseColor?: string;

src/widget/index.ts

@@ -2,7 +2,7 @@ import { TranslationService } from "../lib/translation/index";
 import { DocumentNavigator } from "../lib/dom";
 import { languages } from "../constants/languages";
 import { BATCH_SIZE, DEFAULT_CONFIG } from "../constants";
-import { Language, TranslationConfig, WidgetElements, TranslationResult, Position, LANG_PARAM, LOCALSTORAGE_KEYS, ATTRIBUTES } from "../types";
+import { Language, TranslationConfig, WidgetElements, TranslationResult, LANG_PARAM, LOCALSTORAGE_KEYS, ATTRIBUTES } from "../types";
 import widgetTemplate from "../templates/html/widget.html?raw";
 import { generateHashForContent, getUserLanguage, removeEmojis, validatePublicApiKey } from "../utils/utils";
 import { CACHE_PREFIX } from "../constants";
@@ -33,13 +33,13 @@ export class TranslationWidget {
    * @param config - The configuration for the translation widget
    */
   constructor(publicKey: string, config: Partial<TranslationConfig> = {}) {
-    const allowedPositions: Position[] = [Position.TopRight, Position.TopLeft, Position.BottomLeft, Position.BottomRight];
+    const allowedPositions: string[] = ["top-right", "top-left", "bottom-left", "bottom-right"];
 
     let safeConfig = { ...DEFAULT_CONFIG, ...config };
 
     if (safeConfig.position && !allowedPositions.includes(safeConfig.position)) {
       console.warn(`Invalid position '${safeConfig.position}' passed to TranslationWidget. Falling back to 'top-right'.`);
-      safeConfig.position = Position.TopRight;
+      safeConfig.position = "top-right";
     }
 
     this.config = safeConfig as Required<TranslationConfig>;