├── .nvmrc
├── .npmrc
├── .yarnrc
├── packages
    ├── gen-idea-libs
    │   ├── .nvmrc
    │   ├── libTemplate.xml
    │   ├── package.json
    │   └── generate.js
    ├── kotlinc-js-api
    │   ├── .nvmrc
    │   ├── test
    │   │   ├── test-source.kt
    │   │   ├── reference.js.ref
    │   │   └── kotlin-compiler.test.js
    │   ├── README.md
    │   ├── package.json
    │   └── kotlin-compiler.js
    ├── react-scripts
    │   ├── .nvmrc
    │   ├── .npmignore
    │   ├── template
    │   │   ├── browserslistrc
    │   │   ├── src
    │   │   │   ├── index
    │   │   │   │   ├── index.css
    │   │   │   │   └── index.kt
    │   │   │   ├── app
    │   │   │   │   ├── App.css
    │   │   │   │   └── App.kt
    │   │   │   ├── logo
    │   │   │   │   ├── Logo.kt
    │   │   │   │   ├── Logo.css
    │   │   │   │   ├── kotlin.svg
    │   │   │   │   └── react.svg
    │   │   │   └── ticker
    │   │   │   │   └── Ticker.kt
    │   │   ├── public
    │   │   │   ├── favicon.ico
    │   │   │   ├── manifest.json
    │   │   │   └── index.html
    │   │   ├── gitignore
    │   │   └── README.md
    │   ├── fixtures
    │   │   └── kitchensink
    │   │   │   ├── src
    │   │   │       ├── features
    │   │   │       │   ├── webpack
    │   │   │       │   │   ├── assets
    │   │   │       │   │   │   ├── aFileWithExt.unknown
    │   │   │       │   │   │   ├── aFileWithoutExt
    │   │   │       │   │   │   ├── abstract.json
    │   │   │       │   │   │   ├── style.css
    │   │   │       │   │   │   ├── tiniest-cat.jpg
    │   │   │       │   │   │   └── logo.svg
    │   │   │       │   │   ├── CssInclusion.js
    │   │   │       │   │   ├── SvgInclusion.js
    │   │   │       │   │   ├── JsonInclusion.js
    │   │   │       │   │   ├── ImageInclusion.js
    │   │   │       │   │   ├── CssInclusion.test.js
    │   │   │       │   │   ├── SvgInclusion.test.js
    │   │   │       │   │   ├── JsonInclusion.test.js
    │   │   │       │   │   ├── ImageInclusion.test.js
    │   │   │       │   │   ├── NoExtInclusion.test.js
    │   │   │       │   │   ├── LinkedModules.js
    │   │   │       │   │   ├── NoExtInclusion.js
    │   │   │       │   │   ├── UnknownExtInclusion.test.js
    │   │   │       │   │   ├── UnknownExtInclusion.js
    │   │   │       │   │   └── LinkedModules.test.js
    │   │   │       │   ├── env
    │   │   │       │   │   ├── PublicUrl.js
    │   │   │       │   │   ├── ShellEnvVariables.js
    │   │   │       │   │   ├── PublicUrl.test.js
    │   │   │       │   │   ├── FileEnvVariables.test.js
    │   │   │       │   │   ├── ShellEnvVariables.test.js
    │   │   │       │   │   ├── NodePath.test.js
    │   │   │       │   │   ├── FileEnvVariables.js
    │   │   │       │   │   └── NodePath.js
    │   │   │       │   └── syntax
    │   │   │       │   │   ├── AsyncAwait.test.js
    │   │   │       │   │   ├── Generators.test.js
    │   │   │       │   │   ├── ArraySpread.test.js
    │   │   │       │   │   ├── ObjectSpread.test.js
    │   │   │       │   │   ├── RestAndDefault.test.js
    │   │   │       │   │   ├── RestParameters.test.js
    │   │   │       │   │   ├── ClassProperties.test.js
    │   │   │       │   │   ├── DefaultParameters.test.js
    │   │   │       │   │   ├── ArrayDestructuring.test.js
    │   │   │       │   │   ├── ComputedProperties.test.js
    │   │   │       │   │   ├── Promises.test.js
    │   │   │       │   │   ├── CustomInterpolation.test.js
    │   │   │       │   │   ├── ObjectDestructuring.test.js
    │   │   │       │   │   ├── DestructuringAndAwait.test.js
    │   │   │       │   │   ├── TemplateInterpolation.test.js
    │   │   │       │   │   ├── ClassProperties.js
    │   │   │       │   │   ├── ArrayDestructuring.js
    │   │   │       │   │   ├── AsyncAwait.js
    │   │   │       │   │   ├── ArraySpread.js
    │   │   │       │   │   ├── Generators.js
    │   │   │       │   │   ├── Promises.js
    │   │   │       │   │   ├── DefaultParameters.js
    │   │   │       │   │   ├── ObjectDestructuring.js
    │   │   │       │   │   ├── TemplateInterpolation.js
    │   │   │       │   │   ├── RestAndDefault.js
    │   │   │       │   │   ├── RestParameters.js
    │   │   │       │   │   ├── DestructuringAndAwait.js
    │   │   │       │   │   ├── ComputedProperties.js
    │   │   │       │   │   ├── ObjectSpread.js
    │   │   │       │   │   └── CustomInterpolation.js
    │   │   │       ├── subfolder
    │   │   │       │   └── lol.js
    │   │   │       ├── absoluteLoad.js
    │   │   │       ├── index.js
    │   │   │       └── App.js
    │   │   │   ├── .env.production
    │   │   │   ├── .env.development
    │   │   │   ├── .env.local
    │   │   │   ├── .flowconfig
    │   │   │   ├── .babelrc
    │   │   │   ├── .env
    │   │   │   ├── public
    │   │   │       ├── favicon.ico
    │   │   │       └── index.html
    │   │   │   ├── gitignore
    │   │   │   ├── .template.dependencies.json
    │   │   │   └── integration
    │   │   │       ├── webpack.test.js
    │   │   │       ├── env.test.js
    │   │   │       ├── initDOM.js
    │   │   │       └── syntax.test.js
    │   ├── scripts
    │   │   ├── get-types.js
    │   │   ├── gen-idea-libs.js
    │   │   ├── test.js
    │   │   ├── start.js
    │   │   ├── build.js
    │   │   └── init.js
    │   ├── template-idea
    │   │   ├── .idea
    │   │   │   ├── runConfigurations
    │   │   │   │   ├── Debug_in_Chrome.xml
    │   │   │   │   └── npm_start.xml
    │   │   │   ├── libraries
    │   │   │   │   ├── kotlinx_html_js.xml
    │   │   │   │   ├── kotlin_react.xml
    │   │   │   │   ├── kotlin_react_dom.xml
    │   │   │   │   ├── kotlin_extensions.xml
    │   │   │   │   └── KotlinJavaScript.xml
    │   │   │   └── modules.xml
    │   │   └── template-idea.iml
    │   ├── README.md
    │   ├── config
    │   │   ├── polyfills.js
    │   │   ├── env.js
    │   │   ├── paths.js
    │   │   └── webpackDevServer.config.js
    │   ├── bin
    │   │   └── react-scripts-kotlin.js
    │   └── package.json
    ├── ts2kt-automator
    │   ├── .nvmrc
    │   ├── package.json
    │   ├── README.md
    │   ├── index.js
    │   ├── test
    │   │   └── lib.test.js
    │   └── lib.js
    ├── create-react-kotlin-app
    │   ├── .nvmrc
    │   ├── README.md
    │   ├── package.json
    │   └── index.js
    └── kotlin-webpack-plugin
    │   ├── .nvmrc
    │   ├── .gitignore
    │   ├── example
    │       ├── index.html
    │       ├── main.kt
    │       └── webpack.config.js
    │   ├── dce-plugin.js
    │   ├── package.json
    │   ├── README.md
    │   └── libraries-lookup.js
├── .eslintignore
├── .idea
    ├── encodings.xml
    ├── vcs.xml
    ├── kotlinc.xml
    ├── codeStyles
    │   ├── codeStyleConfig.xml
    │   └── Project.xml
    ├── libraries
    │   ├── kotlinx_html_js.xml
    │   ├── kotlin_react.xml
    │   ├── kotlin_react_dom.xml
    │   ├── kotlin_extensions.xml
    │   └── KotlinJavaScript.xml
    ├── inspectionProfiles
    │   └── Project_Default.xml
    ├── modules.xml
    ├── create-react-kotlin-app.iml
    └── codeStyleSettings.xml
├── .github
    └── dependabot.yml
├── .gitignore
├── .eslintrc
├── lerna.json
├── LICENSE
├── CHANGELOG.md
├── tasks
    ├── replace-own-deps.js
    ├── release.sh
    ├── release-patch-versions.sh
    └── cra.sh
├── package.json
├── CODE_OF_CONDUCT.md
├── README-zh_cn.md
├── README-ko.md
└── README-ja.md


/.nvmrc:
--------------------------------------------------------------------------------
1 | v14.18.2
2 | 


--------------------------------------------------------------------------------
/.npmrc:
--------------------------------------------------------------------------------
1 | package-lock=false


--------------------------------------------------------------------------------
/.yarnrc:
--------------------------------------------------------------------------------
1 | --no-lockfile true
2 | 
3 | 


--------------------------------------------------------------------------------
/packages/gen-idea-libs/.nvmrc:
--------------------------------------------------------------------------------
1 | v14.18.2
2 | 


--------------------------------------------------------------------------------
/packages/kotlinc-js-api/.nvmrc:
--------------------------------------------------------------------------------
1 | v14.18.2
2 | 


--------------------------------------------------------------------------------
/packages/react-scripts/.nvmrc:
--------------------------------------------------------------------------------
1 | v14.18.2
2 | 


--------------------------------------------------------------------------------
/packages/react-scripts/.npmignore:
--------------------------------------------------------------------------------
1 | /fixtures
2 | 


--------------------------------------------------------------------------------
/packages/ts2kt-automator/.nvmrc:
--------------------------------------------------------------------------------
1 | v14.18.2
2 | 


--------------------------------------------------------------------------------
/packages/create-react-kotlin-app/.nvmrc:
--------------------------------------------------------------------------------
1 | v14.18.2
2 | 


--------------------------------------------------------------------------------
/packages/kotlin-webpack-plugin/.nvmrc:
--------------------------------------------------------------------------------
1 | v14.18.2
2 | 


--------------------------------------------------------------------------------
/packages/react-scripts/template/browserslistrc:
--------------------------------------------------------------------------------
1 | >1%


--------------------------------------------------------------------------------
/packages/kotlin-webpack-plugin/.gitignore:
--------------------------------------------------------------------------------
1 | kotlin_build
2 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/webpack/assets/aFileWithExt.unknown:
--------------------------------------------------------------------------------
1 | Whoooo, spooky!
2 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/webpack/assets/aFileWithoutExt:
--------------------------------------------------------------------------------
1 | This is just a file without an extension
2 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/.env.production:
--------------------------------------------------------------------------------
1 | REACT_APP_X = x-from-production-env
2 | REACT_APP_PRODUCTION = production
3 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/webpack/assets/abstract.json:
--------------------------------------------------------------------------------
1 | {
2 |   "abstract": "This is an abstract."
3 | }
4 | 


--------------------------------------------------------------------------------
/packages/react-scripts/template/src/index/index.css:
--------------------------------------------------------------------------------
1 | body {
2 |   margin: 0;
3 |   padding: 0;
4 |   font-family: sans-serif;
5 | }
6 | 


--------------------------------------------------------------------------------
/.eslintignore:
--------------------------------------------------------------------------------
1 | build
2 | kotlin_build
3 | my-app*
4 | node_modules/
5 | packages/react-scripts/fixtures
6 | packages/react-scripts/template
7 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/.env.development:
--------------------------------------------------------------------------------
1 | REACT_APP_X = x-from-development-env
2 | REACT_APP_DEVELOPMENT = development
3 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/.env.local:
--------------------------------------------------------------------------------
1 | REACT_APP_X = x-from-original-local-env
2 | REACT_APP_ORIGINAL_2 = override-from-original-local-env-2
3 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/.flowconfig:
--------------------------------------------------------------------------------
1 | [ignore]
2 | <PROJECT_ROOT>/node_modules/fbjs/.*
3 | 
4 | [include]
5 | 
6 | [libs]
7 | 
8 | [options]
9 | 


--------------------------------------------------------------------------------
/packages/react-scripts/scripts/get-types.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 | //All CLI arguments will pass into and parsed there
3 | require('@jetbrains/ts2kt-automator');
4 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 |   "presets": ["react-app"],
3 |   "plugins": ["babel-plugin-transform-es2015-modules-commonjs"]
4 | }
5 | 


--------------------------------------------------------------------------------
/packages/react-scripts/template/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JetBrains/create-react-kotlin-app/HEAD/packages/react-scripts/template/public/favicon.ico


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/webpack/assets/style.css:
--------------------------------------------------------------------------------
1 | #feature-css-inclusion {
2 |   background: palevioletred;
3 |   color: papayawhip;
4 | }
5 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/.env:
--------------------------------------------------------------------------------
1 | REACT_APP_X = x-from-original-env
2 | REACT_APP_ORIGINAL_1 = from-original-env-1
3 | REACT_APP_ORIGINAL_2 = from-original-env-2
4 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JetBrains/create-react-kotlin-app/HEAD/packages/react-scripts/fixtures/kitchensink/public/favicon.ico


--------------------------------------------------------------------------------
/.idea/encodings.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <project version="4">
3 |   <component name="Encoding">
4 |     <file url="PROJECT" charset="UTF-8" />
5 |   </component>
6 | </project>


--------------------------------------------------------------------------------
/.idea/vcs.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <project version="4">
3 |   <component name="VcsDirectoryMappings">
4 |     <mapping directory="" vcs="Git" />
5 |   </component>
6 | </project>


--------------------------------------------------------------------------------
/.github/dependabot.yml:
--------------------------------------------------------------------------------
 1 | version: 2
 2 | updates:
 3 | - package-ecosystem: npm
 4 |   directory: "/"
 5 |   schedule:
 6 |     interval: daily
 7 |     time: "10:00"
 8 |   open-pull-requests-limit: 10
 9 |   versioning-strategy: increase
10 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/webpack/assets/tiniest-cat.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JetBrains/create-react-kotlin-app/HEAD/packages/react-scripts/fixtures/kitchensink/src/features/webpack/assets/tiniest-cat.jpg


--------------------------------------------------------------------------------
/packages/kotlin-webpack-plugin/example/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <title>Example</title>
 6 | </head>
 7 | <body>
 8 |     <div id="app"></div>
 9 | </body>
10 | </html>


--------------------------------------------------------------------------------
/.idea/kotlinc.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <project version="4">
3 |   <component name="Kotlin2JsCompilerArguments">
4 |     <option name="sourceMapEmbedSources" />
5 |     <option name="sourceMapPrefix" />
6 |   </component>
7 | </project>


--------------------------------------------------------------------------------
/packages/kotlinc-js-api/test/test-source.kt:
--------------------------------------------------------------------------------
 1 | package test
 2 | 
 3 | import kotlinext.js.*
 4 | import react.*
 5 | 
 6 | fun main(args: Array<String>) {
 7 |     val el = createElement("test", js {}, "test")
 8 |     println(JSON.stringify(el))
 9 | }
10 | 


--------------------------------------------------------------------------------
/.idea/codeStyles/codeStyleConfig.xml:
--------------------------------------------------------------------------------
1 | <component name="ProjectCodeStyleConfiguration">
2 |   <state>
3 |     <option name="USE_PER_PROJECT_SETTINGS" value="true" />
4 |     <option name="PREFERRED_PROJECT_CODE_STYLE" value="Default" />
5 |   </state>
6 | </component>


--------------------------------------------------------------------------------
/packages/gen-idea-libs/libTemplate.xml:
--------------------------------------------------------------------------------
1 | <component name="libraryTable">
2 |     <library name="%name%" type="kotlin.js">
3 |         <CLASSES>
4 |             <root url="file://$PROJECT_DIR$/%classes%" />
5 |         </CLASSES>
6 |     </library>
7 | </component>
8 | 


--------------------------------------------------------------------------------
/.idea/libraries/kotlinx_html_js.xml:
--------------------------------------------------------------------------------
1 | <component name="libraryTable">
2 |   <library name="kotlinx-html-js" type="kotlin.js">
3 |     <CLASSES>
4 |       <root url="file://$PROJECT_DIR$/node_modules/kotlinx-html" />
5 |     </CLASSES>
6 |     <JAVADOC />
7 |     <SOURCES />
8 |   </library>
9 | </component>


--------------------------------------------------------------------------------
/.idea/inspectionProfiles/Project_Default.xml:
--------------------------------------------------------------------------------
1 | <component name="InspectionProjectProfileManager">
2 |   <profile version="1.0">
3 |     <option name="myName" value="Project Default" />
4 |     <inspection_tool class="Eslint" enabled="true" level="ERROR" enabled_by_default="true" />
5 |   </profile>
6 | </component>


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/gitignore:
--------------------------------------------------------------------------------
 1 | # See http://help.github.com/ignore-files/ for more about ignoring files.
 2 | 
 3 | # dependencies
 4 | node_modules
 5 | 
 6 | # testing
 7 | coverage
 8 | 
 9 | # production
10 | build
11 | 
12 | # misc
13 | .DS_Store
14 | .env
15 | npm-debug.log
16 | 


--------------------------------------------------------------------------------
/.idea/libraries/kotlin_react.xml:
--------------------------------------------------------------------------------
1 | <component name="libraryTable">
2 |   <library name="kotlin-react" type="kotlin.js">
3 |     <CLASSES>
4 |       <root url="file://$PROJECT_DIR$/node_modules/@jetbrains/kotlin-react/build/classes/main" />
5 |     </CLASSES>
6 |     <JAVADOC />
7 |     <SOURCES />
8 |   </library>
9 | </component>


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | *.tgz
 2 | .DS_Store
 3 | .idea/dictionaries/
 4 | .idea/misc.xml
 5 | .idea/watcherTasks.xml
 6 | .idea/workspace.xml
 7 | .vscode/
 8 | /.changelog
 9 | build
10 | lerna-debug.log
11 | my-app*
12 | node_modules/
13 | npm-debug.log*
14 | template/src/__tests__/__snapshots__/
15 | yarn-debug.log*
16 | yarn-error.log*
17 | 


--------------------------------------------------------------------------------
/packages/react-scripts/template-idea/.idea/runConfigurations/Debug_in_Chrome.xml:
--------------------------------------------------------------------------------
1 | <component name="ProjectRunConfigurationManager">
2 |   <configuration default="false" name="Debug in Chrome" type="JavascriptDebugType" factoryName="JavaScript Debug" uri="http://localhost:3000/">
3 |     <method />
4 |   </configuration>
5 | </component>


--------------------------------------------------------------------------------
/packages/react-scripts/template/src/app/App.css:
--------------------------------------------------------------------------------
 1 | body {
 2 |   text-align: center;
 3 | }
 4 | 
 5 | .App-header {
 6 |   background-color: #000;
 7 |   height: 160px;
 8 |   padding: 20px;
 9 |   color: white;
10 | }
11 | 
12 | .App-intro {
13 |   font-size: large;
14 | }
15 | 
16 | .App-ticker {
17 |   font-size: medium;
18 | }
19 | 


--------------------------------------------------------------------------------
/.idea/libraries/kotlin_react_dom.xml:
--------------------------------------------------------------------------------
1 | <component name="libraryTable">
2 |   <library name="kotlin-react-dom" type="kotlin.js">
3 |     <CLASSES>
4 |       <root url="file://$PROJECT_DIR$/node_modules/@jetbrains/kotlin-react-dom/build/classes/main" />
5 |     </CLASSES>
6 |     <JAVADOC />
7 |     <SOURCES />
8 |   </library>
9 | </component>


--------------------------------------------------------------------------------
/packages/react-scripts/template-idea/.idea/libraries/kotlinx_html_js.xml:
--------------------------------------------------------------------------------
1 | <component name="libraryTable">
2 |   <library name="kotlinx-html-js" type="kotlin.js">
3 |     <CLASSES>
4 |       <root url="file://$PROJECT_DIR$/node_modules/kotlinx-html" />
5 |     </CLASSES>
6 |     <JAVADOC />
7 |     <SOURCES />
8 |   </library>
9 | </component>


--------------------------------------------------------------------------------
/.idea/libraries/kotlin_extensions.xml:
--------------------------------------------------------------------------------
1 | <component name="libraryTable">
2 |   <library name="kotlin-extensions" type="kotlin.js">
3 |     <CLASSES>
4 |       <root url="file://$PROJECT_DIR$/node_modules/@jetbrains/kotlin-extensions/build/classes/main" />
5 |     </CLASSES>
6 |     <JAVADOC />
7 |     <SOURCES />
8 |   </library>
9 | </component>


--------------------------------------------------------------------------------
/.idea/modules.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <project version="4">
3 |   <component name="ProjectModuleManager">
4 |     <modules>
5 |       <module fileurl="file://$PROJECT_DIR$/.idea/create-react-kotlin-app.iml" filepath="$PROJECT_DIR$/.idea/create-react-kotlin-app.iml" />
6 |     </modules>
7 |   </component>
8 | </project>
9 | 


--------------------------------------------------------------------------------
/packages/react-scripts/template-idea/.idea/modules.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <project version="4">
3 |   <component name="ProjectModuleManager">
4 |     <modules>
5 |       <module fileurl="file://$PROJECT_DIR$/%appName%.iml" filepath="$PROJECT_DIR$/%appName%.iml" />
6 |     </modules>
7 |   </component>
8 | </project>
9 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/subfolder/lol.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | module.exports = function () {
 9 |   return `haha`;
10 | };
11 | 


--------------------------------------------------------------------------------
/packages/kotlin-webpack-plugin/example/main.kt:
--------------------------------------------------------------------------------
 1 | package example
 2 | 
 3 | import kotlinx.browser.document
 4 | import react.dom.*
 5 | 
 6 | fun main(args: Array<String>) {
 7 |     render(document.getElementById("app")) {
 8 |         span {
 9 |             key = "hello"
10 |             +"Hello"
11 |         }
12 |         +" World!"
13 |     }
14 | }
15 | 
16 | 


--------------------------------------------------------------------------------
/packages/react-scripts/template-idea/.idea/libraries/kotlin_react.xml:
--------------------------------------------------------------------------------
1 | <component name="libraryTable">
2 |   <library name="kotlin-react" type="kotlin.js">
3 |     <CLASSES>
4 |       <root url="file://$PROJECT_DIR$/node_modules/@jetbrains/kotlin-react/build/classes/main" />
5 |     </CLASSES>
6 |     <JAVADOC />
7 |     <SOURCES />
8 |   </library>
9 | </component>


--------------------------------------------------------------------------------
/.eslintrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "extends": "eslint:recommended",
 3 |   "env": {
 4 |     "browser": true,
 5 |     "commonjs": true,
 6 |     "node": true,
 7 |     "es6": true
 8 |   },
 9 |   "parserOptions": {
10 |     "ecmaVersion": 2018
11 |   },
12 |   "rules": {
13 |     "no-console": "off",
14 |     "strict": ["error", "global"],
15 |     "curly": "warn"
16 |   }
17 | }
18 | 


--------------------------------------------------------------------------------
/packages/create-react-kotlin-app/README.md:
--------------------------------------------------------------------------------
1 | # create-react-kotlin-app
2 | 
3 | This package includes the global command for [Create React Kotlin App](https://github.com/JetBrains/create-react-kotlin-app/).
4 | 
5 | To learn how to create apps in Kotlin using React, please refer to the [Getting Started Guide](https://github.com/JetBrains/create-react-kotlin-app/#quick-overview).


--------------------------------------------------------------------------------
/packages/react-scripts/README.md:
--------------------------------------------------------------------------------
1 | # react-scripts-kotlin
2 | 
3 | This package includes scripts and configuration used by [Create React Kotlin App](https://github.com/JetBrains/create-react-kotlin-app/).
4 | 
5 | To learn how to create apps in Kotlin using React, please refer to the [Getting Started Guide](https://github.com/JetBrains/create-react-kotlin-app/#quick-overview).


--------------------------------------------------------------------------------
/packages/react-scripts/template-idea/.idea/libraries/kotlin_react_dom.xml:
--------------------------------------------------------------------------------
1 | <component name="libraryTable">
2 |   <library name="kotlin-react-dom" type="kotlin.js">
3 |     <CLASSES>
4 |       <root url="file://$PROJECT_DIR$/node_modules/@jetbrains/kotlin-react-dom/build/classes/main" />
5 |     </CLASSES>
6 |     <JAVADOC />
7 |     <SOURCES />
8 |   </library>
9 | </component>


--------------------------------------------------------------------------------
/packages/react-scripts/template-idea/.idea/libraries/kotlin_extensions.xml:
--------------------------------------------------------------------------------
1 | <component name="libraryTable">
2 |   <library name="kotlin-extensions" type="kotlin.js">
3 |     <CLASSES>
4 |       <root url="file://$PROJECT_DIR$/node_modules/@jetbrains/kotlin-extensions/build/classes/main" />
5 |     </CLASSES>
6 |     <JAVADOC />
7 |     <SOURCES />
8 |   </library>
9 | </component>


--------------------------------------------------------------------------------
/packages/react-scripts/template/src/index/index.kt:
--------------------------------------------------------------------------------
 1 | package index
 2 | 
 3 | import app.*
 4 | import kotlinext.js.*
 5 | import kotlinx.browser.document
 6 | import react.dom.*
 7 | 
 8 | fun main(args: Array<String>) {
 9 |     requireAll(require.context("src", true, js("/\\.css$/")))
10 | 
11 |     render(document.getElementById("root")) {
12 |         app()
13 |     }
14 | }
15 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/.template.dependencies.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "dependencies": {
 3 |     "babel-register": "6.22.0",
 4 |     "babel-plugin-transform-es2015-modules-commonjs": "6.22.0",
 5 |     "babel-polyfill": "6.20.0",
 6 |     "chai": "3.5.0",
 7 |     "jsdom": "9.8.3",
 8 |     "mocha": "3.2.0",
 9 |     "prop-types": "15.5.6",
10 |     "test-integrity": "1.0.0"
11 |   }
12 | }
13 | 


--------------------------------------------------------------------------------
/.idea/libraries/KotlinJavaScript.xml:
--------------------------------------------------------------------------------
 1 | <component name="libraryTable">
 2 |   <library name="KotlinJavaScript" type="kotlin.js">
 3 |     <CLASSES>
 4 |       <root url="jar://$KOTLIN_BUNDLED$/lib/kotlin-stdlib-js.jar!/" />
 5 |     </CLASSES>
 6 |     <JAVADOC />
 7 |     <SOURCES>
 8 |       <root url="jar://$KOTLIN_BUNDLED$/lib/kotlin-stdlib-js-sources.jar!/" />
 9 |     </SOURCES>
10 |   </library>
11 | </component>


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/public/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1">
 6 |     <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
 7 |     <title>React App</title>
 8 |   </head>
 9 |   <body>
10 |     <div id="root"></div>
11 |   </body>
12 | </html>
13 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/absoluteLoad.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | export default () => [
 9 |   { id: 1, name: '1' },
10 |   { id: 2, name: '2' },
11 |   { id: 3, name: '3' },
12 |   { id: 4, name: '4' },
13 | ];
14 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/env/PublicUrl.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React from 'react';
 9 | 
10 | export default () => (
11 |   <span id="feature-public-url">{process.env.PUBLIC_URL}.</span>
12 | );
13 | 


--------------------------------------------------------------------------------
/packages/gen-idea-libs/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "@jetbrains/gen-idea-libs",
 3 |   "version": "2.0.0",
 4 |   "description": "Generates IntelliJ IDEA library configuration from given Kotlin/JS npm dependencies",
 5 |   "main": "generate",
 6 |   "author": "Filipp Riabchun",
 7 |   "repository": "JetBrains/create-react-kotlin-app",
 8 |   "license": "Apache-2.0",
 9 |   "engines": {
10 |     "node": ">=14.18.2"
11 |   }
12 | }
13 | 


--------------------------------------------------------------------------------
/packages/react-scripts/template/public/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "short_name": "React Kotlin App",
 3 |   "name": "Create React Kotlin App Sample",
 4 |   "icons": [
 5 |     {
 6 |       "src": "favicon.ico",
 7 |       "sizes": "192x192",
 8 |       "type": "image/png"
 9 |     }
10 |   ],
11 |   "start_url": "./index.html",
12 |   "display": "standalone",
13 |   "theme_color": "#000000",
14 |   "background_color": "#ffffff"
15 | }
16 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React from 'react';
 9 | import ReactDOM from 'react-dom';
10 | import App from './App';
11 | 
12 | ReactDOM.render(<App />, document.getElementById('root'));
13 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/webpack/CssInclusion.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React from 'react';
 9 | import './assets/style.css';
10 | 
11 | export default () => <p id="feature-css-inclusion">We love useless text.</p>;
12 | 


--------------------------------------------------------------------------------
/packages/react-scripts/template-idea/.idea/libraries/KotlinJavaScript.xml:
--------------------------------------------------------------------------------
 1 | <component name="libraryTable">
 2 |   <library name="KotlinJavaScript" type="kotlin.js">
 3 |     <CLASSES>
 4 |       <root url="jar://$KOTLIN_BUNDLED$/lib/kotlin-stdlib-js.jar!/" />
 5 |     </CLASSES>
 6 |     <JAVADOC />
 7 |     <SOURCES>
 8 |       <root url="jar://$KOTLIN_BUNDLED$/lib/kotlin-stdlib-js-sources.jar!/" />
 9 |     </SOURCES>
10 |   </library>
11 | </component>


--------------------------------------------------------------------------------
/packages/react-scripts/template/gitignore:
--------------------------------------------------------------------------------
 1 | # See https://help.github.com/ignore-files/ for more about ignoring files.
 2 | 
 3 | # dependencies
 4 | /node_modules
 5 | 
 6 | # testing
 7 | /coverage
 8 | 
 9 | # production
10 | /build
11 | 
12 | # misc
13 | .DS_Store
14 | .env.local
15 | .env.development.local
16 | .env.test.local
17 | .env.production.local
18 | .idea/workspace.xml
19 | 
20 | npm-debug.log*
21 | yarn-debug.log*
22 | yarn-error.log*
23 | 
24 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/webpack/SvgInclusion.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React from 'react';
 9 | import logo from './assets/logo.svg';
10 | 
11 | export default () => <img id="feature-svg-inclusion" src={logo} alt="logo" />;
12 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/webpack/JsonInclusion.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React from 'react';
 9 | import { abstract } from './assets/abstract.json';
10 | 
11 | export default () => <summary id="feature-json-inclusion">{abstract}</summary>;
12 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/env/ShellEnvVariables.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React from 'react';
 9 | 
10 | export default () => (
11 |   <span id="feature-shell-env-variables">
12 |     {process.env.REACT_APP_SHELL_ENV_MESSAGE}.
13 |   </span>
14 | );
15 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/webpack/ImageInclusion.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React from 'react';
 9 | import tiniestCat from './assets/tiniest-cat.jpg';
10 | 
11 | export default () => (
12 |   <img id="feature-image-inclusion" src={tiniestCat} alt="tiniest cat" />
13 | );
14 | 


--------------------------------------------------------------------------------
/packages/react-scripts/template-idea/.idea/runConfigurations/npm_start.xml:
--------------------------------------------------------------------------------
 1 | <component name="ProjectRunConfigurationManager">
 2 |   <configuration default="false" name="npm start" type="js.build_tools.npm" factoryName="npm">
 3 |     <package-json value="$PROJECT_DIR$/package.json" />
 4 |     <command value="run" />
 5 |     <scripts>
 6 |       <script value="start" />
 7 |     </scripts>
 8 |     <node-interpreter value="project" />
 9 |     <envs />
10 |     <method />
11 |   </configuration>
12 | </component>


--------------------------------------------------------------------------------
/.idea/codeStyles/Project.xml:
--------------------------------------------------------------------------------
 1 | <component name="ProjectCodeStyleConfiguration">
 2 |   <code_scheme name="Project" version="173">
 3 |     <JetCodeStyleSettings>
 4 |       <option name="NAME_COUNT_TO_USE_STAR_IMPORT" value="1" />
 5 |       <option name="CODE_STYLE_DEFAULTS" value="KOTLIN_OFFICIAL" />
 6 |     </JetCodeStyleSettings>
 7 |     <codeStyleSettings language="kotlin">
 8 |       <option name="CODE_STYLE_DEFAULTS" value="KOTLIN_OFFICIAL" />
 9 |     </codeStyleSettings>
10 |   </code_scheme>
11 | </component>


--------------------------------------------------------------------------------
/lerna.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "lerna": "2.11.0",
 3 |   "npmClient": "yarn",
 4 |   "useWorkspaces": true,
 5 |   "version": "independent",
 6 |   "changelog": {
 7 |     "repo": "facebookincubator/create-react-app",
 8 |     "labels": {
 9 |       "tag: new feature": ":rocket: New Feature",
10 |       "tag: breaking change": ":boom: Breaking Change",
11 |       "tag: bug fix": ":bug: Bug Fix",
12 |       "tag: enhancement": ":nail_care: Enhancement",
13 |       "tag: documentation": ":memo: Documentation",
14 |       "tag: internal": ":house: Internal"
15 |     },
16 |     "cacheDir": ".changelog"
17 |   }
18 | }
19 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/env/PublicUrl.test.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React from 'react';
 9 | import ReactDOM from 'react-dom';
10 | import PublicUrl from './PublicUrl';
11 | 
12 | describe('PUBLIC_URL', () => {
13 |   it('renders without crashing', () => {
14 |     const div = document.createElement('div');
15 |     ReactDOM.render(<PublicUrl />, div);
16 |   });
17 | });
18 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/webpack/CssInclusion.test.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React from 'react';
 9 | import ReactDOM from 'react-dom';
10 | import CssInclusion from './CssInclusion';
11 | 
12 | describe('css inclusion', () => {
13 |   it('renders without crashing', () => {
14 |     const div = document.createElement('div');
15 |     ReactDOM.render(<CssInclusion />, div);
16 |   });
17 | });
18 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/webpack/SvgInclusion.test.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React from 'react';
 9 | import ReactDOM from 'react-dom';
10 | import SvgInclusion from './SvgInclusion';
11 | 
12 | describe('svg inclusion', () => {
13 |   it('renders without crashing', () => {
14 |     const div = document.createElement('div');
15 |     ReactDOM.render(<SvgInclusion />, div);
16 |   });
17 | });
18 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/webpack/JsonInclusion.test.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React from 'react';
 9 | import ReactDOM from 'react-dom';
10 | import JsonInclusion from './JsonInclusion';
11 | 
12 | describe('JSON inclusion', () => {
13 |   it('renders without crashing', () => {
14 |     const div = document.createElement('div');
15 |     ReactDOM.render(<JsonInclusion />, div);
16 |   });
17 | });
18 | 


--------------------------------------------------------------------------------
/packages/react-scripts/template/src/logo/Logo.kt:
--------------------------------------------------------------------------------
 1 | package logo
 2 | 
 3 | import react.*
 4 | import react.dom.*
 5 | import kotlinext.js.*
 6 | import kotlinx.html.style
 7 | 
 8 | @JsModule("src/logo/react.svg")
 9 | external val reactLogo: dynamic
10 | @JsModule("src/logo/kotlin.svg")
11 | external val kotlinLogo: dynamic
12 | 
13 | fun RBuilder.logo(height: Int = 100) {
14 |     div("Logo") {
15 |         attrs.jsStyle.height = height
16 |         img(alt = "React logo.logo", src = reactLogo, classes = "Logo-react") {}
17 |         img(alt = "Kotlin logo.logo", src = kotlinLogo, classes = "Logo-kotlin") {}
18 |     }
19 | }
20 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/webpack/ImageInclusion.test.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React from 'react';
 9 | import ReactDOM from 'react-dom';
10 | import ImageInclusion from './ImageInclusion';
11 | 
12 | describe('image inclusion', () => {
13 |   it('renders without crashing', () => {
14 |     const div = document.createElement('div');
15 |     ReactDOM.render(<ImageInclusion />, div);
16 |   });
17 | });
18 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/webpack/NoExtInclusion.test.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React from 'react';
 9 | import ReactDOM from 'react-dom';
10 | import NoExtInclusion from './NoExtInclusion';
11 | 
12 | describe('no ext inclusion', () => {
13 |   it('renders without crashing', () => {
14 |     const div = document.createElement('div');
15 |     ReactDOM.render(<NoExtInclusion />, div);
16 |   });
17 | });
18 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/env/FileEnvVariables.test.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React from 'react';
 9 | import ReactDOM from 'react-dom';
10 | import FileEnvVariables from './FileEnvVariables';
11 | 
12 | describe('.env variables', () => {
13 |   it('renders without crashing', () => {
14 |     const div = document.createElement('div');
15 |     ReactDOM.render(<FileEnvVariables />, div);
16 |   });
17 | });
18 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/env/ShellEnvVariables.test.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React from 'react';
 9 | import ReactDOM from 'react-dom';
10 | import ShellEnvVariables from './ShellEnvVariables';
11 | 
12 | describe('shell env variables', () => {
13 |   it('renders without crashing', () => {
14 |     const div = document.createElement('div');
15 |     ReactDOM.render(<ShellEnvVariables />, div);
16 |   });
17 | });
18 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/webpack/LinkedModules.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React from 'react';
 9 | import './assets/style.css';
10 | import { test, version } from 'test-integrity';
11 | 
12 | export default () => {
13 |   const v = version();
14 |   if (!test() || v !== '2.0.0') {
15 |     throw new Error('Functionality test did not pass.');
16 |   }
17 |   return <p id="feature-linked-modules">{v}</p>;
18 | };
19 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/webpack/NoExtInclusion.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React from 'react';
 9 | import aFileWithoutExt from './assets/aFileWithoutExt';
10 | 
11 | const text = aFileWithoutExt.includes('base64')
12 |   ? atob(aFileWithoutExt.split('base64,')[1]).trim()
13 |   : aFileWithoutExt;
14 | 
15 | export default () => (
16 |   <a id="feature-no-ext-inclusion" href={text}>
17 |     aFileWithoutExt
18 |   </a>
19 | );
20 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/webpack/UnknownExtInclusion.test.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React from 'react';
 9 | import ReactDOM from 'react-dom';
10 | import UnknownExtInclusion from './UnknownExtInclusion';
11 | 
12 | describe('unknown ext inclusion', () => {
13 |   it('renders without crashing', () => {
14 |     const div = document.createElement('div');
15 |     ReactDOM.render(<UnknownExtInclusion />, div);
16 |   });
17 | });
18 | 


--------------------------------------------------------------------------------
/packages/react-scripts/template/src/logo/Logo.css:
--------------------------------------------------------------------------------
 1 | .Logo {
 2 |   position: relative;
 3 |   display: inline-block;
 4 | }
 5 | 
 6 | .Logo-react {
 7 |   animation: Logo-spin infinite 10s linear;
 8 |   height: 100%;
 9 | }
10 | 
11 | .Logo-kotlin {
12 |   opacity: 0;
13 |   animation: Logo-spin infinite 10s 5s linear;
14 |   height: 72%;
15 |   position: absolute;
16 |   top: 14%;
17 |   right: 24%;
18 | }
19 | 
20 | @keyframes Logo-spin {
21 |   from { transform: rotateY(-90deg); opacity: 1 }
22 |   50% { transform: rotateY(90deg); opacity: 1 }
23 |   51% { transform: rotateY(90deg); opacity: 0 }
24 |   to { transform: rotateY(270deg); opacity: 0 }
25 | }
26 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/env/NodePath.test.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React from 'react';
 9 | import ReactDOM from 'react-dom';
10 | import NodePath from './NodePath';
11 | 
12 | describe('NODE_PATH', () => {
13 |   it('renders without crashing', () => {
14 |     const div = document.createElement('div');
15 |     return new Promise((resolve) => {
16 |       ReactDOM.render(<NodePath onReady={resolve} />, div);
17 |     });
18 |   });
19 | });
20 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/AsyncAwait.test.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React from 'react';
 9 | import ReactDOM from 'react-dom';
10 | import AsyncAwait from './AsyncAwait';
11 | 
12 | describe('async/await', () => {
13 |   it('renders without crashing', () => {
14 |     const div = document.createElement('div');
15 |     return new Promise((resolve) => {
16 |       ReactDOM.render(<AsyncAwait onReady={resolve} />, div);
17 |     });
18 |   });
19 | });
20 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/Generators.test.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React from 'react';
 9 | import ReactDOM from 'react-dom';
10 | import Generators from './Generators';
11 | 
12 | describe('generators', () => {
13 |   it('renders without crashing', () => {
14 |     const div = document.createElement('div');
15 |     return new Promise((resolve) => {
16 |       ReactDOM.render(<Generators onReady={resolve} />, div);
17 |     });
18 |   });
19 | });
20 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ArraySpread.test.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React from 'react';
 9 | import ReactDOM from 'react-dom';
10 | import ArraySpread from './ArraySpread';
11 | 
12 | describe('array spread', () => {
13 |   it('renders without crashing', () => {
14 |     const div = document.createElement('div');
15 |     return new Promise((resolve) => {
16 |       ReactDOM.render(<ArraySpread onReady={resolve} />, div);
17 |     });
18 |   });
19 | });
20 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/webpack/UnknownExtInclusion.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React from 'react';
 9 | import aFileWithExtUnknown from './assets/aFileWithExt.unknown';
10 | 
11 | const text = aFileWithExtUnknown.includes('base64')
12 |   ? atob(aFileWithExtUnknown.split('base64,')[1]).trim()
13 |   : aFileWithExtUnknown;
14 | 
15 | export default () => (
16 |   <a id="feature-unknown-ext-inclusion" href={text}>
17 |     aFileWithExtUnknown
18 |   </a>
19 | );
20 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ObjectSpread.test.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React from 'react';
 9 | import ReactDOM from 'react-dom';
10 | import ObjectSpread from './ObjectSpread';
11 | 
12 | describe('object spread', () => {
13 |   it('renders without crashing', () => {
14 |     const div = document.createElement('div');
15 |     return new Promise((resolve) => {
16 |       ReactDOM.render(<ObjectSpread onReady={resolve} />, div);
17 |     });
18 |   });
19 | });
20 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/RestAndDefault.test.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React from 'react';
 9 | import ReactDOM from 'react-dom';
10 | import RestAndDefault from './RestAndDefault';
11 | 
12 | describe('rest + default', () => {
13 |   it('renders without crashing', () => {
14 |     const div = document.createElement('div');
15 |     return new Promise((resolve) => {
16 |       ReactDOM.render(<RestAndDefault onReady={resolve} />, div);
17 |     });
18 |   });
19 | });
20 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/RestParameters.test.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React from 'react';
 9 | import ReactDOM from 'react-dom';
10 | import RestParameters from './RestParameters';
11 | 
12 | describe('rest parameters', () => {
13 |   it('renders without crashing', () => {
14 |     const div = document.createElement('div');
15 |     return new Promise((resolve) => {
16 |       ReactDOM.render(<RestParameters onReady={resolve} />, div);
17 |     });
18 |   });
19 | });
20 | 


--------------------------------------------------------------------------------
/packages/react-scripts/scripts/gen-idea-libs.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Created by jetbrains on 31/05/2017.
 3 |  */
 4 | 'use strict';
 5 | const path = require('path');
 6 | const generate = require('@jetbrains/gen-idea-libs');
 7 | const librariesLookup = require('@jetbrains/kotlin-webpack-plugin/libraries-lookup');
 8 | 
 9 | const paths = require('../config/paths');
10 | 
11 | const libPaths = librariesLookup.lookupKotlinLibraries([
12 |   require(paths.appPackageJson),
13 | ]);
14 | 
15 | const generationConfig = libPaths.reduce((config, libPath) => {
16 |   config[path.basename(libPath, '.js')] = require.resolve(libPath);
17 |   return config;
18 | }, {});
19 | 
20 | generate(generationConfig, paths.projectPath);
21 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ClassProperties.test.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React from 'react';
 9 | import ReactDOM from 'react-dom';
10 | import ClassProperties from './ClassProperties';
11 | 
12 | describe('class properties', () => {
13 |   it('renders without crashing', () => {
14 |     const div = document.createElement('div');
15 |     return new Promise((resolve) => {
16 |       ReactDOM.render(<ClassProperties onReady={resolve} />, div);
17 |     });
18 |   });
19 | });
20 | 


--------------------------------------------------------------------------------
/packages/react-scripts/template/src/app/App.kt:
--------------------------------------------------------------------------------
 1 | package app
 2 | 
 3 | import react.*
 4 | import react.dom.*
 5 | import logo.*
 6 | import ticker.*
 7 | 
 8 | class App : RComponent<RProps, RState>() {
 9 |     override fun RBuilder.render() {
10 |         div("App-header") {
11 |             logo()
12 |             h2 {
13 |                 +"Welcome to React with Kotlin"
14 |             }
15 |         }
16 |         p("App-intro") {
17 |             +"To get started, edit "
18 |             code { +"app/App.kt" }
19 |             +" and save to reload."
20 |         }
21 |         p("App-ticker") {
22 |             ticker()
23 |         }
24 |     }
25 | }
26 | 
27 | fun RBuilder.app() = child(App::class) {}
28 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/DefaultParameters.test.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React from 'react';
 9 | import ReactDOM from 'react-dom';
10 | import DefaultParameters from './DefaultParameters';
11 | 
12 | describe('default parameters', () => {
13 |   it('renders without crashing', () => {
14 |     const div = document.createElement('div');
15 |     return new Promise((resolve) => {
16 |       ReactDOM.render(<DefaultParameters onReady={resolve} />, div);
17 |     });
18 |   });
19 | });
20 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ArrayDestructuring.test.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React from 'react';
 9 | import ReactDOM from 'react-dom';
10 | import ArrayDestructuring from './ArrayDestructuring';
11 | 
12 | describe('array destructuring', () => {
13 |   it('renders without crashing', () => {
14 |     const div = document.createElement('div');
15 |     return new Promise((resolve) => {
16 |       ReactDOM.render(<ArrayDestructuring onReady={resolve} />, div);
17 |     });
18 |   });
19 | });
20 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ComputedProperties.test.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React from 'react';
 9 | import ReactDOM from 'react-dom';
10 | import ComputedProperties from './ComputedProperties';
11 | 
12 | describe('computed properties', () => {
13 |   it('renders without crashing', () => {
14 |     const div = document.createElement('div');
15 |     return new Promise((resolve) => {
16 |       ReactDOM.render(<ComputedProperties onReady={resolve} />, div);
17 |     });
18 |   });
19 | });
20 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/Promises.test.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React from 'react';
 9 | import ReactDOM from 'react-dom';
10 | 
11 | describe('promises', () => {
12 |   it('renders without crashing', () => {
13 |     const div = document.createElement('div');
14 |     return import('./Promises').then(({ default: Promises }) => {
15 |       return new Promise((resolve) => {
16 |         ReactDOM.render(<Promises onReady={resolve} />, div);
17 |       });
18 |     });
19 |   });
20 | });
21 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/CustomInterpolation.test.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React from 'react';
 9 | import ReactDOM from 'react-dom';
10 | import CustomInterpolation from './CustomInterpolation';
11 | 
12 | describe('custom interpolation', () => {
13 |   it('renders without crashing', () => {
14 |     const div = document.createElement('div');
15 |     return new Promise((resolve) => {
16 |       ReactDOM.render(<CustomInterpolation onReady={resolve} />, div);
17 |     });
18 |   });
19 | });
20 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ObjectDestructuring.test.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React from 'react';
 9 | import ReactDOM from 'react-dom';
10 | import ObjectDestructuring from './ObjectDestructuring';
11 | 
12 | describe('object destructuring', () => {
13 |   it('renders without crashing', () => {
14 |     const div = document.createElement('div');
15 |     return new Promise((resolve) => {
16 |       ReactDOM.render(<ObjectDestructuring onReady={resolve} />, div);
17 |     });
18 |   });
19 | });
20 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/DestructuringAndAwait.test.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React from 'react';
 9 | import ReactDOM from 'react-dom';
10 | import DestructuringAndAwait from './DestructuringAndAwait';
11 | 
12 | describe('destructuring and await', () => {
13 |   it('renders without crashing', () => {
14 |     const div = document.createElement('div');
15 |     return new Promise((resolve) => {
16 |       ReactDOM.render(<DestructuringAndAwait onReady={resolve} />, div);
17 |     });
18 |   });
19 | });
20 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/TemplateInterpolation.test.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React from 'react';
 9 | import ReactDOM from 'react-dom';
10 | import TemplateInterpolation from './TemplateInterpolation';
11 | 
12 | describe('template interpolation', () => {
13 |   it('renders without crashing', () => {
14 |     const div = document.createElement('div');
15 |     return new Promise((resolve) => {
16 |       ReactDOM.render(<TemplateInterpolation onReady={resolve} />, div);
17 |     });
18 |   });
19 | });
20 | 


--------------------------------------------------------------------------------
/packages/kotlinc-js-api/README.md:
--------------------------------------------------------------------------------
 1 | # kotlinc-js-api
 2 | 
 3 | This package provides JavaScript APIs for calling the [Kotlin to JavaScript compiler](https://kotlinlang.org/docs/tutorials/javascript/getting-started-command-line/command-line-library-js.html).
 4 | 
 5 | ## Installation
 6 | 
 7 | ```bash
 8 | npm i @jetbrains/kotlinc-js-api --save
 9 | ```
10 | 
11 | ## Usage
12 | 
13 | ```js
14 | const kotlinCompiler = require('@jetbrains/kotlinc-js-api');
15 | 
16 | kotlinCompiler
17 |   .compile({
18 |     output: './build/dist.js',
19 |     sources: [__dirname + '/src'],
20 |     sourceMaps: true,
21 |     moduleKind: 'commonjs',
22 |     libraries: [
23 |       'path/to/some.meta.js',
24 |     ]
25 |   })
26 |   .then(() => console.log('Compilation successful'));
27 | ```


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/webpack/LinkedModules.test.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React from 'react';
 9 | import ReactDOM from 'react-dom';
10 | import { test, version } from 'test-integrity';
11 | import LinkedModules from './LinkedModules';
12 | 
13 | describe('linked modules', () => {
14 |   it('has integrity', () => {
15 |     expect(test());
16 |     expect(version() === '2.0.0');
17 |   });
18 | 
19 |   it('renders without crashing', () => {
20 |     const div = document.createElement('div');
21 |     ReactDOM.render(<LinkedModules />, div);
22 |   });
23 | });
24 | 


--------------------------------------------------------------------------------
/packages/kotlinc-js-api/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "@jetbrains/kotlinc-js-api",
 3 |   "version": "2.0.1",
 4 |   "description": "KotlincJS compiler wrapper for NodeJS",
 5 |   "main": "kotlin-compiler.js",
 6 |   "scripts": {
 7 |     "test": "node ./test/kotlin-compiler.test"
 8 |   },
 9 |   "repository": "JetBrains/create-react-kotlin-app",
10 |   "engines": {
11 |     "node": ">=14.18.2"
12 |   },
13 |   "files": [
14 |     "compiler",
15 |     "kotlin-compiler.js"
16 |   ],
17 |   "keywords": [
18 |     "Kotlin",
19 |     "Node",
20 |     "Kotlinc",
21 |     "Compiler"
22 |   ],
23 |   "author": "Andrey Skladchikov <andrey.skladchikov@gmail.com>",
24 |   "license": "Apache-2.0",
25 |   "dependencies": {
26 |     "cross-spawn": "^7.0.3",
27 |     "kotlin-compiler": "^1.3.61"
28 |   }
29 | }
30 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/env/FileEnvVariables.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React from 'react';
 9 | 
10 | export default () => (
11 |   <span>
12 |     <span id="feature-file-env-original-1">
13 |       {process.env.REACT_APP_ORIGINAL_1}
14 |     </span>
15 |     <span id="feature-file-env-original-2">
16 |       {process.env.REACT_APP_ORIGINAL_2}
17 |     </span>
18 |     <span id="feature-file-env">
19 |       {process.env.REACT_APP_DEVELOPMENT}
20 |       {process.env.REACT_APP_PRODUCTION}
21 |     </span>
22 |     <span id="feature-file-env-x">{process.env.REACT_APP_X}</span>
23 |   </span>
24 | );
25 | 


--------------------------------------------------------------------------------
/packages/kotlinc-js-api/test/reference.js.ref:
--------------------------------------------------------------------------------
 1 | (function (_, Kotlin, $module$kotlin_extensions, $module$react) {
 2 |   'use strict';
 3 |   var $$importsForInline$$ = _.$$importsForInline$$ || (_.$$importsForInline$$ = {});
 4 |   var createElement = $module$react.createElement;
 5 |   var println = Kotlin.kotlin.io.println_s8jyv4$;
 6 |   function main(args) {
 7 |     var obj = {};
 8 |     var el = createElement('test', obj, 'test');
 9 |     println(JSON.stringify(el));
10 |   }
11 |   $$importsForInline$$['kotlin-extensions'] = $module$kotlin_extensions;
12 |   var package$test = _.test || (_.test = {});
13 |   package$test.main_kand9s$ = main;
14 |   main([]);
15 |   Kotlin.defineModule('dist', _);
16 |   return _;
17 | }(module.exports, require('kotlin'), require('kotlin-extensions'), require('react')));
18 | 
19 | //# sourceMappingURL=dist.js.map
20 | 


--------------------------------------------------------------------------------
/packages/react-scripts/template-idea/template-idea.iml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <module type="WEB_MODULE" version="4">
 3 |   <component name="NewModuleRootManager" inherit-compiler-output="true">
 4 |     <exclude-output />
 5 |     <content url="file://$MODULE_DIR$">
 6 |       <sourceFolder url="file://$MODULE_DIR$/src" isTestSource="false" />
 7 |     </content>
 8 |     <orderEntry type="inheritedJdk" />
 9 |     <orderEntry type="sourceFolder" forTests="false" />
10 |     <orderEntry type="library" name="KotlinJavaScript" level="project" />
11 |     <orderEntry type="library" name="kotlin-extensions" level="project" />
12 |     <orderEntry type="library" name="kotlin-react" level="project" />
13 |     <orderEntry type="library" name="kotlin-react-dom" level="project" />
14 |     <orderEntry type="library" name="kotlinx-html-js" level="project" />
15 |   </component>
16 | </module>
17 | 


--------------------------------------------------------------------------------
/packages/create-react-kotlin-app/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "create-react-kotlin-app",
 3 |   "version": "2.1.0",
 4 |   "keywords": [
 5 |     "react"
 6 |   ],
 7 |   "description": "Create React apps with no build configuration.",
 8 |   "repository": "JetBrains/create-react-kotlin-app",
 9 |   "license": "MIT",
10 |   "engines": {
11 |     "node": ">=14.18.2"
12 |   },
13 |   "bugs": {
14 |     "url": "https://youtrack.jetbrains.com/issues/CRKA"
15 |   },
16 |   "files": [
17 |     "index.js",
18 |     "createReactApp.js"
19 |   ],
20 |   "bin": {
21 |     "create-react-kotlin-app": "./index.js"
22 |   },
23 |   "dependencies": {
24 |     "chalk": "^2.4.2",
25 |     "commander": "^3.0.2",
26 |     "cross-spawn": "^7.0.3",
27 |     "fs-extra": "^10.0.0",
28 |     "hyperquest": "^2.1.3",
29 |     "semver": "^7.3.5",
30 |     "tar-pack": "^3.4.1",
31 |     "tmp": "^0.2.1",
32 |     "validate-npm-package-name": "^3.0.0"
33 |   }
34 | }
35 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ClassProperties.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React, { Component } from 'react';
 9 | import PropTypes from 'prop-types';
10 | 
11 | export default class extends Component {
12 |   static propTypes = {
13 |     onReady: PropTypes.func.isRequired,
14 |   };
15 | 
16 |   users = [
17 |     { id: 1, name: '1' },
18 |     { id: 2, name: '2' },
19 |     { id: 3, name: '3' },
20 |     { id: 4, name: '4' },
21 |   ];
22 | 
23 |   componentDidMount() {
24 |     this.props.onReady();
25 |   }
26 | 
27 |   render() {
28 |     return (
29 |       <div id="feature-class-properties">
30 |         {this.users.map((user) => (
31 |           <div key={user.id}>{user.name}</div>
32 |         ))}
33 |       </div>
34 |     );
35 |   }
36 | }
37 | 


--------------------------------------------------------------------------------
/packages/ts2kt-automator/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "@jetbrains/ts2kt-automator",
 3 |   "version": "2.0.0",
 4 |   "description": "A package that downloads TypeScript annotations from @types/*-group of packages and converts them to Kotlin.",
 5 |   "main": "index.js",
 6 |   "repository": "JetBrains/create-react-kotlin-app",
 7 |   "scripts": {
 8 |     "test": "node test/lib.test.js",
 9 |     "debug-test": "node --inspect-brk test/lib.test.js"
10 |   },
11 |   "files": [
12 |     "index.js",
13 |     "lib.js"
14 |   ],
15 |   "bin": {
16 |     "ts2kt-automator": "index.js"
17 |   },
18 |   "keywords": [
19 |     "Kotlin",
20 |     "TypeScript",
21 |     "Converter",
22 |     "ts2kt"
23 |   ],
24 |   "author": "Andrey Skladchikov <andrey.skladchikov@gmail.com>",
25 |   "license": "Apache-2.0",
26 |   "dependencies": {
27 |     "minimist": "^1.2.5",
28 |     "mkdirp": "^1.0.4",
29 |     "ts2kt": "^0.1.3"
30 |   },
31 |   "engines": {
32 |     "node": ">=14.18.2"
33 |   }
34 | }
35 | 


--------------------------------------------------------------------------------
/packages/ts2kt-automator/README.md:
--------------------------------------------------------------------------------
 1 | # ts2kt-automator
 2 | 
 3 | This package wraps [ts2kt](https://github.com/Kotlin/ts2kt), a converter of TypeScript definition files to Kotlin declarations (stubs).
 4 | It downloads the specified package typings from "@types/%packagename%" and runs ts2kt on them.
 5 | 
 6 | ## Installation
 7 | 
 8 | ```bash
 9 | npm i @jetbrains/ts2kt-automator --save
10 | ```
11 | 
12 | ## Usage: 
13 | ```bash
14 | ts2kt-automator --dest=types jquery
15 | ```
16 | 
17 | Where:
18 | * **dest** is the path to the folder where generated Kotlin files should be placed. 
19 | Directory with the name of the package will be created inside.
20 | * **packageName** is the name of the package to download and convert. 
21 | A version number can be specified after "@" as follows: `--packageName=jquery@2`. 
22 | If the version is not specified, the version listed in your project's package.json will be used. 
23 | If no such package is listed in package.json, "latest" will be used.
24 | 


--------------------------------------------------------------------------------
/packages/react-scripts/config/polyfills.js:
--------------------------------------------------------------------------------
 1 | // @remove-on-eject-begin
 2 | /**
 3 |  * Copyright (c) 2015-present, Facebook, Inc.
 4 |  *
 5 |  * This source code is licensed under the MIT license found in the
 6 |  * LICENSE file in the root directory of this source tree.
 7 |  */
 8 | // @remove-on-eject-end
 9 | 'use strict';
10 | 
11 | if (typeof Promise === 'undefined') {
12 |   // Rejection tracking prevents a common issue where React gets into an
13 |   // inconsistent state due to an error, but it gets swallowed by a Promise,
14 |   // and the user has no idea what causes React's erratic future behavior.
15 |   require('promise/lib/rejection-tracking').enable();
16 |   window.Promise = require('promise/lib/es6-extensions.js');
17 | }
18 | 
19 | // fetch() polyfill for making API calls.
20 | require('whatwg-fetch');
21 | 
22 | // Object.assign() is commonly used with React.
23 | // It will use the native implementation if it's present and isn't buggy.
24 | Object.assign = require('object-assign');
25 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/env/NodePath.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React, { Component } from 'react';
 9 | import PropTypes from 'prop-types';
10 | import load from 'absoluteLoad';
11 | 
12 | export default class extends Component {
13 |   static propTypes = {
14 |     onReady: PropTypes.func.isRequired,
15 |   };
16 | 
17 |   constructor(props) {
18 |     super(props);
19 |     this.state = { users: [] };
20 |   }
21 | 
22 |   async componentDidMount() {
23 |     const users = load();
24 |     this.setState({ users });
25 |   }
26 | 
27 |   componentDidUpdate() {
28 |     this.props.onReady();
29 |   }
30 | 
31 |   render() {
32 |     return (
33 |       <div id="feature-node-path">
34 |         {this.state.users.map((user) => (
35 |           <div key={user.id}>{user.name}</div>
36 |         ))}
37 |       </div>
38 |     );
39 |   }
40 | }
41 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2013-present, Facebook, Inc.
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/.idea/create-react-kotlin-app.iml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <module type="JAVA_MODULE" version="4">
 3 |   <component name="NewModuleRootManager" inherit-compiler-output="true">
 4 |     <exclude-output />
 5 |     <content url="file://$MODULE_DIR$">
 6 |       <sourceFolder url="file://$MODULE_DIR$/packages/kotlinc-js-api" type="kotlin-source" />
 7 |       <sourceFolder url="file://$MODULE_DIR$/packages/kotlin-webpack-plugin" type="kotlin-source" />
 8 |       <sourceFolder url="file://$MODULE_DIR$/demo/src" type="kotlin-source" />
 9 |       <sourceFolder url="file://$MODULE_DIR$/packages/react-scripts/template/src" type="kotlin-source" />
10 |     </content>
11 |     <orderEntry type="inheritedJdk" />
12 |     <orderEntry type="sourceFolder" forTests="false" />
13 |     <orderEntry type="library" name="KotlinJavaScript" level="project" />
14 |     <orderEntry type="library" name="kotlin-extensions" level="project" />
15 |     <orderEntry type="library" name="kotlinx-html-js" level="project" />
16 |     <orderEntry type="library" name="kotlin-react" level="project" />
17 |     <orderEntry type="library" name="kotlin-react-dom" level="project" />
18 |   </component>
19 | </module>


--------------------------------------------------------------------------------
/packages/react-scripts/template/src/ticker/Ticker.kt:
--------------------------------------------------------------------------------
 1 | package ticker
 2 | 
 3 | import kotlinx.browser.window
 4 | import react.*
 5 | import react.dom.*
 6 | 
 7 | interface TickerProps : RProps {
 8 |     var startFrom: Int
 9 | }
10 | 
11 | interface TickerState : RState {
12 |     var secondsElapsed: Int
13 | }
14 | 
15 | class Ticker(props: TickerProps) : RComponent<TickerProps, TickerState>(props) {
16 |     override fun TickerState.init(props: TickerProps) {
17 |         secondsElapsed = props.startFrom
18 |     }
19 | 
20 |     var timerID: Int? = null
21 | 
22 |     override fun componentDidMount() {
23 |         timerID = window.setInterval({
24 |             // actually, the operation is performed on a state's copy, so it stays effectively immutable
25 |             setState { secondsElapsed += 1 }
26 |         }, 1000)
27 |     }
28 | 
29 |     override fun componentWillUnmount() {
30 |         window.clearInterval(timerID!!)
31 |     }
32 | 
33 |     override fun RBuilder.render() {
34 |         +"This app has been running for ${state.secondsElapsed} seconds."
35 |     }
36 | }
37 | 
38 | fun RBuilder.ticker(startFrom: Int = 0) = child(Ticker::class) {
39 |     attrs.startFrom = startFrom
40 | }
41 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ArrayDestructuring.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React, { Component } from 'react';
 9 | import PropTypes from 'prop-types';
10 | 
11 | function load() {
12 |   return [
13 |     [1, '1'],
14 |     [2, '2'],
15 |     [3, '3'],
16 |     [4, '4'],
17 |   ];
18 | }
19 | 
20 | export default class extends Component {
21 |   static propTypes = {
22 |     onReady: PropTypes.func.isRequired,
23 |   };
24 | 
25 |   constructor(props) {
26 |     super(props);
27 |     this.state = { users: [] };
28 |   }
29 | 
30 |   async componentDidMount() {
31 |     const users = load();
32 |     this.setState({ users });
33 |   }
34 | 
35 |   componentDidUpdate() {
36 |     this.props.onReady();
37 |   }
38 | 
39 |   render() {
40 |     return (
41 |       <div id="feature-array-destructuring">
42 |         {this.state.users.map((user) => {
43 |           const [id, name] = user;
44 |           return <div key={id}>{name}</div>;
45 |         })}
46 |       </div>
47 |     );
48 |   }
49 | }
50 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/AsyncAwait.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React, { Component } from 'react';
 9 | import PropTypes from 'prop-types';
10 | 
11 | async function load() {
12 |   return [
13 |     { id: 1, name: '1' },
14 |     { id: 2, name: '2' },
15 |     { id: 3, name: '3' },
16 |     { id: 4, name: '4' },
17 |   ];
18 | }
19 | 
20 | export default class extends Component {
21 |   static propTypes = {
22 |     onReady: PropTypes.func.isRequired,
23 |   };
24 | 
25 |   constructor(props) {
26 |     super(props);
27 |     this.state = { users: [] };
28 |   }
29 | 
30 |   async componentDidMount() {
31 |     const users = await load();
32 |     this.setState({ users });
33 |   }
34 | 
35 |   componentDidUpdate() {
36 |     this.props.onReady();
37 |   }
38 | 
39 |   render() {
40 |     return (
41 |       <div id="feature-async-await">
42 |         {this.state.users.map((user) => (
43 |           <div key={user.id}>{user.name}</div>
44 |         ))}
45 |       </div>
46 |     );
47 |   }
48 | }
49 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ArraySpread.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React, { Component } from 'react';
 9 | import PropTypes from 'prop-types';
10 | 
11 | function load(users) {
12 |   return [
13 |     { id: 1, name: '1' },
14 |     { id: 2, name: '2' },
15 |     { id: 3, name: '3' },
16 |     ...users,
17 |   ];
18 | }
19 | 
20 | export default class extends Component {
21 |   static propTypes = {
22 |     onReady: PropTypes.func.isRequired,
23 |   };
24 | 
25 |   constructor(props) {
26 |     super(props);
27 |     this.state = { users: [] };
28 |   }
29 | 
30 |   async componentDidMount() {
31 |     const users = load([{ id: 42, name: '42' }]);
32 |     this.setState({ users });
33 |   }
34 | 
35 |   componentDidUpdate() {
36 |     this.props.onReady();
37 |   }
38 | 
39 |   render() {
40 |     return (
41 |       <div id="feature-array-spread">
42 |         {this.state.users.map((user) => (
43 |           <div key={user.id}>{user.name}</div>
44 |         ))}
45 |       </div>
46 |     );
47 |   }
48 | }
49 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/Generators.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React, { Component } from 'react';
 9 | import PropTypes from 'prop-types';
10 | 
11 | function* load(limit) {
12 |   let i = 1;
13 |   while (i <= limit) {
14 |     yield { id: i, name: i };
15 |     i++;
16 |   }
17 | }
18 | 
19 | export default class extends Component {
20 |   static propTypes = {
21 |     onReady: PropTypes.func.isRequired,
22 |   };
23 | 
24 |   constructor(props) {
25 |     super(props);
26 |     this.state = { users: [] };
27 |   }
28 | 
29 |   componentDidMount() {
30 |     const users = [];
31 |     for (let user of load(4)) {
32 |       users.push(user);
33 |     }
34 |     this.setState({ users });
35 |   }
36 | 
37 |   componentDidUpdate() {
38 |     this.props.onReady();
39 |   }
40 | 
41 |   render() {
42 |     return (
43 |       <div id="feature-generators">
44 |         {this.state.users.map((user) => (
45 |           <div key={user.id}>{user.name}</div>
46 |         ))}
47 |       </div>
48 |     );
49 |   }
50 | }
51 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/Promises.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React, { Component } from 'react';
 9 | import PropTypes from 'prop-types';
10 | 
11 | function load() {
12 |   return Promise.resolve([
13 |     { id: 1, name: '1' },
14 |     { id: 2, name: '2' },
15 |     { id: 3, name: '3' },
16 |     { id: 4, name: '4' },
17 |   ]);
18 | }
19 | 
20 | export default class extends Component {
21 |   static propTypes = {
22 |     onReady: PropTypes.func.isRequired,
23 |   };
24 | 
25 |   constructor(props) {
26 |     super(props);
27 |     this.state = { users: [] };
28 |   }
29 | 
30 |   componentDidMount() {
31 |     load().then((users) => {
32 |       this.setState({ users });
33 |     });
34 |   }
35 | 
36 |   componentDidUpdate() {
37 |     this.props.onReady();
38 |   }
39 | 
40 |   render() {
41 |     return (
42 |       <div id="feature-promises">
43 |         {this.state.users.map((user) => (
44 |           <div key={user.id}>{user.name}</div>
45 |         ))}
46 |       </div>
47 |     );
48 |   }
49 | }
50 | 


--------------------------------------------------------------------------------
/packages/kotlin-webpack-plugin/example/webpack.config.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | const KotlinWebpackPlugin = require('../plugin');
 3 | const HtmlWebpackPlugin = require('html-webpack-plugin');
 4 | const path = require('path');
 5 | 
 6 | module.exports = {
 7 |   entry: 'kotlinApp', // kotlinApp is the default module name
 8 | 
 9 |   resolve: {
10 |     modules: ['kotlin_build', 'node_modules'],
11 |   },
12 | 
13 |   module: {
14 |     rules: [
15 |       {
16 |         test: /\.js$/,
17 |         include: path.resolve(__dirname, '../kotlin_build'),
18 |         exclude: [
19 |           /kotlin\.js$/, // Kotlin runtime doesn't have sourcemaps at the moment
20 |         ],
21 |         use: ['source-map-loader'],
22 |         enforce: 'pre',
23 |       },
24 |     ],
25 |   },
26 | 
27 |   output: {
28 |     path: __dirname + '/build',
29 |     filename: 'build.js',
30 |   },
31 | 
32 |   plugins: [
33 |     new KotlinWebpackPlugin({
34 |       src: __dirname,
35 |       verbose: true,
36 |       optimize: true,
37 |       librariesAutoLookup: true,
38 |       packagesContents: [require('../../react-scripts/package.json')],
39 |     }),
40 |     new HtmlWebpackPlugin({
41 |       template: path.join(__dirname, 'index.html'),
42 |     }),
43 |   ],
44 | };
45 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/DefaultParameters.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React, { Component } from 'react';
 9 | import PropTypes from 'prop-types';
10 | 
11 | function load(id = 0) {
12 |   return [
13 |     { id: id + 1, name: '1' },
14 |     { id: id + 2, name: '2' },
15 |     { id: id + 3, name: '3' },
16 |     { id: id + 4, name: '4' },
17 |   ];
18 | }
19 | 
20 | export default class extends Component {
21 |   static propTypes = {
22 |     onReady: PropTypes.func.isRequired,
23 |   };
24 | 
25 |   constructor(props) {
26 |     super(props);
27 |     this.state = { users: [] };
28 |   }
29 | 
30 |   async componentDidMount() {
31 |     const users = load();
32 |     this.setState({ users });
33 |   }
34 | 
35 |   componentDidUpdate() {
36 |     this.props.onReady();
37 |   }
38 | 
39 |   render() {
40 |     return (
41 |       <div id="feature-default-parameters">
42 |         {this.state.users.map((user) => (
43 |           <div key={user.id}>{user.name}</div>
44 |         ))}
45 |       </div>
46 |     );
47 |   }
48 | }
49 | 


--------------------------------------------------------------------------------
/CHANGELOG.md:
--------------------------------------------------------------------------------
 1 | # 06.11.2018
 2 | 
 3 | kotlin-webpack-plugin@2.0.1, react-scripts-kotlin@3.0.1
 4 | 
 5 | * Minor fixes
 6 | 
 7 | # 02.11.2018
 8 | 
 9 | kotlin-webpack-plugin@2.0.0, react-scripts-kotlin@3.0.0
10 | 
11 | * **BREAKING CHANGE** Webpack 4
12 | * **BREAKING CHANGE** Dropped support for Node versions earlier than 8.6 
13 | 
14 | # 30.10.2018
15 | 
16 | create-react-kotlin-app@1.0.11, kotlin-webpack-plugin@1.2.11, kotlinc-js-api@1.2.11, react-scripts-kotlin@2.1.15
17 | 
18 | * Kotlin 1.3.0
19 | * React 16.6.0
20 | * @jetbrains/kotlin-* packages updated to pre.58
21 | 
22 | # 26.09.2018
23 | 
24 | kotlin-webpack-plugin@1.2.10, kotlinc-js-api@1.2.10, react-scripts-kotlin@2.1.14
25 | 
26 | * Minor fixes
27 | 
28 | # 13.09.2018
29 | 
30 | create-react-kotlin-app@1.0.10, gen-idea-libs@1.0.11, kotlin-webpack-plugin@1.2.9, kotlinc-js-api@1.2.9, react-scripts-kotlin@2.1.12
31 | 
32 | * React 16.5.0
33 | * @jetbrains/kotlin-* packages updated to pre.53
34 | * Added an explicit dependency on core-js
35 | 
36 | # 22.08.2018
37 | 
38 | create-react-kotlin-app@1.0.9, kotlin-webpack-plugin@1.2.8, kotlinc-js-api@1.2.8, react-scripts-kotlin@2.1.12, ts2kt-automator@1.0.12
39 | 
40 | * Kotlin 1.2.61
41 | * React 16.4.2
42 | * @jetbrains/kotlin-* packages updated to pre.49
43 | 


--------------------------------------------------------------------------------
/tasks/replace-own-deps.js:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env node
 2 | /**
 3 |  * Copyright (c) 2015-present, Facebook, Inc.
 4 |  *
 5 |  * This source code is licensed under the MIT license found in the
 6 |  * LICENSE file in the root directory of this source tree.
 7 |  */
 8 | 'use strict';
 9 | 
10 | // Replaces internal dependencies in package.json with local package paths.
11 | 
12 | const fs = require('fs');
13 | const path = require('path');
14 | 
15 | const packagesDir = path.join(__dirname, '../packages');
16 | const pkgFilename = path.join(packagesDir, 'react-scripts/package.json');
17 | const data = require(pkgFilename);
18 | 
19 | fs.readdirSync(packagesDir).forEach(name => {
20 |   const dependencyName = data.dependencies[`@jetbrains/${name}`]
21 |     ? `@jetbrains/${name}`
22 |     : name;
23 | 
24 |   if (data.dependencies[dependencyName]) {
25 |     data.dependencies[dependencyName] = 'file:' + path.join(packagesDir, name);
26 |     console.log(
27 |       'Local dependency replaced:',
28 |       dependencyName,
29 |       data.dependencies[dependencyName]
30 |     );
31 |   }
32 | });
33 | 
34 | fs.writeFile(pkgFilename, JSON.stringify(data, null, 2), 'utf8', err => {
35 |   if (err) {
36 |     throw err;
37 |   }
38 |   console.log('Replaced local dependencies.');
39 | });
40 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ObjectDestructuring.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React, { Component } from 'react';
 9 | import PropTypes from 'prop-types';
10 | 
11 | function load() {
12 |   return [
13 |     { id: 1, name: '1' },
14 |     { id: 2, name: '2' },
15 |     { id: 3, name: '3' },
16 |     { id: 4, name: '4' },
17 |   ];
18 | }
19 | 
20 | export default class extends Component {
21 |   static propTypes = {
22 |     onReady: PropTypes.func.isRequired,
23 |   };
24 | 
25 |   constructor(props) {
26 |     super(props);
27 |     this.state = { users: [] };
28 |   }
29 | 
30 |   async componentDidMount() {
31 |     const users = load();
32 |     this.setState({ users });
33 |   }
34 | 
35 |   componentDidUpdate() {
36 |     this.props.onReady();
37 |   }
38 | 
39 |   render() {
40 |     return (
41 |       <div id="feature-object-destructuring">
42 |         {this.state.users.map((user) => {
43 |           const { id, name } = user;
44 |           return <div key={id}>{name}</div>;
45 |         })}
46 |       </div>
47 |     );
48 |   }
49 | }
50 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/TemplateInterpolation.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React, { Component } from 'react';
 9 | import PropTypes from 'prop-types';
10 | 
11 | function load(name) {
12 |   return [
13 |     { id: 1, name: `${name}1` },
14 |     { id: 2, name: `${name}2` },
15 |     { id: 3, name: `${name}3` },
16 |     { id: 4, name: `${name}4` },
17 |   ];
18 | }
19 | 
20 | export default class extends Component {
21 |   static propTypes = {
22 |     onReady: PropTypes.func.isRequired,
23 |   };
24 | 
25 |   constructor(props) {
26 |     super(props);
27 |     this.state = { users: [] };
28 |   }
29 | 
30 |   async componentDidMount() {
31 |     const users = load('user_');
32 |     this.setState({ users });
33 |   }
34 | 
35 |   componentDidUpdate() {
36 |     this.props.onReady();
37 |   }
38 | 
39 |   render() {
40 |     return (
41 |       <div id="feature-template-interpolation">
42 |         {this.state.users.map((user) => (
43 |           <div key={user.id}>{user.name}</div>
44 |         ))}
45 |       </div>
46 |     );
47 |   }
48 | }
49 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/RestAndDefault.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React, { Component } from 'react';
 9 | import PropTypes from 'prop-types';
10 | 
11 | function load({ id, ...rest } = { id: 0, user: { id: 42, name: '42' } }) {
12 |   return [
13 |     { id: id + 1, name: '1' },
14 |     { id: id + 2, name: '2' },
15 |     { id: id + 3, name: '3' },
16 |     rest.user,
17 |   ];
18 | }
19 | 
20 | export default class extends Component {
21 |   static propTypes = {
22 |     onReady: PropTypes.func.isRequired,
23 |   };
24 | 
25 |   constructor(props) {
26 |     super(props);
27 |     this.state = { users: [] };
28 |   }
29 | 
30 |   async componentDidMount() {
31 |     const users = load();
32 |     this.setState({ users });
33 |   }
34 | 
35 |   componentDidUpdate() {
36 |     this.props.onReady();
37 |   }
38 | 
39 |   render() {
40 |     return (
41 |       <div id="feature-rest-and-default">
42 |         {this.state.users.map((user) => (
43 |           <div key={user.id}>{user.name}</div>
44 |         ))}
45 |       </div>
46 |     );
47 |   }
48 | }
49 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/RestParameters.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React, { Component } from 'react';
 9 | import PropTypes from 'prop-types';
10 | 
11 | function load({ id = 0, ...rest }) {
12 |   return [
13 |     { id: id + 1, name: '1' },
14 |     { id: id + 2, name: '2' },
15 |     { id: id + 3, name: '3' },
16 |     rest.user,
17 |   ];
18 | }
19 | 
20 | export default class extends Component {
21 |   static propTypes = {
22 |     onReady: PropTypes.func.isRequired,
23 |   };
24 | 
25 |   constructor(props) {
26 |     super(props);
27 |     this.state = { users: [] };
28 |   }
29 | 
30 |   async componentDidMount() {
31 |     const users = load({ id: 0, user: { id: 42, name: '42' } });
32 |     this.setState({ users });
33 |   }
34 | 
35 |   componentDidUpdate() {
36 |     this.props.onReady();
37 |   }
38 | 
39 |   render() {
40 |     return (
41 |       <div id="feature-rest-parameters">
42 |         {this.state.users.map((user) => (
43 |           <div key={user.id}>{user.name}</div>
44 |         ))}
45 |       </div>
46 |     );
47 |   }
48 | }
49 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/DestructuringAndAwait.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React, { Component } from 'react';
 9 | import PropTypes from 'prop-types';
10 | 
11 | async function load() {
12 |   return {
13 |     users: [
14 |       { id: 1, name: '1' },
15 |       { id: 2, name: '2' },
16 |       { id: 3, name: '3' },
17 |       { id: 4, name: '4' },
18 |     ],
19 |   };
20 | }
21 | 
22 | export default class extends Component {
23 |   static propTypes = {
24 |     onReady: PropTypes.func.isRequired,
25 |   };
26 | 
27 |   constructor(props) {
28 |     super(props);
29 |     this.state = { users: [] };
30 |   }
31 | 
32 |   async componentDidMount() {
33 |     const { users } = await load();
34 |     this.setState({ users });
35 |   }
36 | 
37 |   componentDidUpdate() {
38 |     this.props.onReady();
39 |   }
40 | 
41 |   render() {
42 |     return (
43 |       <div id="feature-destructuring-and-await">
44 |         {this.state.users.map((user) => (
45 |           <div key={user.id}>{user.name}</div>
46 |         ))}
47 |       </div>
48 |     );
49 |   }
50 | }
51 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ComputedProperties.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React, { Component } from 'react';
 9 | import PropTypes from 'prop-types';
10 | 
11 | function load(prefix) {
12 |   return [
13 |     { id: 1, [`${prefix} name`]: '1' },
14 |     { id: 2, [`${prefix} name`]: '2' },
15 |     { id: 3, [`${prefix} name`]: '3' },
16 |     { id: 4, [`${prefix} name`]: '4' },
17 |   ];
18 | }
19 | 
20 | export default class extends Component {
21 |   static propTypes = {
22 |     onReady: PropTypes.func.isRequired,
23 |   };
24 | 
25 |   constructor(props) {
26 |     super(props);
27 |     this.state = { users: [] };
28 |   }
29 | 
30 |   async componentDidMount() {
31 |     const users = load('user_');
32 |     this.setState({ users });
33 |   }
34 | 
35 |   componentDidUpdate() {
36 |     this.props.onReady();
37 |   }
38 | 
39 |   render() {
40 |     return (
41 |       <div id="feature-computed-properties">
42 |         {this.state.users.map((user) => (
43 |           <div key={user.id}>{user.user_name}</div>
44 |         ))}
45 |       </div>
46 |     );
47 |   }
48 | }
49 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/ObjectSpread.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React, { Component } from 'react';
 9 | import PropTypes from 'prop-types';
10 | 
11 | function load(baseUser) {
12 |   return [
13 |     { id: 1, name: '1', ...baseUser },
14 |     { id: 2, name: '2', ...baseUser },
15 |     { id: 3, name: '3', ...baseUser },
16 |     { id: 4, name: '4', ...baseUser },
17 |   ];
18 | }
19 | 
20 | export default class extends Component {
21 |   static propTypes = {
22 |     onReady: PropTypes.func.isRequired,
23 |   };
24 | 
25 |   constructor(props) {
26 |     super(props);
27 |     this.state = { users: [] };
28 |   }
29 | 
30 |   async componentDidMount() {
31 |     const users = load({ age: 42 });
32 |     this.setState({ users });
33 |   }
34 | 
35 |   componentDidUpdate() {
36 |     this.props.onReady();
37 |   }
38 | 
39 |   render() {
40 |     return (
41 |       <div id="feature-object-spread">
42 |         {this.state.users.map((user) => (
43 |           <div key={user.id}>
44 |             {user.name}: {user.age}
45 |           </div>
46 |         ))}
47 |       </div>
48 |     );
49 |   }
50 | }
51 | 


--------------------------------------------------------------------------------
/packages/kotlin-webpack-plugin/dce-plugin.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | const spawn = require('child_process').spawn;
 3 | const isWindows = /^win/.test(process.platform);
 4 | 
 5 | const extension = isWindows ? '.bat' : '';
 6 | 
 7 | function eliminateDeadCode(args) {
 8 |   return new Promise((resolve, reject) => {
 9 |     const compilation = spawn(
10 |       require.resolve(`kotlin-compiler/bin/kotlin-dce-js${extension}`),
11 |       args,
12 |       { stdio: [process.stdin, process.stdout, 'pipe'] }
13 |     );
14 |     let hasErrors = false;
15 |     let errors = '';
16 | 
17 |     compilation.stderr.on('data', (data) => {
18 |       hasErrors = true;
19 |       errors += data.toString();
20 |     });
21 | 
22 |     compilation.on('error', (err) => {
23 |       hasErrors = true;
24 |       errors += 'kotlin-dce-js failed';
25 |       errors += JSON.stringify(err);
26 |     });
27 | 
28 |     compilation.on('close', () => (hasErrors ? reject(errors) : resolve()));
29 |   });
30 | }
31 | 
32 | function optimize(options) {
33 |   const args = [
34 |     '-output-dir',
35 |     options.outputDir,
36 |     '-keep',
37 |     options.moduleName,
38 |     options.outputPath,
39 |     options.runtimePath || require.resolve('kotlin'),
40 |   ].concat(options.librariesPaths);
41 | 
42 |   return eliminateDeadCode(args);
43 | }
44 | 
45 | module.exports = {
46 |   eliminateDeadCode: eliminateDeadCode,
47 |   optimize: optimize,
48 | };
49 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "private": true,
 3 |   "workspaces": [
 4 |     "packages/*"
 5 |   ],
 6 |   "scripts": {
 7 |     "build": "yarn --cwd packages/react-scripts build",
 8 |     "changelog": "lerna-changelog",
 9 |     "create-react-kotlin-app": "tasks/cra.sh my-app",
10 |     "e2e": "tasks/e2e-simple.sh",
11 |     "publish": "tasks/release.sh",
12 |     "start": "yarn --cwd packages/react-scripts start",
13 |     "format": "prettier --trailing-comma es5 --single-quote --write 'packages/*/*.js' 'packages/*/!(node_modules)/**/*.js'",
14 |     "precommit": "lint-staged"
15 |   },
16 |   "devDependencies": {
17 |     "@jetbrains/kotlin-extensions": "^1.0.1-pre.89",
18 |     "@jetbrains/kotlin-react": "^16.9.0-pre.91",
19 |     "@jetbrains/kotlin-react-dom": "^16.9.0-pre.89",
20 |     "core-js": "^3.20.2",
21 |     "eslint": "^7.32.0",
22 |     "husky": "^7.0.4",
23 |     "kotlin": "~1.5.32",
24 |     "kotlinx-coroutines-core": "^1.5.2",
25 |     "kotlinx-html": "^0.7.2",
26 |     "lerna": "^4.0.0",
27 |     "lerna-changelog": "^2.2.0",
28 |     "lint-staged": "^10.5.4",
29 |     "prettier": "^2.5.1",
30 |     "react": "^17.0.2",
31 |     "react-dom": "^16.12.0"
32 |   },
33 |   "lint-staged": {
34 |     "*.js": [
35 |       "prettier --trailing-comma es5 --single-quote --write",
36 |       "git add"
37 |     ]
38 |   },
39 |   "yarn.lock": [
40 |     "git rm --cached"
41 |   ],
42 |   "engines": {
43 |     "node": ">=14.18.2",
44 |     "yarn": ">=1.0.0"
45 |   }
46 | }
47 | 


--------------------------------------------------------------------------------
/.idea/codeStyleSettings.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <project version="4">
 3 |   <component name="ProjectCodeStyleSettingsManager">
 4 |     <option name="PER_PROJECT_SETTINGS">
 5 |       <value>
 6 |         <JSCodeStyleSettings>
 7 |           <option name="USE_SEMICOLON_AFTER_STATEMENT" value="false" />
 8 |           <option name="FORCE_SEMICOLON_STYLE" value="true" />
 9 |           <option name="USE_DOUBLE_QUOTES" value="false" />
10 |           <option name="FORCE_QUOTE_STYlE" value="true" />
11 |           <option name="ENFORCE_TRAILING_COMMA" value="WhenMultiline" />
12 |         </JSCodeStyleSettings>
13 |         <codeStyleSettings language="JAVA">
14 |           <indentOptions>
15 |             <option name="CONTINUATION_INDENT_SIZE" value="4" />
16 |           </indentOptions>
17 |         </codeStyleSettings>
18 |         <codeStyleSettings language="JavaScript">
19 |           <indentOptions>
20 |             <option name="INDENT_SIZE" value="2" />
21 |             <option name="CONTINUATION_INDENT_SIZE" value="2" />
22 |             <option name="TAB_SIZE" value="2" />
23 |           </indentOptions>
24 |         </codeStyleSettings>
25 |         <codeStyleSettings language="kotlin">
26 |           <indentOptions>
27 |             <option name="CONTINUATION_INDENT_SIZE" value="4" />
28 |           </indentOptions>
29 |         </codeStyleSettings>
30 |       </value>
31 |     </option>
32 |     <option name="PREFERRED_PROJECT_CODE_STYLE" value="Default" />
33 |   </component>
34 | </project>


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/syntax/CustomInterpolation.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import React, { Component } from 'react';
 9 | import PropTypes from 'prop-types';
10 | 
11 | const styled = ([style]) =>
12 |   style
13 |     .trim()
14 |     .split(/\s*;\s*/)
15 |     .map((rule) => rule.split(/\s*:\s*/))
16 |     .reduce((rules, rule) => ({ ...rules, [rule[0]]: rule[1] }), {});
17 | 
18 | function load() {
19 |   return [
20 |     { id: 1, name: '1' },
21 |     { id: 2, name: '2' },
22 |     { id: 3, name: '3' },
23 |     { id: 4, name: '4' },
24 |   ];
25 | }
26 | 
27 | export default class extends Component {
28 |   static propTypes = {
29 |     onReady: PropTypes.func.isRequired,
30 |   };
31 | 
32 |   constructor(props) {
33 |     super(props);
34 |     this.state = { users: [] };
35 |   }
36 | 
37 |   async componentDidMount() {
38 |     const users = load();
39 |     this.setState({ users });
40 |   }
41 | 
42 |   componentDidUpdate() {
43 |     this.props.onReady();
44 |   }
45 | 
46 |   render() {
47 |     const veryInlineStyle = styled`
48 |       background: palevioletred;
49 |       color: papayawhip;
50 |     `;
51 | 
52 |     return (
53 |       <div id="feature-custom-interpolation">
54 |         {this.state.users.map((user) => (
55 |           <div key={user.id} style={veryInlineStyle}>
56 |             {user.name}
57 |           </div>
58 |         ))}
59 |       </div>
60 |     );
61 |   }
62 | }
63 | 


--------------------------------------------------------------------------------
/packages/kotlin-webpack-plugin/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "@jetbrains/kotlin-webpack-plugin",
 3 |   "version": "3.0.2",
 4 |   "description": "Kotlin plugin for webpack",
 5 |   "main": "plugin.js",
 6 |   "repository": "JetBrains/create-react-kotlin-app",
 7 |   "scripts": {
 8 |     "start": "webpack-dev-server --mode development --inline --hot --devtool source-map --config example/webpack.config.js",
 9 |     "build-example": "rm -rf example/build/ && webpack --mode production --config example/webpack.config.js --bail --devtool source-map",
10 |     "debug-build": "node --inspect-brk ./node_modules/.bin/webpack --mode development --config example/webpack.config.js",
11 |     "debug-dev-server": "node --inspect-brk ./node_modules/.bin/webpack-dev-server --mode development --config example/webpack.config.js",
12 |     "test": "echo \"Error: no test specified\" && exit 1"
13 |   },
14 |   "keywords": [
15 |     "Webpack",
16 |     "Kotlin"
17 |   ],
18 |   "engines": {
19 |     "node": ">=14.18.2"
20 |   },
21 |   "author": "Andrey Skladchikov <andrey.skladchikov@gmail.com>",
22 |   "license": "Apache-2.0",
23 |   "files": [
24 |     "plugin.js",
25 |     "libraries-lookup.js",
26 |     "dce-plugin.js"
27 |   ],
28 |   "dependencies": {
29 |     "@jetbrains/kotlinc-js-api": "^2.0.1",
30 |     "fs-extra": "^10.0.0",
31 |     "glob": "^7.1.6",
32 |     "globby": "^10.0.1",
33 |     "kotlin-compiler": "^1.3.61",
34 |     "webpack-log": "^3.0.2"
35 |   },
36 |   "devDependencies": {
37 |     "html-webpack-plugin": "^3.2.0",
38 |     "source-map-loader": "^0.2.4",
39 |     "webpack": "^4.46.0",
40 |     "webpack-cli": "^3.3.10",
41 |     "webpack-dev-server": "^4.7.2"
42 |   }
43 | }
44 | 


--------------------------------------------------------------------------------
/packages/react-scripts/scripts/test.js:
--------------------------------------------------------------------------------
 1 | // @remove-on-eject-begin
 2 | /**
 3 |  * Copyright (c) 2015-present, Facebook, Inc.
 4 |  *
 5 |  * This source code is licensed under the MIT license found in the
 6 |  * LICENSE file in the root directory of this source tree.
 7 |  */
 8 | // @remove-on-eject-end
 9 | 'use strict';
10 | 
11 | // Do this as the first thing so that any code reading it knows the right env.
12 | process.env.BABEL_ENV = 'test';
13 | process.env.NODE_ENV = 'test';
14 | process.env.PUBLIC_URL = '';
15 | 
16 | // Makes the script crash on unhandled rejections instead of silently
17 | // ignoring them. In the future, promise rejections that are not handled will
18 | // terminate the Node.js process with a non-zero exit code.
19 | process.on('unhandledRejection', (err) => {
20 |   throw err;
21 | });
22 | 
23 | // Ensure environment variables are read.
24 | require('../config/env');
25 | 
26 | const jest = require('jest');
27 | const argv = process.argv.slice(2);
28 | 
29 | // Watch unless on CI or in coverage mode
30 | if (!process.env.CI && argv.indexOf('--coverage') < 0) {
31 |   argv.push('--watch');
32 | }
33 | 
34 | // @remove-on-eject-begin
35 | // This is not necessary after eject because we embed config into package.json.
36 | const createJestConfig = require('./utils/createJestConfig');
37 | const path = require('path');
38 | const paths = require('../config/paths');
39 | argv.push(
40 |   '--config',
41 |   JSON.stringify(
42 |     createJestConfig(
43 |       (relativePath) => path.resolve(__dirname, '..', relativePath),
44 |       path.resolve(paths.appSrc, '..'),
45 |       false
46 |     )
47 |   )
48 | );
49 | // @remove-on-eject-end
50 | jest.run(argv);
51 | 


--------------------------------------------------------------------------------
/packages/kotlin-webpack-plugin/README.md:
--------------------------------------------------------------------------------
 1 | # kotlin-webpack-plugin
 2 | 
 3 | This package allows compiling [Kotlin](https://kotlinlang.org/) files to JavaScript using webpack.
 4 | 
 5 | ## Installation
 6 | 
 7 | ```bash
 8 | npm i @jetbrains/kotlin-webpack-plugin --save-dev
 9 | ```
10 | 
11 | ## Requirements
12 | This plugin requires a minimum of Node v8.6.0 and Webpack v4.0.0. To use this plugin with Webpack v3.0.0, you need to use v1.2.11 of this plugin.
13 | 
14 | ## Usage
15 | 
16 | Example of webpack configuration:
17 | ```js
18 | const KotlinWebpackPlugin = require('@jetbrains/kotlin-webpack-plugin');
19 | 
20 | module.exports = {
21 |   entry: 'kotlinApp', // kotlinApp is the default module name
22 | 
23 |   resolve: {
24 |     // "kotlin_build" is the build output directory
25 |     modules: ['kotlin_build', 'node_modules']
26 |   },
27 | 
28 |   // [OPTIONAL] To enable sourcemaps, source-map-loader should be configured
29 |   module: {
30 |     rules: [
31 |       {
32 |         test: /\.js$/,
33 |         include: path.resolve(__dirname, '../kotlin_build'),
34 |         exclude: [
35 |           /kotlin\.js$/, // Kotlin runtime doesn't have sourcemaps at the moment
36 |         ],
37 |         use: ['source-map-loader'],
38 |         enforce: 'pre'
39 |       }
40 |     ]
41 |   },
42 | 
43 |   output: {
44 |     path: __dirname + '/build',
45 |     filename: 'build.js'
46 |   },
47 | 
48 |   plugins: [
49 |     new KotlinWebpackPlugin({
50 |       src: __dirname + '/src'
51 |     })
52 |   ]
53 | };
54 | ```
55 | 
56 | You can find a sample configuration in the [example](https://github.com/JetBrains/create-react-kotlin-app/tree/master/packages/kotlin-webpack-plugin/example) folder.
57 | 


--------------------------------------------------------------------------------
/packages/kotlinc-js-api/test/kotlin-compiler.test.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | const path = require('path');
 3 | const kotlinCompiler = require('../kotlin-compiler');
 4 | const fs = require('fs');
 5 | 
 6 | const DIST_FILE_PATH = path.resolve(__dirname, './build/dist.js');
 7 | const REFERENCE_PATH = path.resolve(__dirname, './reference.js.ref');
 8 | 
 9 | kotlinCompiler
10 |   .compile({
11 |     output: DIST_FILE_PATH,
12 |     sources: [__dirname],
13 |     sourceMaps: true,
14 |     moduleKind: 'commonjs',
15 |     plugin: require.resolve(
16 |       `kotlin-compiler/lib/kotlinx-serialization-compiler-plugin.jar`
17 |     ),
18 |     libraries: ['@jetbrains/kotlin-extensions', '@jetbrains/kotlin-react'].map(
19 |       (lib) => require.resolve(lib).replace(/(?:\.js)?$/, '.meta.js')
20 |     ),
21 |   })
22 |   .then(() => {
23 |     return new Promise((resolve) =>
24 |       fs.readFile(DIST_FILE_PATH, (error, data) => resolve(data))
25 |     );
26 |   })
27 |   .then((compiledFileContent) => {
28 |     return new Promise((resolve) =>
29 |       fs.readFile(REFERENCE_PATH, (error, data) => resolve(data))
30 |     ).then((reference) => ({
31 |       compiledFileContent,
32 |       reference,
33 |     }));
34 |   })
35 |   .then(({ compiledFileContent, reference }) => {
36 |     if (compiledFileContent.toString() !== reference.toString()) {
37 |       console.error('Compiled:', compiledFileContent.toString());
38 |       console.error('Reference:', reference.toString());
39 | 
40 |       throw new Error("Compiled code doesn't match reference");
41 |     } else {
42 |       console.info('Test passed');
43 |     }
44 |   })
45 |   .catch((err) => {
46 |     console.error('kotlinc-js-api test failed:', err);
47 |     process.exit(1);
48 |   });
49 | 


--------------------------------------------------------------------------------
/tasks/release.sh:
--------------------------------------------------------------------------------
 1 | #!/bin/bash
 2 | # Copyright (c) 2015-present, Facebook, Inc.
 3 | 
 4 | This source code is licensed under the MIT license found in the
 5 | LICENSE file in the root directory of this source tree.
 6 | 
 7 | # ******************************************************************************
 8 | # This releases an update to the `react-scripts` package.
 9 | # Don't use `npm publish` for it.
10 | # Read the release instructions:
11 | # https://github.com/facebookincubator/create-react-app/blob/master/CONTRIBUTING.md#cutting-a-release
12 | # ******************************************************************************
13 | 
14 | # Start in tasks/ even if run from root directory
15 | cd "$(dirname "$0")"
16 | 
17 | # Exit the script on any command with non 0 return code
18 | # We assume that all the commands in the pipeline set their return code
19 | # properly and that we do not need to validate that the output is correct
20 | set -e
21 | 
22 | # Echo every command being executed
23 | set -x
24 | 
25 | # Go to root
26 | cd ..
27 | root_path=$PWD
28 | 
29 | trigger_commit_message="[Publish release versions]"
30 | 
31 | # Release after trigger only
32 | if [[ "$(git log -1 --pretty=tformat:%B)" != *"$trigger_commit_message"* ]]; then
33 |   echo "Commit message does not contain \"$trigger_commit_message\", not releasing RELEASE versions";
34 |   exit 0;
35 | fi;
36 | 
37 | # You can only release with npm >= 3
38 | if [ $(npm -v | head -c 1) -lt 3 ]; then
39 |   echo "Releasing requires npm >= 3. Aborting.";
40 |   exit 1;
41 | fi;
42 | 
43 | if [ -n "$(git status --porcelain)" ]; then
44 |   echo "Your git status is not clean. Aborting.";
45 |   exit 1;
46 | fi
47 | 
48 | cd "$root_path"
49 | # Go!
50 | ./node_modules/.bin/lerna publish --npm-client=npm --yes --cd-version major "$@"
51 | 


--------------------------------------------------------------------------------
/packages/react-scripts/template/public/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 6 |     <meta name="theme-color" content="#000000">
 7 |     <!--
 8 |       manifest.json provides metadata used when your web app is added to the
 9 |       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
10 |     -->
11 |     <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
12 |     <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
13 |     <!--
14 |       Notice the use of %PUBLIC_URL% in the tags above.
15 |       It will be replaced with the URL of the `public` folder during the build.
16 |       Only files inside the `public` folder can be referenced from the HTML.
17 | 
18 |       Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
19 |       work correctly both with client-side routing and a non-root public URL.
20 |       Learn how to configure a non-root public URL by running `npm run build`.
21 |     -->
22 |     <title>React Kotlin App</title>
23 |   </head>
24 |   <body>
25 |     <noscript>
26 |       You need to enable JavaScript to run this app.
27 |     </noscript>
28 |     <div id="root"></div>
29 |     <!--
30 |       This HTML file is a template.
31 |       If you open it directly in the browser, you will see an empty page.
32 | 
33 |       You can add webfonts, meta tags, or analytics to this file.
34 |       The build step will place the bundled scripts into the <body> tag.
35 | 
36 |       To begin the development, run `npm start` or `yarn start`.
37 |       To create a production bundle, use `npm run build` or `yarn build`.
38 |     -->
39 |   </body>
40 | </html>
41 | 


--------------------------------------------------------------------------------
/packages/kotlin-webpack-plugin/libraries-lookup.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | const fs = require('fs');
 3 | const path = require('path');
 4 | 
 5 | function lookupInPackage(pkg) {
 6 |   return (
 7 |     [
 8 |       ...Object.keys(pkg.dependencies || {}),
 9 |       ...Object.keys(pkg.devDependencies || {}),
10 |       ...Object.keys(pkg.peerDependencies || {}),
11 |     ]
12 |       // We provide the Kotlin runtime externally, so we aren't looking for it
13 |       .filter((dependencyName) => dependencyName !== 'kotlin')
14 |       .map((dependencyName) => {
15 |         try {
16 |           let main;
17 |           if (require.resolve.paths) {
18 |             // resolve only searches this scripts node_modules for the dependency in newer versions
19 |             const paths = require.resolve.paths(dependencyName);
20 |             paths.push(path.resolve(process.cwd(), 'node_modules'));
21 |             main = require.resolve(dependencyName, { paths });
22 |           } else {
23 |             main = require.resolve(dependencyName);
24 |           }
25 |           // Kotlin libraries contain a <libraryname>.meta.js file
26 |           const hasKotlinMetaFile = fs.existsSync(
27 |             main.replace(/(\.js)?$/, '.meta.js')
28 |           );
29 |           return hasKotlinMetaFile ? main : null;
30 |         } catch (err) {
31 |           return null;
32 |         }
33 |       })
34 |       .filter((dependencyMainFilePath) => !!dependencyMainFilePath)
35 |   );
36 | }
37 | 
38 | function removeDuplicates(libraries) {
39 |   return [...new Set(libraries)];
40 | }
41 | 
42 | module.exports = {
43 |   lookupKotlinLibraries(packages) {
44 |     const libraries = packages.reduce((acc, pkg) => {
45 |       return [...acc, ...lookupInPackage(pkg)];
46 |     }, []);
47 | 
48 |     return removeDuplicates(libraries);
49 |   },
50 | };
51 | 


--------------------------------------------------------------------------------
/packages/react-scripts/bin/react-scripts-kotlin.js:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env node
 2 | /**
 3 |  * Copyright (c) 2015-present, Facebook, Inc.
 4 |  *
 5 |  * This source code is licensed under the MIT license found in the
 6 |  * LICENSE file in the root directory of this source tree.
 7 |  */
 8 | 
 9 | 'use strict';
10 | 
11 | const spawn = require('react-dev-utils/crossSpawn');
12 | const script = process.argv[2];
13 | const args = process.argv.slice(3);
14 | 
15 | switch (script) {
16 |   case 'build':
17 |   case 'eject':
18 |   case 'start':
19 |   case 'gen-idea-libs':
20 |   case 'get-types':
21 |   case 'test': {
22 |     const result = spawn.sync(
23 |       'node',
24 |       [require.resolve('../scripts/' + script)].concat(args),
25 |       { stdio: 'inherit' }
26 |     );
27 |     if (result.signal) {
28 |       if (result.signal === 'SIGKILL') {
29 |         console.log(
30 |           'The build failed because the process exited too early. ' +
31 |             'This probably means the system ran out of memory or someone called ' +
32 |             '`kill -9` on the process.'
33 |         );
34 |       } else if (result.signal === 'SIGTERM') {
35 |         console.log(
36 |           'The build failed because the process exited too early. ' +
37 |             'Someone might have called `kill` or `killall`, or the system could ' +
38 |             'be shutting down.'
39 |         );
40 |       }
41 |       process.exit(1);
42 |     }
43 |     process.exit(result.status);
44 |     break;
45 |   }
46 |   default:
47 |     console.log('Unknown script "' + script + '".');
48 |     console.log('Perhaps you need to update react-scripts?');
49 |     console.log(
50 |       'See: https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#updating-to-new-releases'
51 |     );
52 |     break;
53 | }
54 | 


--------------------------------------------------------------------------------
/tasks/release-patch-versions.sh:
--------------------------------------------------------------------------------
 1 | #!/bin/bash
 2 | # Copyright (c) 2015-present, Facebook, Inc.
 3 | # All rights reserved.
 4 | #
 5 | # This source code is licensed under the BSD-style license found in the
 6 | # LICENSE file in the root directory of this source tree. An additional grant
 7 | # of patent rights can be found in the PATENTS file in the same directory.
 8 | 
 9 | # ******************************************************************************
10 | # This releases an update to the `react-scripts` package.
11 | # Don't use `npm publish` for it.
12 | # Read the release instructions:
13 | # https://github.com/facebookincubator/create-react-app/blob/master/CONTRIBUTING.md#cutting-a-release
14 | # ******************************************************************************
15 | 
16 | # Start in tasks/ even if run from root directory
17 | cd "$(dirname "$0")"
18 | 
19 | # Exit the script on any command with non 0 return code
20 | # We assume that all the commands in the pipeline set their return code
21 | # properly and that we do not need to validate that the output is correct
22 | set -e
23 | 
24 | # Echo every command being executed
25 | set -x
26 | 
27 | # Go to root
28 | cd ..
29 | root_path=$PWD
30 | trigger_commit_message="[Publish patch versions]"
31 | 
32 | # Release after trigger only
33 | if [[ "$(git log -1 --pretty=tformat:%B)" != *"$trigger_commit_message"* ]]; then
34 |   echo "Commit message does not contain \"$trigger_commit_message\", not releasing anything";
35 |   exit 0;
36 | fi;
37 | 
38 | if [ -n "$(git status --porcelain)" ]; then
39 |   echo "Your git status is not clean. Aborting.";
40 |   exit 1;
41 | fi
42 | 
43 | cd "$root_path"
44 | 
45 | # Install Yarn so that the test can use it to install packages.
46 | export PATH="$HOME/.yarn/bin:$PATH"
47 | yarn -v || curl -o- -L https://yarnpkg.com/install.sh | bash
48 | 
49 | # Install all dependencies
50 | yarn install
51 | 
52 | # Go!
53 | ./node_modules/.bin/lerna publish --yes --cd-version patch "$@"
54 | 


--------------------------------------------------------------------------------
/packages/react-scripts/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "react-scripts-kotlin",
 3 |   "version": "4.0.3",
 4 |   "description": "Configuration and scripts for Create React App.",
 5 |   "repository": "JetBrains/create-react-kotlin-app",
 6 |   "license": "MIT",
 7 |   "engines": {
 8 |     "node": ">=14.18.2"
 9 |   },
10 |   "bugs": {
11 |     "url": "https://youtrack.jetbrains.com/issues/CRKA"
12 |   },
13 |   "files": [
14 |     "bin",
15 |     "config",
16 |     "scripts",
17 |     "template",
18 |     "template-idea",
19 |     "utils"
20 |   ],
21 |   "bin": {
22 |     "react-scripts-kotlin": "./bin/react-scripts-kotlin.js"
23 |   },
24 |   "scripts": {
25 |     "build": "node ./scripts/build",
26 |     "start": "node ./scripts/start"
27 |   },
28 |   "dependencies": {
29 |     "@jetbrains/gen-idea-libs": "^2.0.0",
30 |     "@jetbrains/kotlin-extensions": "^1.0.1-pre.89",
31 |     "@jetbrains/kotlin-react": "^16.9.0-pre.91",
32 |     "@jetbrains/kotlin-react-dom": "^16.9.0-pre.89",
33 |     "@jetbrains/kotlin-webpack-plugin": "^3.0.2",
34 |     "@jetbrains/ts2kt-automator": "^2.0.0",
35 |     "autoprefixer": "^9.7.6",
36 |     "case-sensitive-paths-webpack-plugin": "^2.2.0",
37 |     "chalk": "^2.4.2",
38 |     "core-js": "^3.20.2",
39 |     "css-loader": "^3.5.2",
40 |     "dotenv": "^8.2.0",
41 |     "file-loader": "^6.2.0",
42 |     "fs-extra": "^10.0.0",
43 |     "html-webpack-plugin": "^4.5.1",
44 |     "kotlin": "~1.5.32",
45 |     "kotlinx-coroutines-core": "~1.5.2",
46 |     "kotlinx-html": "^0.7.2",
47 |     "mini-css-extract-plugin": "^0.8.2",
48 |     "object-assign": "^4.1.1",
49 |     "postcss-flexbugs-fixes": "^4.2.0",
50 |     "postcss-loader": "^3.0.0",
51 |     "promise": "^8.1.0",
52 |     "react-dev-utils": "^7.0.1",
53 |     "react-error-overlay": "^6.0.4",
54 |     "source-map-loader": "^0.2.4",
55 |     "style-loader": "^1.0.1",
56 |     "url-loader": "^2.3.0",
57 |     "webpack": "^4.46.0",
58 |     "webpack-dev-server": "^4.7.2",
59 |     "webpack-manifest-plugin": "^2.2.0",
60 |     "whatwg-fetch": "^3.0.0"
61 |   },
62 |   "optionalDependencies": {
63 |     "fsevents": "^2.3.2"
64 |   }
65 | }
66 | 


--------------------------------------------------------------------------------
/packages/react-scripts/template/src/logo/kotlin.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 4 | 	 viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
 5 | <g>
 6 | 
 7 | 		<linearGradient id="XMLID_3_" gradientUnits="userSpaceOnUse" x1="15.9594" y1="-13.0143" x2="44.3068" y2="15.3332" gradientTransform="matrix(1 0 0 -1 0 61)">
 8 | 		<stop  offset="9.677000e-02" style="stop-color:#0095D5"/>
 9 | 		<stop  offset="0.3007" style="stop-color:#238AD9"/>
10 | 		<stop  offset="0.6211" style="stop-color:#557BDE"/>
11 | 		<stop  offset="0.8643" style="stop-color:#7472E2"/>
12 | 		<stop  offset="1" style="stop-color:#806EE3"/>
13 | 	</linearGradient>
14 | 	<polygon id="XMLID_2_" style="fill:url(#XMLID_3_);" points="0,60 30.1,29.9 60,60 	"/>
15 | 
16 | 		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="4.2092" y1="48.9409" x2="20.6734" y2="65.405" gradientTransform="matrix(1 0 0 -1 0 61)">
17 | 		<stop  offset="0.1183" style="stop-color:#0095D5"/>
18 | 		<stop  offset="0.4178" style="stop-color:#3C83DC"/>
19 | 		<stop  offset="0.6962" style="stop-color:#6D74E1"/>
20 | 		<stop  offset="0.8333" style="stop-color:#806EE3"/>
21 | 	</linearGradient>
22 | 	<polygon style="fill:url(#SVGID_1_);" points="0,0 30.1,0 0,32.5 	"/>
23 | 
24 | 		<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="-10.1017" y1="5.8362" x2="45.7315" y2="61.6694" gradientTransform="matrix(1 0 0 -1 0 61)">
25 | 		<stop  offset="0.1075" style="stop-color:#C757BC"/>
26 | 		<stop  offset="0.2138" style="stop-color:#D0609A"/>
27 | 		<stop  offset="0.4254" style="stop-color:#E1725C"/>
28 | 		<stop  offset="0.6048" style="stop-color:#EE7E2F"/>
29 | 		<stop  offset="0.743" style="stop-color:#F58613"/>
30 | 		<stop  offset="0.8232" style="stop-color:#F88909"/>
31 | 	</linearGradient>
32 | 	<polygon style="fill:url(#SVGID_2_);" points="30.1,0 0,31.7 0,60 30.1,29.9 60,0 	"/>
33 | </g>
34 | </svg>
35 | 


--------------------------------------------------------------------------------
/packages/create-react-kotlin-app/index.js:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env node
 2 | 
 3 | /**
 4 |  * Copyright (c) 2015-present, Facebook, Inc.
 5 |  *
 6 |  * This source code is licensed under the MIT license found in the
 7 |  * LICENSE file in the root directory of this source tree.
 8 |  */
 9 | 
10 | // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
11 | //   /!\ DO NOT MODIFY THIS FILE /!\
12 | // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
13 | //
14 | // create-react-app is installed globally on people's computers. This means
15 | // that it is extremely difficult to have them upgrade the version and
16 | // because there's only one global version installed, it is very prone to
17 | // breaking changes.
18 | //
19 | // The only job of create-react-app is to init the repository and then
20 | // forward all the commands to the local version of create-react-app.
21 | //
22 | // If you need to add a new command, please add it to the scripts/ folder.
23 | //
24 | // The only reason to modify this file is to add more warnings and
25 | // troubleshooting information for the `create-react-app` command.
26 | //
27 | // Do not make breaking changes! We absolutely don't want to have to
28 | // tell people to update their global version of create-react-app.
29 | //
30 | // Also be careful with new language features.
31 | // This file must work on Node 0.10+.
32 | //
33 | // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
34 | //   /!\ DO NOT MODIFY THIS FILE /!\
35 | // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
36 | 
37 | 'use strict';
38 | 
39 | var chalk = require('chalk');
40 | 
41 | var currentNodeVersion = process.versions.node;
42 | var semver = currentNodeVersion.split('.');
43 | var major = semver[0];
44 | 
45 | if (major < 4) {
46 |   console.error(
47 |     chalk.red(
48 |       'You are running Node ' +
49 |         currentNodeVersion +
50 |         '.\n' +
51 |         'Create React App requires Node 4 or higher. \n' +
52 |         'Please update your version of Node.'
53 |     )
54 |   );
55 |   process.exit(1);
56 | }
57 | 
58 | require('./createReactApp');
59 | 


--------------------------------------------------------------------------------
/packages/ts2kt-automator/index.js:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env node
 2 | 'use strict';
 3 | const lib = require('./lib');
 4 | const minimist = require('minimist');
 5 | const mkdirp = require('mkdirp');
 6 | const fs = require('fs');
 7 | 
 8 | const argv = minimist(process.argv.slice(2));
 9 | const packageName = process.argv[process.argv.length - 1];
10 | 
11 | const dest = argv.dest;
12 | 
13 | if (!argv.dest) {
14 |   throw new Error(
15 |     'Destination folder should be specified as follows: --dest=typings'
16 |   );
17 | }
18 | 
19 | function installOnePackage(packageName, destFolder) {
20 |   const [name] = packageName.split('@');
21 |   const dest = `${destFolder}/${name}`;
22 | 
23 |   return new Promise((resolve, reject) => {
24 |     mkdirp(dest, function () {
25 |       lib
26 |         .installTypes(name)
27 |         .then(() => lib.convertTypesToKotlin(name, dest))
28 |         .catch(reject)
29 |         .then(resolve);
30 |     });
31 |   });
32 | }
33 | 
34 | function installAllPackages() {
35 |   console.log(
36 |     'We\'ll download every package from "dependencies" in package.json which is not downloaded yet.'
37 |   );
38 |   const dependencies = lib.getPackageDependencies();
39 | 
40 |   Object.keys(dependencies)
41 |     .reduce((promise, packageName) => {
42 |       const [name] = packageName.split('@');
43 |       const packageDest = `${dest}/${name}`;
44 | 
45 |       if (fs.existsSync(packageDest)) {
46 |         console.log(
47 |           `Path "${packageDest}" already exists and will not be overridden.`
48 |         );
49 |         return promise;
50 |       }
51 | 
52 |       return promise
53 |         .then(() => installOnePackage(name, dest))
54 |         .catch((err) => {
55 |           try {
56 |             fs.unlinkSync(packageDest);
57 |           } catch (err) {
58 |             console.error('Cannot clear folder after error', packageDest, err);
59 |           }
60 |           console.error(err);
61 |         });
62 |     }, Promise.resolve())
63 |     .catch((err) => {
64 |       console.error(err);
65 |       process.exit(1);
66 |     });
67 | }
68 | 
69 | if (!packageName) {
70 |   installAllPackages();
71 | } else {
72 |   installOnePackage(packageName, dest).catch((err) => {
73 |     console.error(err);
74 |     process.exit(1);
75 |   });
76 | }
77 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/integration/webpack.test.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import { expect } from 'chai';
 9 | import initDOM from './initDOM';
10 | 
11 | describe('Integration', () => {
12 |   describe('Webpack plugins', () => {
13 |     it('css inclusion', async () => {
14 |       const doc = await initDOM('css-inclusion');
15 | 
16 |       expect(
17 |         doc.getElementsByTagName('style')[0].textContent.replace(/\s/g, '')
18 |       ).to.match(/#feature-css-inclusion\{background:.+;color:.+}/);
19 |     });
20 | 
21 |     it('image inclusion', async () => {
22 |       const doc = await initDOM('image-inclusion');
23 | 
24 |       expect(doc.getElementById('feature-image-inclusion').src).to.match(
25 |         /^data:image\/jpeg;base64.+==$/
26 |       );
27 |     });
28 | 
29 |     it('no ext inclusion', async () => {
30 |       const doc = await initDOM('no-ext-inclusion');
31 | 
32 |       expect(doc.getElementById('feature-no-ext-inclusion').href).to.match(
33 |         /\/static\/media\/aFileWithoutExt\.[a-f0-9]{8}\.bin$/
34 |       );
35 |     });
36 | 
37 |     it('json inclusion', async () => {
38 |       const doc = await initDOM('json-inclusion');
39 | 
40 |       expect(doc.getElementById('feature-json-inclusion').textContent).to.equal(
41 |         'This is an abstract.'
42 |       );
43 |     });
44 | 
45 |     it('linked modules', async () => {
46 |       const doc = await initDOM('linked-modules');
47 | 
48 |       expect(doc.getElementById('feature-linked-modules').textContent).to.equal(
49 |         '2.0.0'
50 |       );
51 |     });
52 | 
53 |     it('svg inclusion', async () => {
54 |       const doc = await initDOM('svg-inclusion');
55 | 
56 |       expect(doc.getElementById('feature-svg-inclusion').src).to.match(
57 |         /\/static\/media\/logo\..+\.svg$/
58 |       );
59 |     });
60 | 
61 |     it('unknown ext inclusion', async () => {
62 |       const doc = await initDOM('unknown-ext-inclusion');
63 | 
64 |       expect(doc.getElementById('feature-unknown-ext-inclusion').href).to.match(
65 |         /\/static\/media\/aFileWithExt\.[a-f0-9]{8}\.unknown$/
66 |       );
67 |     });
68 |   });
69 | });
70 | 


--------------------------------------------------------------------------------
/packages/ts2kt-automator/test/lib.test.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | const path = require('path');
 3 | const lib = require('../lib');
 4 | const fs = require('fs');
 5 | 
 6 | const dest = path.resolve(__dirname, 'build');
 7 | const DIST_FILE_PATH = path.resolve(__dirname, './build/index.kt');
 8 | 
 9 | if (!fs.existsSync(dest)) {
10 |   fs.mkdirSync(dest);
11 | }
12 | 
13 | function clean() {
14 |   if (fs.existsSync(DIST_FILE_PATH)) {
15 |     fs.unlinkSync(DIST_FILE_PATH);
16 |   }
17 | }
18 | 
19 | /**
20 |  * Testing install of latest version
21 |  */
22 | function testLatestVersion() {
23 |   clean();
24 |   const packageName = 'fancybox';
25 |   return lib
26 |     .installTypes(packageName)
27 |     .then(() => lib.convertTypesToKotlin(packageName, dest))
28 |     .then(() => {
29 |       if (fs.existsSync(DIST_FILE_PATH)) {
30 |         console.log('"Latest version" test passed');
31 |       } else {
32 |         throw new Error('Result file was not found: ' + DIST_FILE_PATH);
33 |       }
34 |     });
35 | }
36 | 
37 | /**
38 |  * Testing install of specific version
39 |  */
40 | function testSpecificVersion() {
41 |   clean();
42 |   const packageName = 'fancybox@2.1.28';
43 |   return lib
44 |     .installTypes(packageName)
45 |     .then(() => lib.convertTypesToKotlin(packageName, dest))
46 |     .then(() => {
47 |       if (fs.existsSync(DIST_FILE_PATH)) {
48 |         console.log('"Latest version" test passed');
49 |       } else {
50 |         throw new Error('Result file was not found: ' + DIST_FILE_PATH);
51 |       }
52 |     });
53 | }
54 | 
55 | /**
56 |  * Test package that has no typing in @type because it has types delivered with the package itself ("moment" does this)
57 |  */
58 | function testTypingsInPackage() {
59 |   clean();
60 |   const packageName = 'moment';
61 |   return lib
62 |     .installTypes(packageName)
63 |     .then(() => lib.convertTypesToKotlin(packageName, dest))
64 |     .then(() => {
65 |       if (fs.existsSync(path.resolve(__dirname, './build/moment.kt'))) {
66 |         console.log('"Typing in package itself" test passed');
67 |       } else {
68 |         throw new Error('Result file was not found: ' + DIST_FILE_PATH);
69 |       }
70 |     });
71 | }
72 | 
73 | testLatestVersion()
74 |   .then(testSpecificVersion)
75 |   .then(testTypingsInPackage)
76 |   .catch((err) => {
77 |     console.error(err);
78 |     process.exit(1);
79 |   });
80 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/integration/env.test.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | import { expect } from 'chai';
 9 | import initDOM from './initDOM';
10 | 
11 | describe('Integration', () => {
12 |   describe('Environment variables', () => {
13 |     it('file env variables', async () => {
14 |       const doc = await initDOM('file-env-variables');
15 | 
16 |       expect(
17 |         doc.getElementById('feature-file-env-original-1').textContent
18 |       ).to.equal('from-original-env-1');
19 |       expect(
20 |         doc.getElementById('feature-file-env-original-2').textContent
21 |       ).to.equal('override-from-original-local-env-2');
22 | 
23 |       if (process.env.NODE_ENV === 'production') {
24 |         expect(doc.getElementById('feature-file-env').textContent).to.equal(
25 |           'production'
26 |         );
27 |         expect(doc.getElementById('feature-file-env-x').textContent).to.equal(
28 |           'x-from-production-env'
29 |         );
30 |       } else {
31 |         expect(doc.getElementById('feature-file-env').textContent).to.equal(
32 |           'development'
33 |         );
34 |         expect(doc.getElementById('feature-file-env-x').textContent).to.equal(
35 |           'x-from-development-env'
36 |         );
37 |       }
38 |     });
39 | 
40 |     it('NODE_PATH', async () => {
41 |       const doc = await initDOM('node-path');
42 | 
43 |       expect(
44 |         doc.getElementById('feature-node-path').childElementCount
45 |       ).to.equal(4);
46 |     });
47 | 
48 |     it('PUBLIC_URL', async () => {
49 |       const doc = await initDOM('public-url');
50 | 
51 |       const prefix =
52 |         process.env.NODE_ENV === 'development'
53 |           ? ''
54 |           : 'http://www.example.org/spa';
55 |       expect(doc.getElementById('feature-public-url').textContent).to.equal(
56 |         `${prefix}.`
57 |       );
58 |       expect(
59 |         doc.querySelector('head link[rel="shortcut icon"]').getAttribute('href')
60 |       ).to.equal(`${prefix}/favicon.ico`);
61 |     });
62 | 
63 |     it('shell env variables', async () => {
64 |       const doc = await initDOM('shell-env-variables');
65 | 
66 |       expect(
67 |         doc.getElementById('feature-shell-env-variables').textContent
68 |       ).to.equal('fromtheshell.');
69 |     });
70 |   });
71 | });
72 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/integration/initDOM.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) 2015-present, Facebook, Inc.
 3 |  *
 4 |  * This source code is licensed under the MIT license found in the
 5 |  * LICENSE file in the root directory of this source tree.
 6 |  */
 7 | 
 8 | const fs = require('fs');
 9 | const http = require('http');
10 | const jsdom = require('jsdom');
11 | const path = require('path');
12 | const { expect } = require('chai');
13 | 
14 | let getMarkup;
15 | let resourceLoader;
16 | 
17 | if (process.env.E2E_FILE) {
18 |   const file = path.isAbsolute(process.env.E2E_FILE)
19 |     ? process.env.E2E_FILE
20 |     : path.join(process.cwd(), process.env.E2E_FILE);
21 | 
22 |   const markup = fs.readFileSync(file, 'utf8');
23 |   getMarkup = () => markup;
24 | 
25 |   const pathPrefix = process.env.PUBLIC_URL.replace(/^https?:\/\/[^/]+\/?/, '');
26 | 
27 |   resourceLoader = (resource, callback) =>
28 |     callback(
29 |       null,
30 |       fs.readFileSync(
31 |         path.join(
32 |           path.dirname(file),
33 |           resource.url.pathname.replace(pathPrefix, '')
34 |         ),
35 |         'utf8'
36 |       )
37 |     );
38 | } else if (process.env.E2E_URL) {
39 |   getMarkup = () =>
40 |     new Promise((resolve) => {
41 |       http.get(process.env.E2E_URL, (res) => {
42 |         let rawData = '';
43 |         res.on('data', (chunk) => (rawData += chunk));
44 |         res.on('end', () => resolve(rawData));
45 |       });
46 |     });
47 | 
48 |   resourceLoader = (resource, callback) => resource.defaultFetch(callback);
49 | } else {
50 |   it.only('can run jsdom (at least one of "E2E_FILE" or "E2E_URL" environment variables must be provided)', () => {
51 |     expect(
52 |       new Error("This isn't the error you are looking for.")
53 |     ).to.be.undefined();
54 |   });
55 | }
56 | 
57 | export default (feature) =>
58 |   new Promise(async (resolve) => {
59 |     const markup = await getMarkup();
60 |     const host = process.env.E2E_URL || 'http://www.example.org/spa:3000';
61 |     const doc = jsdom.jsdom(markup, {
62 |       features: {
63 |         FetchExternalResources: ['script', 'css'],
64 |         ProcessExternalResources: ['script'],
65 |       },
66 |       created: (_, win) =>
67 |         win.addEventListener('ReactFeatureDidMount', () => resolve(doc), true),
68 |       deferClose: true,
69 |       resourceLoader,
70 |       url: `${host}#${feature}`,
71 |       virtualConsole: jsdom.createVirtualConsole().sendTo(console),
72 |     });
73 | 
74 |     doc.close();
75 |   });
76 | 


--------------------------------------------------------------------------------
/packages/react-scripts/template/src/logo/react.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3">
2 |     <g fill="#61DAFB">
3 |         <path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/>
4 |         <circle cx="420.9" cy="296.5" r="45.7"/>
5 |         <path d="M520.5 78.1z"/>
6 |     </g>
7 | </svg>
8 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/features/webpack/assets/logo.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3">
2 |     <g fill="#61DAFB">
3 |         <path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/>
4 |         <circle cx="420.9" cy="296.5" r="45.7"/>
5 |         <path d="M520.5 78.1z"/>
6 |     </g>
7 | </svg>
8 | 


--------------------------------------------------------------------------------
/packages/gen-idea-libs/generate.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | const path = require('path');
 3 | const fs = require('fs');
 4 | 
 5 | /* sample usage:
 6 |   const generate = require('@jetbrains/gen-idea-libs')
 7 | 
 8 |   generate({
 9 |     'kotlin-extensions': require.resolve('@jetbrains/kotlin-extensions'),
10 |     'kotlin-react': require.resolve('@jetbrains/kotlin-react'),
11 |     'kotlin-react-dom': require.resolve('@jetbrains/kotlin-react-dom'),
12 |     'kotlinx-html-js': require.resolve('kotlinx-html')
13 |   }, '.')
14 | */
15 | 
16 | const findIml = function (directory) {
17 |   const imlList = fs.readdirSync(directory).filter((element) => {
18 |     var extName = path.extname(element);
19 |     return extName === '.iml';
20 |   });
21 |   return (imlList.length > 0 && imlList[0]) || null;
22 | };
23 | 
24 | module.exports = function generate(packages, projectDir, imlPath) {
25 |   const libTemplate = fs.readFileSync(
26 |     path.join(__dirname, './libTemplate.xml'),
27 |     'utf8'
28 |   );
29 |   const depTemplate =
30 |     '<orderEntry type="library" name="%name%" level="project" />';
31 |   let iml;
32 |   let _imlPath = imlPath;
33 |   if (_imlPath) {
34 |     iml = fs.readFileSync(_imlPath, 'utf8');
35 |   } else {
36 |     try {
37 |       const ideaDir = path.join(projectDir, '.idea');
38 |       let imlFileName = findIml(ideaDir);
39 |       _imlPath = path.join(ideaDir, imlFileName);
40 | 
41 |       iml = fs.readFileSync(_imlPath, 'utf8');
42 |     } catch (e) {
43 |       _imlPath = path.join(
44 |         projectDir,
45 |         `${path.basename(path.resolve(projectDir))}.iml`
46 |       );
47 |       try {
48 |         let imlFileName = findIml(projectDir);
49 |         _imlPath = path.join(projectDir, imlFileName);
50 |         iml = fs.readFileSync(_imlPath, 'utf8');
51 |       } catch (err) {
52 |         console.warn(
53 |           'gen-idea-libs failed to find %project-name%.iml file, skipping generation'
54 |         );
55 |         return;
56 |       }
57 |     }
58 |   }
59 |   Object.keys(packages).forEach((name) => {
60 |     const pkg = packages[name];
61 |     const classes = path.relative(projectDir, path.join(pkg, '..'));
62 |     fs.writeFile(
63 |       path.join(projectDir, `.idea/libraries/${name.replace(/-/g, '_')}.xml`),
64 |       libTemplate.replace(/%name%/g, name).replace(/%classes%/g, classes),
65 |       (err) => {
66 |         if (err) {
67 |           throw err;
68 |         }
69 |       }
70 |     );
71 | 
72 |     const dep = depTemplate.replace(/%name%/g, name);
73 |     if (!iml.includes(dep)) {
74 |       iml = iml.replace(/(\n\s+)<\/component>/, `$1  ${dep}$&`);
75 |     }
76 |   });
77 |   fs.writeFile(_imlPath, iml, (err) => {
78 |     if (err) {
79 |       throw err;
80 |     }
81 |   });
82 | };
83 | 


--------------------------------------------------------------------------------
/tasks/cra.sh:
--------------------------------------------------------------------------------
 1 | #!/bin/bash
 2 | # Copyright (c) 2015-present, Facebook, Inc.
 3 | 
 4 | # This source code is licensed under the MIT license found in the
 5 | # LICENSE file in the root directory of this source tree.
 6 | 
 7 | # ******************************************************************************
 8 | # This creates an app with the global CLI and `react-scripts` from the source.
 9 | # It is useful for testing the end-to-end flow locally.
10 | # ******************************************************************************
11 | 
12 | # Start in tasks/ even if run from root directory
13 | cd "$(dirname "$0")"
14 | 
15 | function cleanup {
16 |   echo 'Cleaning up.'
17 |   # Uncomment when snapshot testing is enabled by default:
18 |   # rm ./template/src/__snapshots__/App.test.js.snap
19 | }
20 | 
21 | # Error messages are redirected to stderr
22 | function handle_error {
23 |   echo "$(basename $0): ERROR! An error was encountered executing line $1." 1>&2;
24 |   cleanup
25 |   echo 'Exiting with error.' 1>&2;
26 |   exit 1
27 | }
28 | 
29 | function handle_exit {
30 |   cleanup
31 |   echo 'Exiting without error.' 1>&2;
32 |   exit
33 | }
34 | 
35 | # Exit the script with a helpful error message when any error is encountered
36 | trap 'set +x; handle_error $LINENO $BASH_COMMAND' ERR
37 | 
38 | # Cleanup before exit on any termination signal
39 | trap 'set +x; handle_exit' SIGQUIT SIGTERM SIGINT SIGKILL SIGHUP
40 | 
41 | # Echo every command being executed
42 | set -x
43 | 
44 | # Go to root
45 | cd ..
46 | root_path=$PWD
47 | 
48 | # ******************************************************************************
49 | # Pack react-scripts so we can verify they work.
50 | # ******************************************************************************
51 | 
52 | # Install all our packages
53 | yarn install
54 | 
55 | cd packages/react-scripts
56 | 
57 | # Save package.json because we're going to touch it
58 | cp package.json package.json.orig
59 | 
60 | # Replace own dependencies (those in the `packages` dir) with the local paths
61 | # of those packages.
62 | node "$root_path"/tasks/replace-own-deps.js
63 | 
64 | # Finally, pack react-scripts
65 | scripts_path="$root_path"/packages/react-scripts/`npm pack`
66 | 
67 | # Restore package.json
68 | rm package.json
69 | mv package.json.orig package.json
70 | 
71 | 
72 | # ******************************************************************************
73 | # Now that we have packed them, call the global CLI.
74 | # ******************************************************************************
75 | 
76 | # If Yarn is installed, clean its cache because it may have cached react-scripts
77 | yarn cache clean || true
78 | 
79 | # Go back to the root directory and run the command from here
80 | cd "$root_path"
81 | node packages/create-react-kotlin-app/index.js --scripts-version="$scripts_path" "$@"
82 | 
83 | # Cleanup
84 | cleanup
85 | 


--------------------------------------------------------------------------------
/CODE_OF_CONDUCT.md:
--------------------------------------------------------------------------------
 1 | # Code of Conduct
 2 | 
 3 | This code of conduct outlines our expectations for all those who participate in our open source projects and communities (community programs), as well as the consequences for unacceptable behaviour. We invite all those who participate to help us create safe and positive experiences for everyone. Communities mirror the societies in which they exist and positive action is essential to counteract the many forms of inequality and abuses of power that exist in society. 
 4 | 
 5 | ## How to behave
 6 | The following behaviours are expected and requested of all community members:
 7 | 
 8 | * Participate in an authentic and active way. In doing so, you contribute to the health and longevity of this community.
 9 | * Exercise consideration, respect and empathy in your speech and actions. Remember, we have all been through different stages of learning when adopting technologies.
10 | * Refrain from demeaning, discriminatory, or harassing behaviour and speech.
11 | * Disagreements on things are fine, argumentative behaviour or trolling are not.
12 | 
13 | ## How not to behave
14 | 
15 | * Do not perform threats of violence or use violent language directed against another person.
16 | * Do not make jokes of sexist, racist, homophobic, transphobic, ableist or otherwise discriminatory nature, or use language of this nature.
17 | * Do not post or display sexually explicit or violent material.
18 | * Do not post or threaten to post other people’s personally identifying information ("doxing").
19 | * Do not make personal insults, particularly those related to gender, sexual orientation, race, religion, or disability.
20 | * Do not engage in sexual attention. This includes, sexualised comments or jokes and sexual advances.
21 | * Do not advocate for, or encourage, any of the above behaviour.
22 | 
23 | Please take into account that online communities bring together people from many different cultures and backgrounds. It's important to understand that sometimes the combination of cultural differences and online interaction can lead to misunderstandings. That is why having empathy is very important.
24 | 
25 | ## How to report issues
26 | 
27 | If someone is acting inappropriately or violating this Code of Conduct in any shape or form, and they are not receptive to your feedback or you prefer not to confront them, please reach out to JetBrains via codeofconduct@jetbrains.com 
28 | 
29 | ## Consequences of Unacceptable Behaviour
30 | 
31 | Unacceptable behaviour from any community member will not be tolerated. Anyone asked to stop unacceptable behaviour is expected to comply immediately. If a community member engages in unacceptable behaviour, JetBrains and/or community organisers may take any action they deem appropriate, up to and including a temporary ban or permanent expulsion from the community without warning.
32 | 
33 | ### License and attribution
34 | The license is based off of The Citizen Code of Conduct is distributed by Stumptown Syndicate under a Creative Commons Attribution-ShareAlike license.
35 | 


--------------------------------------------------------------------------------
/packages/kotlinc-js-api/kotlin-compiler.js:
--------------------------------------------------------------------------------
  1 | 'use strict';
  2 | const spawn = require('cross-spawn').spawn;
  3 | const isWindows = /^win/.test(process.platform);
  4 | const SUCCESS_CODE = 0;
  5 | 
  6 | function addOptionWithValue(options, optionName, optionValue, useEqual) {
  7 |   if (optionValue) {
  8 |     if (useEqual) {
  9 |       return options.concat(`${optionName}=${optionValue}`);
 10 |     }
 11 |     return options.concat(optionName, optionValue);
 12 |   }
 13 |   return options;
 14 | }
 15 | 
 16 | function convertOptionsIntoArguments(options) {
 17 |   let argumentsList = [
 18 |     '-output',
 19 |     options.output,
 20 |     options.sourceMaps ? '-source-map' : null,
 21 |     options.noStdlib ? '-no-stdlib ' : null,
 22 |     options.metaInfo ? '-meta-info' : null,
 23 |     options.noWarn ? '-nowarn' : null,
 24 |     options.verbose ? '-verbose' : null,
 25 |   ];
 26 | 
 27 |   argumentsList = addOptionWithValue(argumentsList, '-main', options.main);
 28 | 
 29 |   argumentsList = addOptionWithValue(
 30 |     argumentsList,
 31 |     '-source-map-embed-sources',
 32 |     options.sourceMapEmbedSources
 33 |   );
 34 |   argumentsList = addOptionWithValue(
 35 |     argumentsList,
 36 |     '-source-map-prefix',
 37 |     options.sourceMapPrefix
 38 |   );
 39 |   argumentsList = addOptionWithValue(
 40 |     argumentsList,
 41 |     '-source-map-source-roots',
 42 |     options.sourceMapSourceRoots
 43 |   );
 44 | 
 45 |   argumentsList = addOptionWithValue(
 46 |     argumentsList,
 47 |     '-kotlin-home',
 48 |     options.kotlinHome
 49 |   );
 50 |   argumentsList = addOptionWithValue(
 51 |     argumentsList,
 52 |     '-module-kind',
 53 |     options.moduleKind
 54 |   );
 55 |   argumentsList = addOptionWithValue(
 56 |     argumentsList,
 57 |     '-Xplugin',
 58 |     options.plugin,
 59 |     true
 60 |   );
 61 | 
 62 |   if (options.libraries && options.libraries.length) {
 63 |     argumentsList = argumentsList.concat(
 64 |       '-libraries',
 65 |       options.libraries.join(isWindows ? ';' : ':')
 66 |     );
 67 |   }
 68 | 
 69 |   if (options.experimental) {
 70 |     if (options.experimental.multiPlatform) {
 71 |       argumentsList = argumentsList.concat('-Xmulti-platform');
 72 |     }
 73 |     if (options.experimental.customArguments) {
 74 |       argumentsList = argumentsList.concat(
 75 |         options.experimental.customArguments
 76 |       );
 77 |     }
 78 |   }
 79 | 
 80 |   argumentsList = argumentsList.concat(options.sources);
 81 | 
 82 |   return argumentsList.filter((arg) => !!arg);
 83 | }
 84 | 
 85 | function compile(options) {
 86 |   return new Promise((resolve, reject) => {
 87 |     const extension = isWindows ? '.bat' : '';
 88 | 
 89 |     const compilation = spawn(
 90 |       require.resolve(`kotlin-compiler/bin/kotlinc-js${extension}`),
 91 |       convertOptionsIntoArguments(options),
 92 |       { stdio: [process.stdin, process.stdout, 'pipe'] }
 93 |     );
 94 |     let errors = '';
 95 | 
 96 |     compilation.stderr.on('data', (data) => {
 97 |       errors += data.toString();
 98 |     });
 99 | 
100 |     compilation.on('error', (err) => {
101 |       errors += 'kotlin-js failed. Do you have Kotlin installed?';
102 |       errors += JSON.stringify(err);
103 |     });
104 | 
105 |     compilation.on('close', (code) => {
106 |       if (code !== SUCCESS_CODE) {
107 |         reject(errors || `Kotlin compiler exited with code ${code}`);
108 |         return;
109 |       }
110 | 
111 |       if (errors) {
112 |         console.warn('Kotlin Compiler stderr output:', errors);
113 |       }
114 |       resolve();
115 |     });
116 |   });
117 | }
118 | 
119 | module.exports = {
120 |   compile: compile,
121 | };
122 | 


--------------------------------------------------------------------------------
/packages/ts2kt-automator/lib.js:
--------------------------------------------------------------------------------
  1 | 'use strict';
  2 | const spawn = require('child_process').spawn;
  3 | const path = require('path');
  4 | const fs = require('fs');
  5 | 
  6 | function spawnChildProcess(command, args) {
  7 |   console.log('Running command: ', command, args.join(' '));
  8 |   return new Promise((resolve, reject) => {
  9 |     const proc = spawn(command, args, {
 10 |       stdio: [process.stdin, process.stdout, 'pipe'],
 11 |       shell: true,
 12 |     });
 13 | 
 14 |     const errors = [];
 15 | 
 16 |     proc.stderr.on('data', (err) => {
 17 |       const errorMessage = err.toString();
 18 |       errors.push(errorMessage);
 19 |     });
 20 | 
 21 |     proc.on('error', (err) => {
 22 |       console.error(`\`${command} ${args.join(' ')}\` failed`, err);
 23 |       reject(err.toString());
 24 |     });
 25 | 
 26 |     proc.on('close', (code) => {
 27 |       if (code !== 0) {
 28 |         const errorMessage =
 29 |           errors.join('') ||
 30 |           `Error. \`${command} ${args.join(' ')}\` exited with code=${code}`;
 31 |         return reject(errorMessage);
 32 |       }
 33 |       resolve();
 34 |     });
 35 |   });
 36 | }
 37 | 
 38 | function getPackageDependencies() {
 39 |   const pkg = require(path.resolve(process.cwd(), 'package.json'));
 40 |   return pkg.dependencies;
 41 | }
 42 | 
 43 | function getPackageVersion(packageName) {
 44 |   return getPackageDependencies()[packageName];
 45 | }
 46 | 
 47 | function getPackageTypeFilePath(name) {
 48 |   const typePackage = require(path.resolve(
 49 |     process.cwd(),
 50 |     `./node_modules/@types/${name}/package.json`
 51 |   ));
 52 |   // Looks like types packages always have just index.d.ts file
 53 |   // See https://github.com/DefinitelyTyped/DefinitelyTyped#create-a-new-package
 54 |   const typesFileName = typePackage.typings || 'index.d.ts';
 55 | 
 56 |   const typingsFilePath = path.resolve(
 57 |     '.',
 58 |     `./node_modules/@types/${name}/${typesFileName}`
 59 |   );
 60 | 
 61 |   if (fs.existsSync(typingsFilePath)) {
 62 |     return typingsFilePath;
 63 |   }
 64 | 
 65 |   console.log("Looks like package has embedded types. Let's check...");
 66 | 
 67 |   const packageItself = require(path.resolve(
 68 |     process.cwd(),
 69 |     `./node_modules/${name}/package.json`
 70 |   ));
 71 |   if (!packageItself.typings) {
 72 |     throw new Error(
 73 |       `Cannot find types for package ${name}. It has no types in @types/${name} and no "typings" field in package.json`
 74 |     );
 75 |   }
 76 | 
 77 |   return path.resolve('.', `./node_modules/${name}/${packageItself.typings}`);
 78 | }
 79 | 
 80 | function installTypes(packageName) {
 81 |   const command = 'npm';
 82 |   const [name, askedVersion] = packageName.split('@');
 83 |   const version = askedVersion || getPackageVersion(packageName) || 'latest';
 84 | 
 85 |   const args = ['install', `@types/${name}@${version}`, '--no-save'];
 86 | 
 87 |   return spawnChildProcess(command, args).then(() =>
 88 |     console.log(
 89 |       `Package ${packageName} has been installed to node_modules/@types/${packageName}.`
 90 |     )
 91 |   );
 92 | }
 93 | 
 94 | function convertTypesToKotlin(packageName, destinationDir) {
 95 |   const [name] = packageName.split('@');
 96 |   const command = 'node';
 97 |   const ts2ktPath = require.resolve('ts2kt');
 98 | 
 99 |   const args = [ts2ktPath, '-d', destinationDir, getPackageTypeFilePath(name)];
100 | 
101 |   return spawnChildProcess(command, args).then(() =>
102 |     console.log(
103 |       `Types for ${name} have been converted and put into ${destinationDir}.`
104 |     )
105 |   );
106 | }
107 | 
108 | module.exports = {
109 |   installTypes,
110 |   convertTypesToKotlin,
111 |   getPackageDependencies,
112 | };
113 | 


--------------------------------------------------------------------------------
/packages/react-scripts/template/README.md:
--------------------------------------------------------------------------------
 1 | This project was bootstrapped with [Create React Kotlin App](https://github.com/JetBrains/create-react-kotlin-app).
 2 | 
 3 | Below you will find some useful information on how to work with this application.<br>
 4 | We're still working on this guide and you can find its most recent version [here](https://github.com/JetBrains/create-react-kotlin-app/blob/master/packages/react-scripts/template/README.md).
 5 | 
 6 | ## Sending Feedback
 7 | 
 8 | We are always open to [your feedback](https://youtrack.jetbrains.com/issues/CRKA).
 9 | 
10 | ## Folder Structure
11 | 
12 | After creation, your project should look like this:
13 | 
14 | ```
15 | my-app/
16 |   README.md
17 |   node_modules/
18 |   package.json
19 |   .gitignore
20 |   public/
21 |     favicon.ico
22 |     index.html
23 |     manifest.json
24 |   src/
25 |     app/
26 |       App.css
27 |       App.kt
28 |     index/
29 |       index.css
30 |       index.kt
31 |     logo/
32 |       kotlin.svg
33 |       Logo.css
34 |       Logo.kt
35 |       react.svg
36 |     ticker/
37 |       Ticker.kt
38 | ```
39 | 
40 | For the project to build, **these files must exist with exact filenames**:
41 | 
42 | * `public/index.html` is the page template;
43 | 
44 | You can delete or rename the other files.
45 | 
46 | You may create subdirectories inside `src`. For faster rebuilds, only files inside `src` are processed by Webpack.<br>
47 | You need to **put any Kotlin and CSS files inside `src`**, or Webpack won’t see them.
48 | 
49 | Only files inside `public` can be used from `public/index.html`.<br>
50 | Read instructions below for using assets from JavaScript and HTML.
51 | 
52 | You can, however, create more top-level directories.<br>
53 | They will not be included in the production build so you can use them for things like documentation.
54 | 
55 | ## Available Scripts
56 | 
57 | Once the installation is done, you can run some commands inside the project folder:
58 | 
59 | ### `npm start` or `yarn start`
60 | 
61 | Runs the app in development mode.<br>
62 | Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
63 | 
64 | The page will reload automatically when you make edits.<br>
65 | You will see build errors and lint warnings in the console.
66 | 
67 | ### `npm run build` or `yarn build`
68 | 
69 | Builds the app for production to the `build` folder.<br>
70 | It ensures that React is bundled in production mode and the build is optimized for best performance.
71 | 
72 | The build is minified and the filenames include hashes for cache management. Your app is ready to be deployed.
73 | 
74 | ### `npm run eject`
75 | 
76 | **Note: this is a one-way operation. Once you `eject`, you can’t go back!**
77 | 
78 | If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
79 | 
80 | Running `npm run eject` copies all configuration files and transitive dependencies (webpack, Kotlin Compiler, etc) right into your project so you have full control over them. Commands like `npm start` and `npm run build` will still work, but they will point to the copied scripts so you can tweak them. At this point, you’re on your own.
81 | 
82 | ## Debugging the App
83 | 
84 | You can debug the running app right in IntelliJ IDEA Ultimate using its built-in JavaScript debugger. The IDE will run a new instance of Chrome and attach a debugger to it.
85 | 
86 | Start your app by running `npm start`. Put the breakpoints in your Kotlin code.
87 | Then select `Debug in Chrome` from the list of run/debug configurations on the top-right and click the green debug icon or press `^D` on macOS or `F9` on Windows and Linux to start debugging.
88 | 
89 | Currently, debugging is supported only in IntelliJ IDEA Ultimate 2017.3.
90 | 
91 | You can also debug your application using the developer tools in your browser.
92 | 
93 | 


--------------------------------------------------------------------------------
/packages/react-scripts/scripts/start.js:
--------------------------------------------------------------------------------
  1 | // @remove-on-eject-begin
  2 | /**
  3 |  * Copyright (c) 2015-present, Facebook, Inc.
  4 |  *
  5 |  * This source code is licensed under the MIT license found in the
  6 |  * LICENSE file in the root directory of this source tree.
  7 |  */
  8 | // @remove-on-eject-end
  9 | 'use strict';
 10 | 
 11 | // Do this as the first thing so that any code reading it knows the right env.
 12 | process.env.BABEL_ENV = 'development';
 13 | process.env.NODE_ENV = 'development';
 14 | 
 15 | // Makes the script crash on unhandled rejections instead of silently
 16 | // ignoring them. In the future, promise rejections that are not handled will
 17 | // terminate the Node.js process with a non-zero exit code.
 18 | process.on('unhandledRejection', (err) => {
 19 |   throw err;
 20 | });
 21 | 
 22 | // Ensure environment variables are read.
 23 | require('../config/env');
 24 | 
 25 | const fs = require('fs');
 26 | const chalk = require('chalk');
 27 | const webpack = require('webpack');
 28 | const WebpackDevServer = require('webpack-dev-server');
 29 | const clearConsole = require('react-dev-utils/clearConsole');
 30 | const checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');
 31 | const {
 32 |   choosePort,
 33 |   createCompiler,
 34 |   prepareProxy,
 35 |   prepareUrls,
 36 | } = require('react-dev-utils/WebpackDevServerUtils');
 37 | const openBrowser = require('react-dev-utils/openBrowser');
 38 | const paths = require('../config/paths');
 39 | const config = require('../config/webpack.config.dev');
 40 | const createDevServerConfig = require('../config/webpackDevServer.config');
 41 | 
 42 | const useYarn = fs.existsSync(paths.yarnLockFile);
 43 | const isInteractive = process.stdout.isTTY;
 44 | 
 45 | // Warn and crash if required files are missing
 46 | if (!checkRequiredFiles([paths.appHtml])) {
 47 |   process.exit(1);
 48 | }
 49 | 
 50 | // Tools like Cloud9 rely on this.
 51 | const DEFAULT_PORT = parseInt(process.env.PORT, 10) || 3000;
 52 | const HOST = process.env.HOST || '0.0.0.0';
 53 | 
 54 | // We attempt to use the default port but if it is busy, we offer the user to
 55 | // run on a different port. `detect()` Promise resolves to the next free port.
 56 | choosePort(HOST, DEFAULT_PORT)
 57 |   .then((port) => {
 58 |     if (port == null) {
 59 |       // We have not found a port.
 60 |       return;
 61 |     }
 62 |     const protocol = process.env.HTTPS === 'true' ? 'https' : 'http';
 63 |     const appName = require(paths.appPackageJson).name;
 64 |     const urls = prepareUrls(protocol, HOST, port);
 65 |     // Create a webpack compiler that is configured with custom messages.
 66 |     const compiler = createCompiler(
 67 |       webpack,
 68 |       Object.assign({}, config, { mode: 'development' }),
 69 |       appName,
 70 |       urls,
 71 |       useYarn
 72 |     );
 73 |     // Load proxy config
 74 |     const proxySetting = require(paths.appPackageJson).proxy;
 75 |     const proxyConfig = prepareProxy(proxySetting, paths.appPublic);
 76 |     // Serve webpack assets generated by the compiler over a web sever.
 77 |     const serverConfig = createDevServerConfig(
 78 |       proxyConfig,
 79 |       urls.lanUrlForConfig
 80 |     );
 81 |     const devServer = new WebpackDevServer(compiler, serverConfig);
 82 |     // Launch WebpackDevServer.
 83 |     devServer.listen(port, HOST, (err) => {
 84 |       if (err) {
 85 |         return console.log(err);
 86 |       }
 87 |       if (isInteractive) {
 88 |         clearConsole();
 89 |       }
 90 |       console.log(chalk.cyan('Starting the development server...\n'));
 91 |       openBrowser(urls.localUrlForBrowser);
 92 |     });
 93 | 
 94 |     ['SIGINT', 'SIGTERM'].forEach(function (sig) {
 95 |       process.on(sig, function () {
 96 |         devServer.close();
 97 |         process.exit();
 98 |       });
 99 |     });
100 |   })
101 |   .catch((err) => {
102 |     if (err && err.message) {
103 |       console.log(err.message);
104 |     }
105 |     process.exit(1);
106 |   });
107 | 


--------------------------------------------------------------------------------
/packages/react-scripts/config/env.js:
--------------------------------------------------------------------------------
 1 | // @remove-on-eject-begin
 2 | /**
 3 |  * Copyright (c) 2015-present, Facebook, Inc.
 4 |  *
 5 |  * This source code is licensed under the MIT license found in the
 6 |  * LICENSE file in the root directory of this source tree.
 7 |  */
 8 | // @remove-on-eject-end
 9 | 'use strict';
10 | 
11 | const fs = require('fs');
12 | const path = require('path');
13 | const paths = require('./paths');
14 | 
15 | // Make sure that including paths.js after env.js will read .env variables.
16 | delete require.cache[require.resolve('./paths')];
17 | 
18 | const NODE_ENV = process.env.NODE_ENV;
19 | if (!NODE_ENV) {
20 |   throw new Error(
21 |     'The NODE_ENV environment variable is required but was not specified.'
22 |   );
23 | }
24 | 
25 | // https://github.com/bkeepers/dotenv#what-other-env-files-can-i-use
26 | var dotenvFiles = [
27 |   `${paths.dotenv}.${NODE_ENV}.local`,
28 |   `${paths.dotenv}.${NODE_ENV}`,
29 |   // Don't include `.env.local` for `test` environment
30 |   // since normally you expect tests to produce the same
31 |   // results for everyone
32 |   NODE_ENV !== 'test' && `${paths.dotenv}.local`,
33 |   paths.dotenv,
34 | ].filter(Boolean);
35 | 
36 | // Load environment variables from .env* files. Suppress warnings using silent
37 | // if this file is missing. dotenv will never modify any environment variables
38 | // that have already been set.
39 | // https://github.com/motdotla/dotenv
40 | dotenvFiles.forEach((dotenvFile) => {
41 |   if (fs.existsSync(dotenvFile)) {
42 |     require('dotenv').config({
43 |       path: dotenvFile,
44 |     });
45 |   }
46 | });
47 | 
48 | // We support resolving modules according to `NODE_PATH`.
49 | // This lets you use absolute paths in imports inside large monorepos:
50 | // https://github.com/facebookincubator/create-react-app/issues/253.
51 | // It works similar to `NODE_PATH` in Node itself:
52 | // https://nodejs.org/api/modules.html#modules_loading_from_the_global_folders
53 | // Note that unlike in Node, only *relative* paths from `NODE_PATH` are honored.
54 | // Otherwise, we risk importing Node.js core modules into an app instead of Webpack shims.
55 | // https://github.com/facebookincubator/create-react-app/issues/1023#issuecomment-265344421
56 | // We also resolve them to make sure all tools using them work consistently.
57 | const appDirectory = fs.realpathSync(process.cwd());
58 | process.env.NODE_PATH = (process.env.NODE_PATH || '')
59 |   .split(path.delimiter)
60 |   .filter((folder) => folder && !path.isAbsolute(folder))
61 |   .map((folder) => path.resolve(appDirectory, folder))
62 |   .join(path.delimiter);
63 | 
64 | // Grab NODE_ENV and REACT_APP_* environment variables and prepare them to be
65 | // injected into the application via DefinePlugin in Webpack configuration.
66 | const REACT_APP = /^REACT_APP_/i;
67 | 
68 | function getClientEnvironment(publicUrl) {
69 |   const raw = Object.keys(process.env)
70 |     .filter((key) => REACT_APP.test(key))
71 |     .reduce(
72 |       (env, key) => {
73 |         env[key] = process.env[key];
74 |         return env;
75 |       },
76 |       {
77 |         // Useful for determining whether we’re running in production mode.
78 |         // Most importantly, it switches React into the correct mode.
79 |         NODE_ENV: process.env.NODE_ENV || 'development',
80 |         // Useful for resolving the correct path to static assets in `public`.
81 |         // For example, <img src={process.env.PUBLIC_URL + '/img/logo.png'} />.
82 |         // This should only be used as an escape hatch. Normally you would put
83 |         // images into the `src` and `import` them in code to get their paths.
84 |         PUBLIC_URL: publicUrl,
85 |       }
86 |     );
87 |   // Stringify all values so we can feed into Webpack DefinePlugin
88 |   const stringified = {
89 |     'process.env': Object.keys(raw).reduce((env, key) => {
90 |       env[key] = JSON.stringify(raw[key]);
91 |       return env;
92 |     }, {}),
93 |   };
94 | 
95 |   return { raw, stringified };
96 | }
97 | 
98 | module.exports = getClientEnvironment;
99 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/integration/syntax.test.js:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * Copyright (c) 2015-present, Facebook, Inc.
  3 |  *
  4 |  * This source code is licensed under the MIT license found in the
  5 |  * LICENSE file in the root directory of this source tree.
  6 |  */
  7 | 
  8 | import { expect } from 'chai';
  9 | import initDOM from './initDOM';
 10 | 
 11 | describe('Integration', () => {
 12 |   describe('Language syntax', () => {
 13 |     it('array destructuring', async () => {
 14 |       const doc = await initDOM('array-destructuring');
 15 | 
 16 |       expect(
 17 |         doc.getElementById('feature-array-destructuring').childElementCount
 18 |       ).to.equal(4);
 19 |     });
 20 | 
 21 |     it('array spread', async () => {
 22 |       const doc = await initDOM('array-spread');
 23 | 
 24 |       expect(
 25 |         doc.getElementById('feature-array-spread').childElementCount
 26 |       ).to.equal(4);
 27 |     });
 28 | 
 29 |     it('async/await', async () => {
 30 |       const doc = await initDOM('async-await');
 31 | 
 32 |       expect(
 33 |         doc.getElementById('feature-async-await').childElementCount
 34 |       ).to.equal(4);
 35 |     });
 36 | 
 37 |     it('class properties', async () => {
 38 |       const doc = await initDOM('class-properties');
 39 | 
 40 |       expect(
 41 |         doc.getElementById('feature-class-properties').childElementCount
 42 |       ).to.equal(4);
 43 |     });
 44 | 
 45 |     it('computed properties', async () => {
 46 |       const doc = await initDOM('computed-properties');
 47 | 
 48 |       expect(
 49 |         doc.getElementById('feature-computed-properties').childElementCount
 50 |       ).to.equal(4);
 51 |     });
 52 | 
 53 |     it('custom interpolation', async () => {
 54 |       const doc = await initDOM('custom-interpolation');
 55 | 
 56 |       expect(
 57 |         doc.getElementById('feature-custom-interpolation').childElementCount
 58 |       ).to.equal(4);
 59 |     });
 60 | 
 61 |     it('default parameters', async () => {
 62 |       const doc = await initDOM('default-parameters');
 63 | 
 64 |       expect(
 65 |         doc.getElementById('feature-default-parameters').childElementCount
 66 |       ).to.equal(4);
 67 |     });
 68 | 
 69 |     it('destructuring and await', async () => {
 70 |       const doc = await initDOM('destructuring-and-await');
 71 | 
 72 |       expect(
 73 |         doc.getElementById('feature-destructuring-and-await').childElementCount
 74 |       ).to.equal(4);
 75 |     });
 76 | 
 77 |     it('generators', async () => {
 78 |       const doc = await initDOM('generators');
 79 | 
 80 |       expect(
 81 |         doc.getElementById('feature-generators').childElementCount
 82 |       ).to.equal(4);
 83 |     });
 84 | 
 85 |     it('object destructuring', async () => {
 86 |       const doc = await initDOM('object-destructuring');
 87 | 
 88 |       expect(
 89 |         doc.getElementById('feature-object-destructuring').childElementCount
 90 |       ).to.equal(4);
 91 |     });
 92 | 
 93 |     it('object spread', async () => {
 94 |       const doc = await initDOM('object-spread');
 95 | 
 96 |       expect(
 97 |         doc.getElementById('feature-object-spread').childElementCount
 98 |       ).to.equal(4);
 99 |     });
100 | 
101 |     it('promises', async () => {
102 |       const doc = await initDOM('promises');
103 | 
104 |       expect(doc.getElementById('feature-promises').childElementCount).to.equal(
105 |         4
106 |       );
107 |     });
108 | 
109 |     it('rest + default', async () => {
110 |       const doc = await initDOM('rest-and-default');
111 | 
112 |       expect(
113 |         doc.getElementById('feature-rest-and-default').childElementCount
114 |       ).to.equal(4);
115 |     });
116 | 
117 |     it('rest parameters', async () => {
118 |       const doc = await initDOM('rest-parameters');
119 | 
120 |       expect(
121 |         doc.getElementById('feature-rest-parameters').childElementCount
122 |       ).to.equal(4);
123 |     });
124 | 
125 |     it('template interpolation', async () => {
126 |       const doc = await initDOM('template-interpolation');
127 | 
128 |       expect(
129 |         doc.getElementById('feature-template-interpolation').childElementCount
130 |       ).to.equal(4);
131 |     });
132 |   });
133 | });
134 | 


--------------------------------------------------------------------------------
/packages/react-scripts/config/paths.js:
--------------------------------------------------------------------------------
  1 | // @remove-on-eject-begin
  2 | /**
  3 |  * Copyright (c) 2015-present, Facebook, Inc.
  4 |  *
  5 |  * This source code is licensed under the MIT license found in the
  6 |  * LICENSE file in the root directory of this source tree.
  7 |  */
  8 | // @remove-on-eject-end
  9 | 'use strict';
 10 | 
 11 | const path = require('path');
 12 | const fs = require('fs');
 13 | const url = require('url');
 14 | 
 15 | // Make sure any symlinks in the project folder are resolved:
 16 | // https://github.com/facebookincubator/create-react-app/issues/637
 17 | const appDirectory = fs.realpathSync(process.cwd());
 18 | const resolveApp = (relativePath) => path.resolve(appDirectory, relativePath);
 19 | 
 20 | const envPublicUrl = process.env.PUBLIC_URL;
 21 | 
 22 | function ensureSlash(path, needsSlash) {
 23 |   const hasSlash = path.endsWith('/');
 24 |   if (hasSlash && !needsSlash) {
 25 |     return path.substr(path, path.length - 1);
 26 |   } else if (!hasSlash && needsSlash) {
 27 |     return `${path}/`;
 28 |   } else {
 29 |     return path;
 30 |   }
 31 | }
 32 | 
 33 | const getPublicUrl = (appPackageJson) =>
 34 |   envPublicUrl || require(appPackageJson).homepage;
 35 | 
 36 | // We use `PUBLIC_URL` environment variable or "homepage" field to infer
 37 | // "public path" at which the app is served.
 38 | // Webpack needs to know it to put the right <script> hrefs into HTML even in
 39 | // single-page apps that may serve index.html for nested URLs like /todos/42.
 40 | // We can't use a relative path in HTML because we don't want to load something
 41 | // like /todos/42/static/js/bundle.7289d.js. We have to know the root.
 42 | function getServedPath(appPackageJson) {
 43 |   const publicUrl = getPublicUrl(appPackageJson);
 44 |   const servedUrl =
 45 |     envPublicUrl || (publicUrl ? url.parse(publicUrl).pathname : '/');
 46 |   return ensureSlash(servedUrl, true);
 47 | }
 48 | 
 49 | // config after eject: we're in ./config/
 50 | module.exports = {
 51 |   dotenv: resolveApp('.env'),
 52 |   appBuild: resolveApp('build'),
 53 |   appPublic: resolveApp('public'),
 54 |   appHtml: resolveApp('public/index.html'),
 55 |   appPackageJson: resolveApp('package.json'),
 56 |   appSrc: resolveApp('src'),
 57 |   yarnLockFile: resolveApp('yarn.lock'),
 58 |   appNodeModules: resolveApp('node_modules'),
 59 |   publicUrl: getPublicUrl(resolveApp('package.json')),
 60 |   servedPath: getServedPath(resolveApp('package.json')),
 61 |   kotlinOutputPath: resolveApp('node_modules/.cache/kotlin-webpack'),
 62 |   projectPath: resolveApp('.'),
 63 | };
 64 | 
 65 | // @remove-on-eject-begin
 66 | const resolveOwn = (relativePath) =>
 67 |   path.resolve(__dirname, '..', relativePath);
 68 | 
 69 | // config before eject: we're in ./node_modules/react-scripts/config/
 70 | module.exports = {
 71 |   dotenv: resolveApp('.env'),
 72 |   appPath: resolveApp('.'),
 73 |   appBuild: resolveApp('build'),
 74 |   appPublic: resolveApp('public'),
 75 |   appHtml: resolveApp('public/index.html'),
 76 |   appPackageJson: resolveApp('package.json'),
 77 |   appSrc: resolveApp('src'),
 78 |   yarnLockFile: resolveApp('yarn.lock'),
 79 |   appNodeModules: resolveApp('node_modules'),
 80 |   publicUrl: getPublicUrl(resolveApp('package.json')),
 81 |   servedPath: getServedPath(resolveApp('package.json')),
 82 |   kotlinOutputPath: resolveApp('node_modules/.cache/kotlin-webpack'),
 83 |   projectPath: resolveApp('.'),
 84 |   // These properties only exist before ejecting:
 85 |   ownPath: resolveOwn('.'),
 86 |   ownPackageJson: resolveOwn('package.json'),
 87 |   ownNodeModules: resolveOwn('node_modules'), // This is empty on npm 3
 88 | };
 89 | 
 90 | const ownPackageJson = require('../package.json');
 91 | const reactScriptsPath = resolveApp(`node_modules/${ownPackageJson.name}`);
 92 | const reactScriptsLinked =
 93 |   fs.existsSync(reactScriptsPath) &&
 94 |   fs.lstatSync(reactScriptsPath).isSymbolicLink();
 95 | 
 96 | // config before publish: we're in ./packages/react-scripts/config/
 97 | if (
 98 |   !reactScriptsLinked &&
 99 |   __dirname.indexOf(path.join('packages', 'react-scripts', 'config')) !== -1
100 | ) {
101 |   module.exports = {
102 |     dotenv: resolveOwn('template/.env'),
103 |     appPath: resolveApp('.'),
104 |     appBuild: resolveOwn('../../build'),
105 |     appPublic: resolveOwn('template/public'),
106 |     appHtml: resolveOwn('template/public/index.html'),
107 |     appPackageJson: resolveOwn('package.json'),
108 |     appSrc: resolveOwn('template/src'),
109 |     yarnLockFile: resolveOwn('template/yarn.lock'),
110 |     appNodeModules: resolveOwn('node_modules'),
111 |     publicUrl: getPublicUrl(resolveOwn('package.json')),
112 |     servedPath: getServedPath(resolveOwn('package.json')),
113 |     kotlinOutputPath: resolveOwn('node_modules/.cache/kotlin-webpack'),
114 |     projectPath: resolveOwn('../..'),
115 |     // These properties only exist before ejecting:
116 |     ownPath: resolveOwn('.'),
117 |     ownPackageJson: resolveOwn('package.json'),
118 |     ownNodeModules: resolveOwn('node_modules'),
119 |   };
120 | }
121 | // @remove-on-eject-end
122 | 


--------------------------------------------------------------------------------
/packages/react-scripts/scripts/build.js:
--------------------------------------------------------------------------------
  1 | // @remove-on-eject-begin
  2 | /**
  3 |  * Copyright (c) 2015-present, Facebook, Inc.
  4 |  *
  5 |  * This source code is licensed under the MIT license found in the
  6 |  * LICENSE file in the root directory of this source tree.
  7 |  */
  8 | // @remove-on-eject-end
  9 | 'use strict';
 10 | 
 11 | // Do this as the first thing so that any code reading it knows the right env.
 12 | process.env.BABEL_ENV = 'production';
 13 | process.env.NODE_ENV = 'production';
 14 | 
 15 | // Makes the script crash on unhandled rejections instead of silently
 16 | // ignoring them. In the future, promise rejections that are not handled will
 17 | // terminate the Node.js process with a non-zero exit code.
 18 | process.on('unhandledRejection', (err) => {
 19 |   throw err;
 20 | });
 21 | 
 22 | // Ensure environment variables are read.
 23 | require('../config/env');
 24 | 
 25 | const path = require('path');
 26 | const chalk = require('chalk');
 27 | const fs = require('fs-extra');
 28 | const webpack = require('webpack');
 29 | const config = require('../config/webpack.config.prod');
 30 | const paths = require('../config/paths');
 31 | const checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');
 32 | const formatWebpackMessages = require('react-dev-utils/formatWebpackMessages');
 33 | const printHostingInstructions = require('react-dev-utils/printHostingInstructions');
 34 | const FileSizeReporter = require('react-dev-utils/FileSizeReporter');
 35 | 
 36 | const measureFileSizesBeforeBuild =
 37 |   FileSizeReporter.measureFileSizesBeforeBuild;
 38 | const printFileSizesAfterBuild = FileSizeReporter.printFileSizesAfterBuild;
 39 | const useYarn = fs.existsSync(paths.yarnLockFile);
 40 | 
 41 | // Warn and crash if required files are missing
 42 | if (!checkRequiredFiles([paths.appHtml])) {
 43 |   process.exit(1);
 44 | }
 45 | 
 46 | // First, read the current file sizes in build directory.
 47 | // This lets us display how much they changed later.
 48 | measureFileSizesBeforeBuild(paths.appBuild)
 49 |   .then((previousFileSizes) => {
 50 |     // Remove all content but keep the directory so that
 51 |     // if you're in it, you don't end up in Trash
 52 |     fs.emptyDirSync(paths.appBuild);
 53 |     // Merge with the public folder
 54 |     copyPublicFolder();
 55 |     // Start the webpack build
 56 |     return build(previousFileSizes);
 57 |   })
 58 |   .then(
 59 |     ({ stats, previousFileSizes, warnings }) => {
 60 |       if (warnings.length) {
 61 |         console.log(chalk.yellow('Compiled with warnings.\n'));
 62 |         console.log(warnings.join('\n\n'));
 63 |         console.log(
 64 |           '\nSearch for the ' +
 65 |             chalk.underline(chalk.yellow('keywords')) +
 66 |             ' to learn more about each warning.'
 67 |         );
 68 |         console.log(
 69 |           'To ignore, add ' +
 70 |             chalk.cyan('// eslint-disable-next-line') +
 71 |             ' to the line before.\n'
 72 |         );
 73 |       } else {
 74 |         console.log(chalk.green('Compiled successfully.\n'));
 75 |       }
 76 | 
 77 |       console.log('File sizes after gzip:\n');
 78 |       printFileSizesAfterBuild(stats, previousFileSizes, paths.appBuild);
 79 |       console.log();
 80 | 
 81 |       const appPackage = require(paths.appPackageJson);
 82 |       const publicUrl = paths.publicUrl;
 83 |       const publicPath = config.output.publicPath;
 84 |       const buildFolder = path.relative(process.cwd(), paths.appBuild);
 85 |       printHostingInstructions(
 86 |         appPackage,
 87 |         publicUrl,
 88 |         publicPath,
 89 |         buildFolder,
 90 |         useYarn
 91 |       );
 92 |     },
 93 |     (err) => {
 94 |       console.log(chalk.red('Failed to compile.\n'));
 95 |       console.log((err.message || err) + '\n');
 96 |       if (err.stack) {
 97 |         console.log('stacktrace:', err.stack);
 98 |       }
 99 |       process.exit(1);
100 |     }
101 |   );
102 | 
103 | // Create the production build and print the deployment instructions.
104 | function build(previousFileSizes) {
105 |   console.log('Creating an optimized production build...');
106 | 
107 |   let compiler = webpack(Object.assign({}, config, { mode: 'production' }));
108 |   return new Promise((resolve, reject) => {
109 |     compiler.run((err, stats) => {
110 |       if (err) {
111 |         return reject(err);
112 |       }
113 |       const messages = formatWebpackMessages(stats.toJson({}, true));
114 |       if (messages.errors.length) {
115 |         return reject(new Error(messages.errors.join('\n\n')));
116 |       }
117 |       if (process.env.CI && messages.warnings.length) {
118 |         console.log(
119 |           chalk.yellow(
120 |             '\nTreating warnings as errors because process.env.CI = true.\n' +
121 |               'Most CI servers set it automatically.\n'
122 |           )
123 |         );
124 |         return reject(new Error(messages.warnings.join('\n\n')));
125 |       }
126 |       return resolve({
127 |         stats,
128 |         previousFileSizes,
129 |         warnings: messages.warnings,
130 |       });
131 |     });
132 |   });
133 | }
134 | 
135 | function copyPublicFolder() {
136 |   fs.copySync(paths.appPublic, paths.appBuild, {
137 |     dereference: true,
138 |     filter: (file) => file !== paths.appHtml,
139 |   });
140 | }
141 | 


--------------------------------------------------------------------------------
/packages/react-scripts/config/webpackDevServer.config.js:
--------------------------------------------------------------------------------
  1 | // @remove-on-eject-begin
  2 | /**
  3 |  * Copyright (c) 2015-present, Facebook, Inc.
  4 |  *
  5 |  * This source code is licensed under the MIT license found in the
  6 |  * LICENSE file in the root directory of this source tree.
  7 |  */
  8 | // @remove-on-eject-end
  9 | 'use strict';
 10 | 
 11 | const errorOverlayMiddleware = require('react-dev-utils/errorOverlayMiddleware');
 12 | const noopServiceWorkerMiddleware = require('react-dev-utils/noopServiceWorkerMiddleware');
 13 | const config = require('./webpack.config.dev');
 14 | const paths = require('./paths');
 15 | 
 16 | const protocol = process.env.HTTPS === 'true' ? 'https' : 'http';
 17 | const host = process.env.HOST || '0.0.0.0';
 18 | 
 19 | module.exports = function (proxy, allowedHost) {
 20 |   return {
 21 |     // WebpackDevServer 2.4.3 introduced a security fix that prevents remote
 22 |     // websites from potentially accessing local content through DNS rebinding:
 23 |     // https://github.com/webpack/webpack-dev-server/issues/887
 24 |     // https://medium.com/webpack/webpack-dev-server-middleware-security-issues-1489d950874a
 25 |     // However, it made several existing use cases such as development in cloud
 26 |     // environment or subdomains in development significantly more complicated:
 27 |     // https://github.com/facebookincubator/create-react-app/issues/2271
 28 |     // https://github.com/facebookincubator/create-react-app/issues/2233
 29 |     // While we're investigating better solutions, for now we will take a
 30 |     // compromise. Since our WDS configuration only serves files in the `public`
 31 |     // folder we won't consider accessing them a vulnerability. However, if you
 32 |     // use the `proxy` feature, it gets more dangerous because it can expose
 33 |     // remote code execution vulnerabilities in backends like Django and Rails.
 34 |     // So we will disable the host check normally, but enable it if you have
 35 |     // specified the `proxy` setting. Finally, we let you override it if you
 36 |     // really know what you're doing with a special environment variable.
 37 |     disableHostCheck:
 38 |       !proxy || process.env.DANGEROUSLY_DISABLE_HOST_CHECK === 'true',
 39 |     // Enable gzip compression of generated files.
 40 |     compress: true,
 41 |     // Silence WebpackDevServer's own logs since they're generally not useful.
 42 |     // It will still show compile warnings and errors with this setting.
 43 |     clientLogLevel: 'none',
 44 |     // By default WebpackDevServer serves physical files from current directory
 45 |     // in addition to all the virtual build products that it serves from memory.
 46 |     // This is confusing because those files won’t automatically be available in
 47 |     // production build folder unless we copy them. However, copying the whole
 48 |     // project directory is dangerous because we may expose sensitive files.
 49 |     // Instead, we establish a convention that only files in `public` directory
 50 |     // get served. Our build script will copy `public` into the `build` folder.
 51 |     // In `index.html`, you can get URL of `public` folder with %PUBLIC_URL%:
 52 |     // <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
 53 |     // In JavaScript code, you can access it with `process.env.PUBLIC_URL`.
 54 |     // Note that we only recommend to use `public` folder as an escape hatch
 55 |     // for files like `favicon.ico`, `manifest.json`, and libraries that are
 56 |     // for some reason broken when imported through Webpack. If you just want to
 57 |     // use an image, put it in `src` and `import` it from JavaScript instead.
 58 |     contentBase: paths.appPublic,
 59 |     // By default files from `contentBase` will not trigger a page reload.
 60 |     watchContentBase: true,
 61 |     // Enable hot reloading server. It will provide /sockjs-node/ endpoint
 62 |     // for the WebpackDevServer client so it can learn when the files were
 63 |     // updated. The WebpackDevServer client is included as an entry point
 64 |     // in the Webpack development configuration. Note that only changes
 65 |     // to CSS are currently hot reloaded. JS changes will refresh the browser.
 66 |     hot: true,
 67 |     // It is important to tell WebpackDevServer to use the same "root" path
 68 |     // as we specified in the config. In development, we always serve from /.
 69 |     publicPath: config.output.publicPath,
 70 |     // WebpackDevServer is noisy by default so we emit custom message instead
 71 |     // by listening to the compiler events with `compiler.plugin` calls above.
 72 |     quiet: true,
 73 |     // Reportedly, this avoids CPU overload on some systems.
 74 |     // https://github.com/facebookincubator/create-react-app/issues/293
 75 |     watchOptions: {
 76 |       ignored: /node_modules(?![/\\]\.cache)/,
 77 |     },
 78 |     // Enable HTTPS if the HTTPS environment variable is set to 'true'
 79 |     https: protocol === 'https',
 80 |     host: host,
 81 |     overlay: false,
 82 |     historyApiFallback: {
 83 |       // Paths with dots should still use the history fallback.
 84 |       // See https://github.com/facebookincubator/create-react-app/issues/387.
 85 |       disableDotRule: true,
 86 |     },
 87 |     public: allowedHost,
 88 |     proxy,
 89 |     setup(app) {
 90 |       // This lets us open files from the runtime error overlay.
 91 |       app.use(errorOverlayMiddleware());
 92 |       // This service worker file is effectively a 'no-op' that will reset any
 93 |       // previous service worker registered for the same host:port combination.
 94 |       // We do this in development to avoid hitting the production cache if
 95 |       // it used the same host and port.
 96 |       // https://github.com/facebookincubator/create-react-app/issues/2272#issuecomment-302832432
 97 |       app.use(noopServiceWorkerMiddleware());
 98 |     },
 99 |   };
100 | };
101 | 


--------------------------------------------------------------------------------
/README-zh_cn.md:
--------------------------------------------------------------------------------
  1 | [![Build Status](https://teamcity.jetbrains.com/app/rest/builds/buildType:JetBrainsUi_CreateReactKotlinApp/statusIcon.svg)](https://teamcity.jetbrains.com/viewType.html?buildTypeId=JetBrainsUi_CreateReactKotlinApp&guest=1)
  2 | [![JetBrains team project](http://jb.gg/badges/team.svg)](https://confluence.jetbrains.com/display/ALL/JetBrains+on+GitHub)
  3 | 
  4 | [Japanese](https://github.com/JetBrains/create-react-kotlin-app/blob/master/README-ja.md)
  5 | [Korean](https://github.com/JetBrains/create-react-kotlin-app/blob/master/README-ko.md)
  6 | [Chinese](https://github.com/JetBrains/create-react-kotlin-app/blob/master/README-zh_cn.md)
  7 | 
  8 | # Create React Kotlin App
  9 | 
 10 | 在不填加 build 配置的情况下，使用[Kotlin](https://kotlinlang.org/)创建[React](https://facebook.github.io/react/)应用。
 11 | 
 12 | 请注意这是一个 **早期预览版本** 。
 13 | 
 14 | ## 快速预览
 15 | 
 16 | **在开始之前，请确保你安装了[JDK 8](http://www.oracle.com/technetwork/java/index.html)** ，Java 9 目前是不支持的。
 17 | 
 18 | 创建一个新的项目：
 19 | 
 20 | ```sh
 21 | npx create-react-kotlin-app my-app
 22 | ```
 23 | ([npx](https://medium.com/@maybekatz/introducing-npx-an-npm-package-runner-55f7d4bd282b) 存在于 npm 5.2+ 或更高版本，如果你使用旧的npm版本，请参见[安装](#安装))
 24 | 
 25 | 运行这个项目
 26 | 
 27 | ```sh
 28 | cd my-app/
 29 | npm start
 30 | ```
 31 | 然后打开 [http://localhost:3000/](http://localhost:3000/) 来查看你的应用。<br>
 32 | 当你做好部署到生产的准备，使用 `npm run build` 创建一个 minified bundle
 33 | 
 34 | Create React Kotlin App 将会配置 Kotlin, webpack 和 IntelliJ IDEA ，你可以专注于你的代码。
 35 | 
 36 | 仅仅创建一个项目，你就可以轻松开始。
 37 | 
 38 | ## 开始
 39 | 
 40 | ### 安装
 41 | 
 42 | 全局安装：
 43 | 
 44 | ```sh
 45 | npm install -g create-react-kotlin-app
 46 | ```
 47 | 
 48 | 如果你已经安装了 `create-react-app` 或者你在使用 `npx`， 你可以跳过这步。
 49 | 
 50 | 
 51 | **你需要使用 Node >= 6 的版本**. 你可以使用 [nvm](https://github.com/creationix/nvm#usage) 在不同项目间切换node版本
 52 | 
 53 | **This tool doesn’t assume a Node backend**. The Node installation is only required for Create React Kotlin App itself.
 54 | 
 55 | ### 使用Kotlin编写React应用
 56 | 
 57 | 要使用Kotlin编写React应用，你需要使用一个[Kotlin的React包装](https://www.npmjs.com/package/@jetbrains/kotlin-react)，
 58 | 你可以在[这里](https://github.com/JetBrains/kotlin-wrappers/tree/master/kotlin-react)找到它的文档和示例
 59 | 
 60 | ### 添加 Kotlin/JS
 61 | 
 62 | **不需要任何配置**来为基于Create React Kotlin App创建的项目添加用Kotlin编写的包，我们会为你做好这一切。
 63 | 比如，你可以简单地运行 `npm install @jetbrains/kotlin-react-router-dom` 来安装 [wrapper for React Router DOM](https://www.npmjs.com/package/@jetbrains/kotlin-react-router-dom).
 64 | 
 65 | 
 66 | ### 创建一个应用
 67 | 
 68 | 要创建一个新的应用，运行：
 69 | 
 70 | ```sh
 71 | create-react-kotlin-app my-app
 72 | cd my-app
 73 | ```
 74 | 如果你安装了 `create-react-app` ，你可以运行：
 75 | 
 76 | ```sh
 77 | create-react-app my-app --scripts-version react-scripts-kotlin
 78 | cd my-app
 79 | ```
 80 | 它将创建一个叫 `my-app` 的文件夹在当前目录下。<br>
 81 | 项目将被自动预配置为使用 [IntelliJ IDEA](https://www.jetbrains.com/idea/) 开发。如果你不想创建 `.idea` 这个被 IntelliJ IDEA 需要的文件夹，请在运行时添加 `--no-idea` 选项。<br>
 82 | 以下初始的项目结构将被自动创建，依赖将会自动安装： 
 83 | 
 84 | 
 85 | ```
 86 | my-app/
 87 |   README.md
 88 |   node_modules/
 89 |   package.json
 90 |   .gitignore
 91 |   public/
 92 |     favicon.ico
 93 |     index.html
 94 |     manifest.json
 95 |   src/
 96 |     app/
 97 |       App.css
 98 |       App.kt
 99 |     index/
100 |       index.css
101 |       index.kt
102 |     logo/
103 |       kotlin.svg
104 |       Logo.css
105 |       Logo.kt
106 |       react.svg
107 |     ticker/
108 |       Ticker.kt
109 | ```
110 | 
111 | 这是一个简单的应用程序，显示了自打开应用程序以来经过的时间。<br>
112 | 安装完成后，您可以在项目文件夹中运行一些命令：
113 | 
114 | ### `npm start` or `yarn start`
115 | 
116 | 在开发模式下运行应用<br>
117 | 打开 [http://localhost:3000](http://localhost:3000) 在浏览器中查看
118 | 
119 | 当你编辑时，页面会自动刷新<br>
120 | 你将在控制台中看到构建错误和 lint 警告
121 | 
122 | 如果你遇到了 `Kotlin.defineModule is not a function` 错误，尝试删除npm缓存：
123 | 
124 | 	rm -rf node_modules/.cache
125 | 
126 | ### `npm run build` or `yarn build`
127 | 
128 | 在 `build` 目录中为生产环境构建<br>
129 | 为生产环境构建的版本位于 `build` 目录中<br>
130 | 它确保了 React 使用生产模式，并且这个构建已经过优化，可以获得最佳性能
131 | 
132 | 这个构建是 minified 过的，且文件名包含了用于缓存管理的哈希
133 | 
134 | ### 调试应用
135 | 
136 | 你可以使用 IntelliJ IDEA 旗舰版内置的 JavaScript 调试器调试运行中的应用。IDE将会启动一个新的Chrome实力，并为此添加调试器。
137 | 
138 | 使用 `npm start` 启动你的应用，并在Kotlin代码中添加断点
139 | 
140 | 在右上角的 run/debug configurations 中选择 `Debug in Chrome` 并点击绿色的调式按钮，或按下 `^D`(在 Mac OS 上) / `F9` (在Windows和Linux上)来开始调试。
141 | 
142 | 目前，调试器只被 IntelliJ IDEA Ultimate 2017.3 支持
143 | 
144 | 你也可以使用浏览器中的开发者工具调试你的应用
145 | 
146 | 
147 | ## Philosophy
148 | 
149 | * **一个依赖:** 只有一个构建依赖。它使用了webpack和其他出色的项目，但是在它们之上提供了富有凝聚力的开发体验。
150 | 
151 | * **无需配置:** 你什么都不需要配置。为您处理了开发和生产版本的合理且良好配置，因此您可以专注于编写代码。
152 | 
153 | * **No Lock-In:** 你可以随时回到你的个性化设置。 运行一个命令，所有配置和构建依赖项都将直接移到您的项目中，您可以轻松回到上次停下来的地方。
154 | 
155 | ## 这里边有什么?
156 | 
157 | 生成的项目使用了以下 npm 模块：
158 | * [Kotlin wrappers](https://github.com/JetBrains/kotlin-wrappers): [@jetbrains/kotlin-react](https://www.npmjs.com/package/@jetbrains/kotlin-react), [@jetbrains/kotlin-react-dom](https://www.npmjs.com/package/@jetbrains/kotlin-react-dom), [@jetbrains/kotlin-extensions](https://www.npmjs.com/package/@jetbrains/kotlin-extensions)
159 | * [Kotlin DSL for HTML](https://www.npmjs.com/package/kotlinx-html)
160 | * [Kotlin Compiler](https://www.npmjs.com/package/kotlin-compiler)
161 | * [webpack](https://webpack.github.io/) with [webpack-dev-server](https://github.com/webpack/webpack-dev-server), [@jetbrains/kotlin-webpack-plugin](https://www.npmjs.com/package/@jetbrains/kotlin-webpack-plugin), [html-webpack-plugin](https://github.com/ampedandwired/html-webpack-plugin) and [style-loader](https://github.com/webpack/style-loader)
162 | * and others.
163 | 
164 | ## 为什么使用这个?
165 | 
166 | 通过 `create-react-kotlin-app` 你可以快速开启一个使用 React 和 Kotlin 编写的应用。 你的环境将包含构建Kotlin React应用的一切：
167 | * Kotlin和React语法支持
168 | * 一个开发服务来自动编译你的Kotlin代码到JavaScript
169 | * 一个build脚本，用于将JavaScript，CSS和图像用于生产，并带有 source maps
170 | 
171 | ## 限制
172 | 
173 | * 当前项目暂时不支持使用单元测试，我们现在致力于 Jest Kotlin wrapper 敬请关注！
174 | 
175 | ## 转换为自定义设置
176 | 
177 | 你可以将项目从工具中“弹出”，并像模板生成器一样使用。
178 | 
179 | 运行 `npm run eject` 复制所有配置文件和可转移的依赖 (webpack, Kotlin Compiler, etc) 到你的项目中，这使你拥有对项目的完整控制。诸如 `npm start` 和 `npm run build` 这样的命令将继续工作，但它们将指向复制出的脚本，因此你可以对其进行调整。 至此，你可以自由发挥了。
180 | 
181 | **注意：这是个单向操作，一旦你 `eject`，你将不能返回！**
182 | 
183 | ## 贡献和报告问题
184 | 
185 | 请在 [YouTrack](https://youtrack.jetbrains.com/issues/CRKA) 上报告问题，本项目的 Github issue 已经关闭
186 | 
187 | 欢迎大家为此项目做贡献！ 请查看这个打开的 [issues](https://youtrack.jetbrains.com/issues/CRKA?q=State:%20Open) ，或者在 **#react**  [Slack](http://slack.kotlinlang.org/) 频道中与我们讨论
188 | 
189 | ## 致谢
190 | 
191 | 这个项目基于 Facebook 的 [Create React App](https://github.com/facebookincubator/create-react-app). 非常感谢其作者的工作和启发。
192 | 
193 | 


--------------------------------------------------------------------------------
/packages/react-scripts/fixtures/kitchensink/src/App.js:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * Copyright (c) 2015-present, Facebook, Inc.
  3 |  *
  4 |  * This source code is licensed under the MIT license found in the
  5 |  * LICENSE file in the root directory of this source tree.
  6 |  */
  7 | 
  8 | import React, { Component, createElement } from 'react';
  9 | import PropTypes from 'prop-types';
 10 | 
 11 | class BuiltEmitter extends Component {
 12 |   static propTypes = {
 13 |     feature: PropTypes.func.isRequired,
 14 |   };
 15 | 
 16 |   componentDidMount() {
 17 |     const { feature } = this.props;
 18 | 
 19 |     // Class components must call this.props.onReady when they're ready for the test.
 20 |     // We will assume functional components are ready immediately after mounting.
 21 |     if (!Component.isPrototypeOf(feature)) {
 22 |       this.handleReady();
 23 |     }
 24 |   }
 25 | 
 26 |   handleReady() {
 27 |     document.dispatchEvent(new Event('ReactFeatureDidMount'));
 28 |   }
 29 | 
 30 |   render() {
 31 |     const {
 32 |       props: { feature },
 33 |       handleReady,
 34 |     } = this;
 35 |     return (
 36 |       <div>
 37 |         {createElement(feature, {
 38 |           onReady: handleReady,
 39 |         })}
 40 |       </div>
 41 |     );
 42 |   }
 43 | }
 44 | 
 45 | class App extends Component {
 46 |   constructor(props) {
 47 |     super(props);
 48 | 
 49 |     this.state = { feature: null };
 50 | 
 51 |     this.setFeature = this.setFeature.bind(this);
 52 |   }
 53 | 
 54 |   componentDidMount() {
 55 |     const feature = window.location.hash.slice(1);
 56 |     switch (feature) {
 57 |       case 'array-destructuring':
 58 |         import('./features/syntax/ArrayDestructuring').then((f) =>
 59 |           this.setFeature(f.default)
 60 |         );
 61 |         break;
 62 |       case 'array-spread':
 63 |         import('./features/syntax/ArraySpread').then((f) =>
 64 |           this.setFeature(f.default)
 65 |         );
 66 |         break;
 67 |       case 'async-await':
 68 |         import('./features/syntax/AsyncAwait').then((f) =>
 69 |           this.setFeature(f.default)
 70 |         );
 71 |         break;
 72 |       case 'class-properties':
 73 |         import('./features/syntax/ClassProperties').then((f) =>
 74 |           this.setFeature(f.default)
 75 |         );
 76 |         break;
 77 |       case 'computed-properties':
 78 |         import('./features/syntax/ComputedProperties').then((f) =>
 79 |           this.setFeature(f.default)
 80 |         );
 81 |         break;
 82 |       case 'css-inclusion':
 83 |         import('./features/webpack/CssInclusion').then((f) =>
 84 |           this.setFeature(f.default)
 85 |         );
 86 |         break;
 87 |       case 'custom-interpolation':
 88 |         import('./features/syntax/CustomInterpolation').then((f) =>
 89 |           this.setFeature(f.default)
 90 |         );
 91 |         break;
 92 |       case 'default-parameters':
 93 |         import('./features/syntax/DefaultParameters').then((f) =>
 94 |           this.setFeature(f.default)
 95 |         );
 96 |         break;
 97 |       case 'destructuring-and-await':
 98 |         import('./features/syntax/DestructuringAndAwait').then((f) =>
 99 |           this.setFeature(f.default)
100 |         );
101 |         break;
102 |       case 'file-env-variables':
103 |         import('./features/env/FileEnvVariables').then((f) =>
104 |           this.setFeature(f.default)
105 |         );
106 |         break;
107 |       case 'generators':
108 |         import('./features/syntax/Generators').then((f) =>
109 |           this.setFeature(f.default)
110 |         );
111 |         break;
112 |       case 'image-inclusion':
113 |         import('./features/webpack/ImageInclusion').then((f) =>
114 |           this.setFeature(f.default)
115 |         );
116 |         break;
117 |       case 'json-inclusion':
118 |         import('./features/webpack/JsonInclusion').then((f) =>
119 |           this.setFeature(f.default)
120 |         );
121 |         break;
122 |       case 'linked-modules':
123 |         import('./features/webpack/LinkedModules').then((f) =>
124 |           this.setFeature(f.default)
125 |         );
126 |         break;
127 |       case 'node-path':
128 |         import('./features/env/NodePath').then((f) =>
129 |           this.setFeature(f.default)
130 |         );
131 |         break;
132 |       case 'no-ext-inclusion':
133 |         import('./features/webpack/NoExtInclusion').then((f) =>
134 |           this.setFeature(f.default)
135 |         );
136 |         break;
137 |       case 'object-destructuring':
138 |         import('./features/syntax/ObjectDestructuring').then((f) =>
139 |           this.setFeature(f.default)
140 |         );
141 |         break;
142 |       case 'object-spread':
143 |         import('./features/syntax/ObjectSpread').then((f) =>
144 |           this.setFeature(f.default)
145 |         );
146 |         break;
147 |       case 'promises':
148 |         import('./features/syntax/Promises').then((f) =>
149 |           this.setFeature(f.default)
150 |         );
151 |         break;
152 |       case 'public-url':
153 |         import('./features/env/PublicUrl').then((f) =>
154 |           this.setFeature(f.default)
155 |         );
156 |         break;
157 |       case 'rest-and-default':
158 |         import('./features/syntax/RestAndDefault').then((f) =>
159 |           this.setFeature(f.default)
160 |         );
161 |         break;
162 |       case 'rest-parameters':
163 |         import('./features/syntax/RestParameters').then((f) =>
164 |           this.setFeature(f.default)
165 |         );
166 |         break;
167 |       case 'shell-env-variables':
168 |         import('./features/env/ShellEnvVariables').then((f) =>
169 |           this.setFeature(f.default)
170 |         );
171 |         break;
172 |       case 'svg-inclusion':
173 |         import('./features/webpack/SvgInclusion').then((f) =>
174 |           this.setFeature(f.default)
175 |         );
176 |         break;
177 |       case 'template-interpolation':
178 |         import('./features/syntax/TemplateInterpolation').then((f) =>
179 |           this.setFeature(f.default)
180 |         );
181 |         break;
182 |       case 'unknown-ext-inclusion':
183 |         import('./features/webpack/UnknownExtInclusion').then((f) =>
184 |           this.setFeature(f.default)
185 |         );
186 |         break;
187 |       default:
188 |         throw new Error(`Missing feature "${feature}"`);
189 |     }
190 |   }
191 | 
192 |   setFeature(feature) {
193 |     this.setState({ feature });
194 |   }
195 | 
196 |   render() {
197 |     const { feature } = this.state;
198 |     if (feature !== null) {
199 |       return <BuiltEmitter feature={feature} />;
200 |     }
201 |     return null;
202 |   }
203 | }
204 | 
205 | export default App;
206 | 


--------------------------------------------------------------------------------
/README-ko.md:
--------------------------------------------------------------------------------
  1 | [![Build Status](https://teamcity.jetbrains.com/app/rest/builds/buildType:JetBrainsUi_CreateReactKotlinApp/statusIcon.svg)](https://teamcity.jetbrains.com/viewType.html?buildTypeId=JetBrainsUi_CreateReactKotlinApp&guest=1)
  2 | [![JetBrains team project](http://jb.gg/badges/team.svg)](https://confluence.jetbrains.com/display/ALL/JetBrains+on+GitHub)
  3 | 
  4 | [English](https://github.com/JetBrains/create-react-kotlin-app/blob/master/README.md)
  5 | [Japanese](https://github.com/JetBrains/create-react-kotlin-app/blob/master/README-ja.md)
  6 | 
  7 | # Create React Kotlin App
  8 | 
  9 | 코틀린 안에서 별도의 빌드 설정 없이 React 앱을 만들어보세요. 이 프로젝트는 `초기의 프리뷰 버전`임을 유의하세요.
 10 | 
 11 | ## 훑어보기
 12 | 
 13 | **프로젝트를 진행하기 전 [JDK 8 버전](http://www.oracle.com/technetwork/java/index.html)이 설치되어 있는지 확인하세요.** Java 9는 아직 지원하지 않습니다.
 14 | 
 15 | 새 프로젝트를 작성하기:
 16 | 
 17 | ```sh
 18 | npx create-react-kotlin-app my-app
 19 | ```
 20 | 
 21 | ([npx](https://medium.com/@maybekatz/introducing-npx-an-npm-package-runner-55f7d4bd282b) npm 5.2+ 버전 이상에서 사용할 수 있습니다. 그 이전의 npm 버전은 [여기](#installation) 를 참고하세요.
 22 | 
 23 | 프로젝트 시작하기:
 24 | 
 25 | ```sh
 26 | cd my-app/
 27 | npm start
 28 | ```
 29 | 
 30 | 다음으로 [http://localhost:3000/](http://localhost:3000/)을 열어 앱을 확인할 수 있습니다.<br> 
 31 | 프로덕션에 배포할 준비가 되었다면, `npm run build` 명령어를 통해 미니파이된(minified) 결과물을 만들 수 있습니다. 
 32 | 
 33 | Create React Kotlin App은 코드에 집중할 수 있도록 코틀린, 웹팩 그리고 IntelliJ IDEA를 알아서 설정하기 때문에 간단하게 프로젝트만 생성하면 됩니다.
 34 | 
 35 | ## 시작하기
 36 | 
 37 | ### 설치
 38 | 
 39 | create-react-kotlin-app 모듈을 전역적으로 설치합니다.
 40 | 
 41 | ```sh
 42 | npm install -g create-react-kotlin-app
 43 | ```
 44 | 
 45 | 만약 이미 `create-react-app`가 설치되어 있거나 혹은 `npx`를 사용한다면 설치 단계는 넘어가도 됩니다. 
 46 | 
 47 | 
 48 | **6 버전 이상의 Node가 설치되어 있어야 합니다**. [nvm](https://github.com/creationix/nvm#usage)을 사용하여 서로 다른 프로젝트의 Node 버전으로 쉽게 전환할 수 있습니다.  
 49 | 
 50 | **이 도구는 Node 백엔드 역할을 하지 않습니다.** Node의 설치는 Create React Kotlin App 작성시에만 필요합니다.
 51 | 
 52 | ### 코틀린과 리액트 같이 사용하기
 53 | 
 54 | 코틀린에서 리액트를 이용하여 애플리케이션을 개발하려면 [Kotlin wrapper for React](https://www.npmjs.com/package/@jetbrains/kotlin-react)이 필요합니다. [module's repository](https://github.com/JetBrains/kotlin-wrappers/tree/master/kotlin-react)에서 이에 대한 문서와 예제에 대해 살펴볼수 있습니다.
 55 | 
 56 | ### 코틀린/자바스크립트 패키지 추가하기
 57 | 
 58 | Create React Kotlin App 기반의 코틀린으로 작성된 프로젝트에서는 **별도의 설정이 필요하지 않습니다.** 이러한 설정은 Create React Kotlin App에서 구성합니다. 예를 들어 [wrapper for React Router DOM](https://www.npmjs.com/package/@jetbrains/kotlin-react-router-dom)를 설치하기 위해 간단하게 `npm install @jetbrains/kotlin-react-router-dom` 명령어를 실행시키면 됩니다. 
 59 | 
 60 | ### 앱 생성하기
 61 | 
 62 | 새로운 앱을 실행하기 위해 다음의 명령어를 실행하세요:
 63 | 
 64 | ```sh
 65 | create-react-kotlin-app my-app
 66 | cd my-app
 67 | ```
 68 | 
 69 | 혹은 `create-react-app`가 설치 되어 있다면 다음의 명령어를 사용할 수 있습니다:
 70 | 
 71 | ```sh
 72 | create-react-app my-app --scripts-version react-scripts-kotlin
 73 | cd my-app
 74 | ```
 75 | 
 76 | 명령어를 실행시킨 경로 안에 `my-app` 폴더가 생성됩니다. <br>
 77 | 프로젝트는 [IntelliJ IDEA](https://www.jetbrains.com/idea/)안에서 작업할 수 있도록 사전 구성됩니다. 만약 IntelliJ IDEA에 필요한 `.idea` 폴더가 생성되는 것을 원하지 않으면, `--no-idea` 옵션을 추가하세요. <br>
 78 | 초기의 프로젝트의 구조가 생성되며, 각각의 모듈이 설치됩니다.
 79 | 
 80 | ```
 81 | my-app/
 82 |   README.md
 83 |   node_modules/
 84 |   package.json
 85 |   .gitignore
 86 |   public/
 87 |     favicon.ico
 88 |     index.html
 89 |     manifest.json
 90 |   src/
 91 |     app/
 92 |       App.css
 93 |       App.kt
 94 |     index/
 95 |       index.css
 96 |       index.kt
 97 |     logo/
 98 |       kotlin.svg
 99 |       Logo.css
100 |       Logo.kt
101 |       react.svg
102 |     ticker/
103 |       Ticker.kt
104 | ```
105 | 
106 | 이 프로젝트는 앱이 실행된 후 얼마의 시간이 지났는지를 보여주는 간단한 앱입니다.<br>
107 | 설치가 완료되면 프로젝트 폴더 안에서 몇가지의 명령어를 실행할 수 있습니다.
108 | 
109 | 
110 | ### `npm start` 혹은 `yarn start`
111 | 
112 | 개발 모드의 앱을 실행합니다.<br>
113 | [http://localhost:3000](http://localhost:3000)을 통해 앱을 브라우저에서 볼 수 있습니다.
114 | 
115 | 앱의 코드 내에 새로운 수정이 생기면 페이지가 자동으로 새로고침 됩니다.<br>
116 | 경고 혹은 에러가 있을 경우, 콘솔창을 통해 볼 수 있습니다. 
117 | 
118 | 만약 `Kotlin.defineModule is not a function` 와 같은 에러가 발생한다면, npm cache를 삭제하세요:
119 | 
120 | 	rm -rf node_modules/.cache
121 | 
122 | ### `npm run build` 혹은 `yarn build`
123 | 
124 | `build` 폴더에 프로덕션용 앱을 빌드합니다.<br>
125 | 리액트는 프로덕션 모드로 번들링되며, 번들된 결과물은 성능 최적화가 됩니다.
126 | 
127 | 빌드된 결과물은 압축되어 캐시 관리를 위해 각각의 파일 이름은 해쉬를 포함합니다. 이제 앱은 배포될 준비가 되었습니다.
128 | 
129 | ### 앱 디버깅
130 | 
131 | IntelliJ IDEA Ultimate에서 실행 중인 앱을 내장된 Javascript 디버거를 통해 디버깅할 수 있습니다. IDE는 새로운 인스턴스의 크롬을 실행하여 그 안에 디버거를 연결합니다.
132 | 
133 | `npm start` 명령어를 통해 앱을 시작하여 코틀린 코드 내에 브레이크 포인트를 추가합니다. 그 다음 오른쪽 상단의 실행/디버깅 설정에서 `크롬에서 디버깅하기(Debug in Chrome)`을 선택합니다. 그리고 초록색 디버그 아이콘을 클릭하거나 맥북의 `^D` 혹은 윈도우와 리눅스에서는 `F9`를 통해 디버깅을 실행시킬 수 있습니다.
134 | 
135 | 현재는 IntelliJ IDEA Ultimate 2017.3에서만 디버깅을 지원합니다.
136 | 
137 | 또한 브라우저의 개발자 도구를 통해 애플리케이션을 디버깅할 수 있습니다.
138 | 
139 | ## 철학
140 | 
141 | * **하나의 의존성:** 하나의 빌드 의존성을 가집니다. 웹팩과 다른 훌륭한 프로젝트를 사용하고 있지만, 응집력 있는 정교한 경험을 제공합니다. 
142 | 
143 | * **별도의 설정이 필요하지 않습니다:** 별도의 설정을 구성할 필요가 없습니다. 개발 모드 및 프로덕션 모드의 효율적인 설정이 구성되어있기 때문에 코드를 작성하는 것에만 집중할 수 있습니다.
144 | 
145 | * **별도의 잠금(Lock-In)제한이 없습니다:** 언제든 사용자가 스스로 설정을 할 수 있도록 "eject" 할 수 있습니다. 이 명령어를 통해 모든 설정과 빌드 의존성 모듈이 프로젝트 안으로 이동되며 eject된 설정 파일들을 자유롭게 설정할 수 있다.
146 | 
147 | ## 내부의 구성 요소
148 | 
149 | 생성된 프로젝트는 다음의 npm 모듈을 사용합니다.:
150 | * [Kotlin wrappers](https://github.com/JetBrains/kotlin-wrappers): [@jetbrains/kotlin-react](https://www.npmjs.com/package/@jetbrains/kotlin-react), [@jetbrains/kotlin-react-dom](https://www.npmjs.com/package/@jetbrains/kotlin-react-dom), [@jetbrains/kotlin-extensions](https://www.npmjs.com/package/@jetbrains/kotlin-extensions)
151 | * [Kotlin DSL for HTML](https://www.npmjs.com/package/kotlinx-html)
152 | * [Kotlin Compiler](https://www.npmjs.com/package/kotlin-compiler)
153 | * [webpack](https://webpack.github.io/) with [webpack-dev-server](https://github.com/webpack/webpack-dev-server), [@jetbrains/kotlin-webpack-plugin](https://www.npmjs.com/package/@jetbrains/kotlin-webpack-plugin), [html-webpack-plugin](https://github.com/ampedandwired/html-webpack-plugin) and [style-loader](https://github.com/webpack/style-loader)
154 | * 기타 등등.
155 | 
156 | ## 왜 사용하나
157 | 
158 | `create-react-kotlin-app`을 이용하여 코틀린과 리액트를 이용할 수 있는 새로운 애플리케이션을 빠르게 구축할 수 있습니다. 새로운 코틀린 앱을 구축하는데 필요한 모든 환경을 제공합니다:
159 | * 코틀린과 리액트 문법 지원합니다.
160 | * 개발 서버는 코틀린 코드를 자바스크립트 코드로 자동으로 컴파일합니다. 
161 | * `build` 스크립트는 소스맵과 함께 자바스크립트, CSS 그리고 이미지를 프로덕션 용으로 빌드합니다.
162 | 
163 | ## 한계
164 | 
165 | * 현재 이 프로젝트는 단위 테스트를 지원하지 않습니다. 현재 Jest Kotlin wrapper를 만들고 있으니 앞으로 지켜봐주세요.
166 | 
167 | ## 사용자 설정 변환
168 | 
169 | 툴을 이용하여 "eject" 할 수 있으며, 보일러플레이트 생성기로서 사용할 수 있습니다.
170 | 
171 | `npm run eject`를 사용하면 모든 설정 파일과 변환 모듈(웹팩, 코틀린 컴파일러, 기타 등등)들이 프로젝트에 바로 복사되며 이를 통해 모든 설정을 자유롭게 구성할 수 있습니다. `npm start`와 `npm run build` 명령어는 기존과 같이 동작하되, 복사된 설정 파일에 따라 동작하기 때문에 자유롭게 구성하면 됩니다. 
172 | 
173 | **주의: 실행은 단방향이며, 한번 `eject`되면 다시 복구할 수 없습니다.**
174 | 
175 | ## 프로젝트 기여하기와 이슈 리포팅하기
176 | 
177 | [YouTrack](https://youtrack.jetbrains.com/issues/CRKA)에 이슈를 등록해주세요. 이 프로젝트는 GitHub의 이슈를 사용하지 않습니다. 
178 | 
179 | 이 프로젝트에 대한 기여를 환영합니다! 현재 생성된 [issues](https://youtrack.jetbrains.com/issues/CRKA?q=State:%20Open)를 보거나 [Slack](http://slack.kotlinlang.org/)의 **#react** 채널에서 우리와 함께 이야기할 수 있습니다.  
180 | 
181 | ## 감사의 말
182 | 
183 | 이 프로젝트는 페이스북의 [Create React App](https://github.com/facebookincubator/create-react-app)를 기반으로 합니다. 프로젝트 작성자의 작업과 영감에 대하여 감사드립니다.


--------------------------------------------------------------------------------
/README-ja.md:
--------------------------------------------------------------------------------
  1 | [![Build Status](https://teamcity.jetbrains.com/app/rest/builds/buildType:JetBrainsUi_CreateReactKotlinApp/statusIcon.svg)](https://teamcity.jetbrains.com/viewType.html?buildTypeId=JetBrainsUi_CreateReactKotlinApp&guest=1)
  2 | [![JetBrains team project](http://jb.gg/badges/team.svg)](https://confluence.jetbrains.com/display/ALL/JetBrains+on+GitHub)
  3 | 
  4 | [English](https://github.com/JetBrains/create-react-kotlin-app/blob/master/README.md)
  5 | [Korean](https://github.com/JetBrains/create-react-kotlin-app/blob/master/README-ko.md)
  6 | 
  7 | # Create React Kotlin App
  8 | 
  9 | ビルド構成をせずに [React](https://facebook.github.io/react/) のアプリを [Kotlin](https://kotlinlang.org/) でコーディングすることができます。
 10 | 
 11 | これは **初期プレビュー版** です。
 12 | 
 13 | ## 概要
 14 | 
 15 | **先に進む前に [JDK 8](http://www.oracle.com/technetwork/java/index.html) がインストールされていることを確認してください。** Java 9 以降はまだサポートされていません.
 16 | 
 17 | プロジェクトの作成:
 18 | 
 19 | ```sh
 20 | npx create-react-kotlin-app my-app
 21 | ```
 22 | 
 23 | ([npx](https://medium.com/@maybekatz/introducing-npx-an-npm-package-runner-55f7d4bd282b) にはnpm 5.2以降が付属しています。より古いnpmバージョンについては[インストール](#インストール)を参照してください。）
 24 | 
 25 | プロジェクトを動かす:
 26 | 
 27 | ```sh
 28 | cd my-app/
 29 | npm start
 30 | ```
 31 | 
 32 | 次に [http://localhost:3000/](http://localhost:3000/) を開いてアプリを動作させます
 33 | 
 34 | 実際にビルドする準備が整ったら `npm run build` を使用して縮小バンドルを作成します。
 35 | 
 36 | Create React Kotlin App を使用するだけで、Kotlin,WebPack,IntelliJ IDEAの構成が行われます。それにより、あなたはコードを書くことだけに集中することができます。
 37 | 
 38 | プロジェクトを作成するだけで、全てが上手くいくでしょう。
 39 | 
 40 | ## 入門
 41 | 
 42 | ### インストール
 43 | 
 44 | 最初にグローバルにインストールします:
 45 | 
 46 | ```sh
 47 | npm install -g create-react-kotlin-app
 48 | ```
 49 | 
 50 | `create-react-app` がすでにインストールされているか、もしくは `npx` を利用している場合、この手順はステップでキます。
 51 | 
 52 | **Node6以上が必要です**。 [nvm](https://github.com/creationix/nvm#usage) を使用すれば、プロジェクトごとに簡単にNodeバージョンを切り替えることができます。
 53 | 
 54 | **このツールはサーバーサイドNode.jsを想定していません**。 Nodeのインストールは、Create React Kotlin Appを動かすためにのみ必要です。
 55 | 
 56 | ### KotlinでReactを使う
 57 | 
 58 | React上でKotlinでアプリケーションを開発するには、 [React用のKotlinラッパー](https://www.npmjs.com/package/@jetbrains/kotlin-react) が必要です。
 59 | それのドキュメントと使用例は [モジュールのリポジトリ](https://github.com/JetBrains/kotlin-wrappers/tree/master/kotlin-react)にあります。
 60 | 
 61 | ### Kotlin/JS パッケージを追加する
 62 | 
 63 | Create React Kotlin App をベースにしたパッケージを追加するための **設定は必要ありません**。私達は開発者のためにこのことを重要視しています。
 64 |  [https://www.npmjs.com/package/kotlinx-coroutines-core](coroutines) サポートを追加するためには `npm install kotlinx-coroutines-core` を実行するか、 [React Router DOMのラッパー](https://www.npmjs.com/package/@jetbrains/kotlin-react-router-dom) を入れるために `npm install @jetbrains/kotlin-react-router-dom` を実行してください。
 65 | 
 66 | ### アプリを作る
 67 | 
 68 | 新しいアプリを作るためには、次のコマンドを実行してください:
 69 | 
 70 | ```sh
 71 | create-react-kotlin-app my-app
 72 | cd my-app
 73 | ```
 74 | 
 75 | または `create-react-app` がすでにインストールされている場合は、次のコマンドを実行することができます:
 76 | 
 77 | ```sh
 78 | create-react-app my-app --scripts-version react-scripts-kotlin
 79 | cd my-app
 80 | ```
 81 | 
 82 | このコマンドは、現在のフォルダ内にmy-appというフォルダを生成します
 83 | 
 84 | このプロジェクトは、[IntelliJ IDEA](https://www.jetbrains.com/idea/) ですぐに開発できるように事前に設定されています。 もし、intelliJ IDEAの.ideaフォルダを作成したくないのであれば、`--no-idea` オプションをつけてください。
 85 | 
 86 | 初期のプロジェクト構造が作成され、依存関係がインストールされます:
 87 | 
 88 | ```
 89 | my-app/
 90 |   README.md
 91 |   node_modules/
 92 |   package.json
 93 |   .gitignore
 94 |   public/
 95 |     favicon.ico
 96 |     index.html
 97 |     manifest.json
 98 |   src/
 99 |     app/
100 |       App.css
101 |       App.kt
102 |     index/
103 |       index.css
104 |       index.kt
105 |     logo/
106 |       kotlin.svg
107 |       Logo.css
108 |       Logo.kt
109 |       react.svg
110 |     ticker/
111 |       Ticker.kt
112 | ```
113 | 
114 | アプリを開いてから経過した時間を表示する簡単なアプリです。
115 | インストールが完了したら、プロジェクトフォルダ内でいくつかのコマンドを実行できます:
116 | 
117 | ### `npm start` または `yarn start`
118 | 
119 | 開発モードでアプリを起動します。
120 | ブラウザ上で表示するためには [http://localhost:3000](http://localhost:3000) にアクセスします。
121 | 
122 | ページを編集すると、自動的にページが更新されます。
123 | コンソールにはビルドエラーとlintの警告が表示されます。
124 | `Kotlin.defineModule is not a function` というエラーが出た場合、npmのキャッシュを削除してみてください。
125 | 
126 | ```sh
127 | rm -rf node_modules/.cache
128 | ```
129 | 
130 | ### `npm run build` または `yarn build`
131 | 
132 | `build` フォルダにプロダクト用のアプリをビルドします。
133 | これは、Reactが本番環境用にバンドルされていることを約束し、パフォーマンスのために最適化されたものです。
134 | 
135 | ビルドは圧縮され、ファイル名にはキャッシュを管理するためのハッシュが含まれています、これでアプリをデプロイする準備が整いました。
136 | 
137 | ### アプリをデバッグする
138 | 
139 | 内蔵のJavaScriptデバッガを使用して、IntelliJ IDEA Ultimateで実行中のアプリを直接デバッグできます。 IDEは新しくChromeを実行し、それにデバッガを接続します。
140 | 
141 | `npm start` でアプリを起動します。 Kotlinのコードにブレークポイントを入れます。
142 | 次に、右上の実行/デバッグ設定の一覧から `Debug in Chrome` を選択し、緑色のアイコンをクリックするか、macOSの場合は `^D` WindowsかLinuxの場合は `F9` を押してデバッグを開始します。
143 | 
144 | 現在、デバッグは IntelliJ IDEA Ultimate 2017.3 のみでサポートされています。
145 | 
146 | ブラウザの開発者ツールでデバッグを行うこともできます。
147 | 
148 | ## 哲学
149 | 
150 | * **依存関係は一つだけ:** ビルドの依存関係は一つだけです。これは、WebPackとその他の素晴らしいプロジェクトを使っていますが、それらの上でよりまとまりのある、精巧な体験を提供します。
151 | 
152 | * **設定不要:** 何も設定する必要はありません。 開発ビルドと本番ビルドの両方の素晴らしい設定があなたのためにされているので、あなたはコードを書くことだけに集中することができます。
153 | 
154 | * **ロックインがない:** いつでもカスタム設定に「eject」できます。 1つのコマンドを実行すると、すべての設定とビルドの依存関係がプロジェクトに直接移動されるので、中断したところからすぐに再開できます。
155 | 
156 | ## 何を内包しているか
157 | 
158 | 生成されたプロジェクトは、以下のようなnpmモジュールを使用しています。:
159 | * [Kotlin wrappers](https://github.com/JetBrains/kotlin-wrappers): [@jetbrains/kotlin-react](https://www.npmjs.com/package/@jetbrains/kotlin-react), [@jetbrains/kotlin-react-dom](https://www.npmjs.com/package/@jetbrains/kotlin-react-dom), [@jetbrains/kotlin-extensions](https://www.npmjs.com/package/@jetbrains/kotlin-extensions)
160 | * [Kotlin DSL for HTML](https://www.npmjs.com/package/kotlinx-html)
161 | * [Kotlin Compiler](https://www.npmjs.com/package/kotlin-compiler)
162 | * [webpack](https://webpack.github.io/) with [webpack-dev-server](https://github.com/webpack/webpack-dev-server), [@jetbrains/kotlin-webpack-plugin](https://www.npmjs.com/package/@jetbrains/kotlin-webpack-plugin), [html-webpack-plugin](https://github.com/ampedandwired/html-webpack-plugin) and [style-loader](https://github.com/webpack/style-loader)
163 | * その他
164 | 
165 | ## 何故これを選ぶか
166 | 
167 | `create-react-kotlin-app` を使うと、KotlinとReactを使って新しいアプリケーションを素早く作成することができます。あなたの環境に、新しいKotlinアプリを構築するために必要なものがすべて揃得ることができます:
168 | 
169 | * Kotlin と React の構文サポート。
170 | * KotlinのコードをJavaScriptに自動コンパイルするサーバー。
171 | * ソースマップを使って、本番用のJavaScript、CSS、および画像をバンドルするためのビルドスクリプト。
172 | 
173 | ## 制限
174 | 
175 | * このプロジェクトでは、単体テストは現在サポートされていません。 現在Jest Kotlinラッパーに取り組んでいます。 乞うご期待！
176 | 
177 | ## カスタムセットアップへの変換
178 | 
179 | カスタムセットアップ変換ツールから「eject」してボイラーテンプレートジェネレーターとして使用することができます。
180 | 
181 | `npm run eject` を実行すると、すべてのファイルと推移的な依存関係（webpack、Kotlin Compilerなど）がプロジェクトに直接コピーされるので、それらを完全にコントロールできます。
182 | `npm start` や `npm run build` などのコマンドはまだ機能しますが、コピーされたスクリプトで実行するので、それらを細かく調整することができます。 この時点で、あなたのプロジェクトはあなた自身のものです。
183 | 
184 | **注意:これは不可逆的な操作です、「eject」した場合、もとに戻すことはできません**
185 | 
186 | ## 問題の報告と貢献
187 | 
188 | Please report issues on [YouTrack](https://youtrack.jetbrains.com/issues/CRKA) で問題を報告するようにしてください。GitHubのIssue機能は、このプロジェクトでは無効になっています。
189 | 
190 | このプロジェクトへの貢献は大歓迎です！ [issues](https://youtrack.jetbrains.com/issues/CRKA?q=State:%20Open) を確認するか、[Slack](http://slack.kotlinlang.org/) の **#react** チャンネルでチャットしてください。
191 | 
192 | ## 謝辞
193 | 
194 | このプロジェクトは、Facebook社の [Create React App](https://github.com/facebookincubator/create-react-app)をベースにしています。
195 | 製作者の素晴らしいインスピレーションと仕事に感謝を述べます。
196 | 


--------------------------------------------------------------------------------
/packages/react-scripts/scripts/init.js:
--------------------------------------------------------------------------------
  1 | // @remove-file-on-eject
  2 | /**
  3 |  * Copyright (c) 2015-present, Facebook, Inc.
  4 |  *
  5 |  * This source code is licensed under the MIT license found in the
  6 |  * LICENSE file in the root directory of this source tree.
  7 |  */
  8 | 'use strict';
  9 | 
 10 | // Makes the script crash on unhandled rejections instead of silently
 11 | // ignoring them. In the future, promise rejections that are not handled will
 12 | // terminate the Node.js process with a non-zero exit code.
 13 | process.on('unhandledRejection', (err) => {
 14 |   throw err;
 15 | });
 16 | 
 17 | const fs = require('fs-extra');
 18 | const path = require('path');
 19 | const chalk = require('chalk');
 20 | const spawn = require('react-dev-utils/crossSpawn');
 21 | 
 22 | module.exports = function (
 23 |   appPath,
 24 |   appName,
 25 |   verbose,
 26 |   originalDirectory,
 27 |   template
 28 | ) {
 29 |   const ownPackageName = require(path.join(
 30 |     __dirname,
 31 |     '..',
 32 |     'package.json'
 33 |   )).name;
 34 |   const ownPath = path.join(appPath, 'node_modules', ownPackageName);
 35 |   const appPackage = require(path.join(appPath, 'package.json'));
 36 |   const useYarn = fs.existsSync(path.join(appPath, 'yarn.lock'));
 37 | 
 38 |   // Copy over some of the devDependencies
 39 |   appPackage.dependencies = appPackage.dependencies || {};
 40 |   appPackage.devDependencies = appPackage.devDependencies || {};
 41 | 
 42 |   // Setup the script rules
 43 |   appPackage.scripts = {
 44 |     start: 'react-scripts-kotlin start',
 45 |     build: 'react-scripts-kotlin build',
 46 |     eject: 'react-scripts-kotlin eject',
 47 |     'gen-idea-libs': 'react-scripts-kotlin gen-idea-libs',
 48 |     'get-types': 'react-scripts-kotlin get-types --dest=src/types',
 49 |     postinstall: 'npm run gen-idea-libs',
 50 |   };
 51 | 
 52 |   fs.writeFileSync(
 53 |     path.join(appPath, 'package.json'),
 54 |     JSON.stringify(appPackage, null, 2)
 55 |   );
 56 | 
 57 |   const readmeExists = fs.existsSync(path.join(appPath, 'README.md'));
 58 |   if (readmeExists) {
 59 |     fs.renameSync(
 60 |       path.join(appPath, 'README.md'),
 61 |       path.join(appPath, 'README.old.md')
 62 |     );
 63 |   }
 64 | 
 65 |   // Copy the files for the user
 66 |   const templatePath = template
 67 |     ? path.resolve(originalDirectory, template)
 68 |     : path.join(ownPath, 'template');
 69 |   if (fs.existsSync(templatePath)) {
 70 |     fs.copySync(templatePath, appPath);
 71 |   } else {
 72 |     console.error(
 73 |       `Could not locate supplied template: ${chalk.green(templatePath)}`
 74 |     );
 75 |     return;
 76 |   }
 77 | 
 78 |   if (!process.argv.includes('--no-idea')) {
 79 |     const ideaPath = path.join(ownPath, 'template-idea');
 80 |     fs.copySync(ideaPath, appPath);
 81 |     fs.renameSync(
 82 |       path.join(appPath, 'template-idea.iml'),
 83 |       path.join(appPath, `${appName}.iml`)
 84 |     );
 85 |     const modulesPath = path.join(appPath, '.idea/modules.xml');
 86 |     const modules = fs.readFileSync(modulesPath, 'utf8');
 87 |     fs.writeFileSync(modulesPath, modules.replace(/%appName%/g, appName));
 88 |   }
 89 | 
 90 |   // Rename gitignore after the fact to prevent npm from renaming it to .npmignore
 91 |   // See: https://github.com/npm/npm/issues/1862
 92 |   fs.move(
 93 |     path.join(appPath, 'gitignore'),
 94 |     path.join(appPath, '.gitignore'),
 95 |     [],
 96 |     (err) => {
 97 |       if (err) {
 98 |         // Append if there's already a `.gitignore` file there
 99 |         if (err.code === 'EEXIST') {
100 |           const data = fs.readFileSync(path.join(appPath, 'gitignore'));
101 |           fs.appendFileSync(path.join(appPath, '.gitignore'), data);
102 |           fs.unlinkSync(path.join(appPath, 'gitignore'));
103 |         } else {
104 |           throw err;
105 |         }
106 |       }
107 |     }
108 |   );
109 | 
110 |   fs.move(
111 |     path.join(appPath, 'browserslistrc'),
112 |     path.join(appPath, '.browserslistrc'),
113 |     []
114 |   );
115 | 
116 |   let command;
117 |   let args;
118 | 
119 |   if (useYarn) {
120 |     command = 'yarnpkg';
121 |     args = ['add'];
122 |   } else {
123 |     command = 'npm';
124 |     args = ['install', '--save', verbose && '--verbose'].filter((e) => e);
125 |   }
126 |   args.push('react', 'react-dom');
127 | 
128 |   // Install additional template dependencies, if present
129 |   const templateDependenciesPath = path.join(
130 |     appPath,
131 |     '.template.dependencies.json'
132 |   );
133 |   if (fs.existsSync(templateDependenciesPath)) {
134 |     const templateDependencies = require(templateDependenciesPath).dependencies;
135 |     args = args.concat(
136 |       Object.keys(templateDependencies).map((key) => {
137 |         return `${key}@${templateDependencies[key]}`;
138 |       })
139 |     );
140 |     fs.unlinkSync(templateDependenciesPath);
141 |   }
142 | 
143 |   // Install react and react-dom for backward compatibility with old CRA cli
144 |   // which doesn't install react and react-dom along with react-scripts
145 |   // or template is presetend (via --internal-testing-template)
146 |   if (!isReactInstalled(appPackage) || template) {
147 |     console.log(`Installing react and react-dom using ${command}...`);
148 |     console.log();
149 | 
150 |     const proc = spawn.sync(command, args, { stdio: 'inherit' });
151 |     if (proc.status !== 0) {
152 |       console.error(`\`${command} ${args.join(' ')}\` failed`);
153 |       return;
154 |     }
155 |   }
156 | 
157 |   // Display the most elegant way to cd.
158 |   // This needs to handle an undefined originalDirectory for
159 |   // backward compatibility with old global-cli's.
160 |   let cdpath;
161 |   if (originalDirectory && path.join(originalDirectory, appName) === appPath) {
162 |     cdpath = appName;
163 |   } else {
164 |     cdpath = appPath;
165 |   }
166 | 
167 |   // Change displayed command to yarn instead of yarnpkg
168 |   const displayedCommand = useYarn ? 'yarn' : 'npm';
169 | 
170 |   console.log();
171 |   console.log(`Success! Created ${appName} at ${appPath}`);
172 |   console.log('Inside that directory, you can run several commands:');
173 |   console.log();
174 |   console.log(chalk.cyan(`  ${displayedCommand} start`));
175 |   console.log('    Starts the development server.');
176 |   console.log();
177 |   console.log(
178 |     chalk.cyan(`  ${displayedCommand} ${useYarn ? '' : 'run '}build`)
179 |   );
180 |   console.log('    Bundles the app into static files for production.');
181 |   console.log();
182 |   console.log(chalk.cyan(`  ${displayedCommand} test`));
183 |   console.log('    Starts the test runner.');
184 |   console.log();
185 |   console.log(
186 |     chalk.cyan(`  ${displayedCommand} ${useYarn ? '' : 'run '}eject`)
187 |   );
188 |   console.log(
189 |     '    Removes this tool and copies build dependencies, configuration files'
190 |   );
191 |   console.log(
192 |     '    and scripts into the app directory. If you do this, you can’t go back!'
193 |   );
194 |   console.log();
195 |   console.log('We suggest that you begin by typing:');
196 |   console.log();
197 |   console.log(chalk.cyan('  cd'), cdpath);
198 |   console.log(`  ${chalk.cyan(`${displayedCommand} start`)}`);
199 |   if (readmeExists) {
200 |     console.log();
201 |     console.log(
202 |       chalk.yellow(
203 |         'You had a `README.md` file, we renamed it to `README.old.md`'
204 |       )
205 |     );
206 |   }
207 |   console.log();
208 |   console.log('Happy hacking!');
209 | };
210 | 
211 | function isReactInstalled(appPackage) {
212 |   const dependencies = appPackage.dependencies || {};
213 | 
214 |   return (
215 |     typeof dependencies.react !== 'undefined' &&
216 |     typeof dependencies['react-dom'] !== 'undefined'
217 |   );
218 | }
219 | 


--------------------------------------------------------------------------------