From d0e71a496928758a1452abb1d3e9be6278101398 Mon Sep 17 00:00:00 2001 From: joseph izang Date: Tue, 29 Jun 2021 12:26:42 +0100 Subject: [PATCH] create skeleton of plugin manager in react --- libs/remix-ui/plugin-manager/.babelrc | 4 + libs/remix-ui/plugin-manager/.eslintrc | 248 ++++++++++++++++++ libs/remix-ui/plugin-manager/README.md | 7 + libs/remix-ui/plugin-manager/src/index.ts | 1 + .../src/lib/remix-ui-plugin-manager.css | 57 ++++ .../src/lib/remix-ui-plugin-manager.tsx | 16 ++ libs/remix-ui/plugin-manager/tsconfig.json | 16 ++ .../remix-ui/plugin-manager/tsconfig.lib.json | 13 + nx.json | 3 + tsconfig.base.json | 50 ++++ workspace.json | 19 ++ 11 files changed, 434 insertions(+) create mode 100644 libs/remix-ui/plugin-manager/.babelrc create mode 100644 libs/remix-ui/plugin-manager/.eslintrc create mode 100644 libs/remix-ui/plugin-manager/README.md create mode 100644 libs/remix-ui/plugin-manager/src/index.ts create mode 100644 libs/remix-ui/plugin-manager/src/lib/remix-ui-plugin-manager.css create mode 100644 libs/remix-ui/plugin-manager/src/lib/remix-ui-plugin-manager.tsx create mode 100644 libs/remix-ui/plugin-manager/tsconfig.json create mode 100644 libs/remix-ui/plugin-manager/tsconfig.lib.json create mode 100644 tsconfig.base.json diff --git a/libs/remix-ui/plugin-manager/.babelrc b/libs/remix-ui/plugin-manager/.babelrc new file mode 100644 index 0000000000..09d67939cc --- /dev/null +++ b/libs/remix-ui/plugin-manager/.babelrc @@ -0,0 +1,4 @@ +{ + "presets": ["@nrwl/react/babel"], + "plugins": [] +} diff --git a/libs/remix-ui/plugin-manager/.eslintrc b/libs/remix-ui/plugin-manager/.eslintrc new file mode 100644 index 0000000000..977f139a09 --- /dev/null +++ b/libs/remix-ui/plugin-manager/.eslintrc @@ -0,0 +1,248 @@ +{ + "rules": { + "array-callback-return": "warn", + "dot-location": ["warn", "property"], + "eqeqeq": ["warn", "smart"], + "new-parens": "warn", + "no-caller": "warn", + "no-cond-assign": ["warn", "except-parens"], + "no-const-assign": "warn", + "no-control-regex": "warn", + "no-delete-var": "warn", + "no-dupe-args": "warn", + "no-dupe-keys": "warn", + "no-duplicate-case": "warn", + "no-empty-character-class": "warn", + "no-empty-pattern": "warn", + "no-eval": "warn", + "no-ex-assign": "warn", + "no-extend-native": "warn", + "no-extra-bind": "warn", + "no-extra-label": "warn", + "no-fallthrough": "warn", + "no-func-assign": "warn", + "no-implied-eval": "warn", + "no-invalid-regexp": "warn", + "no-iterator": "warn", + "no-label-var": "warn", + "no-labels": ["warn", { "allowLoop": true, "allowSwitch": false }], + "no-lone-blocks": "warn", + "no-loop-func": "warn", + "no-mixed-operators": [ + "warn", + { + "groups": [ + ["&", "|", "^", "~", "<<", ">>", ">>>"], + ["==", "!=", "===", "!==", ">", ">=", "<", "<="], + ["&&", "||"], + ["in", "instanceof"] + ], + "allowSamePrecedence": false + } + ], + "no-multi-str": "warn", + "no-native-reassign": "warn", + "no-negated-in-lhs": "warn", + "no-new-func": "warn", + "no-new-object": "warn", + "no-new-symbol": "warn", + "no-new-wrappers": "warn", + "no-obj-calls": "warn", + "no-octal": "warn", + "no-octal-escape": "warn", + "no-redeclare": "warn", + "no-regex-spaces": "warn", + "no-restricted-syntax": ["warn", "WithStatement"], + "no-script-url": "warn", + "no-self-assign": "warn", + "no-self-compare": "warn", + "no-sequences": "warn", + "no-shadow-restricted-names": "warn", + "no-sparse-arrays": "warn", + "no-template-curly-in-string": "warn", + "no-this-before-super": "warn", + "no-throw-literal": "warn", + "no-restricted-globals": [ + "error", + "addEventListener", + "blur", + "close", + "closed", + "confirm", + "defaultStatus", + "defaultstatus", + "event", + "external", + "find", + "focus", + "frameElement", + "frames", + "history", + "innerHeight", + "innerWidth", + "length", + "location", + "locationbar", + "menubar", + "moveBy", + "moveTo", + "name", + "onblur", + "onerror", + "onfocus", + "onload", + "onresize", + "onunload", + "open", + "opener", + "opera", + "outerHeight", + "outerWidth", + "pageXOffset", + "pageYOffset", + "parent", + "print", + "removeEventListener", + "resizeBy", + "resizeTo", + "screen", + "screenLeft", + "screenTop", + "screenX", + "screenY", + "scroll", + "scrollbars", + "scrollBy", + "scrollTo", + "scrollX", + "scrollY", + "self", + "status", + "statusbar", + "stop", + "toolbar", + "top" + ], + "no-unexpected-multiline": "warn", + "no-unreachable": "warn", + "no-unused-expressions": [ + "error", + { + "allowShortCircuit": true, + "allowTernary": true, + "allowTaggedTemplates": true + } + ], + "no-unused-labels": "warn", + "no-useless-computed-key": "warn", + "no-useless-concat": "warn", + "no-useless-escape": "warn", + "no-useless-rename": [ + "warn", + { + "ignoreDestructuring": false, + "ignoreImport": false, + "ignoreExport": false + } + ], + "no-with": "warn", + "no-whitespace-before-property": "warn", + "react-hooks/exhaustive-deps": "warn", + "require-yield": "warn", + "rest-spread-spacing": ["warn", "never"], + "strict": ["warn", "never"], + "unicode-bom": ["warn", "never"], + "use-isnan": "warn", + "valid-typeof": "warn", + "no-restricted-properties": [ + "error", + { + "object": "require", + "property": "ensure", + "message": "Please use import() instead. More info: https://facebook.github.io/create-react-app/docs/code-splitting" + }, + { + "object": "System", + "property": "import", + "message": "Please use import() instead. More info: https://facebook.github.io/create-react-app/docs/code-splitting" + } + ], + "getter-return": "warn", + "import/first": "error", + "import/no-amd": "error", + "import/no-webpack-loader-syntax": "error", + "react/forbid-foreign-prop-types": ["warn", { "allowInPropTypes": true }], + "react/jsx-no-comment-textnodes": "warn", + "react/jsx-no-duplicate-props": "warn", + "react/jsx-no-target-blank": "warn", + "react/jsx-no-undef": "error", + "react/jsx-pascal-case": ["warn", { "allowAllCaps": true, "ignore": [] }], + "react/jsx-uses-react": "warn", + "react/jsx-uses-vars": "warn", + "react/no-danger-with-children": "warn", + "react/no-direct-mutation-state": "warn", + "react/no-is-mounted": "warn", + "react/no-typos": "error", + "react/react-in-jsx-scope": "error", + "react/require-render-return": "error", + "react/style-prop-object": "warn", + "react/jsx-no-useless-fragment": "warn", + "jsx-a11y/accessible-emoji": "warn", + "jsx-a11y/alt-text": "warn", + "jsx-a11y/anchor-has-content": "warn", + "jsx-a11y/anchor-is-valid": [ + "warn", + { "aspects": ["noHref", "invalidHref"] } + ], + "jsx-a11y/aria-activedescendant-has-tabindex": "warn", + "jsx-a11y/aria-props": "warn", + "jsx-a11y/aria-proptypes": "warn", + "jsx-a11y/aria-role": "warn", + "jsx-a11y/aria-unsupported-elements": "warn", + "jsx-a11y/heading-has-content": "warn", + "jsx-a11y/iframe-has-title": "warn", + "jsx-a11y/img-redundant-alt": "warn", + "jsx-a11y/no-access-key": "warn", + "jsx-a11y/no-distracting-elements": "warn", + "jsx-a11y/no-redundant-roles": "warn", + "jsx-a11y/role-has-required-aria-props": "warn", + "jsx-a11y/role-supports-aria-props": "warn", + "jsx-a11y/scope": "warn", + "react-hooks/rules-of-hooks": "error", + "default-case": "off", + "no-dupe-class-members": "off", + "no-undef": "off", + "@typescript-eslint/consistent-type-assertions": "warn", + "no-array-constructor": "off", + "@typescript-eslint/no-array-constructor": "warn", + "@typescript-eslint/no-namespace": "error", + "no-use-before-define": "off", + "@typescript-eslint/no-use-before-define": [ + "warn", + { + "functions": false, + "classes": false, + "variables": false, + "typedefs": false + } + ], + "no-unused-vars": "off", + "@typescript-eslint/no-unused-vars": [ + "warn", + { "args": "none", "ignoreRestSiblings": true } + ], + "no-useless-constructor": "off", + "@typescript-eslint/no-useless-constructor": "warn" + }, + "env": { + "browser": true, + "commonjs": true, + "es6": true, + "jest": true, + "node": true + }, + "settings": { "react": { "version": "detect" } }, + "plugins": ["import", "jsx-a11y", "react", "react-hooks"], + "extends": ["../../../.eslintrc"], + "ignorePatterns": ["!**/*"] +} diff --git a/libs/remix-ui/plugin-manager/README.md b/libs/remix-ui/plugin-manager/README.md new file mode 100644 index 0000000000..5cfa932a12 --- /dev/null +++ b/libs/remix-ui/plugin-manager/README.md @@ -0,0 +1,7 @@ +# remix-ui-plugin-manager + +This library was generated with [Nx](https://nx.dev). + +## Running unit tests + +Run `nx test remix-ui-plugin-manager` to execute the unit tests via [Jest](https://jestjs.io). diff --git a/libs/remix-ui/plugin-manager/src/index.ts b/libs/remix-ui/plugin-manager/src/index.ts new file mode 100644 index 0000000000..fe4343e6ef --- /dev/null +++ b/libs/remix-ui/plugin-manager/src/index.ts @@ -0,0 +1 @@ +export * from './lib/remix-ui-plugin-manager'; diff --git a/libs/remix-ui/plugin-manager/src/lib/remix-ui-plugin-manager.css b/libs/remix-ui/plugin-manager/src/lib/remix-ui-plugin-manager.css new file mode 100644 index 0000000000..51b5e0a64d --- /dev/null +++ b/libs/remix-ui/plugin-manager/src/lib/remix-ui-plugin-manager.css @@ -0,0 +1,57 @@ +.pluginSearch { + display: flex; + flex-direction: column; + align-items: center; + background-color: var(--light); + padding: 10px; + position: sticky; + top: 0; + z-index: 2; + margin-bottom: 0px; +} +.pluginSearchInput { + height: 38px; +} +.pluginSearchButton { + font-size: 13px; +} +.displayName { + width: 100%; + display: flex; + align-items: center; + justify-content: space-between; +} +.pluginIcon { + height: 0.7rem; + width: 0.7rem; + filter: invert(0.5); +} +.description { + font-size: 13px; + line-height: 18px; +} +.descriptiontext { + display: block; +} +.descriptiontext:first-letter { + text-transform: uppercase; +} +.row { + display: flex; + flex-direction: row; +} +.isStuck { + background-color: var(--primary); + /* color: */ +} +.versionWarning { + padding: 4px; + margin: 0 8px; + font-weight: 700; + font-size: 9px; + line-height: 12px; + text-transform: uppercase; + cursor: default; + border: 1px solid; + border-radius: 2px; +} diff --git a/libs/remix-ui/plugin-manager/src/lib/remix-ui-plugin-manager.tsx b/libs/remix-ui/plugin-manager/src/lib/remix-ui-plugin-manager.tsx new file mode 100644 index 0000000000..842bba98ff --- /dev/null +++ b/libs/remix-ui/plugin-manager/src/lib/remix-ui-plugin-manager.tsx @@ -0,0 +1,16 @@ +import React from 'react'; + +import './remix-ui-plugin-manager.css'; + +/* eslint-disable-next-line */ +export interface RemixUiPluginManagerProps {} + +export const RemixUiPluginManager = (props: RemixUiPluginManagerProps) => { + return ( +
+

Welcome to remix-ui-plugin-manager!

+
+ ); +}; + +export default RemixUiPluginManager; diff --git a/libs/remix-ui/plugin-manager/tsconfig.json b/libs/remix-ui/plugin-manager/tsconfig.json new file mode 100644 index 0000000000..d52e31ad74 --- /dev/null +++ b/libs/remix-ui/plugin-manager/tsconfig.json @@ -0,0 +1,16 @@ +{ + "extends": "../../../tsconfig.base.json", + "compilerOptions": { + "jsx": "react", + "allowJs": true, + "esModuleInterop": true, + "allowSyntheticDefaultImports": true + }, + "files": [], + "include": [], + "references": [ + { + "path": "./tsconfig.lib.json" + } + ] +} diff --git a/libs/remix-ui/plugin-manager/tsconfig.lib.json b/libs/remix-ui/plugin-manager/tsconfig.lib.json new file mode 100644 index 0000000000..b560bc4dec --- /dev/null +++ b/libs/remix-ui/plugin-manager/tsconfig.lib.json @@ -0,0 +1,13 @@ +{ + "extends": "./tsconfig.json", + "compilerOptions": { + "outDir": "../../../dist/out-tsc", + "types": ["node"] + }, + "files": [ + "../../../node_modules/@nrwl/react/typings/cssmodule.d.ts", + "../../../node_modules/@nrwl/react/typings/image.d.ts" + ], + "exclude": ["**/*.spec.ts", "**/*.spec.tsx"], + "include": ["**/*.js", "**/*.jsx", "**/*.ts", "**/*.tsx"] +} diff --git a/nx.json b/nx.json index a63c015d64..1f6ef9f80f 100644 --- a/nx.json +++ b/nx.json @@ -101,6 +101,9 @@ }, "remix-ui-checkbox": { "tags": [] + }, + "remix-ui-plugin-manager": { + "tags": [] } } } diff --git a/tsconfig.base.json b/tsconfig.base.json new file mode 100644 index 0000000000..fd6266ba13 --- /dev/null +++ b/tsconfig.base.json @@ -0,0 +1,50 @@ +{ + "compileOnSave": false, + "compilerOptions": { + "rootDir": ".", + "sourceMap": true, + "declaration": false, + "moduleResolution": "node", + "emitDecoratorMetadata": true, + "experimentalDecorators": true, + "importHelpers": true, + "target": "es2015", + "module": "commonjs", + "typeRoots": ["node_modules/@types"], + "lib": ["es2017", "es2019", "dom"], + "skipLibCheck": true, + "skipDefaultLibCheck": true, + "baseUrl": ".", + "paths": { + "@remix-project/remix-analyzer": ["dist/libs/remix-analyzer/index.js"], + "@remix-project/remix-astwalker": ["dist/libs/remix-astwalker/index.js"], + "@remix-project/remix-debug": ["dist/libs/remix-debug/src/index.js"], + "@remix-project/remix-lib": ["dist/libs/remix-lib/src/index.js"], + "@remix-project/remix-simulator": [ + "dist/libs/remix-simulator/src/index.js" + ], + "@remix-project/remix-solidity": ["dist/libs/remix-solidity/index.js"], + "@remix-project/remix-tests": ["dist/libs/remix-tests/src/index.js"], + "@remix-project/remix-url-resolver": [ + "dist/libs/remix-url-resolver/index.js" + ], + "@remixproject/debugger-plugin": ["apps/debugger/src/index.ts"], + "@remix-project/remixd": ["dist/libs/remixd/index.js"], + "@remix-ui/tree-view": ["libs/remix-ui/tree-view/src/index.ts"], + "@remix-ui/debugger-ui": ["libs/remix-ui/debugger-ui/src/index.ts"], + "@remix-ui/utils": ["libs/remix-ui/utils/src/index.ts"], + "@remix-ui/clipboard": ["libs/remix-ui/clipboard/src/index.ts"], + "@remix-project/remix-solidity-ts": ["libs/remix-solidity/src/index.ts"], + "@remix-ui/modal-dialog": ["libs/remix-ui/modal-dialog/src/index.ts"], + "@remix-ui/toaster": ["libs/remix-ui/toaster/src/index.ts"], + "@remix-ui/file-explorer": ["libs/remix-ui/file-explorer/src/index.ts"], + "@remix-ui/workspace": ["libs/remix-ui/workspace/src/index.ts"], + "@remix-ui/static-analyser": [ + "libs/remix-ui/static-analyser/src/index.ts" + ], + "@remix-ui/checkbox": ["libs/remix-ui/checkbox/src/index.ts"], + "@remix-ui/project-manager": ["libs/remix-ui/plugin-manager/src/index.ts"] + } + }, + "exclude": ["node_modules", "tmp"] +} diff --git a/workspace.json b/workspace.json index 5d2bf912c0..422d71f73e 100644 --- a/workspace.json +++ b/workspace.json @@ -760,6 +760,25 @@ } } } + }, + "remix-ui-plugin-manager": { + "root": "libs/remix-ui/plugin-manager", + "sourceRoot": "libs/remix-ui/plugin-manager/src", + "projectType": "library", + "schematics": {}, + "architect": { + "lint": { + "builder": "@nrwl/linter:lint", + "options": { + "linter": "eslint", + "tsConfig": ["libs/remix-ui/plugin-manager/tsconfig.lib.json"], + "exclude": [ + "**/node_modules/**", + "!libs/remix-ui/plugin-manager/**/*" + ] + } + } + } } }, "cli": {