├── .editorconfig ├── .eslintrc.js ├── .github └── workflows │ ├── npm-publish.yml │ └── npm-test.yml ├── .gitignore ├── .npmignore ├── .prettierignore ├── .prettierrc ├── CHANGELOG.md ├── LICENSE ├── README.md ├── babel.config.js ├── jest.config.js ├── package.json └── src ├── Registry.js ├── ViewBuilder.js ├── index.js └── tests ├── Remote.test.js └── ViewBuilder.test.js /.editorconfig: -------------------------------------------------------------------------------- 1 | # editorconfig.org 2 | 3 | root = true 4 | 5 | [*] 6 | charset = utf-8 7 | end_of_line = lf 8 | insert_final_newline = true 9 | indent_style = space 10 | indent_size = 2 11 | trim_trailing_whitespace = true 12 | 13 | [*.md] 14 | trim_trailing_whitespace = false 15 | -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- 1 | const fs = require('fs'); 2 | const path = require('path'); 3 | 4 | const prettierOptions = JSON.parse( 5 | fs.readFileSync(path.resolve(__dirname, '.prettierrc'), 'utf8'), 6 | ); 7 | 8 | module.exports = { 9 | parser: 'babel-eslint', 10 | extends: ['airbnb', 'prettier'], 11 | plugins: ['prettier', 'jsx-a11y'], 12 | env: { 13 | jest: true, 14 | browser: true, 15 | node: true, 16 | es6: true, 17 | }, 18 | parserOptions: { 19 | ecmaVersion: 6, 20 | sourceType: 'module', 21 | ecmaFeatures: { 22 | jsx: true, 23 | }, 24 | }, 25 | rules: { 26 | 'prettier/prettier': ['error', prettierOptions], 27 | 'arrow-body-style': [2, 'as-needed'], 28 | 'class-methods-use-this': 0, 29 | 'comma-dangle': [2, 'always-multiline'], 30 | 'import/imports-first': 0, 31 | 'import/newline-after-import': 0, 32 | 'import/no-dynamic-require': 0, 33 | 'import/no-extraneous-dependencies': 0, 34 | 'import/no-named-as-default': 0, 35 | 'import/no-unresolved': 2, 36 | 'import/no-webpack-loader-syntax': 0, 37 | 'import/prefer-default-export': 0, 38 | indent: [ 39 | 2, 40 | 2, 41 | { 42 | SwitchCase: 1, 43 | }, 44 | ], 45 | 'jsx-a11y/aria-props': 2, 46 | 'jsx-a11y/heading-has-content': 0, 47 | 'jsx-a11y/label-has-associated-control': [ 48 | 2, 49 | { 50 | // NOTE: If this error triggers, either disable it or add 51 | // your custom components, labels and attributes via these options 52 | // See https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/label-has-associated-control.md 53 | controlComponents: ['Input'], 54 | }, 55 | ], 56 | 'jsx-a11y/label-has-for': 0, 57 | 'jsx-a11y/mouse-events-have-key-events': 2, 58 | 'jsx-a11y/role-has-required-aria-props': 2, 59 | 'jsx-a11y/role-supports-aria-props': 2, 60 | 'max-len': 0, 61 | 'newline-per-chained-call': 0, 62 | 'no-confusing-arrow': 0, 63 | 'no-console': 1, 64 | 'no-unused-vars': 2, 65 | 'no-use-before-define': 0, 66 | 'prefer-template': 2, 67 | 'require-yield': 0, 68 | }, 69 | settings: { 70 | 'import/resolver': { 71 | webpack: { 72 | config: './/webpack/webpack.config.js', 73 | }, 74 | }, 75 | }, 76 | }; 77 | -------------------------------------------------------------------------------- /.github/workflows/npm-publish.yml: -------------------------------------------------------------------------------- 1 | name: npm-publish 2 | 3 | on: 4 | release: 5 | types: [created] 6 | 7 | jobs: 8 | build: 9 | runs-on: ubuntu-latest 10 | steps: 11 | - uses: actions/checkout@v2 12 | - uses: actions/setup-node@v1 13 | with: 14 | node-version: "12.x" 15 | registry-url: "https://registry.npmjs.org" 16 | 17 | - name: npm publish 18 | run: npm publish --access public 19 | env: 20 | NODE_AUTH_TOKEN: ${{secrets.NPM_AUTH_TOKEN}} -------------------------------------------------------------------------------- /.github/workflows/npm-test.yml: -------------------------------------------------------------------------------- 1 | name: npm-test 2 | on: ["push", "pull_request"] 3 | jobs: 4 | build: 5 | name: Build 6 | runs-on: ubuntu-latest 7 | steps: 8 | - uses: actions/checkout@v1 9 | - name: Use Node.js 10.x 10 | uses: actions/setup-node@v1 11 | with: 12 | node-version: 10.x 13 | - name: npm install, npm run test 14 | run: | 15 | npm install 16 | npm run test 17 | - name: Coveralls 18 | uses: coverallsapp/github-action@master 19 | with: 20 | github-token: ${{ secrets.GITHUB_TOKEN }} -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | bin 4 | build 5 | .history 6 | 7 | package-lock.json 8 | 9 | # Cruft 10 | .DS_Store 11 | npm-debug.log 12 | .idea 13 | .scannerwork 14 | lcov-report 15 | /.project 16 | **/__snapshots__/ 17 | coverage-final.json 18 | lcov.info 19 | test-report.json 20 | test-report.xml 21 | /.gradle/ 22 | npm-report.html 23 | coverage -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | .*.swp 2 | ._* 3 | .DS_Store 4 | .git 5 | .hg 6 | .npmrc 7 | .lock-wscript 8 | .svn 9 | .wafpickle-* 10 | config.gypi 11 | CVS 12 | npm-debug.log 13 | .gitattributes 14 | .prettierignore 15 | .prettierrc 16 | .watchmanconfig 17 | Jenkinsfile 18 | .eslintrc.js 19 | babel.config.js 20 | jsconfig.json 21 | publish.sh 22 | sonar* 23 | .editorconfig 24 | babel.config.js 25 | jest.config.js 26 | resultsProcessor.js 27 | sonar-project.properties 28 | lcov-report 29 | .babel.config.js 30 | coverage-final.json 31 | lcov.info 32 | test-report.xml 33 | coverage 34 | .github -------------------------------------------------------------------------------- /.prettierignore: -------------------------------------------------------------------------------- 1 | build/ 2 | node_modules/ 3 | internals 4 | package-lock.json 5 | yarn.lock 6 | package.json 7 | server 8 | dist/ -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "printWidth": 140, 3 | "tabWidth": 2, 4 | "useTabs": false, 5 | "semi": true, 6 | "singleQuote": true, 7 | "trailingComma": "all" 8 | } 9 | -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | # Changelog 2 | All notable changes to this project will be documented in this file. 3 | 4 | ## [Unreleased] 5 | 6 | ## [0.1.0] - 2020-07-07 7 | ### Added 8 | - This CHANGELOG file to hopefully serve as an evolving example of a 9 | standardized open source project CHANGELOG. -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | Apache License 2 | Version 2.0, January 2004 3 | http://www.apache.org/licenses/ 4 | 5 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 6 | 7 | 1. Definitions. 8 | 9 | "License" shall mean the terms and conditions for use, reproduction, 10 | and distribution as defined by Sections 1 through 9 of this document. 11 | 12 | "Licensor" shall mean the copyright owner or entity authorized by 13 | the copyright owner that is granting the License. 14 | 15 | "Legal Entity" shall mean the union of the acting entity and all 16 | other entities that control, are controlled by, or are under common 17 | control with that entity. For the purposes of this definition, 18 | "control" means (i) the power, direct or indirect, to cause the 19 | direction or management of such entity, whether by contract or 20 | otherwise, or (ii) ownership of fifty percent (50%) or more of the 21 | outstanding shares, or (iii) beneficial ownership of such entity. 22 | 23 | "You" (or "Your") shall mean an individual or Legal Entity 24 | exercising permissions granted by this License. 25 | 26 | "Source" form shall mean the preferred form for making modifications, 27 | including but not limited to software source code, documentation 28 | source, and configuration files. 29 | 30 | "Object" form shall mean any form resulting from mechanical 31 | transformation or translation of a Source form, including but 32 | not limited to compiled object code, generated documentation, 33 | and conversions to other media types. 34 | 35 | "Work" shall mean the work of authorship, whether in Source or 36 | Object form, made available under the License, as indicated by a 37 | copyright notice that is included in or attached to the work 38 | (an example is provided in the Appendix below). 39 | 40 | "Derivative Works" shall mean any work, whether in Source or Object 41 | form, that is based on (or derived from) the Work and for which the 42 | editorial revisions, annotations, elaborations, or other modifications 43 | represent, as a whole, an original work of authorship. For the purposes 44 | of this License, Derivative Works shall not include works that remain 45 | separable from, or merely link (or bind by name) to the interfaces of, 46 | the Work and Derivative Works thereof. 47 | 48 | "Contribution" shall mean any work of authorship, including 49 | the original version of the Work and any modifications or additions 50 | to that Work or Derivative Works thereof, that is intentionally 51 | submitted to Licensor for inclusion in the Work by the copyright owner 52 | or by an individual or Legal Entity authorized to submit on behalf of 53 | the copyright owner. For the purposes of this definition, "submitted" 54 | means any form of electronic, verbal, or written communication sent 55 | to the Licensor or its representatives, including but not limited to 56 | communication on electronic mailing lists, source code control systems, 57 | and issue tracking systems that are managed by, or on behalf of, the 58 | Licensor for the purpose of discussing and improving the Work, but 59 | excluding communication that is conspicuously marked or otherwise 60 | designated in writing by the copyright owner as "Not a Contribution." 61 | 62 | "Contributor" shall mean Licensor and any individual or Legal Entity 63 | on behalf of whom a Contribution has been received by Licensor and 64 | subsequently incorporated within the Work. 65 | 66 | 2. Grant of Copyright License. Subject to the terms and conditions of 67 | this License, each Contributor hereby grants to You a perpetual, 68 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 69 | copyright license to reproduce, prepare Derivative Works of, 70 | publicly display, publicly perform, sublicense, and distribute the 71 | Work and such Derivative Works in Source or Object form. 72 | 73 | 3. Grant of Patent License. Subject to the terms and conditions of 74 | this License, each Contributor hereby grants to You a perpetual, 75 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 76 | (except as stated in this section) patent license to make, have made, 77 | use, offer to sell, sell, import, and otherwise transfer the Work, 78 | where such license applies only to those patent claims licensable 79 | by such Contributor that are necessarily infringed by their 80 | Contribution(s) alone or by combination of their Contribution(s) 81 | with the Work to which such Contribution(s) was submitted. If You 82 | institute patent litigation against any entity (including a 83 | cross-claim or counterclaim in a lawsuit) alleging that the Work 84 | or a Contribution incorporated within the Work constitutes direct 85 | or contributory patent infringement, then any patent licenses 86 | granted to You under this License for that Work shall terminate 87 | as of the date such litigation is filed. 88 | 89 | 4. Redistribution. You may reproduce and distribute copies of the 90 | Work or Derivative Works thereof in any medium, with or without 91 | modifications, and in Source or Object form, provided that You 92 | meet the following conditions: 93 | 94 | (a) You must give any other recipients of the Work or 95 | Derivative Works a copy of this License; and 96 | 97 | (b) You must cause any modified files to carry prominent notices 98 | stating that You changed the files; and 99 | 100 | (c) You must retain, in the Source form of any Derivative Works 101 | that You distribute, all copyright, patent, trademark, and 102 | attribution notices from the Source form of the Work, 103 | excluding those notices that do not pertain to any part of 104 | the Derivative Works; and 105 | 106 | (d) If the Work includes a "NOTICE" text file as part of its 107 | distribution, then any Derivative Works that You distribute must 108 | include a readable copy of the attribution notices contained 109 | within such NOTICE file, excluding those notices that do not 110 | pertain to any part of the Derivative Works, in at least one 111 | of the following places: within a NOTICE text file distributed 112 | as part of the Derivative Works; within the Source form or 113 | documentation, if provided along with the Derivative Works; or, 114 | within a display generated by the Derivative Works, if and 115 | wherever such third-party notices normally appear. The contents 116 | of the NOTICE file are for informational purposes only and 117 | do not modify the License. You may add Your own attribution 118 | notices within Derivative Works that You distribute, alongside 119 | or as an addendum to the NOTICE text from the Work, provided 120 | that such additional attribution notices cannot be construed 121 | as modifying the License. 122 | 123 | You may add Your own copyright statement to Your modifications and 124 | may provide additional or different license terms and conditions 125 | for use, reproduction, or distribution of Your modifications, or 126 | for any such Derivative Works as a whole, provided Your use, 127 | reproduction, and distribution of the Work otherwise complies with 128 | the conditions stated in this License. 129 | 130 | 5. Submission of Contributions. Unless You explicitly state otherwise, 131 | any Contribution intentionally submitted for inclusion in the Work 132 | by You to the Licensor shall be under the terms and conditions of 133 | this License, without any additional terms or conditions. 134 | Notwithstanding the above, nothing herein shall supersede or modify 135 | the terms of any separate license agreement you may have executed 136 | with Licensor regarding such Contributions. 137 | 138 | 6. Trademarks. This License does not grant permission to use the trade 139 | names, trademarks, service marks, or product names of the Licensor, 140 | except as required for reasonable and customary use in describing the 141 | origin of the Work and reproducing the content of the NOTICE file. 142 | 143 | 7. Disclaimer of Warranty. Unless required by applicable law or 144 | agreed to in writing, Licensor provides the Work (and each 145 | Contributor provides its Contributions) on an "AS IS" BASIS, 146 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or 147 | implied, including, without limitation, any warranties or conditions 148 | of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A 149 | PARTICULAR PURPOSE. You are solely responsible for determining the 150 | appropriateness of using or redistributing the Work and assume any 151 | risks associated with Your exercise of permissions under this License. 152 | 153 | 8. Limitation of Liability. In no event and under no legal theory, 154 | whether in tort (including negligence), contract, or otherwise, 155 | unless required by applicable law (such as deliberate and grossly 156 | negligent acts) or agreed to in writing, shall any Contributor be 157 | liable to You for damages, including any direct, indirect, special, 158 | incidental, or consequential damages of any character arising as a 159 | result of this License or out of the use or inability to use the 160 | Work (including but not limited to damages for loss of goodwill, 161 | work stoppage, computer failure or malfunction, or any and all 162 | other commercial damages or losses), even if such Contributor 163 | has been advised of the possibility of such damages. 164 | 165 | 9. Accepting Warranty or Additional Liability. While redistributing 166 | the Work or Derivative Works thereof, You may choose to offer, 167 | and charge a fee for, acceptance of support, warranty, indemnity, 168 | or other liability obligations and/or rights consistent with this 169 | License. However, in accepting such obligations, You may act only 170 | on Your own behalf and on Your sole responsibility, not on behalf 171 | of any other Contributor, and only if You agree to indemnify, 172 | defend, and hold each Contributor harmless for any liability 173 | incurred by, or claims asserted against, such Contributor by reason 174 | of your accepting any such warranty or additional liability. 175 | 176 | END OF TERMS AND CONDITIONS 177 | 178 | APPENDIX: How to apply the Apache License to your work. 179 | 180 | To apply the Apache License to your work, attach the following 181 | boilerplate notice, with the fields enclosed by brackets "[]" 182 | replaced with your own identifying information. (Don't include 183 | the brackets!) The text should be enclosed in the appropriate 184 | comment syntax for the file format. We also recommend that a 185 | file or class name and description of purpose be included on the 186 | same "printed page" as the copyright notice for easier 187 | identification within third-party archives. 188 | 189 | Copyright [yyyy] [name of copyright owner] 190 | 191 | Licensed under the Apache License, Version 2.0 (the "License"); 192 | you may not use this file except in compliance with the License. 193 | You may obtain a copy of the License at 194 | 195 | http://www.apache.org/licenses/LICENSE-2.0 196 | 197 | Unless required by applicable law or agreed to in writing, software 198 | distributed under the License is distributed on an "AS IS" BASIS, 199 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 200 | See the License for the specific language governing permissions and 201 | limitations under the License. -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # @composiv/liveui-core 2 | 3 | LiveUI Banner 4 | 5 |

6 | 7 | 8 | GitHub license 9 | 10 | 11 | 12 | NPM Version 13 | 14 | 15 | 16 | Dependency Status 17 | 18 | 19 | 20 | devDependency Status 21 | 22 | 23 | 24 | PR's Welcome 25 | 26 |

27 | 28 | 29 | This package includes Registry and ViewBuilder used by LiveUI applications/packages. 30 | Please refer to its documentation: 31 | 32 | - [LiveUI Core](https://liveui.composiv.ai/docs/liveui-core) 33 | 34 | ## License 35 | This project is licensed under the Apache License, Version 2.0. See [LICENSE](https://github.com/composiv/liveui-core/blob/master/LICENSE) for the full license text. 36 | -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | [ 4 | '@babel/preset-env', 5 | { 6 | modules: false, 7 | }, 8 | ], 9 | '@babel/preset-react', 10 | ], 11 | plugins: [ 12 | '@babel/plugin-proposal-class-properties', 13 | '@babel/plugin-proposal-export-default-from', 14 | '@babel/plugin-proposal-export-namespace-from', 15 | '@babel/plugin-syntax-dynamic-import', 16 | ], 17 | env: { 18 | test: { 19 | plugins: ['@babel/plugin-transform-modules-commonjs', 'dynamic-import-node'], 20 | }, 21 | }, 22 | }; 23 | -------------------------------------------------------------------------------- /jest.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | coverageThreshold: { 3 | global: { 4 | statements: 80, 5 | branches: 80, 6 | functions: 80, 7 | lines: 80, 8 | }, 9 | }, 10 | coverageDirectory: 'coverage', 11 | collectCoverage: true, 12 | collectCoverageFrom: ['src/*.js', 'src/**/*.js', '!src/**/*.test.js', '!src/index.js'], 13 | coverageReporters: ['json', 'text', 'lcov'], 14 | moduleDirectories: ['node_modules', 'src'], 15 | testRegex: 'tests/.*\\.test\\.js$', 16 | }; 17 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "@composiv/liveui-core", 3 | "version": "0.1.0", 4 | "description": "LiveUI Core Library for managing remote components as microservices.", 5 | "main": "./src/index.js", 6 | "scripts": { 7 | "test": "jest --verbose", 8 | "lint": "npm run lint:js", 9 | "lint:eslint": "eslint --ignore-path .gitignore --ignore-pattern internals/scripts", 10 | "lint:eslint:fix": "eslint --ignore-path .gitignore --ignore-pattern internals/scripts --fix", 11 | "lint:js": "npm run lint:eslint -- . ", 12 | "lint:staged": "lint-staged", 13 | "prettify": "prettier --write" 14 | }, 15 | "repository": { 16 | "type": "git", 17 | "url": "https://github.com/composiv/liveui-core" 18 | }, 19 | "keywords": [ 20 | "composiv", 21 | "LiveUI", 22 | "Remote", 23 | "Microservices", 24 | "Containers", 25 | "Kubernetes", 26 | "Workflow" 27 | ], 28 | "author": "composiv", 29 | "license": "Apache-2.0", 30 | "lint-staged": { 31 | "*.js": [ 32 | "npm run lint:eslint:fix", 33 | "git add --force" 34 | ], 35 | "*.json": [ 36 | "prettier --write", 37 | "git add --force" 38 | ] 39 | }, 40 | "pre-commit": "lint:staged", 41 | "devDependencies": { 42 | "@babel/core": "^7.9.0", 43 | "@babel/plugin-proposal-class-properties": "^7.8.3", 44 | "@babel/plugin-proposal-export-default-from": "^7.8.3", 45 | "@babel/plugin-proposal-export-namespace-from": "^7.8.3", 46 | "@babel/plugin-syntax-dynamic-import": "^7.8.3", 47 | "@babel/plugin-transform-modules-commonjs": "^7.9.0", 48 | "@babel/preset-env": "^7.9.5", 49 | "@babel/preset-react": "^7.9.4", 50 | "babel-cli": "^6.26.0", 51 | "babel-eslint": "^10.1.0", 52 | "babel-jest": "^25.3.0", 53 | "babel-loader": "^8.1.0", 54 | "babel-plugin-add-module-exports": "^1.0.2", 55 | "babel-preset-es2015": "^6.24.1", 56 | "eslint": "^6.8.0", 57 | "eslint-config-airbnb": "^18.1.0", 58 | "eslint-config-prettier": "^6.10.0", 59 | "eslint-import-resolver-webpack": "^0.12.1", 60 | "eslint-plugin-import": "^2.20.2", 61 | "eslint-plugin-jsx-a11y": "^6.2.3", 62 | "eslint-plugin-prettier": "^3.1.3", 63 | "eslint-plugin-react": "^7.19.0", 64 | "jest": "^25.3.0", 65 | "lint-staged": "^8.1.1", 66 | "prettier": "^2.0.4" 67 | } 68 | } 69 | -------------------------------------------------------------------------------- /src/Registry.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright Composiv Inc and its affiliates 3 | * 4 | * Licensed under the Apache License, Version 2.0 (the "License"); 5 | * you may not use this file except in compliance with the License. 6 | * You may obtain a copy of the License at 7 | * 8 | * http://www.apache.org/licenses/LICENSE-2.0 9 | * 10 | * Unless required by applicable law or agreed to in writing, software 11 | * distributed under the License is distributed on an "AS IS" BASIS, 12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 13 | * See the License for the specific language governing permissions and 14 | * limitations under the License. 15 | */ 16 | 17 | /* eslint-disable no-underscore-dangle */ 18 | let externals = {}; 19 | let components = {}; 20 | 21 | let _renderer = function defaultRenderer() { 22 | throw new Error('There is no renderer. Please register a renderer for Open canvas using Registry.register...'); 23 | }; 24 | 25 | export function register(packages, externalComponents, externalRenderer) { 26 | externals = packages; 27 | components = externalComponents; 28 | _renderer = externalRenderer; 29 | } 30 | 31 | export function modules() { 32 | return externals; 33 | } 34 | 35 | export function getComponentUrl(name) { 36 | return components[name]; 37 | } 38 | 39 | export function renderer() { 40 | return _renderer; 41 | } 42 | 43 | export function require(module) { 44 | if (!(module in externals)) throw new Error(`Module not found: ${module}`); 45 | return externals[module]; 46 | } 47 | -------------------------------------------------------------------------------- /src/ViewBuilder.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright Composiv Inc and its affiliates 3 | * 4 | * Licensed under the Apache License, Version 2.0 (the "License"); 5 | * you may not use this file except in compliance with the License. 6 | * You may obtain a copy of the License at 7 | * 8 | * http://www.apache.org/licenses/LICENSE-2.0 9 | * 10 | * Unless required by applicable law or agreed to in writing, software 11 | * distributed under the License is distributed on an "AS IS" BASIS, 12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 13 | * See the License for the specific language governing permissions and 14 | * limitations under the License. 15 | */ 16 | 17 | import * as Registry from './Registry'; 18 | 19 | export function cleanFragment(fragment) { 20 | return fragment.replace(new RegExp("'use strict';", 'g'), "//'use strict';"); 21 | } 22 | 23 | export function build(fragment, onError) { 24 | try { 25 | if (!fragment || fragment.trim().length <= 0) { 26 | return onError('Empty template', -1, fragment); 27 | } 28 | 29 | // if (!fragment || fragment.indexOf('//console.log("no view named:') >= 0 || fragment.indexOf('SyntaxError') >= 0) { 30 | if (!fragment || fragment.indexOf('//console.log("no view named:') >= 0) { 31 | return onError('Syntax error in template', -2, fragment); 32 | } 33 | 34 | let component = null; 35 | if (fragment) { 36 | const functionBody = cleanFragment(fragment); 37 | // eslint-disable-next-line no-new-func 38 | component = new Function('module', 'exports', 'require', '_xprops', 'console', functionBody); 39 | } 40 | 41 | const exports = {}; 42 | const module = {}; 43 | try { 44 | component(module, exports, Registry.require, {}, console); 45 | const Component = module.exports.default || exports.default || module.exports; 46 | return Component; 47 | } catch (error) { 48 | return onError('Error rendering remote component', -3, error); 49 | } 50 | /* const Comp = props => { 51 | try { 52 | 53 | const Component = module.exports.default || exports.default; 54 | return Registry.renderer()(Component, props); 55 | } catch (error) { 56 | return onError('Error rendering remote component', -3, error); 57 | } 58 | }; 59 | return Component; 60 | */ 61 | } catch (error) { 62 | return onError('View build error', -100, error); 63 | } 64 | } 65 | -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright Composiv Inc and its affiliates 3 | * 4 | * Licensed under the Apache License, Version 2.0 (the "License"); 5 | * you may not use this file except in compliance with the License. 6 | * You may obtain a copy of the License at 7 | * 8 | * http://www.apache.org/licenses/LICENSE-2.0 9 | * 10 | * Unless required by applicable law or agreed to in writing, software 11 | * distributed under the License is distributed on an "AS IS" BASIS, 12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 13 | * See the License for the specific language governing permissions and 14 | * limitations under the License. 15 | */ 16 | 17 | import * as ViewBuilder from './ViewBuilder'; 18 | import * as Registry from './Registry'; 19 | 20 | let config; 21 | 22 | function initializeApp(_config) { 23 | config = _config; 24 | Registry.register(config.shares, config.remotes); 25 | } 26 | 27 | const liveui = { ViewBuilder, Registry, initializeApp, config }; 28 | 29 | export { ViewBuilder, Registry, initializeApp, config }; 30 | 31 | export default liveui; 32 | -------------------------------------------------------------------------------- /src/tests/Remote.test.js: -------------------------------------------------------------------------------- 1 | 2 | /** 3 | * Copyright Composiv Inc and its affiliates 4 | * 5 | * Licensed under the Apache License, Version 2.0 (the "License"); 6 | * you may not use this file except in compliance with the License. 7 | * You may obtain a copy of the License at 8 | * 9 | * http://www.apache.org/licenses/LICENSE-2.0 10 | * 11 | * Unless required by applicable law or agreed to in writing, software 12 | * distributed under the License is distributed on an "AS IS" BASIS, 13 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 14 | * See the License for the specific language governing permissions and 15 | * limitations under the License. 16 | */ 17 | 18 | import { renderer, register, modules, require, getComponentUrl } from '../Registry'; 19 | 20 | describe('remote', () => { 21 | test('register throw', () => { 22 | const register = jest.fn(); 23 | expect(register).toHaveBeenCalledTimes(0); 24 | }); 25 | 26 | it('modules', () => { 27 | const testExternals = {}; 28 | expect(modules()).toEqual(testExternals); 29 | }); 30 | 31 | it('renderer throw', () => { 32 | expect(renderer()).toThrow(); 33 | }); 34 | 35 | it('require throw', () => { 36 | const module = 'test2'; 37 | const externals = { test: 'test' }; 38 | 39 | function requireError() { 40 | require(module); 41 | } 42 | try { 43 | register(externals, requireError); 44 | expect(require(module)).toEqual(externals[module]); 45 | } catch (e) { 46 | expect(requireError).toThrowError(Error); 47 | } 48 | }); 49 | 50 | it('components', () => { 51 | const module = 'test'; 52 | const externals = { test: 'test' }; 53 | 54 | function requireError() { 55 | require(module); 56 | } 57 | register('module_name', externals, requireError); 58 | expect(getComponentUrl(module)).toEqual(externals[module]); 59 | }); 60 | it('require externals[module] ', () => { 61 | const module = 'test'; 62 | const externals = { test: 'test' }; 63 | 64 | function requireError() { 65 | require(module); 66 | } 67 | try { 68 | register(externals, requireError); 69 | expect(require(module, requireError)).toBe(externals[module]); 70 | } catch (e) { 71 | expect(requireError).toThrowError(Error); 72 | } 73 | }); 74 | 75 | it('register throw2', () => { 76 | const { shouldntBeExportedFn } = register; 77 | expect(register()).toEqual(shouldntBeExportedFn); 78 | }); 79 | }); 80 | -------------------------------------------------------------------------------- /src/tests/ViewBuilder.test.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright Composiv Inc and its affiliates 3 | * 4 | * Licensed under the Apache License, Version 2.0 (the "License"); 5 | * you may not use this file except in compliance with the License. 6 | * You may obtain a copy of the License at 7 | * 8 | * http://www.apache.org/licenses/LICENSE-2.0 9 | * 10 | * Unless required by applicable law or agreed to in writing, software 11 | * distributed under the License is distributed on an "AS IS" BASIS, 12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 13 | * See the License for the specific language governing permissions and 14 | * limitations under the License. 15 | */ 16 | 17 | import { cleanFragment, build } from '../ViewBuilder'; 18 | import * as Remote from '../Registry'; 19 | 20 | describe('viewbuilder', () => { 21 | const componentName = 'Module'; 22 | const fragment = { empty: '', name: "'use strict';", index: '//console.log("no view named:' }; 23 | const onError = function error() { 24 | return Function; 25 | }; 26 | 27 | it('fragment should clean', () => { 28 | expect(cleanFragment(fragment.name)).toBe("//'use strict';"); 29 | }); 30 | 31 | it('build trim case 1 ', () => { 32 | expect(build(fragment.empty, onError)); 33 | try { 34 | if (!fragment.empty || fragment.empty.trim().length <= 0) { 35 | expect(build(fragment.empty, onError)).toEqual(onError('Empty template', -1, fragment)); 36 | } 37 | } catch (error) { 38 | expect(build(fragment.empty, onError)).toEqual(onError('View build error', -100, error)); 39 | } 40 | }); 41 | 42 | it('build trim case 2 ', () => { 43 | expect(build(fragment.name, onError)); 44 | try { 45 | if (!fragment.name || fragment.name.trim().length <= 0) { 46 | expect(build(fragment.name, onError)).toEqual(onError('Empty template', -1, fragment)); 47 | } 48 | } catch (error) { 49 | expect(build(fragment.name, onError)).toEqual(onError('View build error', -100, error)); 50 | } 51 | }); 52 | 53 | it('build indexOf case 1 ', () => { 54 | expect(build(fragment.index, onError)); 55 | try { 56 | if (!fragment.index || fragment.index.indexOf(fragment.index) >= 0) { 57 | expect(build(fragment.index, onError)).toEqual(onError('Syntax error in template', -2, fragment)); 58 | } 59 | } catch (error) { 60 | expect(build(fragment.index, onError)).toEqual(onError('View build error', -100, error)); 61 | } 62 | }); 63 | 64 | it('build indexOf case 2', () => { 65 | expect(build(fragment.empty, onError)); 66 | try { 67 | if (!fragment.empty || fragment.empty.indexOf('//console.log("no view named:') >= 0) { 68 | expect(build(fragment.empty, onError)).toEqual(onError('Syntax error in template', -2, fragment)); 69 | } 70 | } catch (error) { 71 | expect(build(fragment.empty, onError)).toEqual(onError('View build error', -100, error)); 72 | } 73 | }); 74 | 75 | it('build tryCatch case 1', () => { 76 | try { 77 | expect(build(fragment.empty, 'onError')); 78 | } catch (error) { 79 | expect(build(fragment.name, onError)).toEqual(onError('View build error', -100, error)); 80 | } 81 | }); 82 | 83 | it('build fragment case 1', () => { 84 | expect(build(fragment.name, onError)); 85 | let component = null; 86 | 87 | try { 88 | if (fragment.name) { 89 | const functionBody = cleanFragment(fragment.name); 90 | component = jest 91 | .fn(() => 'default') 92 | .mockImplementationOnce(() => 'module') 93 | .mockImplementationOnce(() => 'exports') 94 | .mockImplementationOnce(() => 'require') 95 | .mockImplementationOnce(() => 'xprops') 96 | .mockImplementationOnce(() => 'console') 97 | .mockImplementationOnce(() => functionBody); 98 | } 99 | 100 | const exports = {}; 101 | const module = {}; 102 | try { 103 | component(module, exports, Remote.require, {}, console); 104 | 105 | const Component = module.exports[componentName] || module.exports.default || exports.default; 106 | expect(build(fragment.name, onError)).toBe(Component); 107 | } catch (error) { 108 | expect(build(fragment.name, onError)).toEqual(onError('Error rendering remote component', -3, error)); 109 | } 110 | } catch (error) { 111 | expect(build(fragment.name, onError)).toEqual(onError('View build error', -100, error)); 112 | } 113 | }); 114 | }); 115 | --------------------------------------------------------------------------------