Support React.Context in transpilation

.gitignore

@@ -4,6 +4,7 @@ node_modules/
 .idea/
 demo/node_modules
 demo/public/build
+demo/public/kphp_out
 demo/public/dist
 demo/public/compiled_demo
 

demo/src/components/App.isoentry.tsx

@@ -3,6 +3,7 @@ import { Button } from '#iso_palette/Button/Button.iso';
 import { StatefulInput } from '#iso_palette/Input/Input.iso';
 import { Radio } from '#iso_palette/Radio/Radio.iso';
 import { CheckBox } from '#iso_palette/CheckBox/CheckBox.iso';
+import { ctx } from '#iso_palette/Context';
 
 // @elephizeTarget
 export const GenericIcon: React.FunctionComponent = () => {
@@ -71,7 +72,9 @@ export const App: React.FunctionComponent = () => {
         <StatefulInput type={'number'} alignment={'left'} initialValue={data[key].toString()} />
       </span>
       <span className={'elephize-test-coeff'}>
-        <Radio name={'el-test'} value={'1'}>1x</Radio>
+        <ctx.Provider value={{ 'label': 'context! overridden' }}>
+          <Radio name={'el-test'} value={'1'}>1x</Radio>
+        </ctx.Provider>
         <Radio name={'el-test'} value={'2'}>2x</Radio>
         <Radio name={'el-test'} value={'3'}>3x</Radio>
         <CheckBox name={'test2'} />

demo/src/components/iso_palette/Context.tsx

@@ -0,0 +1,5 @@
+import * as React from 'react';
+
+export const ctx = React.createContext({
+  'label': 'contexts! original'
+});

demo/src/components/iso_palette/Radio/Radio.iso.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { classNames as cx } from '#utils/classnames';
+import { ctx } from '#iso_palette/Context';
 
 const defaultProps: React.InputHTMLAttributes<any> = {
   className: '',
@@ -15,6 +16,8 @@ const defaultProps: React.InputHTMLAttributes<any> = {
 // @elephizeTarget
 export const Radio: React.FunctionComponent<React.InputHTMLAttributes<any>> = (inputProps) => {
   const props = { ...defaultProps, ...inputProps };
+  const { useContext } = React;
+  const context = useContext(ctx);
 
   const {
     className,
@@ -32,6 +35,7 @@ export const Radio: React.FunctionComponent<React.InputHTMLAttributes<any>> = (i
     <label className={classNames}>
       <input type="radio" className='Radio__input Radio__visuallyHidden' {...nativeProps} />
       <span className='Radio__control' />
+      {context.label}
       {children && <span className='Radio__text'>{children}</span>}
     </label>
   );

doc/support.md

@@ -96,6 +96,18 @@
 
 Все стандартные обработчики событий игнорируются при транспиляции. 
 
+#### React.Context
+
+Поддерживается использование функции `React.createContext()` совместно с хуком `useContext()` и конструкцией `<ctx.Provider>`.
+
+Особенности:
+
+- Объект, передаваемый в контекст, не должен иметь внутри себя никаких несериализуемых конструкций (в т.ч. функций, объектов классов, DOM-нод)
+- В случае вложенности двух одинаковых контекстов используется ближайший. При этом значение объекта контекста полностью
+  заменяется (не дополняется!). Атрибут `value` в конструкции `<ctx.Provider>` также заменяет значение по умолчанию, а не дополняет его.
+- Объект контекста желательно создавать в отдельном файле, чтобы исключить возможные циклические зависимости между файлами.
+  В случае появления циклических импортов, вместо идентификатора контекста приедет null, и это совсем не то, чего мы хотим. 
+
 ### Ремарки про kphp
 
 - Чем однозначнее типы, которые вы используете - тем лучше, т.к. меньше шанс того, что kphp запутается при выводе типов в транспилированном коде.

external/check_kphp.sh

@@ -10,7 +10,9 @@ if ! docker pull vkcom/kphp; then
   exit 1
 fi
 
-test -t 1 && USE_TTY="-t" 
+test -t 1 && USE_TTY="-t"
 
-docker run ${USE_TTY} -i -v `pwd`/demo/public:/tmp/dev:rw vkcom/kphp /bin/sh -c 'kphp /tmp/dev/index.php -o /tmp/dev/compiled_demo --include-dir "/tmp/dev/build/" --verbosity 3'
+mkdir `pwd`/demo/public/kphp_out
+
+docker run ${USE_TTY} -i -v `pwd`/demo/public:/tmp/dev:rw -v`pwd`/demo/public/kphp_out:/kphp_out:rw vkcom/kphp /bin/sh -c 'kphp /tmp/dev/index.php -o /tmp/dev/compiled_demo --include-dir "/tmp/dev/build/" --verbosity 3'
 exit $?

src/__tests__/5_components.spec.ts

@@ -26,6 +26,7 @@ const testSuiteConfig: Array<{file: string[]; failOnErrors: string[]}> = [
   { file: ['components', 'ImportResolve2.tsx'], failOnErrors: ['384ae', 'a57e4', '6554c'] },
   { file: ['components', 'ReexportResolve.tsx'], failOnErrors: ['384ae', 'a57e4', '6554c'] },
   { file: ['components', 'CyclicDepsEntry.ts'], failOnErrors: ['384ae', 'a57e4', '6554c'] },
+  { file: ['components', 'ReactContextProvider.tsx'], failOnErrors: ['384ae', 'a57e4', '6554c'] },
   // Checks for reserved words in paths/namespaces
   { file: ['components/static', 'KeywordTestComponent.tsx'], failOnErrors: ['384ae', 'a57e4'] },
   { file: ['components/static', 'KeywordTestComponentImport.tsx'], failOnErrors: ['384ae', 'a57e4'] },

src/__tests__/specimens/arrayMethods/FilterModule.php

@@ -3,6 +3,8 @@
 namespace specimens\arrayMethods;
 use VK\Elephize\Builtins\Stdlib;
 use VK\Elephize\Builtins\CJSModule;
+use VK\Elephize\Builtins\ReactContext;
+use VK\Elephize\Builtins\ReactContextSynthetic;
 
 class FilterModule extends CJSModule {
     /**

src/__tests__/specimens/arrayMethods/FindModule.php

@@ -3,6 +3,8 @@
 namespace specimens\arrayMethods;
 use VK\Elephize\Builtins\Stdlib;
 use VK\Elephize\Builtins\CJSModule;
+use VK\Elephize\Builtins\ReactContext;
+use VK\Elephize\Builtins\ReactContextSynthetic;
 
 class FindModule extends CJSModule {
     /**

src/__tests__/specimens/arrayMethods/ForEachModule.php

@@ -3,6 +3,8 @@
 namespace specimens\arrayMethods;
 use VK\Elephize\Builtins\Stdlib;
 use VK\Elephize\Builtins\CJSModule;
+use VK\Elephize\Builtins\ReactContext;
+use VK\Elephize\Builtins\ReactContextSynthetic;
 
 class ForEachModule extends CJSModule {
     /**

src/__tests__/specimens/arrayMethods/IncludesModule.php

@@ -3,6 +3,8 @@
 namespace specimens\arrayMethods;
 use VK\Elephize\Builtins\Stdlib;
 use VK\Elephize\Builtins\CJSModule;
+use VK\Elephize\Builtins\ReactContext;
+use VK\Elephize\Builtins\ReactContextSynthetic;
 
 class IncludesModule extends CJSModule {
     /**

src/__tests__/specimens/arrayMethods/IndexOfModule.php

@@ -3,6 +3,8 @@
 namespace specimens\arrayMethods;
 use VK\Elephize\Builtins\Stdlib;
 use VK\Elephize\Builtins\CJSModule;
+use VK\Elephize\Builtins\ReactContext;
+use VK\Elephize\Builtins\ReactContextSynthetic;
 
 class IndexOfModule extends CJSModule {
     /**

src/__tests__/specimens/arrayMethods/IsArrayModule.php

@@ -3,6 +3,8 @@
 namespace specimens\arrayMethods;
 use VK\Elephize\Builtins\Stdlib;
 use VK\Elephize\Builtins\CJSModule;
+use VK\Elephize\Builtins\ReactContext;
+use VK\Elephize\Builtins\ReactContextSynthetic;
 
 class IsArrayModule extends CJSModule {
     /**

src/__tests__/specimens/arrayMethods/MapModule.php

@@ -3,6 +3,8 @@
 namespace specimens\arrayMethods;
 use VK\Elephize\Builtins\Stdlib;
 use VK\Elephize\Builtins\CJSModule;
+use VK\Elephize\Builtins\ReactContext;
+use VK\Elephize\Builtins\ReactContextSynthetic;
 
 class MapModule extends CJSModule {
     /**

src/__tests__/specimens/arrayMethods/PushPopModule.php

@@ -3,6 +3,8 @@
 namespace specimens\arrayMethods;
 use VK\Elephize\Builtins\Stdlib;
 use VK\Elephize\Builtins\CJSModule;
+use VK\Elephize\Builtins\ReactContext;
+use VK\Elephize\Builtins\ReactContextSynthetic;
 
 class PushPopModule extends CJSModule {
     /**

src/__tests__/specimens/arrayMethods/ReduceModule.php

@@ -3,6 +3,8 @@
 namespace specimens\arrayMethods;
 use VK\Elephize\Builtins\Stdlib;
 use VK\Elephize\Builtins\CJSModule;
+use VK\Elephize\Builtins\ReactContext;
+use VK\Elephize\Builtins\ReactContextSynthetic;
 
 class ReduceModule extends CJSModule {
     /**

src/__tests__/specimens/arrayMethods/SliceModule.php

@@ -3,6 +3,8 @@
 namespace specimens\arrayMethods;
 use VK\Elephize\Builtins\Stdlib;
 use VK\Elephize\Builtins\CJSModule;
+use VK\Elephize\Builtins\ReactContext;
+use VK\Elephize\Builtins\ReactContextSynthetic;
 
 class SliceModule extends CJSModule {
     /**

src/__tests__/specimens/arrayMethods/SomeModule.php

@@ -3,6 +3,8 @@
 namespace specimens\arrayMethods;
 use VK\Elephize\Builtins\Stdlib;
 use VK\Elephize\Builtins\CJSModule;
+use VK\Elephize\Builtins\ReactContext;
+use VK\Elephize\Builtins\ReactContextSynthetic;
 
 class SomeModule extends CJSModule {
     /**

src/__tests__/specimens/arrayMethods/SpliceModule.php

@@ -3,6 +3,8 @@
 namespace specimens\arrayMethods;
 use VK\Elephize\Builtins\Stdlib;
 use VK\Elephize\Builtins\CJSModule;
+use VK\Elephize\Builtins\ReactContext;
+use VK\Elephize\Builtins\ReactContextSynthetic;
 
 class SpliceModule extends CJSModule {
     /**

src/__tests__/specimens/byType/ArrowFunctionModule.php

@@ -3,6 +3,8 @@
 namespace specimens\byType;
 use VK\Elephize\Builtins\Stdlib;
 use VK\Elephize\Builtins\CJSModule;
+use VK\Elephize\Builtins\ReactContext;
+use VK\Elephize\Builtins\ReactContextSynthetic;
 
 class ArrowFunctionModule extends CJSModule {
     /**

src/__tests__/specimens/byType/BasicOperatorsModule.php

@@ -3,6 +3,8 @@
 namespace specimens\byType;
 use VK\Elephize\Builtins\Stdlib;
 use VK\Elephize\Builtins\CJSModule;
+use VK\Elephize\Builtins\ReactContext;
+use VK\Elephize\Builtins\ReactContextSynthetic;
 
 class BasicOperatorsModule extends CJSModule {
     /**

src/__tests__/specimens/byType/BinaryExpressionModule.php

@@ -3,6 +3,8 @@
 namespace specimens\byType;
 use VK\Elephize\Builtins\Stdlib;
 use VK\Elephize\Builtins\CJSModule;
+use VK\Elephize\Builtins\ReactContext;
+use VK\Elephize\Builtins\ReactContextSynthetic;
 
 class BinaryExpressionModule extends CJSModule {
     /**

src/__tests__/specimens/byType/BlockModule.php

@@ -3,6 +3,8 @@
 namespace specimens\byType;
 use VK\Elephize\Builtins\Stdlib;
 use VK\Elephize\Builtins\CJSModule;
+use VK\Elephize\Builtins\ReactContext;
+use VK\Elephize\Builtins\ReactContextSynthetic;
 
 class BlockModule extends CJSModule {
     /**

src/__tests__/specimens/byType/CallExpressionModule.php

@@ -3,6 +3,8 @@
 namespace specimens\byType;
 use VK\Elephize\Builtins\Stdlib;
 use VK\Elephize\Builtins\CJSModule;
+use VK\Elephize\Builtins\ReactContext;
+use VK\Elephize\Builtins\ReactContextSynthetic;
 
 class CallExpressionModule extends CJSModule {
     /**

src/__tests__/specimens/byType/ElementAccessExpressionModule.php

@@ -3,6 +3,8 @@
 namespace specimens\byType;
 use VK\Elephize\Builtins\Stdlib;
 use VK\Elephize\Builtins\CJSModule;
+use VK\Elephize\Builtins\ReactContext;
+use VK\Elephize\Builtins\ReactContextSynthetic;
 
 class ElementAccessExpressionModule extends CJSModule {
     /**

src/__tests__/specimens/byType/EnumImportModule.php

@@ -3,6 +3,8 @@
 namespace specimens\byType;
 use VK\Elephize\Builtins\Stdlib;
 use VK\Elephize\Builtins\CJSModule;
+use VK\Elephize\Builtins\ReactContext;
+use VK\Elephize\Builtins\ReactContextSynthetic;
 
 class EnumImportModule extends CJSModule {
     /**

src/__tests__/specimens/byType/EnumModule.php

@@ -3,6 +3,8 @@
 namespace specimens\byType;
 use VK\Elephize\Builtins\Stdlib;
 use VK\Elephize\Builtins\CJSModule;
+use VK\Elephize\Builtins\ReactContext;
+use VK\Elephize\Builtins\ReactContextSynthetic;
 
 class EnumModule extends CJSModule {
     /**

src/__tests__/specimens/byType/ExportModule.php

@@ -3,6 +3,8 @@
 namespace specimens\byType;
 use VK\Elephize\Builtins\Stdlib;
 use VK\Elephize\Builtins\CJSModule;
+use VK\Elephize\Builtins\ReactContext;
+use VK\Elephize\Builtins\ReactContextSynthetic;
 
 class ExportModule extends CJSModule {
     /**

src/__tests__/specimens/byType/FunctionDeclarationModule.php

@@ -3,6 +3,8 @@
 namespace specimens\byType;
 use VK\Elephize\Builtins\Stdlib;
 use VK\Elephize\Builtins\CJSModule;
+use VK\Elephize\Builtins\ReactContext;
+use VK\Elephize\Builtins\ReactContextSynthetic;
 
 class FunctionDeclarationModule extends CJSModule {
     /**

src/__tests__/specimens/byType/IdentifierModule.php

@@ -3,6 +3,8 @@
 namespace specimens\byType;
 use VK\Elephize\Builtins\Stdlib;
 use VK\Elephize\Builtins\CJSModule;
+use VK\Elephize\Builtins\ReactContext;
+use VK\Elephize\Builtins\ReactContextSynthetic;
 
 class IdentifierModule extends CJSModule {
     /**

src/__tests__/specimens/byType/IfStatementModule.php

@@ -3,6 +3,8 @@
 namespace specimens\byType;
 use VK\Elephize\Builtins\Stdlib;
 use VK\Elephize\Builtins\CJSModule;
+use VK\Elephize\Builtins\ReactContext;
+use VK\Elephize\Builtins\ReactContextSynthetic;
 
 class IfStatementModule extends CJSModule {
     /**

src/__tests__/specimens/byType/ImportModule.php

@@ -3,6 +3,8 @@
 namespace specimens\byType;
 use VK\Elephize\Builtins\Stdlib;
 use VK\Elephize\Builtins\CJSModule;
+use VK\Elephize\Builtins\ReactContext;
+use VK\Elephize\Builtins\ReactContextSynthetic;
 
 class ImportModule extends CJSModule {
     /**

src/__tests__/specimens/byType/JsxModule.php

@@ -1,6 +1,7 @@
 <?php
 use VK\Elephize\Builtins\Stdlib;
 use VK\Elephize\Builtins\CJSModule;
+use VK\Elephize\Builtins\ReactContext;
 
 class JsxModule extends CJSModule {
     /**

src/__tests__/specimens/byType/LoopsModule.php

@@ -3,6 +3,8 @@
 namespace specimens\byType;
 use VK\Elephize\Builtins\Stdlib;
 use VK\Elephize\Builtins\CJSModule;
+use VK\Elephize\Builtins\ReactContext;
+use VK\Elephize\Builtins\ReactContextSynthetic;
 
 class LoopsModule extends CJSModule {
     /**

src/__tests__/specimens/byType/ObjectComputedPropertiesModule.php

@@ -3,6 +3,8 @@
 namespace specimens\byType;
 use VK\Elephize\Builtins\Stdlib;
 use VK\Elephize\Builtins\CJSModule;
+use VK\Elephize\Builtins\ReactContext;
+use VK\Elephize\Builtins\ReactContextSynthetic;
 
 class ObjectComputedPropertiesModule extends CJSModule {
     /**

src/__tests__/specimens/byType/ObjectLiteralExpressionModule.php

@@ -3,6 +3,8 @@
 namespace specimens\byType;
 use VK\Elephize\Builtins\Stdlib;
 use VK\Elephize\Builtins\CJSModule;
+use VK\Elephize\Builtins\ReactContext;
+use VK\Elephize\Builtins\ReactContextSynthetic;
 
 class ObjectLiteralExpressionModule extends CJSModule {
     /**

src/__tests__/specimens/byType/ParameterDestructuringModule.php

@@ -3,6 +3,8 @@
 namespace specimens\byType;
 use VK\Elephize\Builtins\Stdlib;
 use VK\Elephize\Builtins\CJSModule;
+use VK\Elephize\Builtins\ReactContext;
+use VK\Elephize\Builtins\ReactContextSynthetic;
 
 class ParameterDestructuringModule extends CJSModule {
     /**

src/__tests__/specimens/byType/PropertyAccessExpressionModule.php

@@ -3,6 +3,8 @@
 namespace specimens\byType;
 use VK\Elephize\Builtins\Stdlib;
 use VK\Elephize\Builtins\CJSModule;
+use VK\Elephize\Builtins\ReactContext;
+use VK\Elephize\Builtins\ReactContextSynthetic;
 
 class PropertyAccessExpressionModule extends CJSModule {
     /**

src/__tests__/specimens/byType/RestOperatorModule.php

@@ -3,6 +3,8 @@
 namespace specimens\byType;
 use VK\Elephize\Builtins\Stdlib;
 use VK\Elephize\Builtins\CJSModule;
+use VK\Elephize\Builtins\ReactContext;
+use VK\Elephize\Builtins\ReactContextSynthetic;
 
 class RestOperatorModule extends CJSModule {
     /**

src/__tests__/specimens/byType/ServerIfStatementModule.php

@@ -3,6 +3,8 @@
 namespace specimens\byType;
 use VK\Elephize\Builtins\Stdlib;
 use VK\Elephize\Builtins\CJSModule;
+use VK\Elephize\Builtins\ReactContext;
+use VK\Elephize\Builtins\ReactContextSynthetic;
 
 class ServerIfStatementModule extends CJSModule {
     /**