reacttraining / react-stdio Goto Github PK
View Code? Open in Web Editor NEWRender React.js components on any backend
Render React.js components on any backend
It appears the latest version published under releases at the time of writing is not currently on npm.
When I run npm show react-stdio
or yarn info react-stdio
I do not see any 3.4.7
version, and the latest says 3.4.6
. If you could update the registry to include the latest release that would be very helpful.
I was hoping to upgrade to easily escape the event-stream
vulnerable dependency that was included here. Let me know if I am missing something, thank you.
What do you think about adding an optional property (e.g. outputFile
) ?
If provided, react-stdio
would print the result of rendering to that file instead of stdout. Probably colliding with your project name, but still might be useful.
Will be happy to send PR for this.
Hi,
when I do npm install react-stdio
this is the output:
npm WARN prefer global [email protected] should be installed with -g
[email protected] node_modules\react-hot-loader\node_modules\react\node_modules\envify\node_modules\jstransform\node_modules\source-map\node_modules\amdefine -> node_modules\amdefine
[email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\chalk\node_modules\has-ansi\node_modules\ansi-regex -> node_modules\ansi-regex
[email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\chalk\node_modules\ansi-styles -> node_modules\ansi-styles
[email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\archy -> node_modules\archy
[email protected] node_modules\react-hot-loader\node_modules\react\node_modules\envify\node_modules\jstransform\node_modules\base62 -> node_modules\base62
[email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\liftoff\node_modules\findup-sync\node_modules\glob\node_modules\minimatch\node_modules\brace-expansion\node_modules\concat-map -> node_modules\concat-map
[email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\liftoff\node_modules\extend -> node_modules\extend
[email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\liftoff\node_modules\flagged-respawn -> node_modules\flagged-respawn
[email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\dateformat\node_modules\get-stdin -> node_modules\get-stdin
[email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\matchdep\node_modules\findup-sync\node_modules\lodash -> node_modules\globule\node_modules\lodash
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\chalk\node_modules\escape-string-regexp
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\chalk
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\chalk\node_modules\strip-ansi\node_modules\ansi-regex
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\array-differ
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\array-uniq
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\beeper
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\dateformat\node_modules\meow\node_modules\camelcase-keys\node_modules\camelcase
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\dateformat\node_modules\meow\node_modules\camelcase-keys
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\lodash._reescape
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\lodash._reevaluate
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\lodash._reinterpolate
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\lodash.template\node_modules\lodash._basecopy
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\lodash.template\node_modules\lodash._basetostring
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\lodash.template\node_modules\lodash._basevalues
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\lodash.template\node_modules\lodash._isiterateecall
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\lodash.template\node_modules\lodash.escape
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\lodash.template\node_modules\lodash.keys\node_modules\lodash._getnative
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\lodash.template\node_modules\lodash.keys\node_modules\lodash.isarguments
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\lodash.template\node_modules\lodash.keys\node_modules\lodash.isarray
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\lodash.template\node_modules\lodash.keys
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\lodash.template\node_modules\lodash.restparam
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\lodash.template\node_modules\lodash.templatesettings
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\lodash.template
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\minimist
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\dateformat\node_modules\meow\node_modules\indent-string
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\multipipe\node_modules\duplexer2\node_modules\readable-stream\node_modules\core-util-is
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\multipipe\node_modules\duplexer2\node_modules\readable-stream\node_modules\inherits
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\multipipe\node_modules\duplexer2\node_modules\readable-stream\node_modules\isarray
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\multipipe\node_modules\duplexer2\node_modules\readable-stream\node_modules\string_decoder
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\multipipe\node_modules\duplexer2\node_modules\readable-stream
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\multipipe\node_modules\duplexer2
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\multipipe
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\object-assign
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\dateformat\node_modules\meow
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\dateformat
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\replace-ext
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\through2\node_modules\readable-stream\node_modules\core-util-is
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\through2\node_modules\readable-stream\node_modules\isarray
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\through2\node_modules\readable-stream\node_modules\process-nextick-args
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\through2\node_modules\readable-stream\node_modules\string_decoder
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\through2\node_modules\readable-stream\node_modules\util-deprecate
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\through2\node_modules\readable-stream
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\through2\node_modules\xtend
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\through2
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\vinyl\node_modules\clone
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\vinyl\node_modules\clone-stats
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\vinyl
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\interpret
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\liftoff\node_modules\findup-sync\node_modules\glob\node_modules\inherits
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\liftoff\node_modules\findup-sync\node_modules\glob\node_modules\minimatch\node_modules\brace-expansion\node_modules\balanced-match
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\liftoff\node_modules\findup-sync\node_modules\glob\node_modules\minimatch\node_modules\brace-expansion
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\liftoff\node_modules\findup-sync\node_modules\glob\node_modules\once\node_modules\wrappy
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\liftoff\node_modules\findup-sync\node_modules\glob\node_modules\once
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\liftoff\node_modules\findup-sync\node_modules\glob
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\liftoff\node_modules\findup-sync
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\liftoff
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\matchdep\node_modules\findup-sync
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\matchdep\node_modules\findup-sync\node_modules\glob\node_modules\inherits
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\matchdep\node_modules\findup-sync\node_modules\glob\node_modules\minimatch\node_modules\lru-cache
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\matchdep\node_modules\findup-sync\node_modules\glob\node_modules\minimatch\node_modules\sigmund
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\matchdep\node_modules\globule\node_modules\glob\node_modules\graceful-fs
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\matchdep\node_modules\globule\node_modules\glob\node_modules\inherits
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\matchdep\node_modules\globule\node_modules\glob
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\matchdep\node_modules\globule\node_modules\lodash
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\matchdep\node_modules\globule
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\matchdep\node_modules\globule\node_modules\minimatch\node_modules\lru-cache
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\matchdep\node_modules\resolve
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\matchdep\node_modules\stack-trace
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\matchdep
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\pretty-hrtime
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\tildify
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\v8flags
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\wreck\node_modules\hoek
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\wreck\node_modules\boom
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\wreck
- [email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\yargs
[email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\chalk\node_modules\has-ansi -> node_modules\has-ansi
[email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\through2\node_modules\readable-stream\node_modules\inherits -> node_modules\inherits
[email protected] node_modules\react-hot-loader\node_modules\react\node_modules\envify\node_modules\jstransform\node_modules\esprima-fb ->
node_modules\jstransform\node_modules\esprima-fb
[email protected] node_modules\react-hot-loader\node_modules\react\node_modules\envify\node_modules\jstransform\node_modules\source-map -> node_modules\jstransform\node_modules\source-map
[email protected] node_modules\react-hot-loader\node_modules\react\node_modules\envify\node_modules\jstransform -> node_modules\jstransform
[email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\dateformat\node_modules\meow\node_modules\camelcase-keys\node_modules\map-obj -> node_modules\map-obj
[email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\liftoff\node_modules\findup-sync\node_modules\glob\node_modules\minimatch -> node_modules\minimatch
[email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\dateformat\node_modules\meow\node_modules\indent-string\node_modules\repeating\node_modules\is-finite\node_modules\number-is-nan -> node_modules\number-is-nan
[email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\dateformat\node_modules\meow\node_modules\indent-string\node_modules\repeating\node_modules\is-finite -> node_modules\is-finite
[email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\tildify\node_modules\os-homedir -> node_modules\os-homedir
[email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\gulp-util\node_modules\dateformat\node_modules\meow\node_modules\indent-string\node_modules\repeating -> node_modules\repeating
[email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\liftoff\node_modules\resolve -> node_modules\resolve
[email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\liftoff\node_modules\rechoir -> node_modules\rechoir
[email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\semver-greatest-satisfied-range\node_modules\semver -> node_modules\semver-greatest-satisfied-range\node_modules\semver
[email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\semver-greatest-satisfied-range\node_modules\semver-regex -> node_modules\semver-regex
[email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\semver-greatest-satisfied-range -> node_modules\semver-greatest-satisfied-range
[email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\matchdep\node_modules\globule\node_modules\minimatch\node_modules\sigmund -> node_modules\sigmund
[email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\matchdep\node_modules\globule\node_modules\minimatch -> node_modules\globule\node_modules\minimatch
[email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\matchdep\node_modules\findup-sync\node_modules\glob\node_modules\minimatch -> node_modules\globule\node_modules\glob\node_modules\minimatch
[email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\matchdep\node_modules\findup-sync\node_modules\glob -> node_modules\globule\node_modules\glob
[email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\chalk\node_modules\strip-ansi -> node_modules\strip-ansi
[email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\chalk\node_modules\supports-color -> node_modules\supports-color
[email protected] node_modules\react-hot-loader\node_modules\react\node_modules\envify\node_modules\through -> node_modules\through
[email protected] node_modules\react-hot-loader\node_modules\react\node_modules\envify -> node_modules\envify
[email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\v8flags\node_modules\user-home -> node_modules\user-home
[email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\liftoff\node_modules\findup-sync\node_modules\glob\node_modules\inflight\node_modules\wrappy -> node_modules\wrappy
[email protected] node_modules\gulp\node_modules\gulp-cli\node_modules\liftoff\node_modules\findup-sync\node_modules\glob\node_modules\inflight -> node_modules\inflight
- [email protected] node_modules\react-hot-loader\node_modules\react
[email protected] C:\Users\Vicente\Projects\react-example
├─┬ [email protected]
│ └─┬ [email protected]
│ ├─┬ [email protected]
│ │ └── [email protected]
│ └── [email protected]
├─┬ [email protected]
│ └─┬ [email protected]
│ ├─┬ [email protected]
│ │ └── [email protected]
│ └── [email protected]
└── [email protected] extraneous
npm WARN optional Skipping failed optional dependency /babel/chokidar/fsevents:
npm WARN notsup Not compatible with your operating system or architecture: [email protected]
npm WARN optional Skipping failed optional dependency /karma/chokidar/fsevents:
npm WARN notsup Not compatible with your operating system or architecture: [email protected]
npm WARN optional Skipping failed optional dependency /webpack/watchpack/chokidar/fsevents:
npm WARN notsup Not compatible with your operating system or architecture: [email protected]
npm WARN [email protected] requires a peer of react@>=0.11.0 || 0.13.0-beta.1
|| 0.13.0-rc1 || 0.13.0-rc2 || 0.14.0-beta1 but none was installed.
npm WARN [email protected] No license field.
It looks like fsevents
is not supported on windows, but it is just a warning so I don't think this it because the installation is successful.
When I run echo '{"component":".\src\app\components\card","props":{"name":"hello"}}' | react-stdio
this is the output (does it help?):
stream.js:74
throw er; // Unhandled stream error in pipe.
^
Error: Invalid JSON (Unexpected "s" at position 16 in state STOP)
at Parser.proto.charError (D:\npm\node_modules\react-stdio\node_modules\jsonparse\jsonparse.js:78:16)
at Parser.proto.write (D:\npm\node_modules\react-stdio\node_modules\jsonparse\jsonparse.js:153:21)
at Stream.<anonymous> (D:\npm\node_modules\react-stdio\node_modules\JSONStream\index.js:23:12)
at Stream.stream.write (D:\npm\node_modules\react-stdio\node_modules\through\index.js:26:11)
at Socket.ondata (_stream_readable.js:528:20)
at emitOne (events.js:77:13)
at Socket.emit (events.js:169:7)
at readableAddChunk (_stream_readable.js:146:16)
at Socket.Readable.push (_stream_readable.js:110:10)
at Pipe.onread (net.js:523:20)
The readme does not mention windows support, if it is not intended I think it should be clear.
Thanks for all your work to make react a better place!
As a follow-up from #14, we should publish the binaries to GitHub as part of our build process.
We need to setup our CI environment to properly be able to build x86 binaries. This comment should help.
When rendering the component, if there is any console.log or process.stdout calls in the script that react-stdio is running, this will pollute the STDOUT stream and cause invalid JSON to be put out.
Here.
I already do a WP build for the server bundle with additional babel plugins and babel-preset-node5 instead of es2015
.
Would you mind if this is removed or are interested in a PR making it optional via flags?
Thinking: --babel-presets node5 react
--babel-plugins transform-export-extensions
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.