@zohodesk/react-cli 0.0.1-beta.17 → 0.0.1-beta.171

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (292) hide show
  1. package/.eslintignore +1 -0
  2. package/.eslintrc.js +49 -10
  3. package/.prettierrc +6 -0
  4. package/CHANGELOG.md +5 -0
  5. package/README.md +859 -0
  6. package/bin/cli.js +215 -46
  7. package/cert/Tsicsezwild-22-23.crt +37 -0
  8. package/cert/Tsicsezwild-22-23.key +27 -0
  9. package/docs/CustomChunks.md +26 -0
  10. package/docs/DevStart.md +18 -0
  11. package/docs/HoverActive.md +12 -0
  12. package/docs/InstallNode.md +28 -0
  13. package/docs/TODOS.md +10 -0
  14. package/docs/ValueReplacer.md +60 -0
  15. package/docs/warnings_while_install.txt +35 -0
  16. package/files/eslintrc.js +62 -0
  17. package/files/prettierrc.js +3 -0
  18. package/lib/babel/cmjs-plugins-presets.js +24 -0
  19. package/lib/babel/es-plugins-presets.js +34 -0
  20. package/lib/common/getEntries.js +33 -46
  21. package/lib/common/getPublicPathConfig.js +40 -0
  22. package/lib/common/index.js +24 -19
  23. package/lib/common/splitChunks.js +110 -25
  24. package/lib/common/sslcertUpdater.js +59 -0
  25. package/lib/common/templateParameters.js +25 -0
  26. package/lib/common/testPattern.js +69 -0
  27. package/lib/common/valueReplacer.js +55 -0
  28. package/lib/configs/jest.config.js +31 -27
  29. package/lib/configs/libAlias.js +31 -0
  30. package/lib/configs/webpack.component.umd.config.js +46 -53
  31. package/lib/configs/webpack.css.umd.config.js +47 -46
  32. package/lib/configs/webpack.dev.config.js +99 -84
  33. package/lib/configs/webpack.docs.config.js +65 -57
  34. package/lib/configs/webpack.impact.config.js +109 -0
  35. package/lib/configs/webpack.prod.config.js +147 -104
  36. package/lib/hooks/docsProptypeHook.js +32 -38
  37. package/lib/jest/commitedFilesResult.js +144 -71
  38. package/lib/jest/coverageCollector.js +68 -35
  39. package/lib/jest/jsonMaker.js +54 -0
  40. package/lib/jest/preProcessors/cssPreprocessor.js +16 -18
  41. package/lib/jest/preProcessors/jsPreprocessor.js +5 -6
  42. package/lib/jest/preProcessors/otherFilesPreprocessor.js +5 -6
  43. package/lib/jest/result.js +92 -42
  44. package/lib/jest/run.js +75 -28
  45. package/lib/jest/setup.js +103 -102
  46. package/lib/loaderUtils/configsAssetsLoaders.js +117 -0
  47. package/lib/loaderUtils/getCSSLoaders.js +113 -0
  48. package/lib/loaderUtils/getDevJsLoaders.js +35 -23
  49. package/lib/loaderUtils/index.js +14 -7
  50. package/lib/loaders/docsLoader.js +15 -15
  51. package/lib/loaders/docsPropsLoader.js +14 -17
  52. package/lib/loaders/fileBountryLoader.js +17 -0
  53. package/lib/loaders/fileLoader.js +47 -38
  54. package/lib/loaders/scriptInstrumentLoader.js +23 -20
  55. package/lib/loaders/selectorMappingLoader.js +75 -0
  56. package/lib/loaders/workerLoader.js +136 -0
  57. package/lib/middlewares/HMRMiddleware.js +90 -72
  58. package/lib/middlewares/SSTMiddleware.js +21 -0
  59. package/lib/pluginUtils/getDevPlugins.js +177 -30
  60. package/lib/pluginUtils/getDocsPlugins.js +36 -15
  61. package/lib/pluginUtils/getLibraryImactPlugins.js +23 -0
  62. package/lib/pluginUtils/getLibraryPlugins.js +8 -10
  63. package/lib/pluginUtils/getProdPlugins.js +244 -37
  64. package/lib/pluginUtils/getServerPlugins.js +8 -11
  65. package/lib/pluginUtils/getUMDCSSPlugins.js +14 -18
  66. package/lib/pluginUtils/getUMDComponentPlugins.js +14 -9
  67. package/lib/pluginUtils/index.js +36 -43
  68. package/lib/plugins/CdnChangePlugin.js +77 -0
  69. package/lib/plugins/CleanupStatsPlugin.js +28 -0
  70. package/lib/plugins/EFCPlugin.js +241 -0
  71. package/lib/plugins/EFCPlugin.md +6 -0
  72. package/lib/plugins/EFCTemplatePlugin.js +151 -0
  73. package/lib/plugins/I18NInjectIntoIndexPlugin.js +141 -0
  74. package/lib/plugins/I18nSplitPlugin/I18nDebugPlugin.js +60 -0
  75. package/lib/plugins/I18nSplitPlugin/I18nDependency.js +44 -0
  76. package/lib/plugins/I18nSplitPlugin/I18nDownlodLogic.js +266 -0
  77. package/lib/plugins/I18nSplitPlugin/I18nFilesEmitter.js +183 -0
  78. package/lib/plugins/I18nSplitPlugin/I18nKeysIdentifer.js +100 -0
  79. package/lib/plugins/I18nSplitPlugin/I18nSplit.md +95 -0
  80. package/lib/plugins/I18nSplitPlugin/README.md +25 -0
  81. package/lib/plugins/I18nSplitPlugin/index.js +185 -0
  82. package/lib/plugins/I18nSplitPlugin/utils/collectI18nKeys.js +64 -0
  83. package/lib/plugins/I18nSplitPlugin/utils/getI18nFileUrlPathTemplate.js +13 -0
  84. package/lib/plugins/I18nSplitPlugin/utils/getI18nKeysFormModules.js +26 -0
  85. package/lib/plugins/I18nSplitPlugin/utils/hashUtils.js +40 -0
  86. package/lib/plugins/I18nSplitPlugin/utils/index.js +31 -0
  87. package/lib/plugins/I18nSplitPlugin/utils/propertiesUtils.js +112 -0
  88. package/lib/plugins/ManifestPlugin.js +86 -0
  89. package/lib/plugins/ModuleStatsPlugin.js +98 -97
  90. package/lib/plugins/OptimizeJSPlugin.js +41 -0
  91. package/lib/plugins/PublicPathCallbackPlugin.js +63 -0
  92. package/lib/plugins/PublicPathChangePlugin.js +226 -0
  93. package/lib/plugins/ReportGeneratePlugin.js +181 -0
  94. package/lib/plugins/RequireVariablePublicPlugin.js +30 -0
  95. package/lib/plugins/ResourceHintsPlugin.js +67 -0
  96. package/lib/plugins/RtlSplitPlugin/OverwriteCssPathForRTL.js +80 -0
  97. package/lib/plugins/RtlSplitPlugin/RtlCssPlugin.js +82 -0
  98. package/lib/plugins/RtlSplitPlugin/RtrSplit.md +30 -0
  99. package/lib/plugins/RtlSplitPlugin/replaceCssDirTemplate.js +26 -0
  100. package/lib/plugins/ScriptInstrumentPlugin.js +22 -37
  101. package/lib/plugins/ServiceWorkerPlugin.js +107 -0
  102. package/lib/plugins/ShadowDOMSupportPlugin.js +270 -0
  103. package/lib/plugins/SourceMapHookPlugin.js +25 -59
  104. package/lib/plugins/TPHashMappingPlugin.js +67 -0
  105. package/lib/plugins/UglifyCSSPlugin.js +39 -0
  106. package/lib/plugins/UnusedFilesFindPlugin.js +150 -97
  107. package/lib/plugins/index.js +127 -37
  108. package/lib/plugins/libraryImpactPlugin.js +190 -0
  109. package/lib/plugins/webpackwatchrunplugin.js +26 -0
  110. package/lib/postcss-plugins/ExcludePlugin.js +23 -0
  111. package/lib/postcss-plugins/RTLSplitPlugin.js +138 -0
  112. package/lib/postcss-plugins/ValueReplacer.js +46 -0
  113. package/lib/postcss-plugins/__test__/hoverActivePlugin.spec.js +22 -0
  114. package/lib/postcss-plugins/__test__/test1Input.css +39 -0
  115. package/lib/postcss-plugins/__test__/test1Output.css +39 -0
  116. package/lib/postcss-plugins/hoverActivePlugin.js +368 -0
  117. package/lib/postcss-plugins/variableModifier.js +243 -0
  118. package/lib/schemas/index.js +541 -65
  119. package/lib/servers/clusterHubServer.js +22 -26
  120. package/lib/servers/devBuild.js +102 -0
  121. package/lib/servers/docsServer.js +3 -5
  122. package/lib/servers/docsServerCore.js +94 -79
  123. package/lib/servers/getCliPath.js +28 -0
  124. package/lib/servers/helpServer.js +19 -21
  125. package/lib/servers/httpsOptions.js +18 -0
  126. package/lib/servers/impactServer.js +123 -115
  127. package/lib/servers/mockserver.js +44 -0
  128. package/lib/servers/nowatchserver.js +200 -0
  129. package/lib/servers/scrServer.js +147 -0
  130. package/lib/servers/server.js +134 -132
  131. package/lib/servers/ssServer.js +106 -70
  132. package/lib/sh/reportPublish.sh +16 -10
  133. package/lib/templates/CoverageScriptTemplate.js +45 -18
  134. package/lib/templates/WMSTemplate.js +17 -18
  135. package/lib/templates/linterConstant.js +10 -0
  136. package/lib/utils/babelPresets.js +12 -4
  137. package/lib/utils/buildstats.html +148 -0
  138. package/lib/utils/clean.js +12 -11
  139. package/lib/utils/copy.js +16 -109
  140. package/lib/utils/copyTimezones.js +21 -0
  141. package/lib/utils/createEventStream.js +24 -19
  142. package/lib/utils/cssClassNameGenerate.js +77 -0
  143. package/lib/utils/cssURLReplacer.js +136 -0
  144. package/lib/utils/dependencyPostPublish.js +42 -0
  145. package/lib/utils/fileUtils.js +125 -0
  146. package/lib/utils/folderIterator.js +47 -0
  147. package/lib/utils/getComponents.js +126 -0
  148. package/lib/utils/getCurrentBranch.js +11 -17
  149. package/lib/utils/getDependenciesImpactList.js +151 -0
  150. package/lib/utils/getHash.js +26 -0
  151. package/lib/utils/getIp.js +20 -0
  152. package/lib/utils/getOptions.js +113 -28
  153. package/lib/utils/getServerURL.js +25 -8
  154. package/lib/utils/index.js +283 -68
  155. package/lib/utils/init.js +2 -2
  156. package/lib/utils/initPreCommitHook.js +47 -27
  157. package/lib/utils/jsonHelper.js +106 -0
  158. package/lib/utils/libraryImpactConfig.js +63 -0
  159. package/lib/utils/lint/addScripts.js +27 -0
  160. package/lib/utils/lint/checkExistingConfig.js +67 -0
  161. package/lib/utils/lint/copyConfigs.js +24 -0
  162. package/lib/utils/lint/index.js +54 -0
  163. package/lib/utils/lint/lintScripts.js +11 -0
  164. package/lib/utils/lint/lintSetup.js +31 -0
  165. package/lib/utils/lint/lintStagedPreCommitHook.js +7 -0
  166. package/lib/utils/lint/question.js +30 -0
  167. package/lib/utils/lintReporter.js +142 -0
  168. package/lib/utils/mailSender.js +16 -25
  169. package/lib/utils/pullOrigin.js +28 -0
  170. package/lib/utils/reinstallDependencies.js +133 -0
  171. package/lib/utils/removeAttributes.js +25 -23
  172. package/lib/utils/repoClone.js +59 -63
  173. package/lib/utils/request.js +64 -77
  174. package/lib/utils/resultSchema.json +73 -0
  175. package/lib/utils/rtl.js +59 -0
  176. package/lib/utils/setEnvVariables.js +13 -0
  177. package/lib/utils/ssTestHack.js +48 -0
  178. package/lib/utils/switchBranch.js +28 -0
  179. package/lib/utils/urlConcat.js +22 -0
  180. package/lib/utils/useExitCleanup.js +55 -0
  181. package/npm8.md +9 -0
  182. package/package.json +96 -64
  183. package/postpublish.js +6 -0
  184. package/templates/app/.eslintrc.js +140 -0
  185. package/templates/app/README.md +12 -12
  186. package/templates/app/app/index.html +24 -8
  187. package/templates/app/app/properties/ApplicationResources_en_US.properties +1 -1
  188. package/templates/app/app/properties/i18nkeys.json +3 -3
  189. package/templates/app/docs/all.html +69 -69
  190. package/templates/app/mockapi/index.js +18 -13
  191. package/templates/app/package.json +37 -17
  192. package/templates/app/src/actions/SampleActions/index.js +37 -0
  193. package/templates/app/src/actions/index.js +65 -0
  194. package/templates/app/src/appUrls.js +19 -0
  195. package/templates/app/src/components/Alert/Alert.js +134 -0
  196. package/templates/app/src/components/Alert/Alert.module.css +79 -0
  197. package/templates/app/src/components/FreezeLayer/FreezeLayer.css +37 -0
  198. package/templates/app/src/components/FreezeLayer/FreezeLayer.js +84 -0
  199. package/templates/app/src/components/Sample/Sample.module.css +11 -0
  200. package/templates/app/src/components/Sample/SampleList.js +61 -0
  201. package/templates/app/src/components/Slider/Slider.css +41 -0
  202. package/templates/app/src/components/Slider/Slider.js +55 -0
  203. package/templates/app/src/containers/AlertContainer/index.js +15 -0
  204. package/templates/app/src/containers/AppContainer/index.js +96 -0
  205. package/templates/app/src/containers/AppContainer/index.module.css +27 -0
  206. package/templates/app/src/containers/CustomMatch/index.js +65 -0
  207. package/templates/app/src/containers/DevTools/index.js +10 -0
  208. package/templates/app/src/containers/Header/index.js +67 -0
  209. package/templates/app/src/containers/Header/index.module.css +43 -0
  210. package/templates/app/src/containers/Redirect/index.js +63 -0
  211. package/templates/app/src/containers/Redirector/index.js +47 -0
  212. package/templates/app/src/containers/SampleListContainer/ListContainer.js +42 -0
  213. package/templates/app/src/containers/SampleListContainer/ListContainer.module.css +3 -0
  214. package/templates/app/src/historyChange.js +5 -0
  215. package/templates/app/src/index.html +10 -0
  216. package/templates/app/src/index.js +24 -0
  217. package/templates/app/src/middleware/PromiseMiddleware.js +59 -0
  218. package/templates/app/src/reducers/alertData.js +11 -0
  219. package/templates/app/src/reducers/index.js +6 -0
  220. package/templates/app/src/reducers/samples.js +19 -0
  221. package/templates/app/src/store/configureStore.dev.js +51 -0
  222. package/templates/app/src/store/configureStore.js +5 -0
  223. package/templates/app/src/store/configureStore.prod.js +26 -0
  224. package/templates/app/src/util/Common.js +5 -0
  225. package/templates/app/src/util/RequestAPI.js +132 -0
  226. package/templates/appold/README.md +12 -0
  227. package/templates/appold/app/index.html +8 -0
  228. package/templates/appold/app/properties/ApplicationResources_en_US.properties +1 -0
  229. package/templates/appold/app/properties/i18nkeys.json +3 -0
  230. package/templates/appold/docs/all.html +69 -0
  231. package/templates/appold/mockapi/index.js +13 -0
  232. package/templates/{app → appold}/mockapi/tickets.json +0 -0
  233. package/templates/appold/package.json +17 -0
  234. package/templates/appold/src/components/Text/Text.css +0 -0
  235. package/templates/appold/src/components/Text/Text.js +23 -0
  236. package/templates/appold/src/components/Text/__tests__/Text.spec.js +30 -0
  237. package/templates/appold/src/components/Text/docs/Text__default.docs.js +16 -0
  238. package/templates/appold/src/components/docs.js +1 -0
  239. package/templates/appold/src/components/index.js +5 -0
  240. package/templates/appold/src/index.js +13 -0
  241. package/templates/docs/all.html +1 -1
  242. package/templates/docs/component.html +110 -69
  243. package/templates/docs/components.html +221 -0
  244. package/templates/docs/css/component.css +12 -14
  245. package/templates/docs/css/componentTest.css +7 -0
  246. package/templates/docs/css/style.css +150 -206
  247. package/templates/docs/impactReportTemplate.html +154 -0
  248. package/templates/docs/index.html +1482 -1336
  249. package/templates/library/src/index.js +0 -0
  250. package/.npmignore +0 -3
  251. package/cert/cert.pem +0 -129
  252. package/cert/key.pem +0 -27
  253. package/lib/common/getInsertAt.js +0 -36
  254. package/lib/common/getInsertIntoFunction.js +0 -13
  255. package/lib/configs/webpack.server.config.js +0 -93
  256. package/lib/plugins/ChunkManifestReplacePlugin.js +0 -94
  257. package/lib/plugins/RuntimePublicPathPlugin.js +0 -46
  258. package/lib/rmcntrlm.sh +0 -14
  259. package/lib/servers/nodeServer.js +0 -238
  260. package/lib/templates/HMRTemplate.js +0 -256
  261. package/lib/templates/publicPathTemplate.js +0 -16
  262. package/lib/utils/setConfig.js +0 -14
  263. package/node_modules/history/CHANGES.md +0 -395
  264. package/node_modules/history/DOMUtils.js +0 -3
  265. package/node_modules/history/ExecutionEnvironment.js +0 -3
  266. package/node_modules/history/LICENSE +0 -21
  267. package/node_modules/history/LocationUtils.js +0 -3
  268. package/node_modules/history/PathUtils.js +0 -3
  269. package/node_modules/history/README.md +0 -282
  270. package/node_modules/history/cjs/history.js +0 -933
  271. package/node_modules/history/cjs/history.min.js +0 -1
  272. package/node_modules/history/createBrowserHistory.js +0 -3
  273. package/node_modules/history/createHashHistory.js +0 -3
  274. package/node_modules/history/createMemoryHistory.js +0 -3
  275. package/node_modules/history/createTransitionManager.js +0 -3
  276. package/node_modules/history/es/DOMUtils.js +0 -7
  277. package/node_modules/history/es/ExecutionEnvironment.js +0 -7
  278. package/node_modules/history/es/LocationUtils.js +0 -7
  279. package/node_modules/history/es/PathUtils.js +0 -7
  280. package/node_modules/history/es/createBrowserHistory.js +0 -7
  281. package/node_modules/history/es/createHashHistory.js +0 -7
  282. package/node_modules/history/es/createMemoryHistory.js +0 -7
  283. package/node_modules/history/es/createTransitionManager.js +0 -7
  284. package/node_modules/history/es/warnAboutDeprecatedESMImport.js +0 -35
  285. package/node_modules/history/esm/history.js +0 -904
  286. package/node_modules/history/index.js +0 -7
  287. package/node_modules/history/package.json +0 -134
  288. package/node_modules/history/umd/history.js +0 -1059
  289. package/node_modules/history/umd/history.min.js +0 -1
  290. package/node_modules/history/warnAboutDeprecatedCJSRequire.js +0 -35
  291. package/templates/app/.npmignore +0 -9
  292. package/templates/library/.npmignore +0 -9
package/templates/docs/components.html ADDED
@@ -0,0 +1,221 @@
1
+ <!DOCTYPE html>
2
+ <html class="isRem" dir="ltr">
3
+ <head>
4
+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
+ <link rel="stylesheet" href="./css/component.css" />
7
+ <link rel="stylesheet" href="./css/componentTest.css" />
8
+ <link rel="stylesheet" href="/docs/css/main.css" />
9
+ </head>
10
+ <body>
11
+ <div id="react" class="ssTest appContainer"></div>
12
+ <div id="reactUserEdit"></div>
13
+ <script src="/docs/js/vendor.js" defer="true"></script>
14
+ <script src="/docs/js/main.js" defer="true"></script>
15
+ <script src="/docs/js/babel.min.js"></script>
16
+ <script type="text/babel">
17
+ var test = 'test';
18
+ var ReactDOM = Component.ReactDOM;
19
+ var React = Component.React;
20
+ var ReactDOMServer = Component.ReactDOMServer;
21
+ class RenderComponent extends React.Component {
22
+ constructor(props) {
23
+ super(props);
24
+ this.state = {
25
+ Components: Component,
26
+ isError: false,
27
+ selectedComponent:
28
+ location.hash != '' ? location.hash.substring(1) : null,
29
+ componentList: window.componentList
30
+ ? window.componentList
31
+ : Component,
32
+ };
33
+ this.hashChange = this.hashChange.bind(this);
34
+ }
35
+ hashChange() {
36
+ let parentFrameNode = parent.document.getElementById('loadingText');
37
+ this.setState(
38
+ {
39
+ selectedComponent:
40
+ location.hash != '' ? location.hash.substring(1) : null,
41
+ },
42
+ () => {
43
+ if (this.error) {
44
+ location.reload();
45
+ parentFrameNode
46
+ ? (parentFrameNode.style.display = 'block')
47
+ : (parentFrameNode.style.display = 'none');
48
+ this.error = false;
49
+ }
50
+ }
51
+ );
52
+ }
53
+
54
+ componentDidMount() {
55
+ window.addEventListener('hashchange', this.hashChange);
56
+ let parentFrameNode = parent.document.getElementById('loadingText');
57
+ if (parentFrameNode) parentFrameNode.style.display = 'none';
58
+ }
59
+
60
+ componentWillUnmount() {
61
+ window.removeEventListener('hashchange', this.hashChange);
62
+ }
63
+
64
+ componentDidCatch() {
65
+ this.error = true;
66
+ this.setState({ isError: this.error });
67
+ }
68
+ render() {
69
+ const { Components, selectedComponent, componentList } = this.state;
70
+ // var CLG=[]
71
+ // var complistGroup=Object.keys(componentList).map((item,i)=>{
72
+ // if(Array.isArray(componentList[item].docs.testProps)){
73
+ // CLG.push(item)
74
+ // }
75
+ // })
76
+ let msg = componentList[selectedComponent]
77
+ ? 'Sorry! for the inconvenience.'
78
+ : 'Sorry! Request URL not found.';
79
+ var ComponentClass =
80
+ selectedComponent && componentList[selectedComponent];
81
+ var keysSingleAr =
82
+ (ComponentClass &&
83
+ ComponentClass.docs &&
84
+ ComponentClass.docs.testProps &&
85
+ Object.keys(ComponentClass.docs.testProps)) ||
86
+ [];
87
+ var ErrorMessage = (
88
+ <div className={'emptyState'}>
89
+ <svg
90
+ x='0px'
91
+ y='0px'
92
+ viewBox='0 0 512 512'
93
+ style={{ enableBackground: 'new 0 0 512 512' }}
94
+ xmlSpace='preserve'
95
+ className={'smileIcon'}
96
+ >
97
+ <path
98
+ style={{ fill: '#f00' }}
99
+ d='M344.354,381.58c-1.33-1.651-33.207-40.458-88.354-40.458
100
+ c-55.832,0-87.972,39.974-88.29,40.378l-31.42-24.756c1.79-2.271,44.687-55.622,119.71-55.622s117.92,53.352,119.71,55.622
101
+ L344.29,381.5L344.354,381.58z M437.02,437.02C485.371,388.668,512,324.38,512,256s-26.629-132.667-74.98-181.02
102
+ C388.667,26.629,324.38,0,256,0S123.333,26.629,74.98,74.98C26.629,123.333,0,187.62,0,256s26.629,132.668,74.98,181.02
103
+ C123.333,485.371,187.62,512,256,512S388.667,485.371,437.02,437.02z M472,256c0,119.103-96.897,216-216,216S40,375.103,40,256
104
+ S136.897,40,256,40S472,136.897,472,256z M168,212.122c17.673,0,32-14.327,32-32s-14.327-32-32-32s-32,14.327-32,32
105
+ S150.327,212.122,168,212.122z M344,212.122c17.673,0,32-14.327,32-32s-14.327-32-32-32s-32,14.327-32,32
106
+ S326.327,212.122,344,212.122z'
107
+ />
108
+ </svg>
109
+ <div>{msg}</div>
110
+ </div>
111
+ );
112
+ let renderElement = (
113
+ <div className='root' id='root'>
114
+ {this.state.isError || componentList[selectedComponent] ? (
115
+ <ComponentClass {...ComponentClass.docs.testProps} />
116
+ ) : (
117
+ ErrorMessage
118
+ )}
119
+ </div>
120
+ );
121
+
122
+ return componentList._provider ? (
123
+ <componentList._provider>
124
+ {this.state.isError ? ErrorMessage : renderElement}
125
+ </componentList._provider>
126
+ ) : this.state.isError ? (
127
+ ErrorMessage
128
+ ) : (
129
+ renderElement
130
+ );
131
+ }
132
+ }
133
+ var compList;
134
+ var componentList = {};
135
+ var compGroupObj = function (comp, key, compGroup) {
136
+ if (
137
+ comp == 'React' ||
138
+ comp == 'ReactDOM' ||
139
+ comp == 'renderToStaticMarkup'
140
+ ) {
141
+ return;
142
+ }
143
+ if (comp == 'default') {
144
+ componentList[key] = compGroup[comp];
145
+ return componentList;
146
+ } else {
147
+ componentList[comp] = compGroup[comp];
148
+ return componentList;
149
+ }
150
+ };
151
+ Promise.all(
152
+ Object.keys(Component).map((key) => {
153
+ let componentKey = Component[key];
154
+ if (
155
+ key == 'React' ||
156
+ key == 'ReactDOM' ||
157
+ key == 'renderToStaticMarkup'
158
+ ) {
159
+ return;
160
+ }
161
+ try {
162
+ return (
163
+ componentKey &&
164
+ componentKey.then((res) => {
165
+ Object.keys(res).forEach((comp) => {
166
+ let compGroup = res[comp];
167
+ Object.keys(compGroup).forEach((comps) => {
168
+ compList = compGroupObj(comps, key, compGroup);
169
+ return compList;
170
+ });
171
+ });
172
+ })
173
+ );
174
+ } catch (error) {
175
+ return Component;
176
+ }
177
+ })
178
+ ).then(() => {
179
+ Object.keys(componentList).length > 1
180
+ ? (window.componentList = componentList)
181
+ : (window.componentList = Component);
182
+ ReactDOM.render(<RenderComponent />, react, () => {
183
+ let attr = document.createAttribute('id');
184
+ attr.value = 'check';
185
+ let node = document.createElement('DIV');
186
+ node.setAttributeNode(attr);
187
+ document.getElementById('root').appendChild(node);
188
+ });
189
+ });
190
+ </script>
191
+
192
+ <script type="text/javascript">
193
+ var err = null;
194
+ var comName = '';
195
+ var findErr = (window.onerror = function (e, line) {
196
+ err = e;
197
+ comName = window.location.hash.substr(1);
198
+ });
199
+ var funct = function () {
200
+ return { error: err, name: comName };
201
+ };
202
+
203
+ let hideCursorBlink = function (documentElement) {
204
+ var style = documentElement.createElement('style');
205
+ style.innerText =
206
+ '[contenteditable], input,textarea {color: transparent ! important; text-shadow: 0 0 0 black ! important;}';
207
+ documentElement.head.append(style);
208
+ };
209
+
210
+ let hideAllCursorBlink = function (documentElement) {
211
+ hideCursorBlink(documentElement);
212
+ var frameElements = documentElement.getElementsByTagName('iframe');
213
+ for (i = 0; i < frameElements.length; i++) {
214
+ if (frameElements[i].contentDocument) {
215
+ hideAllCursorBlink(frameElements[i].contentDocument);
216
+ }
217
+ }
218
+ };
219
+ </script>
220
+ </body>
221
+ </html>
package/templates/docs/css/component.css CHANGED
@@ -1,9 +1,3 @@
1
- .ssTest *, .ssTest *:before, .ssTest *:after {
2
- transition: all 0s !important;
3
- transition-delay: 0s !important;
4
- animation-delay: 0s !important;
5
- animation-duration: 0s !important;
6
- }
7
1
  .comps {
8
2
  padding: 10px;
9
3
  max-width: 100%;
@@ -14,19 +8,20 @@
14
8
  height: 100vh;
15
9
  width: 100vw;
16
10
  display: flex;
17
- flex-direction: row;
18
11
  }
19
12
  .root {
20
- flex-grow: 1;
21
- min-height: 0;
22
- min-width: 0;
13
+ flex-grow: 1;
14
+ min-height: 0;
15
+ min-width: 0;
23
16
  overflow-y: auto;
24
17
  }
25
18
  .emptyState{
26
19
  display: flex;
27
20
  flex-direction: column;
28
- align-items: center;justify-content: center;
21
+ align-items: center;
22
+ justify-content: center;
29
23
  height:100%;
24
+ width: 100%;
30
25
  }
31
26
  .smileIcon{
32
27
  width: 60px;
@@ -34,11 +29,14 @@
34
29
  }
35
30
  body {
36
31
  overflow: hidden;
32
+ margin: 0;
33
+ }
34
+ html.isRem{
35
+ font-size: 16px
37
36
  }
38
-
39
- html.isRem{font-size: 16px}
40
37
  @media only screen and (min-width: 100em) {
41
38
  html.isRem {
42
- font-size: calc(100vw / 110);
39
+ font-size: calc(0.875em + 0.25 * (100vw - 28.75em) / 91.25);
40
+ font-size: -webkit-calc(87.5% + 0.25 * (100vw - 28.75em) / 91.25);
43
41
  }
44
42
  }
package/templates/docs/css/componentTest.css ADDED
@@ -0,0 +1,7 @@
1
+ *, *:before,*:after {
2
+ transition: all 0s !important;
3
+ transition-delay: 0s !important;
4
+ animation-delay: 0s !important;
5
+ animation-duration: 0s !important;
6
+ opacity: 1 !important;
7
+ }