Skip to content
This repository was archived by the owner on Apr 26, 2025. It is now read-only.

Commit dd31f8c

Browse files
raphamorimraphamorim
committed
release: react-tv 0.2.0rc
- Simple DOM renderer (ref: #11) - New test architecture (using Jest) - Add node (umd) version - Add minified version - Update .editorconfig to Facebook/react
1 parent 8b2ddd2 commit dd31f8c

File tree

8 files changed

+238
-116
lines changed

8 files changed

+238
-116
lines changed

‎.gitignore‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,6 @@
22
*.log
33

44
package-lock.json
5-
build/**
5+
dist/**
66
node_modules
77
cli/generators/app/yarn.lock

‎examples/clock-vanilla/package.json‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
{
2+
"name": "clock-react-tv",
3+
"version": "1.0.0",
4+
"author": "Raphael Amorim",
5+
"license": "MIT",
6+
"scripts": {
7+
"start": "react-tv run-webos-dev"
8+
},
9+
"dependencies": {
10+
"react": "^16.0.0",
11+
"react-tv": "^0.1.4-rc.1"
12+
}
13+
}

examples/clock-vanilla/example.js renamed to examples/clock-vanilla/webos/example.js

File renamed without changes.

examples/clock-vanilla/index.html renamed to examples/clock-vanilla/webos/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
<div id="root"></div>
99

1010
<script src="../../node_modules/react/dist/react.min.js"></script>
11-
<script src="../../build/react-tv.js"></script>
11+
<script src="../../build/react-tv.min.js"></script>
1212
<script src="./example.js"></script>
1313
<script>
1414
</script>

‎package.json‎

Lines changed: 16 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,17 @@
11
{
22
"name": "react-tv",
3-
"version": "0.2.0",
3+
"version": "0.2.0-rc",
44
"description": "React development for TV (WebOS, Tizen, Orsay)",
5-
"main": "src/ReactTVEntry.js",
5+
"main": "dist/react-tv.umd.js",
66
"bin": {
77
"react-tv": "./cli"
88
},
9+
"files": [
10+
"LICENSE",
11+
"README.md",
12+
"cli/",
13+
"build/"
14+
],
915
"scripts": {
1016
"build": "node scripts/rollup/build.js",
1117
"test": "yarn flow && jest",
@@ -18,28 +24,30 @@
1824
"express": "^4.15.4",
1925
"fbjs": "^0.8.4",
2026
"fs-extra": "^4.0.1",
21-
"node-replace": "^0.3.1",
22-
"react": "16.0.0-alpha.3",
23-
"react-dom": "16.0.0-alpha.3"
27+
"node-replace": "^0.3.1"
2428
},
2529
"devDependencies": {
2630
"babel-jest": "20.1.0-delta.1",
31+
"babel-plugin-external-helpers": "^6.22.0",
2732
"babel-plugin-transform-flow-strip-types": "^6.22.0",
2833
"babel-preset-env": "^1.6.1",
2934
"babel-preset-react": "^6.24.1",
3035
"babel-preset-stage-2": "^6.24.1",
31-
"babel-register": "^6.26.0",
3236
"commitplease": "^3.1.0",
3337
"flow-bin": "^0.57.3",
3438
"jest": "20.1.0-delta.1",
3539
"prettier": "^1.5.3",
40+
"react": "16.0.0-alpha.3",
41+
"react-dom": "16.0.0-alpha.3",
3642
"react-fiber-types": "file:src/renderer/types",
37-
"rollup": "^0.41.6",
43+
"rollup": "^0.50.0",
3844
"rollup-plugin-babel": "^2.7.1",
3945
"rollup-plugin-commonjs": "^8.0.2",
4046
"rollup-plugin-flow": "^1.1.1",
4147
"rollup-plugin-node-resolve": "^2.0.0",
42-
"rollup-plugin-replace": "^2.0.0"
48+
"rollup-plugin-optimize-js": "^0.0.4",
49+
"rollup-plugin-replace": "^2.0.0",
50+
"rollup-plugin-uglify": "^2.0.1"
4351
},
4452
"repository": {
4553
"type": "git",

‎scripts/rollup/build.js‎

Lines changed: 68 additions & 57 deletions
Original file line numberDiff line numberDiff line change
@@ -6,12 +6,14 @@ const babel = require('rollup-plugin-babel');
66
const flow = require('rollup-plugin-flow');
77
const commonjs = require('rollup-plugin-commonjs');
88
const resolve = require('rollup-plugin-node-resolve');
9+
const uglify = require('rollup-plugin-uglify');
910
const replace = require('rollup-plugin-replace');
11+
const optimizeJs = require('rollup-plugin-optimize-js');
1012
const chalk = require('chalk');
1113

1214
const REACT_TV_VERSION = require('../../package.json').version;
1315

14-
const Header = require('./header');
16+
let tasks = [];
1517

1618
function stripEnvVariables(production) {
1719
return {
@@ -20,70 +22,79 @@ function stripEnvVariables(production) {
2022
};
2123
}
2224

23-
function getBanner(filename, moduleType) {
24-
return Header.getHeader(filename, REACT_TV_VERSION);
25-
}
25+
function createBundle({ entryPath, bundleType, destName }) {
26+
entryPath = path.resolve(entryPath);
27+
const logKey = chalk.white.bold(entryPath) + chalk.dim(` (${REACT_TV_VERSION})`);
28+
console.log(`${chalk.blue(bundleType)} ${logKey} -> dist/${destName}`);
2629

27-
function runWaterfall(promiseFactories) {
28-
if (promiseFactories.length === 0) {
29-
return Promise.resolve();
30-
}
30+
let plugins = [
31+
flow(),
32+
babel({
33+
babelrc: false,
34+
exclude: 'node_modules/**',
35+
externalHelpers: true,
36+
presets: [
37+
[ 'env', { 'modules': false } ],
38+
'react',
39+
'stage-2'
40+
],
41+
plugins: [
42+
'transform-flow-strip-types',
43+
'external-helpers'
44+
]
45+
})
46+
]
3147

32-
const head = promiseFactories[0];
33-
const tail = promiseFactories.slice(1);
48+
if (bundleType.indexOf('PROD') >= 0)
49+
plugins = plugins.concat([
50+
uglify(),
51+
optimizeJs(),
52+
replace(stripEnvVariables())
53+
])
3454

35-
const nextPromiseFactory = head;
36-
const nextPromise = nextPromiseFactory();
37-
if (!nextPromise || typeof nextPromise.then !== 'function') {
38-
throw new Error('runWaterfall() received something that is not a Promise.');
39-
}
55+
plugins = plugins.concat([
56+
commonjs(),
57+
resolve({
58+
jsnext: true,
59+
main: true,
60+
browser: true,
61+
})
62+
]);
4063

41-
return nextPromise.then(() => {
42-
return runWaterfall(tail);
43-
});
64+
rollup({
65+
input: entryPath,
66+
plugins: plugins,
67+
external: ['react'],
68+
sourcemap: false,
69+
}).then(bundle => {
70+
tasks.push(
71+
bundle.write({
72+
format: (bundleType === 'PROD-UMD') ? 'umd' : 'iife',
73+
name: 'ReactTV',
74+
file: `dist/${destName}`,
75+
})
76+
)
77+
})
4478
}
4579

46-
function createBundle({ entryPath, bundleType }) {
47-
console.log(`${chalk.bgGreen.white(REACT_TV_VERSION)}`);
48-
49-
entryPath = path.resolve(entryPath);
50-
const logKey = chalk.white.bold(entryPath) + chalk.dim(` (${bundleType.toLowerCase()})`);
51-
console.log(`${chalk.bgYellow.black(' BUILDING ')} ${logKey}`);
80+
createBundle({
81+
entryPath: 'src/ReactTVEntry.js',
82+
bundleType: 'DEV',
83+
destName: 'react-tv.js',
84+
});
5285

53-
rollup({
54-
entry: entryPath,
55-
plugins: [
56-
flow(),
57-
babel({
58-
babelrc: false,
59-
exclude: 'node_modules/**',
60-
presets: [
61-
[ 'env', { 'modules': false } ],
62-
'react',
63-
'stage-2'
64-
],
65-
plugins: [
66-
'transform-flow-strip-types'
67-
]
68-
}),
69-
commonjs(),
70-
resolve({
71-
jsnext: true,
72-
}),
73-
replace(stripEnvVariables())
74-
]
75-
}).then(bundle => Promise.all([
76-
bundle.write({
77-
banner: getBanner('react-tv.js'),
78-
format: 'iife',
79-
moduleName: 'ReactTV',
80-
sourceMap: 'inline',
81-
dest: 'build/react-tv.js',
82-
})
83-
])).catch(error => console.log(error));
84-
}
86+
createBundle({
87+
entryPath: 'src/ReactTVEntry.js',
88+
bundleType: 'PROD',
89+
destName: 'react-tv.min.js',
90+
});
8591

8692
createBundle({
8793
entryPath: 'src/ReactTVEntry.js',
88-
bundleType: 'DEV'
94+
bundleType: 'PROD-UMD',
95+
destName: 'react-tv.umd.js',
96+
});
97+
98+
Promise.all(tasks).catch(error => {
99+
Promise.reject(error);
89100
});

‎scripts/rollup/header.js‎

Lines changed: 0 additions & 32 deletions
This file was deleted.

0 commit comments

Comments
 (0)