MOCO Browser Extension (#2)
* spike * initial draft * updated styling * skeleton * added bubble script to webpack * added linter settings * installs * first implementation * Update webpack config - write bundle to `/build` - add support for SASS - improve options view as a proof o concept for styling * Update es-lint rules to mach mocoapp * Upgrade npm packages * Mount Bubble only for configured services * Update react and babel * Move module resolution config to webpack * Syncrhonize apiClient with chrome storage * Load projects and initialize form with last project and task * Enhance service * Improve handling of changeset with defaults * Create activity * Show error page on missing configuration * Refactor so that changeset can be used as activity params * Show form errors * Fetch and show booked hours for service * Allow to book hours with colon, error handling, spinner * WIP: Shadow DOM * Remove shadow dom * Render App in iframe * Refactor App component to load projects and create activity * Bugsnag integration * Add title to form and timer hint to hours input field * Configure positioning of bubble * Get rid of shared browser instance * Show Calendar and animate buble * Update webpack config * Prevent double animation of bubble * Fix eslint * Add margin to iframe body * Submit form when pressing enter on textarea * Open select on Enter * Use local environment for development * Show upgrade error if version invalid * Add asana service * Add jira and wunderlist services, add better support for query strings * Match urls with hash * Show popup in browser action * Pump version, add version to zip file * Add youtrack service * WIP: always show browserAction * Refactor * Update design * Finalize release 1.0.3 * Fix styles * Add support for Firefox browser * Extract common webpack config * Fix eslint * Close modal with ESC key * Use TimeInputParser to parse hours input * Improve webpack config * Show modal instead of popup when clicking on browser action * Pre-select last booked activities on service * Remove badge from booked hours * Show error and success feedback on options page * Remove updateBrowserActionForTab * Animate Bubble on unmount * Fix select date * Refactor * Fix key shortcut * Show schedule in calendar * Upload source maps to bugsnag * Upload sourcemaps to bugsnag * Define command shortcuts * Fix race condition where both Bubble and content wanted to mount Popup The content script is now the only place, where the Popup is mounted * Replace hash in filename by version * No new line in textarea and updated shortcuts for chrome * Change shortcut to Ctrl+Shift+K * Fix cors issue in new chrome 73 * Style improvements * Only report errors from own sources * Prevent sending messages to browser tabs * Fix scrollbars in iframe * Add error page for unknown error * Add stop propagation to Bubble click event * Update error pages * Remove timeout in tabHandler. The messaging error occurs only when the browser extension is reloaded/updated without refreshing the browser tab. * Refactor messaging * Show spinner in popup * Extract message handler to own module * Update styles and texts of error pages * Ensure focus is on document when opening popup * Find projects by identifier and value, do not highlight selected option in select component * Update docs * Spread match properties on service; improve remote service configuration for jira and wunderlist * Add webpack plugin to remove source mapping url * Bugsnag do not collect user ip * Upload source maps before removing source mapping url in bundles * Add support for regex url patterns, update asana config. * Fix animation Set default transform property via css * Improve config for asana * Change to fad-in/out animation
This commit is contained in:
Manuel Bouza
125
webpack.base.config.js
Normal file
125
webpack.base.config.js
Normal file
@@ -0,0 +1,125 @@
|
||||
const path = require("path")
|
||||
const webpack = require("webpack")
|
||||
const CleanWebpackPlugin = require("clean-webpack-plugin")
|
||||
const MiniCssExtractPlugin = require("mini-css-extract-plugin")
|
||||
const HtmlWebpackPlugin = require("html-webpack-plugin")
|
||||
const RemoveSourceMapPlugin = require("./webpack/RemoveSourceMapPlugin")
|
||||
const ZipPlugin = require("zip-webpack-plugin")
|
||||
const {
|
||||
BugsnagBuildReporterPlugin,
|
||||
BugsnagSourceMapUploaderPlugin
|
||||
} = require("webpack-bugsnag-plugins")
|
||||
|
||||
module.exports = env => {
|
||||
const config = {
|
||||
entry: {
|
||||
background: "./src/js/background.js",
|
||||
content: "./src/js/content.js",
|
||||
popup: "./src/js/popup.js",
|
||||
options: "./src/js/options.js"
|
||||
},
|
||||
output: {
|
||||
path: path.join(__dirname, `build/${env.browser}`),
|
||||
filename: `[name].${process.env.npm_package_version}.js`
|
||||
},
|
||||
module: {
|
||||
rules: [
|
||||
{
|
||||
test: /\.scss$/,
|
||||
use: [
|
||||
{
|
||||
loader: MiniCssExtractPlugin.loader
|
||||
},
|
||||
"css-loader",
|
||||
{
|
||||
loader: "sass-loader",
|
||||
options: {
|
||||
includePaths: [path.join(__dirname, "src/css")]
|
||||
}
|
||||
}
|
||||
],
|
||||
exclude: /node_modules/
|
||||
},
|
||||
{
|
||||
test: /\.js$/,
|
||||
exclude: /node_modules/,
|
||||
use: {
|
||||
loader: "babel-loader"
|
||||
}
|
||||
},
|
||||
{
|
||||
test: /\.(jpg|png)$/,
|
||||
loader: "file-loader",
|
||||
options: {
|
||||
name: "[path][name].[ext]"
|
||||
},
|
||||
exclude: /node_modules/
|
||||
}
|
||||
]
|
||||
},
|
||||
plugins: [
|
||||
new CleanWebpackPlugin([`build/${env.browser}`]),
|
||||
new webpack.DefinePlugin({
|
||||
"process.env.NODE_ENV": JSON.stringify(env.NODE_ENV)
|
||||
}),
|
||||
new MiniCssExtractPlugin({
|
||||
filename: "[name].css",
|
||||
chunkFilename: "[id].css"
|
||||
}),
|
||||
new HtmlWebpackPlugin({
|
||||
template: path.join(__dirname, "src", "background.html"),
|
||||
filename: "background.html",
|
||||
chunks: ["background"]
|
||||
}),
|
||||
new HtmlWebpackPlugin({
|
||||
template: path.join(__dirname, "src", "popup.html"),
|
||||
filename: "popup.html",
|
||||
chunks: ["popup"]
|
||||
}),
|
||||
new HtmlWebpackPlugin({
|
||||
template: path.join(__dirname, "src", "options.html"),
|
||||
filename: "options.html",
|
||||
chunks: ["options"]
|
||||
})
|
||||
],
|
||||
resolve: {
|
||||
modules: [path.join(__dirname, "src/js"), "node_modules"],
|
||||
alias: {
|
||||
images: path.join(__dirname, "src/images")
|
||||
}
|
||||
},
|
||||
mode: env.NODE_ENV || "development",
|
||||
devtool: "cheap-module-source-map"
|
||||
}
|
||||
|
||||
if (env.NODE_ENV === "production") {
|
||||
config.devtool = "source-maps"
|
||||
|
||||
config.plugins.push(
|
||||
new BugsnagBuildReporterPlugin({
|
||||
apiKey: "da6caac4af70af3e4683454b40fe5ef5",
|
||||
appVersion: process.env.npm_package_version,
|
||||
releaseStage: "production"
|
||||
}),
|
||||
// important: upload sourcemaps before removing source mapping url
|
||||
new BugsnagSourceMapUploaderPlugin({
|
||||
apiKey: "da6caac4af70af3e4683454b40fe5ef5",
|
||||
appVersion: process.env.npm_package_version,
|
||||
publicPath:
|
||||
env.browser === "firefox"
|
||||
? "moz-extension*://*/"
|
||||
: "chrome-extension*://*/", // extra asterisk after protocol needed
|
||||
overwrite: true
|
||||
}),
|
||||
new RemoveSourceMapPlugin(),
|
||||
new ZipPlugin({
|
||||
filename: `moco-bx-${env.browser}-v${
|
||||
process.env.npm_package_version
|
||||
}.zip`,
|
||||
exclude: [/\.map$/]
|
||||
})
|
||||
)
|
||||
}
|
||||
|
||||
return config
|
||||
}
|
||||
Reference in New Issue
Block a user