fbt-inline-translations 0.1.2 → 0.1.5

package/README.md

@@ -1,5 +1,13 @@
 # 👽 Inline translations for FBT
 
+The extension serves to effectively translate your application using inline translations so that you can view strings you are
+translating in context.
+If you right-click on the underlined string, the translation dialog appears and you will be able to vote for the available translations or submit a new one.
+
+You can make translations available to your translators, users, or the entire community and make your product multilingual.
+
+**Translations can also be approved by your trusted translator(s).**
+
 ![Demo of FBT inline translating](https://raw.githubusercontent.com/swiftyper-sk/fbt-inline-translations/main/images/demo.gif)
 
 

package/lib/@types/Phrase.d.ts

@@ -0,0 +1,48 @@
+import { Translation } from './Translation';
+export declare type TableJSFBTTreeLeaf = {
+    desc: string;
+    hash?: string;
+    text: string;
+    tokenAliases?: string;
+    outerTokenName?: string;
+};
+export declare type TableJSFBTTreeBranch = {
+    [key: number]: TableJSFBTTree;
+};
+export declare type TableJSFBTTree = TableJSFBTTreeLeaf | TableJSFBTTreeBranch;
+export declare type JSFBTMetaEntry = {
+    type: string;
+    singular?: boolean;
+    token?: string;
+} | {
+    type: string;
+    token: string;
+} | {
+    type: string;
+} | {
+    range: string[];
+};
+export declare type TableJSFBT = {
+    t: TableJSFBTTree;
+    m: JSFBTMetaEntry[];
+};
+export declare type Phrase = {
+    id: number;
+    parent_id: number | null;
+    object: string;
+    source: {
+        desc: string;
+        type: string;
+        jsfbt: string | TableJSFBT;
+    };
+    hash: string;
+    text: string;
+    description: string;
+    author: string;
+    project: string;
+    created_at: string;
+    translations: Translation[];
+    locale: {
+        name: string;
+    };
+};

package/lib/@types/Phrase.js

@@ -0,0 +1 @@
+export {};

package/lib/@types/SwiftyperContextType.d.ts

@@ -0,0 +1,5 @@
+export declare type SwiftyperContextType = {
+    token: string;
+    locale: string;
+    contributor: string;
+};

package/lib/@types/SwiftyperContextType.js

@@ -0,0 +1 @@
+export {};

package/lib/@types/Translation.d.ts

@@ -0,0 +1,16 @@
+export declare type Translation = {
+    id: number;
+    voted: boolean;
+    phrase_id: number;
+    object: string;
+    phrase_hash: string;
+    hash: string;
+    translation: string;
+    approval_status: string;
+    variations: [];
+    tokens: [];
+    types: [];
+    locale: string;
+    author: string;
+    created_at: string;
+};

package/lib/@types/Translation.js

@@ -0,0 +1 @@
+export {};

package/lib/App.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Translation } from './@types/Translation';
+import 'rodal/lib/rodal.css';
+import 'typeface-roboto';
+import './App.css';
+declare type Props = {};
+declare type State = {
+    visible: boolean;
+    translation: Translation | null;
+    hash: string | null;
+    locale: string | null;
+};
+declare class App extends React.Component<Props, State> {
+    constructor(props: Props);
+    componentDidMount(): void;
+    openTranslationDialog(event: MouseEvent): void;
+    hide(): void;
+    render(): JSX.Element;
+}
+export default App;

package/lib/App.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+// eslint-disable-next-line
+// @ts-ignore
+import Rodal from 'rodal';
+import TranslationCard from './components/TranslationCard';
+import 'rodal/lib/rodal.css';
+import 'typeface-roboto';
+import './App.css';
+class App extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            visible: false,
+            translation: null,
+            hash: null,
+            locale: null,
+        };
+        this.hide = this.hide.bind(this);
+    }
+    componentDidMount() {
+        document.addEventListener('contextmenu', this.openTranslationDialog.bind(this));
+    }
+    openTranslationDialog(event) {
+        let parent = event.target;
+        while (parent) {
+            if (parent.classList.contains('intlInlineMode_normal') ||
+                parent.classList.contains('intlInlineMode_translatable') ||
+                parent.classList.contains('intlInlineMode_approvable') ||
+                parent.classList.contains('intlInlineMode_reportable')) {
+                const hash = parent.getAttribute('data-intl-hash');
+                const locale = parent.getAttribute('data-intl-locale');
+                this.setState({
+                    visible: true,
+                    hash,
+                    locale,
+                });
+                event.preventDefault();
+                return;
+            }
+            parent = parent.parentElement;
+        }
+    }
+    hide() {
+        this.setState({ visible: false });
+    }
+    render() {
+        const { hash } = this.state;
+        const { children } = this.props;
+        return (_jsxs(_Fragment, { children: [children, _jsx(Rodal, { customStyles: { height: 'auto', bottom: 'auto', top: 'auto' }, className: "tw-flex tw-items-center tw-overflow-auto", enterAnimation: " rodal-zoom-enter dark:tw-bg-gray-800 " // ugly hack
+                    , leaveAnimation: " rodal-fade-leave dark:tw-bg-gray-800 " // ugly hack
+                    , visible: this.state.visible, onClose: this.hide, children: _jsx(TranslationCard, { hash: hash, hide: this.hide }, hash) })] }));
+    }
+}
+export default App;

package/lib/components/Candidate.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Translation } from '../@types/Translation';
+declare type Props = {
+    candidate: Translation;
+    onClick: (translation: string) => void;
+    onVote: (id: number) => void;
+};
+export default function Candidate({ candidate, onClick, onVote }: Props): JSX.Element;
+export {};

package/lib/components/Candidate.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { HiCheckCircle, HiOutlineCheckCircle } from 'react-icons/hi';
+export default function Candidate({ candidate, onClick, onVote }) {
+    const { translation } = candidate;
+    return (_jsxs("div", { className: "tw-flex tw-gap-2 hover:tw-cursor-pointer tw-py-2 tw-text-md tw-items-center tw-relative tw-border-0 tw-break-words", children: [candidate.voted ? (_jsx(HiCheckCircle, { className: "tw-text-xl tw-text-blue-600 tw-min-w-[20px]", onClick: () => onVote(candidate.id) })) : (_jsx(HiOutlineCheckCircle, { className: "tw-text-xl tw-text-gray-500 tw-min-w-[20px]", onClick: () => onVote(candidate.id) })), _jsx("span", { title: "Copy", onClick: () => onClick(translation), children: translation })] }));
+}

package/lib/components/Composer.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+declare type Props = {
+    hash: string;
+    translation: string | undefined;
+    language: string;
+    error: string | null;
+    loading: boolean;
+    hide: () => void;
+    setTranslation: (translation: string) => void;
+    onSubmit: (translation: string, hash: string) => void;
+};
+export default function Composer({ hash, translation, language, error, loading, hide, setTranslation, onSubmit, }: Props): JSX.Element;
+export {};

package/lib/components/Composer.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { HiExclamation } from 'react-icons/hi';
+import classNames from 'classnames';
+export default function Composer({ hash, translation, language, error, loading, hide, setTranslation, onSubmit, }) {
+    return (_jsxs("div", { children: [_jsx("textarea", { placeholder: `Type your translation in ` + language, value: translation, className: classNames('tw-max-w-lg tw-mt-3 tw-mb-1 tw-p-3 dark:tw-bg-gray-900 dark:tw-text-gray-300 dark:tw-border-gray-900 tw-resize-y tw-outline-none tw-box-border tw-shadow-sm tw-block tw-w-full focus:!tw-ring-blue-500 focus:!tw-border-blue-500 sm:tw-text-sm tw-border tw-border-gray-300 tw-rounded-md', {
+                    '!tw-border-red-500': error,
+                }), onInput: (event) => setTranslation(event.currentTarget.value), disabled: loading }), error && (_jsxs("div", { className: "tw-flex tw-gap-1.5 tw-items-center tw-text-xs tw-text-red-600", children: [_jsx(HiExclamation, {}), " ", error] })), _jsx("div", { children: _jsxs("div", { className: "tw-flex tw-justify-end tw-mt-2", children: [_jsx("button", { type: "button", className: "hover:tw-cursor-pointer tw-inline-flex tw-justify-center tw-py-2 tw-px-4 tw-border tw-border-transparent tw-shadow-sm tw-text-sm tw-font-medium tw-rounded-md tw-text-dark tw-bg-transparent dark:tw-text-white focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-offset-2 focus:tw-ring-blue-500", onClick: hide, children: "Close" }), _jsx("button", { className: "tw-ml-3 hover:tw-cursor-pointer tw-inline-flex tw-justify-center tw-py-2 tw-px-4 tw-border tw-border-transparent tw-shadow-sm tw-text-sm tw-font-medium tw-rounded-md tw-text-white tw-bg-blue-600 hover:tw-bg-blue-700 focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-offset-2 focus:tw-ring-blue-500", disabled: loading, onClick: () => onSubmit(translation, hash), children: "Submit" })] }) })] }));
+}

package/lib/components/PhraseOverview.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { Phrase } from '../@types/Phrase';
+declare type Props = {
+    phrase: Phrase;
+};
+export default function PhraseOverview({ phrase }: Props): JSX.Element;
+export {};

package/lib/components/PhraseOverview.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function PhraseOverview({ phrase }) {
+    const { text, description } = phrase;
+    return (_jsxs("div", { children: [_jsx("div", { className: "tw-text-md tw-text-gray-900 dark:tw-text-white", children: text }), _jsx("div", { className: "tw-text-sm tw-text-gray-500 dark:tw-text-gray-400 tw-mt-1 tw-mb-3", children: description })] }));
+}

package/lib/components/TranslationCard.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare type Props = {
+    hash: string | null;
+    hide: () => void;
+};
+export default function TranslationCard({ hash, hide }: Props): JSX.Element;
+export {};

package/lib/components/TranslationCard.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import PhraseOverview from './PhraseOverview';
+import Candidate from './Candidate';
+import Composer from './Composer';
+import { useSwiftyperService } from '../contexts/SwiftyperServiceContext';
+import { HiExclamation } from 'react-icons/hi';
+export default function TranslationCard({ hash, hide }) {
+    const swiftyperService = useSwiftyperService();
+    const [phrase, setPhrase] = useState();
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const [reload, setReload] = useState(null);
+    const [composerLoading, setComposerLoading] = useState(false);
+    const [composerError, setComposerError] = useState(null);
+    const [currentTranslation, setCurrentTranslation] = useState();
+    useEffect(() => {
+        if (hash && reload !== false) {
+            setReload(false);
+            setLoading(true);
+            setError(null);
+            swiftyperService
+                .get(hash)
+                .then(setPhrase)
+                .catch(({ message }) => setError(message))
+                .finally(() => setLoading(false));
+        }
+    }, [hash, reload]);
+    if (error) {
+        return (_jsxs(_Fragment, { children: [_jsx("div", { className: "tw-mx-auto tw-flex tw-items-center tw-justify-center tw-h-12 tw-w-12 tw-rounded-full tw-bg-red-100", children: _jsx(HiExclamation, { className: "tw-h-6 tw-w-6 tw-text-red-600" }) }), _jsx("div", { className: "tw-mt-3 tw-text-center sm:tw-mt-5", children: _jsx("h3", { className: "tw-mb-0 tw-text-lg tw-leading-6 tw-font-medium tw-text-gray-900 dark:tw-text-white", children: error || 'Invalid request' }) })] }));
+    }
+    if (loading && !phrase) {
+        return (_jsxs(_Fragment, { children: [_jsx("div", { className: "tw-mx-auto tw-flex tw-items-center tw-justify-center tw-h-12 tw-w-12 loader" }), _jsx("div", { className: "tw-mt-3 tw-text-center sm:tw-mt-5", children: _jsx("h3", { className: "tw-mb-0 tw-text-lg tw-leading-6 tw-font-medium tw-text-gray-900 dark:tw-text-white", children: "Loading..." }) })] }));
+    }
+    return (_jsxs(_Fragment, { children: [_jsx(PhraseOverview, { phrase: phrase }), _jsx("div", { className: "tw-m-0 tw-p-0 tw-divide-y tw-divide-solid tw-divide-gray-300 dark:tw-divide-gray-700 dark:tw-text-white", children: phrase.translations.map((translation, index) => (_jsx(Candidate, { candidate: translation, onClick: (translation) => setCurrentTranslation(translation), onVote: (id) => {
+                        setComposerLoading(true);
+                        setComposerError(null);
+                        swiftyperService
+                            .vote(id)
+                            .then(() => setReload(true))
+                            .catch(({ message }) => setComposerError(message))
+                            .finally(() => setComposerLoading(false));
+                    } }, `candidate-` + index))) }), _jsx(Composer, { hash: phrase.hash, translation: currentTranslation, language: phrase.locale.name, loading: composerLoading, error: composerError, hide: hide, setTranslation: setCurrentTranslation, onSubmit: (translation, hash) => {
+                    setComposerLoading(true);
+                    setComposerError(null);
+                    swiftyperService
+                        .translate(translation, hash, phrase)
+                        .then(() => {
+                        setReload(true);
+                        setCurrentTranslation('');
+                    })
+                        .catch(({ message }) => {
+                        setComposerError(message);
+                    })
+                        .finally(() => setComposerLoading(false));
+                } })] }));
+}

package/lib/contexts/SwiftyperServiceContext.d.ts

@@ -0,0 +1,8 @@
+import { ReactElement } from 'react';
+import SwiftyperService from '../services/SwiftyperService';
+export declare const useSwiftyperService: () => SwiftyperService | null;
+declare type Props = {
+    children: ReactElement;
+};
+export declare const SwiftyperServiceProvider: (props: Props) => JSX.Element;
+export {};

package/lib/contexts/SwiftyperServiceContext.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useContext, useEffect } from 'react';
+import { useSwiftyper } from '../providers/swiftyper';
+// eslint-disable-next-line
+// @ts-ignore
+import { Swiftyper } from 'swiftyper-node';
+import SwiftyperService from '../services/SwiftyperService';
+const UserServiceContext = React.createContext(null);
+export const useSwiftyperService = () => useContext(UserServiceContext);
+const client = new Swiftyper();
+const swiftyperServiceInstance = new SwiftyperService(client);
+export const SwiftyperServiceProvider = (props) => {
+    const swiftyper = useSwiftyper();
+    useEffect(() => {
+        const { token, locale, contributor } = swiftyper;
+        client._setApiKey(token);
+        swiftyperServiceInstance.contributor = contributor;
+        swiftyperServiceInstance.locale = locale;
+    }, [swiftyper]);
+    return (_jsx(UserServiceContext.Provider, { value: swiftyperServiceInstance, ...props }));
+};

package/lib/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+declare type FbtInlineTranslationsProps = {
+    token: string;
+    locale: string;
+    contributor: string;
+    darkMode?: boolean;
+    children?: React.ReactNode | undefined;
+};
+export declare const FbtInlineTranslationsWrapper: (props: FbtInlineTranslationsProps) => JSX.Element;
+declare const swiftyperInlineTranslations: (props: FbtInlineTranslationsProps) => void;
+export default swiftyperInlineTranslations;

package/lib/index.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import ReactDOM from 'react-dom';
+import App from './App';
+import { SwiftyperProvider } from './providers/swiftyper';
+import { SwiftyperServiceProvider } from './contexts/SwiftyperServiceContext';
+export const FbtInlineTranslationsWrapper = (props) => {
+    return (_jsx(SwiftyperProvider, { ...props, children: _jsx(SwiftyperServiceProvider, { children: _jsx(App, { children: props.children }) }) }));
+};
+const swiftyperInlineTranslations = (props) => {
+    if (props.darkMode) {
+        document.documentElement.classList.add('tw-dark');
+    }
+    ReactDOM.render(_jsx(FbtInlineTranslationsWrapper, { ...props }), document.getElementById('inline-translator'));
+};
+// eslint-disable-next-line
+// @ts-ignore
+window.swiftyperInlineTranslations = swiftyperInlineTranslations;
+export default swiftyperInlineTranslations;

package/lib/providers/swiftyper.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { SwiftyperContextType } from '../@types/SwiftyperContextType';
+export declare const SwiftyperContext: React.Context<SwiftyperContextType | null>;
+export declare const useSwiftyper: () => SwiftyperContextType | null;
+declare type Props = {
+    children: ReactElement;
+    token: string;
+    locale: string;
+    contributor: string;
+    darkMode?: boolean;
+};
+export declare const SwiftyperProvider: ({ children, ...props }: Props) => JSX.Element;
+export {};

package/lib/providers/swiftyper.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+export const SwiftyperContext = createContext(null);
+export const useSwiftyper = () => useContext(SwiftyperContext);
+export const SwiftyperProvider = ({ children, ...props }) => {
+    return (_jsx(SwiftyperContext.Provider, { value: props, children: children }));
+};

package/lib/services/SwiftyperService.d.ts

@@ -0,0 +1,11 @@
+import { Phrase } from '../@types/Phrase';
+import { Swiftyper } from 'swiftyper-node';
+export default class SwiftyperService {
+    client: Swiftyper;
+    contributor: null | string;
+    locale: null | string;
+    constructor(client: Swiftyper);
+    get(hash: string): any;
+    vote(id: number): any;
+    translate(translation: string, hash: string, phrase: Phrase): any;
+}

package/lib/services/SwiftyperService.js

@@ -0,0 +1,33 @@
+export default class SwiftyperService {
+    constructor(client) {
+        this.contributor = null;
+        this.locale = null;
+        this.client = client;
+    }
+    get(hash) {
+        const { locale, contributor } = this;
+        return this.client.translations.query({
+            hash,
+            locale,
+            contributor,
+        });
+    }
+    vote(id) {
+        const { contributor } = this;
+        return this.client.translations.vote({
+            trid: id,
+            contributor,
+        });
+    }
+    translate(translation, hash, phrase) {
+        const { locale, contributor } = this;
+        const { hash: phash } = phrase;
+        return this.client.translations.translate({
+            translation,
+            hash,
+            phash,
+            locale,
+            contributor,
+        });
+    }
+}

package/package.json

@@ -1,58 +1,68 @@
-{
-    "name": "fbt-inline-translations",
-    "version": "0.1.2",
-    "description": "Dialog interface for efficient application translation.",
-    "main": "./src/index.tsx",
-    "scripts": {
-        "start": "webpack serve --config ./webpack.config.js --mode development",
-        "build": "webpack --mode=production && webpack --mode=production --env minified",
-        "lint": "eslint . --ext .ts,.tsx",
-        "format": "prettier --write src"
-    },
-    "keywords": [
-        "swiftyper",
-        "fbt",
-        "translations",
-        "i18n"
-    ],
-    "author": "Swiftyper <support@swiftyper.sk> (https://swiftyper.sk/)",
-    "license": "MIT",
-    "devDependencies": {
-        "@babel/core": "^7.17.2",
-        "@babel/preset-env": "^7.16.11",
-        "@babel/preset-react": "^7.16.7",
-        "@types/react": "^17.0.45",
-        "@types/react-dom": "^18.0.5",
-        "@types/webpack-env": "^1.17.0",
-        "@typescript-eslint/eslint-plugin": "^5.26.0",
-        "@typescript-eslint/parser": "^5.26.0",
-        "autoprefixer": "^10.4.7",
-        "babel-loader": "^8.2.3",
-        "eslint": "^8.16.0",
-        "eslint-config-prettier": "^8.5.0",
-        "eslint-plugin-prettier": "^4.0.0",
-        "postcss": "^8.4.14",
-        "postcss-loader": "^7.0.0",
-        "prettier": "2.6.2",
-        "react-hot-loader": "^4.13.0",
-        "tailwindcss": "^3.1.2",
-        "ts-loader": "^9.3.0",
-        "typescript": "^4.7.3",
-        "webpack": "^5.68.0",
-        "webpack-cli": "^4.9.2",
-        "webpack-dev-server": "^4.7.4"
-    },
-    "dependencies": {
-        "@babel/preset-typescript": "^7.17.12",
-        "classnames": "^2.3.1",
-        "css-loader": "^6.7.1",
-        "node-polyfill-webpack-plugin": "^1.1.4",
-        "react": "^16.0.2",
-        "react-dom": "^16.0.2",
-        "react-icons": "^4.4.0",
-        "rodal": "^1.8.3",
-        "style-loader": "^3.3.1",
-        "swiftyper-node": "^1.0.3",
-        "typeface-roboto": "^1.1.13"
-    }
-}
+{
+    "name": "fbt-inline-translations",
+    "version": "0.1.5",
+    "description": "Dialog interface for efficient application translation.",
+    "main": "./lib/index.js",
+    "types": "./lib/index.d.ts",
+    "scripts": {
+        "start": "webpack serve --config ./webpack.config.js --mode development",
+        "build": "webpack --mode=production && webpack --mode=production --env minified && tsc",
+        "lint": "eslint . --ext .ts,.tsx",
+        "format": "prettier --write src"
+    },
+    "keywords": [
+        "swiftyper",
+        "fbt",
+        "translations",
+        "i18n"
+    ],
+    "directories": {
+        "src": "src"
+    },
+    "files": [
+        "lib/**/*",
+        "README.md",
+        "package.json"
+    ],
+    "author": "Swiftyper <support@swiftyper.sk> (https://swiftyper.sk/)",
+    "license": "MIT",
+    "devDependencies": {
+        "@babel/core": "^7.17.2",
+        "@babel/preset-env": "^7.16.11",
+        "@babel/preset-react": "^7.16.7",
+        "@types/react": "^17.0.45",
+        "@types/react-dom": "^18.0.5",
+        "@types/webpack-env": "^1.17.0",
+        "@typescript-eslint/eslint-plugin": "^5.26.0",
+        "@typescript-eslint/parser": "^5.26.0",
+        "autoprefixer": "^10.4.7",
+        "babel-loader": "^8.2.3",
+        "eslint": "^8.16.0",
+        "eslint-config-prettier": "^8.5.0",
+        "eslint-plugin-prettier": "^4.0.0",
+        "postcss": "^8.4.14",
+        "postcss-loader": "^7.0.0",
+        "prettier": "2.6.2",
+        "react-hot-loader": "^4.13.0",
+        "tailwindcss": "^3.1.2",
+        "ts-loader": "^9.3.0",
+        "typescript": "^4.7.3",
+        "webpack": "^5.68.0",
+        "webpack-cli": "^4.9.2",
+        "webpack-dev-server": "^4.7.4"
+    },
+    "dependencies": {
+        "@babel/preset-typescript": "^7.17.12",
+        "classnames": "^2.3.1",
+        "css-loader": "^6.7.1",
+        "node-polyfill-webpack-plugin": "^1.1.4",
+        "react": "^16.0.2",
+        "react-dom": "^16.0.2",
+        "react-icons": "^4.4.0",
+        "rodal": "^1.8.3",
+        "style-loader": "^3.3.1",
+        "swiftyper-node": "^1.0.6",
+        "typeface-roboto": "^1.1.13",
+        "typescript": "^3.7.5"
+    }
+}

package/.babelrc

@@ -1,7 +0,0 @@
-{
-    "presets": [
-        "@babel/preset-env",
-        ["@babel/preset-react", { "runtime": "automatic" }],
-        "@babel/preset-typescript"
-    ]
-}

package/.eslintrc.js

@@ -1,25 +0,0 @@
-module.exports = {
-    root: true,
-    parser: '@typescript-eslint/parser',
-    parserOptions: {
-        ecmaVersion: 2020,
-        sourceType: "module",
-    },
-    plugins: [
-        '@typescript-eslint',
-        'prettier'
-    ],
-    extends: [
-        'eslint:recommended',
-        'plugin:@typescript-eslint/eslint-recommended',
-        'plugin:@typescript-eslint/recommended',
-        'plugin:prettier/recommended'
-    ],
-    "rules": {
-        "prettier/prettier": "warn",
-        "@typescript-eslint/member-delimiter-style": "off",
-        "@typescript-eslint/explicit-function-return-type": "off",
-        "@typescript-eslint/no-use-before-define": "off",
-        "@typescript-eslint/no-non-null-assertion": "off",
-    }
-};

package/.prettierignore

@@ -1 +0,0 @@
-node_modules

package/.prettierrc.json

@@ -1,6 +0,0 @@
-{
-    "trailingComma": "es5",
-    "tabWidth": 4,
-    "semi": false,
-    "singleQuote": true
-}

package/babel.config.js

@@ -1,20 +0,0 @@
-module.exports = function (api) {
-    api.cache(true)
-
-    const useESModules = process.env.BABEL_MODULE === 'es'
-
-    return {
-        presets: [
-            [
-                '@babel/preset-env',
-                {
-                    loose: true,
-                    modules: useESModules ? false : 'commonjs',
-                },
-            ],
-            ['@babel/preset-react', { runtime: 'automatic' }],
-            '@babel/preset-typescript',
-        ],
-        plugins: ['@babel/plugin-proposal-class-properties'],
-    }
-}