accessibility-react-widget 2.0.0

package/dist/types.d.ts

@@ -0,0 +1,56 @@
+/// <reference types="react" />
+import { Draft } from 'immer';
+export type ChangeAccDraftHander = (d: Draft<AccessibilikState>) => void;
+interface TextAlign {
+    left: string | null;
+    center: string | null;
+    right: string | null;
+}
+export interface AccessibilikState {
+    language: string;
+    isBlueLightFilter: boolean;
+    brightness: {
+        isBrightness: boolean;
+        brightness: number;
+    };
+    isDarkContrast: boolean;
+    isLightContrast: boolean;
+    highContrast: {
+        isHighContrast: boolean;
+        contrast: number;
+    };
+    highSaturation: {
+        isHighSaturation: boolean;
+        saturation: number;
+    };
+    lowSaturation: {
+        isLowSaturation: boolean;
+        saturation: number;
+    };
+    isMonochrome: boolean;
+    color: string;
+    isVisualImpairment: boolean;
+    adjustFontSizePercentage: number;
+    textAlign: TextAlign;
+    isDyslexiaFont: boolean;
+    isFontWeightBold: boolean;
+    highlightLinks: boolean;
+    highlightTitles: boolean;
+    letterSpacing: number;
+    lineHeight: {
+        isLineHeight: boolean;
+        lineHeight: number;
+    };
+    wordSpacing: number;
+    zoom: {
+        isZoom: boolean;
+        zoom: number;
+    };
+    isBigCursor: boolean;
+    showReadingGuide: boolean;
+    activateTextToSpeech: boolean;
+}
+export type IconSvgComponent = React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
+    title?: string | undefined;
+}>;
+export {};

package/dist/utils.d.ts

@@ -0,0 +1,5 @@
+import { AccessibilikState } from "./types";
+export declare const isRuleAppliedToElement: (element: HTMLElement, rule: CSSStyleRule) => boolean;
+export declare const getComputedStyleAndSetAccDataFontSize: (elem: HTMLElement) => void;
+export declare const getDataImageSvgBase64: (svg: string) => string;
+export declare const getAccInitState: () => AccessibilikState;

package/dist/vite-env.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="vite/client" />
+/// <reference types="vite-plugin-svgr/client" />

package/package.json

@@ -0,0 +1,124 @@
+{
+  "name": "accessibility-react-widget",
+  "author": "Vladi Iokhim",
+  "license": "MIT",
+  "description": "A React-based web accessibility widget to enhance UI/UX for all users. This powerful tool seamlessly integrates with React applications, offering a wide range of features like adjustable font sizes, text alignment options, dyslexia-friendly fonts, and color contrast adjustments. It's equipped with advanced functionalities including a BlueLight filter, brightness control, text-to-speech, and a zoom button, ensuring an optimal viewing experience for users with visual impairments. With Accessibilik, developers can easily adhere to the latest web accessibility standards (WCAG), enhancing the UI/UX for diverse audiences. Ideal for creating universally accessible web applications, Accessibilik is your go-to solution for making the web more accessible to everyone.",
+  "keywords": [
+    "accessibility",
+    "web-accessibility",
+    "a11y",
+    "React",
+    "widget",
+    "accessibilik",
+    "Multilingual Support",
+    "Adjust Font Size",
+    "Align Text",
+    "Dyslexia Font",
+    "Font Weight",
+    "Highlight Links",
+    "Highlight Titles",
+    "Letter Spacing",
+    "Line Height",
+    "Word Spacing",
+    "BlueLight Filter",
+    "Brightness Control",
+    "DarkContrast Button",
+    "HighContrast Button",
+    "HighSaturation Button",
+    "LightContrast Button",
+    "LowSaturation Button",
+    "Monochrome Button",
+    "TextColor Picker",
+    "Visual Impairment",
+    "Zoom Button",
+    "Big Cursor",
+    "Reading Guide",
+    "Text To Speech",
+    "React Accessibility",
+    "Accessibility for React",
+    "Accessibility React component",
+    "Accessibility component",
+    "Accessibility widget",
+    "React accessibility",
+    "accessibility for React",
+    "accessibility React component",
+    "accessibility component",
+    "accessibility widget",
+    "WCAG compliance",
+    "User-friendly web accessibility",
+    "Inclusive web design",
+    "React JS accessibility",
+    "Accessible user interface",
+    "Web inclusivity tools",
+    "User experience enhancement",
+    "Web accessibility standards",
+    "Universal web access solutions"
+  ],
+  "version": "2.0.0",
+  "type": "module",
+  "main": "dist/main.min.js",
+  "types": "dist/main.d.ts",
+  "files": [
+    "dist"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/RosenGray/accessibilik.git"
+  },
+  "bugs": {
+    "url": "https://github.com/RosenGray/accessibilik/issues"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc --p ./tsconfig-build.json && vite build && npm run uglify && rm ./dist/main.js",
+    "buildUmd": "tsc --p ./tsconfig-build.json && vite build && npm run uglifyUmd && rm ./dist/accessibilik.umd.cjs",
+    "uglify": "uglifyjs ./dist/main.js -o ./dist/main.min.js --compress --mangle",
+    "uglifyUmd": "uglifyjs ./dist/accessibilik.umd.cjs -o ./dist/accessibilik.umd.min.cjs --compress --mangle",
+    "prepublishOnly": "npm run build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.37",
+    "@types/react-dom": "^18.2.15",
+    "@typescript-eslint/eslint-plugin": "^6.10.0",
+    "@typescript-eslint/parser": "^6.10.0",
+    "@vitejs/plugin-react": "^4.2.0",
+    "autoprefixer": "^10.4.16",
+    "eslint": "^8.53.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.4",
+    "glob": "^10.3.10",
+    "postcss": "^8.4.32",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-visualizer": "^5.12.0",
+    "sass": "^1.69.5",
+    "typescript": "^5.2.2",
+    "uglify-js": "^3.17.4",
+    "vite": "^5.0.0",
+    "vite-plugin-dts": "^3.6.4",
+    "vite-plugin-lib-inject-css": "^1.3.0",
+    "vite-plugin-svgr": "^4.2.0"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "dependencies": {
+    "@types/i18n": "^0.13.10",
+    "@uidotdev/usehooks": "^2.4.1",
+    "classnames": "^2.3.2",
+    "i18next": "^23.7.11",
+    "i18next-browser-languagedetector": "^7.2.0",
+    "immer": "^10.0.3",
+    "rc-slider": "^10.5.0",
+    "react-colorful": "^5.6.1",
+    "react-i18next": "^13.5.0",
+    "react-select": "^5.8.0"
+  }
+}