RubyGems - a11y_agent - Versions diffs - 0.0.11 → 0.0.12 - Mend

a11y_agent 0.0.11 → 0.0.12

Files changed (24) hide show

checksums.yaml +4 -4
data/lib/a11y_agent/version.rb +1 -1
metadata +1 -22
data/fixtures/react/.eslintrc +0 -13
data/fixtures/react/.gitignore +0 -3
data/fixtures/react/package-lock.json +0 -16453
data/fixtures/react/package.json +0 -42
data/fixtures/react/public/index.html +0 -19
data/fixtures/react/readme.md +0 -42
data/fixtures/react/src/index.js +0 -16
data/fixtures/react/src/todo/app.css +0 -87
data/fixtures/react/src/todo/app.jsx +0 -20
data/fixtures/react/src/todo/components/footer.jsx +0 -46
data/fixtures/react/src/todo/components/header.jsx +0 -15
data/fixtures/react/src/todo/components/input.jsx +0 -46
data/fixtures/react/src/todo/components/item.jsx +0 -55
data/fixtures/react/src/todo/components/main.jsx +0 -45
data/fixtures/react/src/todo/constants.js +0 -7
data/fixtures/react/src/todo/reducer.js +0 -64
data/fixtures/react/webpack.common.js +0 -43
data/fixtures/react/webpack.dev.js +0 -18
data/fixtures/react/webpack.prod.js +0 -35
data/fixtures/sample.html +0 -93
data/fixtures/sample.tsx +0 -100

data/fixtures/react/package.json DELETED Viewed

@@ -1,42 +0,0 @@
-{
-    "name": "todomvc-react",
-    "version": "1.0.0",
-    "description": "A TodoMVC written in React.",
-    "private": true,
-    "engines": {
-        "node": ">=18.13.0",
-        "npm": ">=8.19.3"
-    },
-    "scripts": {
-        "build": "webpack --config webpack.prod.js",
-        "dev": "webpack serve --open --config webpack.dev.js",
-        "serve": "http-server ./dist -p 7002 -c-1 --cors",
-        "test": "jest"
-    },
-    "devDependencies": {
-        "@babel/core": "^7.21.0",
-        "@babel/preset-env": "^7.20.2",
-        "@babel/preset-react": "^7.18.6",
-        "babel-loader": "^9.1.2",
-        "copy-webpack-plugin": "^12.0.2",
-        "css-loader": "^6.7.3",
-        "css-minimizer-webpack-plugin": "^4.2.2",
-        "eslint-plugin-react": "^7.32.2",
-        "html-webpack-plugin": "^5.5.0",
-        "http-server": "^14.1.1",
-        "mini-css-extract-plugin": "^2.7.2",
-        "style-loader": "^3.3.1",
-        "webpack": "^5.75.0",
-        "webpack-cli": "^5.0.1",
-        "webpack-dev-server": "^4.11.1",
-        "webpack-merge": "^5.8.0"
-    },
-    "dependencies": {
-        "classnames": "^2.2.5",
-        "react": "^17.0.2",
-        "react-dom": "^17.0.2",
-        "react-router-dom": "^6.8.2",
-        "todomvc-app-css": "^2.4.2",
-        "todomvc-common": "^1.0.5"
-    }
-}

data/fixtures/react/public/index.html DELETED Viewed

@@ -1,19 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" data-framework="react">
-    <head>
-        <meta charset="UTF-8" />
-        <meta name="description" content="A TodoMVC written in React." />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-        <title>TodoMVC: React</title>
-    </head>
-    <body>
-        <section class="todoapp" id="root"></section>
-        <footer class="info">
-            <p>Double-click to edit a todo</p>
-			<p>Created by the TodoMVC Team</p>
-			<p>Part of <a href="http://todomvc.com">TodoMVC</a></p>
-        </footer>
-		<script src="./base.js"></script>
-    </body>
-</html>

data/fixtures/react/readme.md DELETED Viewed

@@ -1,42 +0,0 @@
-# TodoMVC: React
-## Description
-This application uses React 17.0.2 to implement a todo application.
--   [React](https://reactjs.org/) is a JavaScript library for creating user interfaces.
-## Implementation details
-React focuses mainly on providing composable user interfaces to enable developers to build an appealing website or web app. React does not force the user to utilize a particular design pattern, but it does provide useful hooks to implement an MVC pattern, if desired.
-React:\
-Model: Todo reducer (reducer.js)\
-View: React ui components\
-Controller: App component + useReducer hook
-MVC:\
-Model: Maintains the data and behavior of an application\
-View: Displays the model in the ui\
-Controller: Serves as an interface between view & model components
-## Build steps
-To build the static files, this application utilizes webpack. It minifies and optimizes output files and copies all necessary files to a `dist` folder.
-## Requirements
-The only requirement is an installation of Node, to be able to install dependencies and run scripts to serve a local server.
-```
-* Node (min version: 18.13.0)
-* NPM (min version: 8.19.3)
-```
-## Local preview
-```
-terminal:
-1. npm install
-2. npm run serve
-```

data/fixtures/react/src/index.js DELETED Viewed

@@ -1,16 +0,0 @@
-import React from "react";
-import { render } from "react-dom";
-import { HashRouter, Route, Routes } from "react-router-dom";
-import { App } from "./todo/app";
-import "todomvc-app-css/index.css";
-import "todomvc-common/base.css";
-render(
-    <HashRouter>
-        <Routes>
-            <Route path="*" element={<App />} />
-        </Routes>
-    </HashRouter>,
-    document.getElementById("root")
-);

data/fixtures/react/src/todo/app.css DELETED Viewed

@@ -1,87 +0,0 @@
-.toggle-all {
-    width: 40px !important;
-    height: 60px !important;
-    right: auto !important;
-}
-.toggle-all-label {
-    pointer-events: none;
-}
-.todo-list {
-    margin: 0;
-    padding: 0;
-}
-.todo-item {
-    border-bottom: 1px solid #ededed;
-    font-size: 24px;
-    position: relative;
-}
-.header-title {
-    color: #b83f45;
-    font-size: 80px;
-    font-weight: 200;
-    position: absolute;
-    text-align: center;
-    -webkit-text-rendering: optimizeLegibility;
-    -moz-text-rendering: optimizeLegibility;
-    text-rendering: optimizeLegibility;
-    top: -100px;
-    width: 100%;
-}
-.filter-item {
-    display: inline-block;
-    margin: 0 5px;
-}
-.filter-link {
-    border: 1px solid transparent;
-    border-radius: 3px;
-    color: inherit;
-    margin: 3px;
-    padding: 3px 7px;
-    cursor: pointer;
-}
-.filter-link:hover {
-    border-color: #db7676;
-}
-.filter-link.selected {
-    border-color: #ce4646;
-}
-.checkbox-wrapper {
-    position: relative;
-    width: 40px;
-    height: 40px;
-    display: inline-block;
-}
-.checkbox {
-    width: 100%;
-    height: 100%;
-    margin: 10px 0 0 15px;
-    cursor: pointer;
-    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%22-10%20-18%20100%20135%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2250%22%20fill%3D%22none%22%20stroke%3D%22%23949494%22%20stroke-width%3D%223%22/%3E%3C/svg%3E");
-}
-.checkbox.checked {
-    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%22-10%20-18%20100%20135%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2250%22%20fill%3D%22none%22%20stroke%3D%22%2359A193%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20fill%3D%22%233EA390%22%20d%3D%22M72%2025L42%2071%2027%2056l-4%204%2020%2020%2034-52z%22%2F%3E%3C%2Fsvg%3E");
-}
-.todo-text {
-    display: inline-block;
-    padding: 15px 15px 15px 60px;
-    line-height: 1.2;
-    transition: color .4s;
-    color: #484848;
-}
-.clear-completed.disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-}

data/fixtures/react/src/todo/app.jsx DELETED Viewed

@@ -1,20 +0,0 @@
-import { useReducer } from "react";
-import { Header } from "./components/header";
-import { Main } from "./components/main";
-import { Footer } from "./components/footer";
-import { todoReducer } from "./reducer";
-import "./app.css";
-export function App() {
-    const [todos, dispatch] = useReducer(todoReducer, []);
-    return (
-        <>
-            <Header dispatch={dispatch} />
-            <Main todos={todos} dispatch={dispatch} />
-            <Footer todos={todos} dispatch={dispatch} />
-        </>
-    );
-}

data/fixtures/react/src/todo/components/footer.jsx DELETED Viewed

@@ -1,46 +0,0 @@
-import { useCallback, useMemo } from "react";
-import { useLocation } from "react-router-dom";
-import classnames from "classnames";
-import { REMOVE_COMPLETED_ITEMS } from "../constants";
-export function Footer({ todos, dispatch }) {
-    const { pathname: route } = useLocation();
-    const activeTodos = useMemo(() => todos.filter((todo) => !todo.completed), [todos]);
-    const removeCompleted = useCallback(() => dispatch({ type: REMOVE_COMPLETED_ITEMS }), [dispatch]);
-    // prettier-ignore
-    if (todos.length === 0)
-        return null;
-    return (
-        <div className="footer" data-testid="footer">
-            <div className="todo-count">{`${activeTodos.length} ${activeTodos.length === 1 ? "item" : "items"} left!`}</div>
-            <div className="filters" data-testid="footer-navigation">
-                <div className="filter-item">
-                    <div className={classnames("filter-link", { selected: route === "/" })} onClick={() => window.location.hash = "/"}>
-                        All
-                    </div>
-                </div>
-                <div className="filter-item">
-                    <div className={classnames("filter-link", { selected: route === "/active" })} onClick={() => window.location.hash = "/active"}>
-                        Active
-                    </div>
-                </div>
-                <div className="filter-item">
-                    <div className={classnames("filter-link", { selected: route === "/completed" })} onClick={() => window.location.hash = "/completed"}>
-                        Completed
-                    </div>
-                </div>
-            </div>
-            <div
-                className={classnames("clear-completed", { disabled: activeTodos.length === todos.length })}
-                onClick={activeTodos.length === todos.length ? null : removeCompleted}
-            >
-                Clear completed
-            </div>
-        </div>
-    );
-}

data/fixtures/react/src/todo/components/header.jsx DELETED Viewed

@@ -1,15 +0,0 @@
-import { useCallback } from "react";
-import { Input } from "./input";
-import { ADD_ITEM } from "../constants";
-export function Header({ dispatch }) {
-    const addItem = useCallback((title) => dispatch({ type: ADD_ITEM, payload: { title } }), [dispatch]);
-    return (
-        <div className="header" data-testid="header">
-            <div className="header-title">todos</div>
-            <Input onSubmit={addItem} label="New Todo Input" placeholder="What needs to be done?" />
-        </div>
-    );
-}

data/fixtures/react/src/todo/components/input.jsx DELETED Viewed

@@ -1,46 +0,0 @@
-import { useCallback } from "react";
-const sanitize = (string) => {
-    const map = {
-        "&": "&amp;",
-        "<": "&lt;",
-        ">": "&gt;",
-        '"': "&quot;",
-        "'": "&#x27;",
-        "/": "&#x2F;",
-    };
-    const reg = /[&<>"'/]/gi;
-    return string.replace(reg, (match) => map[match]);
-};
-const hasValidMin = (value, min) => {
-    return value.length >= min;
-};
-export function Input({ onSubmit, placeholder, label, defaultValue, onBlur }) {
-    const handleBlur = useCallback(() => {
-        if (onBlur)
-            onBlur();
-    }, [onBlur]);
-    const handleKeyDown = useCallback(
-        (e) => {
-            if (e.key === "Enter") {
-                const value = e.target.value.trim();
-                if (!hasValidMin(value, 2))
-                    return;
-                onSubmit(sanitize(value));
-                e.target.value = "";
-            }
-        },
-        [onSubmit]
-    );
-    return (
-        <div className="input-container">
-            <input className="new-todo" id="todo-input" type="text" data-testid="text-input" autoFocus placeholder={placeholder} defaultValue={defaultValue} onBlur={handleBlur} onKeyDown={handleKeyDown} />
-        </div>
-    );
-}

data/fixtures/react/src/todo/components/item.jsx DELETED Viewed

@@ -1,55 +0,0 @@
-import { memo, useState, useCallback } from "react";
-import classnames from "classnames";
-import { Input } from "./input";
-import { TOGGLE_ITEM, REMOVE_ITEM, UPDATE_ITEM } from "../constants";
-export const Item = memo(function Item({ todo, dispatch, index }) {
-    const [isWritable, setIsWritable] = useState(false);
-    const { title, completed, id } = todo;
-    const toggleItem = useCallback(() => dispatch({ type: TOGGLE_ITEM, payload: { id } }), [dispatch]);
-    const removeItem = useCallback(() => dispatch({ type: REMOVE_ITEM, payload: { id } }), [dispatch]);
-    const updateItem = useCallback((id, title) => dispatch({ type: UPDATE_ITEM, payload: { id, title } }), [dispatch]);
-    const handleDoubleClick = useCallback(() => {
-        setIsWritable(true);
-    }, []);
-    const handleBlur = useCallback(() => {
-        setIsWritable(false);
-    }, []);
-    const handleUpdate = useCallback(
-        (title) => {
-            if (title.length === 0)
-                removeItem(id);
-            else
-                updateItem(id, title);
-            setIsWritable(false);
-        },
-        [id, removeItem, updateItem]
-    );
-    return (
-        <div className={classnames("todo-item", { completed: todo.completed })} data-testid="todo-item">
-            <div className="view">
-                {isWritable ? (
-                    <Input onSubmit={handleUpdate} label="Edit Todo Input" defaultValue={title} onBlur={handleBlur} />
-                ) : (
-                    <>
-                        <div className="toggle checkbox-wrapper" data-testid="todo-item-toggle">
-                            <div className={classnames("checkbox", { checked: completed })} onClick={toggleItem}></div>
-                        </div>
-                        <div className="todo-text" data-testid="todo-item-label" onDoubleClick={handleDoubleClick}>
-                            {title}
-                        </div>
-                        <div className="destroy" data-testid="todo-item-button" onClick={removeItem} role="button"></div>
-                    </>
-                )}
-            </div>
-        </div>
-    );
-});

data/fixtures/react/src/todo/components/main.jsx DELETED Viewed

@@ -1,45 +0,0 @@
-import { useMemo, useCallback } from "react";
-import { useLocation } from "react-router-dom";
-import { Item } from "./item";
-import classnames from "classnames";
-import { TOGGLE_ALL } from "../constants";
-export function Main({ todos, dispatch }) {
-    const { pathname: route } = useLocation();
-    const visibleTodos = useMemo(
-        () =>
-            todos.filter((todo) => {
-                if (route === "/active")
-                    return !todo.completed;
-                if (route === "/completed")
-                    return todo.completed;
-                return todo;
-            }),
-        [todos, route]
-    );
-    const toggleAll = useCallback((e) => dispatch({ type: TOGGLE_ALL, payload: { completed: e.target.checked } }), [dispatch]);
-    return (
-        <main className="main" data-testid="main">
-            {visibleTodos.length > 0 ? (
-                <div className="toggle-all-container">
-                    <input className="toggle-all" type="checkbox" id="toggle-all" data-testid="toggle-all" checked={visibleTodos.every((todo) => todo.completed)} onChange={toggleAll} />
-                    <label className="toggle-all-label" htmlFor="toggle-all">
-                        Toggle All Input
-                    </label>
-                </div>
-            ) : null}
-            <div className={classnames("todo-list")} data-testid="todo-list">
-                {visibleTodos.map((todo, index) => (
-                    <Item todo={todo} key={todo.id} dispatch={dispatch} index={index} />
-                ))}
-            </div>
-        </main>
-    );
-}

data/fixtures/react/src/todo/constants.js DELETED Viewed

@@ -1,7 +0,0 @@
-export const ADD_ITEM = "ADD_ITEM";
-export const UPDATE_ITEM = "UPDATE_ITEM";
-export const REMOVE_ITEM = "REMOVE_ITEM";
-export const TOGGLE_ITEM = "TOGGLE_ITEM";
-export const REMOVE_ALL_ITEMS = "REMOVE_ALL_ITEMS";
-export const TOGGLE_ALL = "TOGGLE_ALL";
-export const REMOVE_COMPLETED_ITEMS = "REMOVE_COMPLETED_ITEMS";

data/fixtures/react/src/todo/reducer.js DELETED Viewed

@@ -1,64 +0,0 @@
-import { ADD_ITEM, UPDATE_ITEM, REMOVE_ITEM, TOGGLE_ITEM, REMOVE_ALL_ITEMS, TOGGLE_ALL, REMOVE_COMPLETED_ITEMS } from "./constants";
-/* Borrowed from https://github.com/ai/nanoid/blob/3.0.2/non-secure/index.js
-The MIT License (MIT)
-Copyright 2017 Andrey Sitnik <andrey@sitnik.ru>
-Permission is hereby granted, free of charge, to any person obtaining a copy of
-this software and associated documentation files (the "Software"), to deal in
-the Software without restriction, including without limitation the rights to
-use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
-the Software, and to permit persons to whom the Software is furnished to do so,
-subject to the following conditions:
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
-FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
-COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
-IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
-CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */
-// This alphabet uses `A-Za-z0-9_-` symbols.
-// The order of characters is optimized for better gzip and brotli compression.
-// References to the same file (works both for gzip and brotli):
-// `'use`, `andom`, and `rict'`
-// References to the brotli default dictionary:
-// `-26T`, `1983`, `40px`, `75px`, `bush`, `jack`, `mind`, `very`, and `wolf`
-let urlAlphabet = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
-function nanoid(size = 21) {
-    let id = "";
-    // A compact alternative for `for (var i = 0; i < step; i++)`.
-    let i = size;
-    while (i--) {
-        // `| 0` is more compact and faster than `Math.floor()`.
-        id += urlAlphabet[(Math.random() * 64) | 0];
-    }
-    return id;
-}
-export const todoReducer = (state, action) => {
-    switch (action.type) {
-        case ADD_ITEM:
-            return state.concat({ id: nanoid(), title: action.payload.title, completed: false });
-        case UPDATE_ITEM:
-            return state.map((todo) => (todo.id === action.payload.id ? { ...todo, title: action.payload.title } : todo));
-        case REMOVE_ITEM:
-            return state.filter((todo) => todo.id !== action.payload.id);
-        case TOGGLE_ITEM:
-            return state.map((todo) => (todo.id === action.payload.id ? { ...todo, completed: !todo.completed } : todo));
-        case REMOVE_ALL_ITEMS:
-            return [];
-        case TOGGLE_ALL:
-            return state.map((todo) => (todo.completed !== action.payload.completed ? { ...todo, completed: action.payload.completed } : todo));
-        case REMOVE_COMPLETED_ITEMS:
-            return state.filter((todo) => !todo.completed);
-    }
-    throw Error(`Unknown action: ${action.type}`);
-};

data/fixtures/react/webpack.common.js DELETED Viewed

@@ -1,43 +0,0 @@
-const HtmlWebpackPlugin = require("html-webpack-plugin");
-const path = require("path");
-module.exports = {
-    entry: {
-        app: path.resolve(__dirname, "src", "index.js"),
-    },
-    plugins: [
-        new HtmlWebpackPlugin({
-            title: "TodoMVC: React",
-            template: path.resolve(__dirname, "public", "index.html"),
-        }),
-    ],
-    output: {
-        filename: "[name].bundle.js",
-        path: path.resolve(__dirname, "dist"),
-        clean: true,
-    },
-    resolve: {
-        extensions: [".js", ".jsx"],
-    },
-    module: {
-        rules: [
-            {
-                test: /\.(js|jsx)$/,
-                exclude: /node_modules/,
-                use: {
-                    loader: "babel-loader",
-                    options: {
-                        presets: [
-                            ["@babel/preset-env", { targets: "defaults" }],
-                            ["@babel/preset-react", { runtime: "automatic" }],
-                        ],
-                    },
-                },
-            },
-            {
-                test: /\.(png|svg|jpg|jpeg|gif)$/i,
-                type: "asset/resource",
-            },
-        ],
-    },
-};

data/fixtures/react/webpack.dev.js DELETED Viewed

@@ -1,18 +0,0 @@
-const { merge } = require("webpack-merge");
-const common = require("./webpack.common.js");
-module.exports = merge(common, {
-    mode: "development",
-    devtool: "inline-source-map",
-    devServer: {
-        static: "./dist",
-    },
-    module: {
-        rules: [
-            {
-                test: /\.css$/i,
-                use: ["style-loader", "css-loader"],
-            },
-        ],
-    },
-});

data/fixtures/react/webpack.prod.js DELETED Viewed

@@ -1,35 +0,0 @@
-const { merge } = require("webpack-merge");
-const common = require("./webpack.common.js");
-const MiniCssExtractPlugin = require("mini-css-extract-plugin");
-const CssMinimizerPlugin = require("css-minimizer-webpack-plugin");
-const TerserPlugin = require("terser-webpack-plugin");
-const CopyPlugin = require("copy-webpack-plugin");
-module.exports = merge(common, {
-    mode: "production",
-    devtool: "source-map",
-    plugins: [
-        new MiniCssExtractPlugin({
-            filename: "[name].css",
-            chunkFilename: "[id].css",
-        }),
-		new CopyPlugin({
-			patterns: [
-			  { from: "./node_modules/todomvc-common/base.js", to: "base.js" },
-			],
-		}),
-    ],
-    module: {
-        rules: [
-            {
-                test: /\.css$/,
-                use: [MiniCssExtractPlugin.loader, "css-loader"],
-            },
-        ],
-    },
-    optimization: {
-        minimize: true,
-        minimizer: [new CssMinimizerPlugin(), new TerserPlugin()],
-    },
-});