\n \n {}}\n />\n {name}\n
\n {valid && {description}}\n \n \n \n \n \n {!valid && (\n \n {message}\n \n )}\n
\n \n )\n}\n\nListItem.defaultProps = {\n message: '',\n}\n\nListItem.propTypes = {\n id: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n description: PropTypes.string.isRequired,\n valid: PropTypes.bool.isRequired,\n message: PropTypes.string,\n onChange: PropTypes.func.isRequired,\n selected: PropTypes.bool.isRequired,\n}\n\nexport default ListItem\n","import PropTypes from 'prop-types'\nimport React from 'react'\n\nimport ListItem from './ListItem'\nimport {IconChevronRight} from '../../icons'\n\nfunction ListGroup({\n group,\n items,\n itemsSelected,\n isClose,\n add,\n remove,\n toggle,\n}) {\n const toggleGroup = event => {\n event.preventDefault()\n toggle(group)\n }\n const onKeyDown = event => {\n const keyPressed = event.key\n if (keyPressed === 'Enter' || keyPressed === ' ') {\n toggleGroup(event)\n }\n }\n const isItemSelected = item => {\n return !!itemsSelected.find(o => o === item.id)\n }\n return (\n \n
\n {!isClose && (\n
\n {items.map(item => (\n {\n if (value) {\n add(item.id)\n } else {\n remove(item.id)\n }\n }}\n />\n ))}\n
\n )}\n
\n {get(dependencies, 'groups').map(group => {\n return (\n {\n dispatchInitializr({\n type: 'ADD_DEPENDENCY',\n payload: { id },\n })\n }}\n remove={id => {\n dispatchInitializr({\n type: 'REMOVE_DEPENDENCY',\n payload: { id },\n })\n }}\n toggle={id => {\n dispatch({\n type: 'TOGGLE_GROUP',\n payload: { id },\n })\n }}\n itemsSelected={get(values, 'dependencies', [])}\n isClose={groupsOpened.indexOf(group.group) < 0}\n items={group.items}\n />\n )\n })}\n
\n )\n}\n\nexport default List\n","import PropTypes from 'prop-types'\nimport React from 'react'\n\nconst Header = ({ children }) => (\n \n)\n\nHeader.defaultProps = {\n children: null,\n}\n\nHeader.propTypes = {\n children: PropTypes.node,\n}\n\nexport default Header\n","import get from 'lodash.get'\nimport React, {useContext, useEffect, useRef, useState} from 'react'\nimport {CSSTransition, TransitionGroup} from 'react-transition-group'\n\nimport {AppContext} from '../../reducer/App'\nimport {IconCaretDown, IconHelp,IconFile} from '../icons'\nimport {Switch} from '../form'\n\nconst QuickLinks = () => {\n const {theme, dispatch, language} = useContext(AppContext)\n const [help, setHelp] = useState(false)\n const wrapper = useRef(null)\n const toggleTheme = () => {\n const newTheme = theme === 'dark' ? 'light' : 'dark'\n dispatch({\n type: 'UPDATE',\n payload: {\n theme: newTheme,\n },\n })\n }\n const toggleLanguage = () => {\n const newLanguage = language === 'en' ? 'zh' : 'en'\n dispatch({\n type: 'UPDATE',\n payload: {\n language: newLanguage,\n },\n })\n }\n useEffect(() => {\n const clickOutside = event => {\n const children = get(wrapper, 'current')\n if (children && !children.contains(event.target)) {\n setHelp(false)\n }\n }\n document.addEventListener('mousedown', clickOutside)\n return () => {\n document.removeEventListener('mousedown', clickOutside)\n }\n }, [setHelp])\n\n /*\n \n \n \n {language === 'en' ? 'English' : '中文'}\n \n \n */\n return (\n \n - \n \n \n {theme === 'dark' ? '深色' : '浅色'} 主题\n \n
\n - \n \n \n 阿里巴巴微服务生态\n \n
\n - \n {\n e.preventDefault()\n setHelp(!help)\n }}\n ref={wrapper}\n >\n \n 帮助信息\n \n \n\n \n {help && (\n \n
\n - \n \n Spring Projects\n \n
\n - \n \n Spring Cloud\n \n
\n - \n \n Spring Cloud Alibaba\n \n
\n
\n \n )}\n \n \n
\n )\n}\n\nexport default QuickLinks\n","import PropTypes from 'prop-types'\nimport React from 'react'\n\nimport Header from './Header'\nimport QuickLinks from './QuickLinks'\n\nconst Layout = ({ children }) => (\n <>\n \n {children}\n \n)\n\nLayout.propTypes = {\n children: PropTypes.node.isRequired,\n}\n\nexport default Layout\n","import PropTypes from 'prop-types'\nimport React from 'react'\n\nconst Footer = ({ children }) => (\n \n
\n
\n {children && (\n
\n )}\n
\n
\n
\n
\n
\n
{\n event.preventDefault()\n dispatch({\n type: 'CLEAR_WARNINGS',\n })\n }}\n >\n \n \n The following attributes could not be handled:\n \n {get(warnings, 'project') && (\n - \n {get(warnings, 'project.value')} is not a\n valid project type,{' '}\n {get(warnings, 'project.select')} has been\n selected.\n
\n )}\n {get(warnings, 'language') && (\n - \n {get(warnings, 'language.value')} is not a\n valid language,{' '}\n {get(warnings, 'language.select')} has been\n selected.\n
\n )}\n {get(warnings, 'boot') && (\n - \n Spring Boot {get(warnings, 'boot.value')} is\n not available, {get(warnings, 'boot.select')}{' '}\n has been selected.\n
\n )}\n {get(warnings, 'meta.java') && (\n - \n {get(warnings, 'meta.java.value')} is not a\n valid Java version,{' '}\n {get(warnings, 'meta.java.select')} has been\n selected.\n
\n )}\n {get(warnings, 'meta.packaging') && (\n - \n {get(warnings, 'meta.packaging.value')} is\n not a valid packaging,{' '}\n {get(warnings, 'meta.packaging.select')} has\n been selected.\n
\n )}\n {get(warnings, 'dependencies') && (\n - \n The following dependencies are not supported:{' '}\n {get(warnings, 'dependencies.value')}.\n
\n )}\n
\n \n
\n
+
Microservice Ecosystem Landscape
+
+
+
+
+
+
+
diff --git a/initializer-page/public/ecosystem.html b/initializer-page/public/ecosystem.html
new file mode 100644
index 0000000..a967026
--- /dev/null
+++ b/initializer-page/public/ecosystem.html
@@ -0,0 +1,39 @@
+
+
+
+
+
+
+
+
+ 阿里巴巴微服务生态
+
+
+
+
+
+
+
微服务生态全景图
+
+
+
+