771be72b3f
Summary: Fixes required to be able to run Flipper in node.js: * Adds checks if the `window`-object exists before using it, to allow running in node. * Imports from within Flipper should directly reference the file they are requiring instead of `import from 'flipper'`. This was done in most of the places. Fixed a few occurrences where this wasn't the case. This is to prevent cyclic dependencies in node. * shared packages (React, ReactDOM and Flipper) were exposed on the `window` before, changed this to `global` as this works in browser and node. * Adds some missing methods to our electron stubs (used for testing and headless Flipper) Reviewed By: passy Differential Revision: D13786577 fbshipit-source-id: 145d560f1446e7d0bdec2acd8dd54dae983d7b36
71 lines
2.1 KiB
JavaScript
71 lines
2.1 KiB
JavaScript
/**
|
|
* Copyright 2018-present Facebook.
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
* @format
|
|
*/
|
|
|
|
import {parse} from '@babel/parser';
|
|
import {transformFromAstSync} from '@babel/core';
|
|
import generate from '@babel/generator';
|
|
|
|
import flipperRequires from '../flipper-requires';
|
|
|
|
const babelOptions = {
|
|
ast: true,
|
|
plugins: [flipperRequires],
|
|
filename: 'index.js',
|
|
};
|
|
|
|
test('transform react requires to global object', () => {
|
|
const src = 'require("react")';
|
|
const ast = parse(src);
|
|
const transformed = transformFromAstSync(ast, src, babelOptions).ast;
|
|
const {code} = generate(transformed);
|
|
expect(code).toBe('global.React;');
|
|
});
|
|
|
|
test('transform react-dom requires to global object', () => {
|
|
const src = 'require("react-dom")';
|
|
const ast = parse(src);
|
|
const transformed = transformFromAstSync(ast, src, babelOptions).ast;
|
|
const {code} = generate(transformed);
|
|
expect(code).toBe('global.ReactDOM;');
|
|
});
|
|
|
|
test('transform flipper requires to global object', () => {
|
|
const src = 'require("flipper")';
|
|
const ast = parse(src);
|
|
const transformed = transformFromAstSync(ast, src, babelOptions).ast;
|
|
const {code} = generate(transformed);
|
|
expect(code).toBe('global.Flipper;');
|
|
});
|
|
|
|
test('transform React identifier to global.React', () => {
|
|
const src = 'React;';
|
|
const ast = parse(src);
|
|
const transformed = transformFromAstSync(ast, src, babelOptions).ast;
|
|
const {code} = generate(transformed);
|
|
expect(code).toBe('global.React;');
|
|
});
|
|
|
|
test.skip('throw error when requiring outside the plugin', () => {
|
|
const src = 'require("../test.js")';
|
|
const ast = parse(src);
|
|
expect(() => {
|
|
transformFromAstSync(ast, src, babelOptions);
|
|
}).toThrow();
|
|
});
|
|
|
|
test('allow requiring from parent folder as long as we stay in plugin folder', () => {
|
|
const src = 'require("../test.js")';
|
|
const ast = parse(src);
|
|
const transformed = transformFromAstSync(ast, src, {
|
|
...babelOptions,
|
|
root: '/path/to/plugin',
|
|
filename: '/path/to/plugin/subfolder/index.js',
|
|
}).ast;
|
|
const {code} = generate(transformed);
|
|
expect(code).toBe('require("../test.js");');
|
|
});
|