babel.config.js

@@ -1,16 +1,21 @@
 module.exports = api => {
   const isTest = api.env('test');
 
-  const preset = ['@babel/preset-env', { targets: 'defaults' }];
-  const testPreset = ['@babel/preset-env', { targets: { node: process.versions.node } }];
-
-  const plugins = [
-    '@babel/plugin-transform-react-jsx',
-    '@babel/plugin-proposal-class-properties',
+  const preset = [
+    "@babel/preset-env", { targets: 'defaults' }
+  ];
+  const testPreset = [
+    "@babel/preset-env", { targets: { node: process.versions.node } }
   ];
 
+  const plugins = [
+    "@babel/plugin-syntax-dynamic-import",
+    "@babel/plugin-transform-react-jsx",
+    "@babel/plugin-proposal-class-properties"
+  ]
+
   return {
-    presets: [isTest ? testPreset : preset],
-    plugins: plugins,
-  };
-};
+    "presets": [isTest ? testPreset : preset],
+    "plugins": plugins
+  }
+}

package.json

@@ -37,6 +37,7 @@
     "@babel/runtime": "^7.12.13",
     "babel-jest": "^29.7.0",
     "babel-loader": "^8.2.2",
+    "clean-webpack-plugin": "^3.0.0",
     "css-loader": "^7.1.2",
     "fetch-mock": "^8.3.2",
     "jest": "^29.7.0",

src/newsreader/news/collection/admin.py

@@ -4,7 +4,7 @@ from newsreader.news.collection.models import CollectionRule
 
 
 class CollectionRuleAdmin(admin.ModelAdmin):
-    fields = ("url", "name", "category", "favicon", "user")
+    fields = ("url", "name", "timezone", "category", "favicon", "user")
 
     list_display = ("name", "type_display", "category", "url", "last_run", "succeeded")
     list_filter = ("user",)

webpack.common.babel.js

@@ -1,8 +1,7 @@
 import { resolve } from 'path';
+import { CleanWebpackPlugin } from 'clean-webpack-plugin';
 import MiniCssExtractPlugin from 'mini-css-extract-plugin';
 
-const exlcudeCleanFiles = ['favicon.png'];
-
 export default {
   resolve: { extensions: ['.js', '.scss'] },
   entry: {
@@ -11,11 +10,6 @@ export default {
   output: {
     path: resolve(__dirname, 'src', 'newsreader', 'static'),
     filename: 'js/[name].bundle.js',
-    clean: {
-      keep: filename => {
-        return exlcudeCleanFiles.find(excludedFile => filename.endsWith(excludedFile));
-      },
-    },
   },
   module: {
     rules: [
@@ -48,5 +42,11 @@ export default {
       },
     ],
   },
-  plugins: [new MiniCssExtractPlugin({ filename: 'css/main.css' })],
+  plugins: [
+    new MiniCssExtractPlugin({ filename: 'css/main.css' }),
+    new CleanWebpackPlugin({
+      cleanOnceBeforeBuildPatterns: ['js', 'css', 'fonts'],
+      cleanAfterEveryBuildPatterns: ['!fonts/**'],
+    }),
+  ],
 };