satya164 / quik Goto Github PK
View Code? Open in Web Editor NEW:rocket: A quick way to prototype and build apps with React and Babel with zero-setup.
:rocket: A quick way to prototype and build apps with React and Babel with zero-setup.
for absolute imports
Give the following impressive application:
File index.html:
<html>
<body>
<div id="app"></div>
<script src="index.js"></script>
</body>
</html>
File index.js:
import React from 'react';
import ReactDOM from 'react-dom';
const App = () => <h1>Hello quik!</h1>;
ReactDOM.render(<App/>, document.getElementById('app'));
If I execute quik --html index.html --output out.html
I get a file out.html
with file-size 1781349.
If I execute quik --html index.html --output out.html --production
I get a file out.html
with file-size 2310640.
Why is production build bigger?
Why are both builds so big?!
Branch | Build failing π¨ |
---|---|
Dependency | koa |
Current Version | 2.2.0 |
Type | dependency |
This version is covered by your current version range and after updating it in your project the build failed.
koa is a direct dependency of this project this is very likely breaking your project right now. If other packages depend on you itβs very likely also breaking them.
I recommend you give this issue a very high priority. Iβm sure you can resolve this πͺ
The new version differs by 30 commits.
aaac09a
2.3.0
327b65c
Use node 7+ WHATWG parser for hostname, fixes #1002 (#1004)
0125878
added setters for header and headers, fixes #991
f6f1ab7
lint: commit --fix
4b41a8b
update gitignore, added package-lock
41f8776
test: run ci on node 7,8 (#992)
beec26e
docs: A middleware is always responsible for calling downstream (#978)
0a7856c
docs: Add note about overwriting charset in response.type (#993)
7941fb5
grammar (#994)
08eb1a2
docs: apply Date.now()
to all docs (#988)
302814e
docs: Fix minor nitpick in documentation (#987)
bfce580
Update Readme.md (#985)
d394724
test: Use Jest (#981)
13c7ca6
res.type=: remove no-op code (#980)
9248660
test: fix spelling error (#972)
There are 30 commits in total.
See the full diff
There is a collection of frequently asked questions and of course you may always ask my humans.
Your Greenkeeper Bot π΄
Branch | Build failing π¨ |
---|---|
Dependency | react |
Current Version | 15.6.0 |
Type | dependency |
This version is covered by your current version range and after updating it in your project the build failed.
react is a direct dependency of this project this is very likely breaking your project right now. If other packages depend on you itβs very likely also breaking them.
I recommend you give this issue a very high priority. Iβm sure you can resolve this πͺ
There is a collection of frequently asked questions and of course you may always ask my humans.
Your Greenkeeper Bot π΄
Branch | Build failing π¨ |
---|---|
Dependency | del-cli |
Current Version | 1.0.0 |
Type | devDependency |
This version is covered by your current version range and after updating it in your project the build failed.
As del-cli is βonlyβ a devDependency of this project it might not break production or downstream projects, but βonlyβ your build or test tools β preventing new deploys or publishes.
I recommend you give this issue a high priority. Iβm sure you can resolve this πͺ
There is a collection of frequently asked questions and of course you may always ask my humans.
Your Greenkeeper Bot π΄
Branch | Build failing π¨ |
---|---|
Dependency | eslint-plugin-ava |
Current Version | 4.2.0 |
Type | devDependency |
This version is covered by your current version range and after updating it in your project the build failed.
As eslint-plugin-ava is βonlyβ a devDependency of this project it might not break production or downstream projects, but βonlyβ your build or test tools β preventing new deploys or publishes.
I recommend you give this issue a high priority. Iβm sure you can resolve this πͺ
The new version differs by 5 commits.
9acb275
4.2.1
d1952fb
Make sure the rules directory is resolved correctly (#175)
a70271e
Bump dependencies
03c78e5
Meta tweaks
b805551
Fix XO lint issues
See the full diff
There is a collection of frequently asked questions and of course you may always ask my humans.
Your Greenkeeper Bot π΄
Hey there! I like your plugin and recently tried it in a previous project. Now, I am trying to use it again however it looks like it does not currently support Babel 7 (I get an error of cannot read property loose of undefined). Any plans on updating? Thanks!
Branch | Build failing π¨ |
---|---|
Dependency | babel-polyfill |
Current Version | 6.23.0 |
Type | dependency |
This version is covered by your current version range and after updating it in your project the build failed.
babel-polyfill is a direct dependency of this project this is very likely breaking your project right now. If other packages depend on you itβs very likely also breaking them.
I recommend you give this issue a very high priority. Iβm sure you can resolve this πͺ
There is a collection of frequently asked questions and of course you may always ask my humans.
Your Greenkeeper Bot π΄
Branch | Build failing π¨ |
---|---|
Dependency | opn |
Current Version | 5.0.0 |
Type | dependency |
This version is covered by your current version range and after updating it in your project the build failed.
opn is a direct dependency of this project this is very likely breaking your project right now. If other packages depend on you itβs very likely also breaking them.
I recommend you give this issue a very high priority. Iβm sure you can resolve this πͺ
There is a collection of frequently asked questions and of course you may always ask my humans.
Your Greenkeeper Bot π΄
Branch | Build failing π¨ |
---|---|
Dependency | react-dom |
Current Version | 15.6.0 |
Type | dependency |
This version is covered by your current version range and after updating it in your project the build failed.
react-dom is a direct dependency of this project this is very likely breaking your project right now. If other packages depend on you itβs very likely also breaking them.
I recommend you give this issue a very high priority. Iβm sure you can resolve this πͺ
There is a collection of frequently asked questions and of course you may always ask my humans.
Your Greenkeeper Bot π΄
Branch | Build failing π¨ |
---|---|
Dependency | autoprefixer |
Current Version | 7.0.1 |
Type | dependency |
This version is covered by your current version range and after updating it in your project the build failed.
autoprefixer is a direct dependency of this project this is very likely breaking your project right now. If other packages depend on you itβs very likely also breaking them.
I recommend you give this issue a very high priority. Iβm sure you can resolve this πͺ
Autoprefixer 7.1 brings unicode-bidi
support, -webkit-appearance
to Edge and fix intrinsic widths prefixes in Grid Layout.
unicode-bidi
Autoprefixer 7.1 will add prefixes for isolate
, plaintext
and isolate-override
values in unicode-bidi
:
.foo { unicode-bidi: -webkit-isolate; unicode-bidi: isolate; }
-webkit-appearance
Prefixes sometime could be very strange. Edge started to support appearance
property with a prefix. But because of many only-for-Safari websites it supports -webkit-appearance
instead of -ms-appearance
.
Autoprefixer 7.1 knows it and will generate -webkit-appearance
even if you set only "last 1 Edge version"
in browserslist config.
min-content
, stretch
and other Intrinsic sizes was fixed in grid-template-columns
and other Grid Layout properties.
.foo { grid-template-columns: minmax(100px, -webkit-min-content); grid-template-columns: minmax(100px, min-content); }
info()
By accident Browserslist 1 loaded config from current working dir if file path was missed. In Browserslist 2 we fixed it and now you must specify path to file in explicit way.
It is not a problem for Autoprefixer user, because Autoprefixer takes CSS file path from PostCSS.
But autoprefixer.info()
stopped to load conifg in 7.0. In 7.1 we added from
option to info()
.
Set the path to your CSS file and info()
will show what prefixes and why it will added to this CSS file:
autoprefixer.info({ from: './scr/app.css' }) //=> Browsers: // Chrome: 58 // // These browsers account for 1.68% of all users globally // // Selectors: // :fullscreen: webkit // β¦
There is a collection of frequently asked questions and of course you may always ask my humans.
Your Greenkeeper Bot π΄
Default packages seems a bit redundant now that npm-install-loader
has been added, don't you think?
Branch | Build failing π¨ |
---|---|
Dependency | babel-core |
Current Version | 6.24.1 |
Type | dependency |
This version is covered by your current version range and after updating it in your project the build failed.
babel-core is a direct dependency of this project this is very likely breaking your project right now. If other packages depend on you itβs very likely also breaking them.
I recommend you give this issue a very high priority. Iβm sure you can resolve this πͺ
There is a collection of frequently asked questions and of course you may always ask my humans.
Your Greenkeeper Bot π΄
When I use quik -w index.js
and make changes to my components (eg. ./MyComponent.js
or ./components/Test.js
(imported from ./Mycomponent.js
)), I get the following error:
<-- GET /189a6a414e86fb2b35b8.hot-update.json
--> GET /189a6a414e86fb2b35b8.hot-update.json 200 1ms 36b
<-- GET /0.189a6a414e86fb2b35b8.hot-update.js
xxx GET /0.189a6a414e86fb2b35b8.hot-update.js 500 1ms -
Error: File not found: /Users/jesthoge/Desktop/prototype/0.189a6a414e86fb2b35b8.hot-update.js
at /usr/local/lib/node_modules/quik/src/configure.js:24:28
at FSReqWrap.cb [as oncomplete] (fs.js:216:19)
Tested with node version 5.0.0
, 5.2.0
and 5.3.0
.
Update: Seems to be working if I pull the repo and run bin/quik.js
. Is the npm version out of date?
Hey there, I'm trying out quik
this morning and absolutely love the concept. However, I'm not able to get it running. I've installed quik and then added a index.js file to a directory and ran the quik command and receive the following error:
Module build failed: ReferenceError: Unknown plugin "transform-runtime" specified in "base" at 0, attempted to resolve relative to "/Users/andrewdelprete/Work/Code Testing/quik-test"
Do I need to install npm transform-runtime -g
perhaps? Thank you!
Branch | Build failing π¨ |
---|---|
Dependency | eventsource |
Current Version | 1.0.4 |
Type | devDependency |
This version is covered by your current version range and after updating it in your project the build failed.
As eventsource is βonlyβ a devDependency of this project it might not break production or downstream projects, but βonlyβ your build or test tools β preventing new deploys or publishes.
I recommend you give this issue a high priority. Iβm sure you can resolve this πͺ
The new version differs by 6 commits.
db39df4
1.0.5
c19795c
Update polyfill example
42805b9
Merge pull request #80 from neftaly/polyfill
92e4795
Add module support
e221319
Check window object exists before polyfilling
a622b07
Test on node 8
See the full diff
There is a collection of frequently asked questions and of course you may always ask my humans.
Your Greenkeeper Bot π΄
$ quik
/Users/dmitrizaitsev/npm-global/lib/node_modules/quik/src/configure.js:30
...config.plugins,
^^^
SyntaxError: Unexpected token ...
at exports.runInThisContext (vm.js:53:16)
at Module._compile (module.js:414:25)
at Object.Module._extensions..js (module.js:442:10)
at Module.load (module.js:356:32)
at Function.Module._load (module.js:311:12)
at Module.require (module.js:366:17)
at require (module.js:385:17)
at Object.<anonymous> (/Users/dmitrizaitsev/npm-global/lib/node_modules/quik/src/bundler.js:3:19)
at Module._compile (module.js:435:26)
at Object.Module._extensions..js (module.js:442:10)
If you refer to webpack/webpack#3018 , it seems there was a breaking change in how webpack validates configuration objects. I was able to get quik to work by forcing it to use v2.1.0-beta.22, however a smarter person than I will have to figure out how to adjust how quick is using webpack's configuration object.
Would you be interested in a PR that hides the uglify warnings when bundling/inlining html?
They're noisy and not really helpful.
Branch | Build failing π¨ |
---|---|
Dependency | file-loader |
Current Version | 0.11.1 |
Type | dependency |
This version is covered by your current version range and after updating it in your project the build failed.
file-loader is a direct dependency of this project this is very likely breaking your project right now. If other packages depend on you itβs very likely also breaking them.
I recommend you give this issue a very high priority. Iβm sure you can resolve this πͺ
There is a collection of frequently asked questions and of course you may always ask my humans.
Your Greenkeeper Bot π΄
Branch | Build failing π¨ |
---|---|
Dependency | babel-loader |
Current Version | 7.0.0 |
Type | dependency |
This version is covered by your current version range and after updating it in your project the build failed.
babel-loader is a direct dependency of this project this is very likely breaking your project right now. If other packages depend on you itβs very likely also breaking them.
I recommend you give this issue a very high priority. Iβm sure you can resolve this πͺ
The new version differs by 13 commits.
d249119
7.1.0
ea9b4d4
Update yarn.lock
7986787
chore(package): update eslint-config-babel to version 7.0.0 (#469)
ee40748
chore(package): update lint-staged to version 4.0.0 (#470)
66784e4
Update to webpack 3 (#471)
8544ffa
Only base cache identifier on babel options from pkg.json (#468)
ea2eafa
Add prettier eslint plugin (#466)
4548169
Add node 8 to test matrix (#467)
d8b73c0
fix(resolve-rc): look for babel in package.json and .babelrc.js (#465)
8d96c1f
Remove outdated examples.
91f2658
Fixed: watch configuration files. (#460)
de2d3f3
Upgrade dependencies
37e63e3
Upgrade find-cache-dir to 1.0 and cross-env to 5.0 (#457)
See the full diff
There is a collection of frequently asked questions and of course you may always ask my humans.
Your Greenkeeper Bot π΄
Can I specify the browser(firefox, chrome, etc...) when starting quik as setting file or cli option?
Branch | Build failing π¨ |
---|---|
Dependency | less-loader |
Current Version | 4.0.4 |
Type | dependency |
This version is covered by your current version range and after updating it in your project the build failed.
less-loader is a direct dependency of this project this is very likely breaking your project right now. If other packages depend on you itβs very likely also breaking them.
I recommend you give this issue a very high priority. Iβm sure you can resolve this πͺ
There is a collection of frequently asked questions and of course you may always ask my humans.
Your Greenkeeper Bot π΄
Branch | Build failing π¨ |
---|---|
Dependency | sass-loader |
Current Version | 6.0.5 |
Type | dependency |
This version is covered by your current version range and after updating it in your project the build failed.
sass-loader is a direct dependency of this project this is very likely breaking your project right now. If other packages depend on you itβs very likely also breaking them.
I recommend you give this issue a very high priority. Iβm sure you can resolve this πͺ
The new version differs by 9 commits.
a1ae204
chore: Update changelog for 6.0.6
aed60eb
chore(release): 6.0.6
85d7772
chore: Adds release script
43199f1
chore: Reformat changelog for standard-version
5daa32b
chore(package): Adds contrib standard release tooling
0511c25
chore: build and package updates to allow use of webpack 3 (#475)
0d6d66d
refactor: remove this.cacheable
(#473)
876876a
docs(readme): Fixes typo in loader description (#472)
c27063c
chore(package): update dependencies (#470)
See the full diff
There is a collection of frequently asked questions and of course you may always ask my humans.
Your Greenkeeper Bot π΄
Branch | Build failing π¨ |
---|---|
Dependency | eslint-plugin-babel |
Current Version | 4.1.1 |
Type | devDependency |
This version is covered by your current version range and after updating it in your project the build failed.
As eslint-plugin-babel is βonlyβ a devDependency of this project it might not break production or downstream projects, but βonlyβ your build or test tools β preventing new deploys or publishes.
I recommend you give this issue a high priority. Iβm sure you can resolve this πͺ
Bug Fix
babel/semi
: doesn't fail when usingfor await (let something of {})
. Includes class properties
There is a collection of frequently asked questions and of course you may always ask my humans.
Your Greenkeeper Bot π΄
Branch | Build failing π¨ |
---|---|
Dependency | babel-cli |
Current Version | 6.24.1 |
Type | devDependency |
This version is covered by your current version range and after updating it in your project the build failed.
As babel-cli is βonlyβ a devDependency of this project it might not break production or downstream projects, but βonlyβ your build or test tools β preventing new deploys or publishes.
I recommend you give this issue a high priority. Iβm sure you can resolve this πͺ
There is a collection of frequently asked questions and of course you may always ask my humans.
Your Greenkeeper Bot π΄
i installed quik as global and it was working fine suddenly it stopped working and showing this error
/usr/lib/node_modules/quik/node_modules/lodash.map/index.js:1
(function (exports, require, module, __filename, __dirname) { οΏ½οΏ½οΏ½
^
SyntaxError: Invalid or unexpected token
at createScript (vm.js:53:10)
at Object.runInThisContext (vm.js:95:10)
at Module._compile (module.js:543:28)
at Object.Module._extensions..js (module.js:580:10)
at Module.load (module.js:488:32)
at tryModuleLoad (module.js:447:12)
at Function.Module._load (module.js:439:3)
at Module.require (module.js:498:17)
at require (internal/module.js:20:19)
at Object. (/usr/lib/node_modules/quik/node_modules/cheerio/lib/api/forms.js:7:12)
I really love this! It ran my redux demo (https://github.com/flipjs/starting-redux) with no issues!
I hope in the future releases, apart from what you listed, could you also support using react-router and redux-simple-router, then we can also prototype a complete single-page-applications.
Branch | Build failing π¨ |
---|---|
Dependency | babel-runtime |
Current Version | 6.23.0 |
Type | dependency |
This version is covered by your current version range and after updating it in your project the build failed.
babel-runtime is a direct dependency of this project this is very likely breaking your project right now. If other packages depend on you itβs very likely also breaking them.
I recommend you give this issue a very high priority. Iβm sure you can resolve this πͺ
There is a collection of frequently asked questions and of course you may always ask my humans.
Your Greenkeeper Bot π΄
Branch | Build failing π¨ |
---|---|
Dependency | sass-loader |
Current Version | 6.0.4 |
Type | dependency |
This version is covered by your current version range and after updating it in your project the build failed.
sass-loader is a direct dependency of this project this is very likely breaking your project right now. If other packages depend on you itβs very likely also breaking them.
I recommend you give this issue a very high priority. Iβm sure you can resolve this πͺ
The new version differs by 4 commits0.
c61eaee
Merge pull request #453 from webpack-contrib/Release/6.0.5
fe4af44
chore(release): 6.0.5
cbc0794
chore: Update changelog
5d06e9d
fix: importing file directly from scoped npm package (#450)
false
See the full diff
There is a collection of frequently asked questions and of course you may always ask my humans.
Your Greenkeeper Bot π΄
Branch | Build failing π¨ |
---|---|
Dependency | eslint-plugin-import |
Current Version | 2.2.0 |
Type | devDependency |
This version is covered by your current version range and after updating it in your project the build failed.
As eslint-plugin-import is βonlyβ a devDependency of this project it might not break production or downstream projects, but βonlyβ your build or test tools β preventing new deploys or publishes.
I recommend you give this issue a high priority. Iβm sure you can resolve this πͺ
The new version differs by 46 commits.
b79e083
Merge pull request #837 from benmosher/release-2.3.0
74425a2
changelog update for 2.3.0
1377f55
bump v2.3.0
2efc41a
fix null pointer exception (#717) (#797)
0fb592e
Add support to specify the package.json (#685)
2cc9768
Add test for flow type export (#835)
bd0e5e3
Merge pull request #821 from smably/patch-1
412e518
Clarify docs for glob arrays
106740f
chore(package): update typescript-eslint-parser to version 2.1.0 (#790)
6288cf9
chore(package): update babel-register to version 6.24.1 (#796)
2e9eea6
newline-after-import test syntax fails
c9f10e8
extensions test fixes, attempt 2
861765f
fix babel syntax errors in extensions tests
82f796c
chore(package): update cross-env to version 4.0.0 (#783)
98e7048
Merge pull request #757 from gmathieu/fix-default-keyword
There are 46 commits in total.
See the full diff
There is a collection of frequently asked questions and of course you may always ask my humans.
Your Greenkeeper Bot π΄
Branch | Build failing π¨ |
---|---|
Dependency | postcss-loader |
Current Version | 2.0.4 |
Type | dependency |
This version is covered by your current version range and after updating it in your project the build failed.
postcss-loader is a direct dependency of this project this is very likely breaking your project right now. If other packages depend on you itβs very likely also breaking them.
I recommend you give this issue a very high priority. Iβm sure you can resolve this πͺ
options.plugins
{Function}
(webpack.config.js
) (#229) (dca52a9) (@evilebottnawi)The new version differs by 2 commits0.
12c19b9
chore(release): 2.0.5
dca52a9
fix: regression with options.plugins
{Function}
(webpack.config.js
) (#229)
false
See the full diff
There is a collection of frequently asked questions and of course you may always ask my humans.
Your Greenkeeper Bot π΄
Branch | Build failing π¨ |
---|---|
Dependency | css-loader |
Current Version | 0.28.2 |
Type | dependency |
This version is covered by your current version range and after updating it in your project the build failed.
css-loader is a direct dependency of this project this is very likely breaking your project right now. If other packages depend on you itβs very likely also breaking them.
I recommend you give this issue a very high priority. Iβm sure you can resolve this πͺ
There is a collection of frequently asked questions and of course you may always ask my humans.
Your Greenkeeper Bot π΄
This support sass ?
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.