Switch to preact

This commit is contained in:
hensm
2018-12-09 15:37:34 +00:00
parent 7e26e8d47d
commit 08079b1fa8
5 changed files with 66 additions and 52 deletions

93
ext/package-lock.json generated
View File

@@ -2169,7 +2169,7 @@
},
"cacache": {
"version": "10.0.4",
"resolved": "http://registry.npmjs.org/cacache/-/cacache-10.0.4.tgz",
"resolved": "https://registry.npmjs.org/cacache/-/cacache-10.0.4.tgz",
"integrity": "sha512-Dph0MzuH+rTQzGPNT9fAnrPmMmjKfST6trxJeK7NQuHRaVw24VzPRWTmg9MpcwOVQZO0E1FBICUlFeNaKPIfHA==",
"dev": true,
"requires": {
@@ -5600,6 +5600,15 @@
"integrity": "sha1-nbHb0Pr43m++D13V5Wu2BigN5ps=",
"dev": true
},
"immutability-helper": {
"version": "2.8.1",
"resolved": "https://registry.npmjs.org/immutability-helper/-/immutability-helper-2.8.1.tgz",
"integrity": "sha512-8AVB5EUpRBUdXqfe4cFsFECsOIZ9hX/Arl8B8S9/tmwpYv3UWvOsXUPOjkuZIMaVxfSWkxCzkng1rjmEoSWrxQ==",
"dev": true,
"requires": {
"invariant": "^2.2.0"
}
},
"import-lazy": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-2.1.0.tgz",
@@ -7789,6 +7798,40 @@
}
}
},
"preact": {
"version": "8.4.2",
"resolved": "https://registry.npmjs.org/preact/-/preact-8.4.2.tgz",
"integrity": "sha512-TsINETWiisfB6RTk0wh3/mvxbGRvx+ljeBccZ4Z6MPFKgu/KFGyf2Bmw3Z/jlXhL5JlNKY6QAbA9PVyzIy9//A==",
"dev": true
},
"preact-compat": {
"version": "3.18.4",
"resolved": "https://registry.npmjs.org/preact-compat/-/preact-compat-3.18.4.tgz",
"integrity": "sha512-aR5CvCIDerE2Y201ERVkWQdTAQKhKGNYujEk4tbyfQDInFTrnCCa3KCeGtULZrwy0PNRBjdQa2/Za7qv7ALNFg==",
"dev": true,
"requires": {
"immutability-helper": "^2.7.1",
"preact-render-to-string": "^3.8.2",
"preact-transition-group": "^1.1.1",
"prop-types": "^15.6.2",
"standalone-react-addons-pure-render-mixin": "^0.1.1"
}
},
"preact-render-to-string": {
"version": "3.8.2",
"resolved": "https://registry.npmjs.org/preact-render-to-string/-/preact-render-to-string-3.8.2.tgz",
"integrity": "sha512-przuZPajiurStGgxMoJP0EJeC4xj5CgHv+M7GfF3YxAdhGgEWAkhOSE0xympAFN20uMayntBZpttIZqqLl77fw==",
"dev": true,
"requires": {
"pretty-format": "^3.5.1"
}
},
"preact-transition-group": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/preact-transition-group/-/preact-transition-group-1.1.1.tgz",
"integrity": "sha1-8KSTJ+pRXs406ivoZMSn0p5dbhA=",
"dev": true
},
"prelude-ls": {
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz",
@@ -7801,6 +7844,12 @@
"integrity": "sha1-1PRWKwzjaW5BrFLQ4ALlemNdxtw=",
"dev": true
},
"pretty-format": {
"version": "3.8.0",
"resolved": "http://registry.npmjs.org/pretty-format/-/pretty-format-3.8.0.tgz",
"integrity": "sha1-v77VbV6ad2ZF9LH/eqGjrE+jw4U=",
"dev": true
},
"private": {
"version": "0.1.8",
"resolved": "https://registry.npmjs.org/private/-/private-0.1.8.tgz",
@@ -8034,30 +8083,6 @@
"strip-json-comments": "~2.0.1"
}
},
"react": {
"version": "16.6.3",
"resolved": "https://registry.npmjs.org/react/-/react-16.6.3.tgz",
"integrity": "sha512-zCvmH2vbEolgKxtqXL2wmGCUxUyNheYn/C+PD1YAjfxHC54+MhdruyhO7QieQrYsYeTxrn93PM2y0jRH1zEExw==",
"dev": true,
"requires": {
"loose-envify": "^1.1.0",
"object-assign": "^4.1.1",
"prop-types": "^15.6.2",
"scheduler": "^0.11.2"
}
},
"react-dom": {
"version": "16.6.3",
"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.6.3.tgz",
"integrity": "sha512-8ugJWRCWLGXy+7PmNh8WJz3g1TaTUt1XyoIcFN+x0Zbkoz+KKdUyx1AQLYJdbFXjuF41Nmjn5+j//rxvhFjgSQ==",
"dev": true,
"requires": {
"loose-envify": "^1.1.0",
"object-assign": "^4.1.1",
"prop-types": "^15.6.2",
"scheduler": "^0.11.2"
}
},
"read-pkg": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz",
@@ -8564,16 +8589,6 @@
"integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==",
"dev": true
},
"scheduler": {
"version": "0.11.2",
"resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.11.2.tgz",
"integrity": "sha512-+WCP3s3wOaW4S7C1tl3TEXp4l9lJn0ZK8G3W3WKRWmw77Z2cIFUW2MiNTMHn5sCjxN+t7N43HAOOgMjyAg5hlg==",
"dev": true,
"requires": {
"loose-envify": "^1.1.0",
"object-assign": "^4.1.1"
}
},
"schema-utils": {
"version": "0.4.7",
"resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-0.4.7.tgz",
@@ -9603,6 +9618,12 @@
"safe-buffer": "^5.1.1"
}
},
"standalone-react-addons-pure-render-mixin": {
"version": "0.1.1",
"resolved": "https://registry.npmjs.org/standalone-react-addons-pure-render-mixin/-/standalone-react-addons-pure-render-mixin-0.1.1.tgz",
"integrity": "sha1-PHQJ9MecQN6axyxhbPZ5qZTzdVE=",
"dev": true
},
"static-extend": {
"version": "0.1.2",
"resolved": "https://registry.npmjs.org/static-extend/-/static-extend-0.1.2.tgz",
@@ -9632,7 +9653,7 @@
},
"stream-browserify": {
"version": "2.0.1",
"resolved": "http://registry.npmjs.org/stream-browserify/-/stream-browserify-2.0.1.tgz",
"resolved": "https://registry.npmjs.org/stream-browserify/-/stream-browserify-2.0.1.tgz",
"integrity": "sha1-ZiZu5fm9uZQKTkUUyvtDu3Hlyds=",
"dev": true,
"requires": {

View File

@@ -15,8 +15,8 @@
"babel-loader": "^8.0.4",
"copy-webpack-plugin": "^4.6.0",
"minimist": "^1.2.0",
"react": "^16.6.1",
"react-dom": "^16.6.1",
"preact": "^8.4.2",
"preact-compat": "^3.18.4",
"uuid": "^3.3.2",
"web-ext": "^2.9.1",
"webpack": "^4.27.0",

View File

@@ -3,7 +3,6 @@
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="index.css">
<script src="../vendor.js" defer></script>
<script src="bundle.js" defer></script>
</head>
<body>

View File

@@ -1,9 +1,8 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta charset="utf-8">
<link rel="stylesheet" href="styles/index.css">
<script src="../vendor.js" defer></script>
<script src="bundle.js" defer></script>
</head>
<body>

View File

@@ -23,17 +23,6 @@ module.exports = (env) => ({
filename: "[name].js"
, path: `${env.outputPath}`
}
, optimization: {
splitChunks: {
cacheGroups: {
vendor: {
name: "vendor"
, test: /[\\/]node_modules[\\/](react|react-dom)[\\/]/
, chunks: "all"
}
}
}
}
, plugins: [
new webpack.DefinePlugin({
"EXTENSION_NAME" : JSON.stringify(env.extensionName)
@@ -86,4 +75,10 @@ module.exports = (env) => ({
}
]
}
, resolve: {
alias: {
"react": "preact-compat"
, "react-dom": "preact-compat"
}
}
});