@merkur/create-widget 0.31.1 → 0.32.0

package/README.md

@@ -11,7 +11,7 @@
 ![npm bundle size (scoped version)](https://img.shields.io/bundlephobia/minzip/@merkur/core/latest)
 [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
 
-The [Merkur](https://merkur.js.org/) is tiny extensible javascript library for front-end microservices(micro frontends). It allows by default server side rendering for loading performance boost. You can connect it with other frameworks or languages because merkur defines easy API. You can use one of six predefined template's library [React](https://reactjs.org/), [Preact](https://preactjs.com/), [hyperHTML](https://viperhtml.js.org/hyper.html), [µhtml](https://github.com/WebReflection/uhtml#readme), [Svelte](https://svelte.dev/) and [vanilla](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals) but you can easily extend for others.
+The [Merkur](https://merkur.js.org/) is tiny extensible javascript library for front-end microservices(micro frontends). It allows by default server side rendering for loading performance boost. You can connect it with other frameworks or languages because merkur defines easy API. You can use one of six predefined template's library [Preact](https://preactjs.com/), [µhtml](https://github.com/WebReflection/uhtml#readme), [Svelte](https://svelte.dev/) and [vanilla](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals) but you can easily extend for others.
 
 ## Features
  - Flexible templating engine

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@merkur/create-widget",
-  "version": "0.31.1",
+  "version": "0.32.0",
   "description": "CLI for creating merkur widget easily.",
   "bin": {
     "merkur-create-widget": "./bin/createWidget.mjs"
@@ -38,11 +38,11 @@
     "node": ">=12"
   },
   "dependencies": {
-    "chalk": "^5.0.1",
-    "execa": "^6.1.0",
-    "fs-extra": "^10.1.0",
-    "inquirer": "^8.2.2",
-    "yargs": "^17.4.1"
+    "chalk": "^5.2.0",
+    "execa": "^7.1.1",
+    "fs-extra": "^11.1.1",
+    "inquirer": "^9.2.2",
+    "yargs": "^17.7.2"
   },
-  "gitHead": "c9b40c3a9444dc89baa7c1f5b33ccc8afa7d6155"
+  "gitHead": "c45ffe12725e3c4afcf7f13869a25a96f6807055"
 }

package/scripts/create.mjs

@@ -24,12 +24,6 @@ let viewResolver = argv.view
         name: 'view',
         message: 'Choose a view configuration:',
         choices: [
-          {
-            name: `${chalk.bold.blue(
-              'Hyper'
-            )} - The basic counter example with hyper.`,
-            value: 'hyper',
-          },
           {
             name: `${chalk.bold.blue(
               'µhtml'
@@ -42,12 +36,6 @@ let viewResolver = argv.view
             )} - The basic counter example with preact.`,
             value: 'preact',
           },
-          {
-            name: `${chalk.bold.blue(
-              'React'
-            )} - The basic counter example with react.`,
-            value: 'react',
-          },
           {
             name: `${chalk.bold.blue(
               'Svelte'

package/template/package.json

@@ -17,11 +17,11 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@merkur/core": "0.31.0",
-    "@merkur/integration": "0.31.1",
-    "@merkur/plugin-component": "0.31.0",
-    "@merkur/plugin-error": "0.31.0",
-    "@merkur/plugin-event-emitter": "0.31.0",
+    "@merkur/core": "0.32.0",
+    "@merkur/integration": "0.32.0",
+    "@merkur/plugin-component": "0.32.0",
+    "@merkur/plugin-error": "0.32.0",
+    "@merkur/plugin-event-emitter": "0.32.0",
     "compression": "^1.7.4",
     "config": "^3.3.7",
     "cors": "^2.8.5",
@@ -34,8 +34,8 @@
     "morgan": "^1.10.0"
   },
   "devDependencies": {
-    "@merkur/tools": "0.31.0",
-    "@merkur/tool-webpack": "0.31.0",
+    "@merkur/tools": "0.32.0",
+    "@merkur/tool-webpack": "0.32.0",
     "nodemon": "^2.0.15",
     "webpack": "^5.72.0",
     "webpack-cli": "^4.9.2"

package/template/server/app.js

@@ -29,6 +29,7 @@ const expressStaticConfig = {
 
 const app = express();
 app.set('view engine', 'ejs');
+app.set('trust proxy', true);
 
 app
   .use(morgan('dev'))

package/template/server/routes/widgetAPI/widgetAPI.js

@@ -29,7 +29,7 @@ router.get(
       assets: info.assets,
       staticFolder,
       staticBaseUrl,
-      folders: ['es11', 'es9', 'es5'],
+      folders: ['es11', 'es9'],
     });
 
     const status = info?.error?.status ?? 200;

package/views/preact/template/webpack.config.js

@@ -2,7 +2,6 @@ const {
   createLiveReloadServer,
   createWebConfig,
   createNodeConfig,
-  applyES5Transformation,
   applyES9Transformation,
   applyStyleLoaders,
   createCacheKey,
@@ -48,12 +47,6 @@ function applyBabelLoader(config, { isProduction, environment, cache }) {
 module.exports = createLiveReloadServer().then(() =>
   Promise.all([
     pipe(createWebConfig, applyStyleLoaders, applyBabelLoader)(),
-    pipe(
-      createWebConfig,
-      applyStyleLoaders,
-      applyBabelLoader,
-      applyES5Transformation
-    )(),
     pipe(
       createWebConfig,
       applyStyleLoaders,

package/views/preact/template.json

@@ -1,13 +1,13 @@
 {
   "dependencies": {
-    "preact": "10.5.14",
-    "preact-render-to-string": "5.1.19"
+    "preact": "10.13.2",
+    "preact-render-to-string": "6.0.3"
   },
   "devDependencies": {
-    "@babel/preset-react": "7.14.5",
+    "@babel/preset-react": "7.18.6",
     "babel-loader": "9.1.2",
     "enzyme": "3.11.0",
-    "enzyme-adapter-preact-pure": "3.1.0",
+    "enzyme-adapter-preact-pure": "4.1.0",
     "enzyme-to-json": "3.6.2"
   }
 }

package/views/svelte/template/webpack.config.js

@@ -2,7 +2,6 @@ const {
   createLiveReloadServer,
   createWebConfig,
   createNodeConfig,
-  applyES5Transformation,
   applyES9Transformation,
   applyStyleLoaders,
   pipe,
@@ -51,12 +50,6 @@ function applySvelteNode(config) {
 module.exports = createLiveReloadServer().then(() =>
   Promise.all([
     pipe(createWebConfig, applyStyleLoaders, applySvelteWeb)(),
-    pipe(
-      createWebConfig,
-      applyStyleLoaders,
-      applySvelteWeb,
-      applyES5Transformation
-    )(),
     pipe(
       createWebConfig,
       applyStyleLoaders,

package/views/svelte/template.json

@@ -1,6 +1,6 @@
 {
   "devDependencies": {
-    "svelte": "^3.42.1",
-    "svelte-loader": "^3.1.2"
+    "svelte": "^3.59.1",
+    "svelte-loader": "^3.1.7"
   }
 }

package/views/uhtml/template/webpack.config.js

@@ -2,7 +2,6 @@ const {
   createLiveReloadServer,
   createWebConfig,
   createNodeConfig,
-  applyES5Transformation,
   applyES9Transformation,
   applyStyleLoaders,
   pipe,
@@ -11,7 +10,6 @@ const {
 module.exports = createLiveReloadServer().then(() =>
   Promise.all([
     pipe(createWebConfig, applyStyleLoaders)(),
-    pipe(createWebConfig, applyStyleLoaders, applyES5Transformation)(),
     pipe(createWebConfig, applyStyleLoaders, applyES9Transformation)(),
     pipe(createNodeConfig, applyStyleLoaders)(),
   ])

package/views/uhtml/template.json

@@ -1,6 +1,6 @@
 {
   "dependencies": {
     "ucontent": "2.0.0",
-    "uhtml": "2.7.6"
+    "uhtml": "3.1.0"
   }
 }

package/views/vanilla/template/webpack.config.js

@@ -2,7 +2,6 @@ const {
   createLiveReloadServer,
   createWebConfig,
   createNodeConfig,
-  applyES5Transformation,
   applyES9Transformation,
   applyStyleLoaders,
   pipe,
@@ -11,7 +10,6 @@ const {
 module.exports = createLiveReloadServer().then(() =>
   Promise.all([
     pipe(createWebConfig, applyStyleLoaders)(),
-    pipe(createWebConfig, applyStyleLoaders, applyES5Transformation)(),
     pipe(createWebConfig, applyStyleLoaders, applyES9Transformation)(),
     pipe(createNodeConfig, applyStyleLoaders)(),
   ])

package/views/hyper/template/src/client.js

@@ -1,66 +0,0 @@
-import hyper from 'hyperhtml';
-
-import { createMerkurWidget, createMerkur } from '@merkur/core';
-
-import { mapViews } from './lib/utils';
-import { viewFactory } from './views/View';
-import widgetProperties from './widget';
-
-import './style.css';
-
-function createWidget(widgetParams) {
-  return createMerkurWidget({
-    ...widgetProperties,
-    ...widgetParams,
-    $dependencies: {
-      bind: hyper.bind,
-      wire: hyper.wire,
-    },
-    mount(widget) {
-      widget.$external.render = {};
-
-      return mapViews(
-        widget,
-        viewFactory,
-        ({ View, containerSelector, container }) => {
-          if (!container) {
-            return;
-          }
-
-          widget.$external.render[containerSelector] =
-            widget.$dependencies.bind(container);
-
-          View(widget, widget.$external.render[containerSelector]);
-        }
-      );
-    },
-    unmount(widget) {
-      mapViews(widget, viewFactory, ({ container }) => {
-        if (!container) {
-          return;
-        }
-
-        container.innerHTML = '';
-      });
-    },
-    update(widget) {
-      mapViews(
-        widget,
-        viewFactory,
-        ({ View, containerSelector, container }) => {
-          if (!container) {
-            return;
-          }
-
-          View(widget, widget.$external.render[containerSelector]);
-        }
-      );
-    },
-  });
-}
-
-const merkur = createMerkur();
-merkur.register({
-  ...widgetProperties,
-  createWidget,
-});

package/views/hyper/template/src/components/Counter.js

@@ -1,14 +0,0 @@
-export default function Counter(widget) {
-  return widget.$dependencies.wire()`
-    <div>
-      <h3>Counter widget:</h3>
-      <p>Count: ${widget.state.counter}</p>
-      <button onclick=${widget.onClick}>
-        increase counter
-      </button>
-      <button onclick=${widget.onReset}>
-        reset counter
-      </button>
-    </div>
-  `;
-}

package/views/hyper/template/src/components/Welcome.js

@@ -1,12 +0,0 @@
-export default function Welcome(widget) {
-  return widget.$dependencies.wire(widget.props, ':welcome')`
-    <div>
-      <h1>
-        <a href="https://github.com/mjancarik/merkur">MERKUR</a>
-      </h1>
-      <h2>
-        a tiny extensible javascript library for front-end microservices
-      </h2>
-    </div>
-  `;
-}

package/views/hyper/template/src/components/WidgetDescription.js

@@ -1,5 +0,0 @@
-export default function ViewDescription(widget) {
-  return widget.$dependencies.wire(widget.props)`
-    <p>The widget's name is <strong>${widget.name}@${widget.version}</strong>.</p>
-  `;
-}

package/views/hyper/template/src/server.js

@@ -1,33 +0,0 @@
-import viper from 'viperhtml';
-
-import { createMerkurWidget } from '@merkur/core';
-
-import { viewFactory } from './views/View';
-import widgetProperties from './widget';
-
-export function createWidget(widgetParams) {
-  return createMerkurWidget({
-    ...widgetProperties,
-    ...widgetParams,
-    $dependencies: {
-      bind: viper.bind,
-      wire: viper.wire,
-    },
-    async mount(widget) {
-      const { View, slot = {} } = await viewFactory(widget);
-      const render = widget.$dependencies.bind(widget.state);
-
-      return {
-        html: View(widget, render).toString(),
-        slot: Object.keys(slot).reduce((acc, cur) => {
-          acc[cur] = {
-            name: slot[cur].name,
-            html: slot[cur].View(widget, render).toString(),
-          };
-
-          return acc;
-        }, {}),
-      };
-    },
-  });
-}

package/views/hyper/template/src/slots/HeadlineSlot.js

@@ -1,30 +0,0 @@
-import Welcome from '../components/Welcome';
-import WidgetDescription from '../components/WidgetDescription';
-
-async function headlineSlotFactory() {
-  return {
-    name: 'headline',
-    View: HeadlineSlot,
-  };
-}
-
-function HeadlineSlot(widget, render) {
-  if (widget.error && widget.error.status) {
-    return null;
-  }
-
-  return render`
-      <div class='merkur__page'>
-        <div class='merkur__headline'>
-          <div class='merkur__view'>
-            ${Welcome(widget)}
-            <h3>Current count: ${widget.state.counter}</h3>
-            ${WidgetDescription(widget)}
-          </div>
-        </div>
-      </div>
-  `;
-}
-
-export { headlineSlotFactory };
-export default HeadlineSlot;

package/views/hyper/template/src/views/ErrorView.js

@@ -1,9 +0,0 @@
-export default function ErrorView(widget) {
-  return widget.$dependencies.wire()`
-    <div className='merkur__error'>
-      <h1>Status: ${widget.error.status}</h1>
-      <h2>Message: ${widget.error.message}</h2>
-      <pre>${widget.error.stack}</pre>
-    </div>
-  `;
-}

package/views/hyper/template/src/views/View.js

@@ -1,36 +0,0 @@
-import Counter from '../components/Counter';
-import { headlineSlotFactory } from '../slots/HeadlineSlot';
-import ErrorView from './ErrorView';
-
-async function viewFactory(widget) {
-  const slot = (await Promise.all([headlineSlotFactory(widget)])).reduce(
-    (acc, cur) => {
-      acc[cur.name] = cur;
-
-      return acc;
-    },
-    {}
-  );
-
-  return {
-    View,
-    slot,
-  };
-}
-
-function View(widget, render) {
-  if (widget.error && widget.error.status) {
-    return render`${ErrorView(widget)}`;
-  }
-
-  return render`
-      <div class='merkur__page'>
-        <div class='merkur__view'>
-          ${Counter(widget)}
-        </div>
-      </div>
-  `;
-}
-
-export { viewFactory };
-export default View;

package/views/hyper/template/webpack.config.js

@@ -1,18 +0,0 @@
-const {
-  createLiveReloadServer,
-  createWebConfig,
-  createNodeConfig,
-  applyES5Transformation,
-  applyES9Transformation,
-  applyStyleLoaders,
-  pipe,
-} = require('@merkur/tool-webpack');
-
-module.exports = createLiveReloadServer().then(() =>
-  Promise.all([
-    pipe(createWebConfig, applyStyleLoaders)(),
-    pipe(createWebConfig, applyStyleLoaders, applyES5Transformation)(),
-    pipe(createWebConfig, applyStyleLoaders, applyES9Transformation)(),
-    pipe(createNodeConfig, applyStyleLoaders)(),
-  ])
-);

package/views/hyper/template.json

@@ -1,6 +0,0 @@
-{
-  "dependencies": {
-    "hyperhtml": "2.34.0",
-    "viperhtml": "2.17.1"
-  }
-}

package/views/react/template/babel.config.js

@@ -1,12 +0,0 @@
-let config = require('@merkur/tools/babel.config.js');
-
-config.presets.push([
-  '@babel/preset-react',
-  {
-    runtime: 'automatic',
-  },
-]);
-
-module.exports = {
-  ...config,
-};

package/views/react/template/jest.config.js

@@ -1,7 +0,0 @@
-const config = require('@merkur/tools/jest.config.js');
-
-config.setupFilesAfterEnv = ['./jest.setup.js'];
-
-module.exports = {
-  ...config,
-};

package/views/react/template/jest.setup.js

@@ -1,4 +0,0 @@
-import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
-import Enzyme from 'enzyme';
-
-Enzyme.configure({ adapter: new Adapter() });

package/views/react/template/src/client.js

@@ -1,55 +0,0 @@
-import { render, hydrate, unmountComponentAtNode } from 'react-dom';
-
-import { createMerkurWidget, createMerkur } from '@merkur/core';
-
-import { mapViews } from './lib/utils';
-import { viewFactory } from './views/View.jsx';
-import widgetProperties from './widget';
-
-import './style.css';
-
-function createWidget(widgetParams) {
-  return createMerkurWidget({
-    ...widgetProperties,
-    ...widgetParams,
-    $dependencies: {
-      hydrate,
-      render,
-      unmountComponentAtNode,
-    },
-    async mount(widget) {
-      return mapViews(widget, viewFactory, ({ View, container, isSlot }) => {
-        if (!container) {
-          return null;
-        }
-
-        return (
-          container?.children?.length && !isSlot
-            ? widget.$dependencies.hydrate
-            : widget.$dependencies.render
-        )(View(widget), container);
-      });
-    },
-    async unmount(widget) {
-      mapViews(widget, viewFactory, ({ container }) => {
-        if (container) {
-          widget.$dependencies.unmountComponentAtNode(container);
-        }
-      });
-    },
-    async update(widget) {
-      return mapViews(
-        widget,
-        viewFactory,
-        ({ View, container }) =>
-          container && widget.$dependencies.render(View(widget), container)
-      );
-    },
-  });
-}
-
-const merkur = createMerkur();
-merkur.register({
-  ...widgetProperties,
-  createWidget,
-});

package/views/react/template/src/components/Counter.jsx

@@ -1,16 +0,0 @@
-import { useContext } from 'react';
-
-import WidgetContext from './WidgetContext';
-
-export default function Counter({ counter }) {
-  const widget = useContext(WidgetContext);
-
-  return (
-    <div>
-      <h3>Counter widget:</h3>
-      <p>Count: {counter}</p>
-      <button onClick={widget.onClick}>increase counter</button>
-      <button onClick={widget.onReset}>reset counter</button>
-    </div>
-  );
-}

package/views/react/template/src/components/Welcome.jsx

@@ -1,10 +0,0 @@
-export default function Welcome() {
-  return (
-    <div>
-      <h1>
-        <a href='https://github.com/mjancarik/merkur'>MERKUR</a>
-      </h1>
-      <h2>a tiny extensible javascript library for front-end microservices</h2>
-    </div>
-  );
-}

package/views/react/template/src/components/WidgetContext.js

@@ -1,5 +0,0 @@
-import React from 'react';
-
-const WidgetContext = React.createContext({});
-
-export default WidgetContext;

package/views/react/template/src/components/WidgetDescription.jsx

@@ -1,11 +0,0 @@
-export default function ViewDescription({ name, version }) {
-  return (
-    <p>
-      The widget&apos;s name is{' '}
-      <strong>
-        {name}@{version}
-      </strong>
-      .
-    </p>
-  );
-}

package/views/react/template/src/server.js

@@ -1,31 +0,0 @@
-import { renderToString } from 'react-dom/server';
-
-import { createMerkurWidget } from '@merkur/core';
-
-import { viewFactory } from './views/View';
-import widgetProperties from './widget';
-
-export function createWidget(widgetParams) {
-  return createMerkurWidget({
-    ...widgetProperties,
-    ...widgetParams,
-    $dependencies: {
-      render: renderToString,
-    },
-    async mount(widget) {
-      const { View, slot = {} } = await viewFactory(widget);
-
-      return {
-        html: widget.$dependencies.render(View(widget)),
-        slot: Object.keys(slot).reduce((acc, cur) => {
-          acc[cur] = {
-            name: slot[cur].name,
-            html: widget.$dependencies.render(slot[cur].View(widget)),
-          };
-
-          return acc;
-        }, {}),
-      };
-    },
-  });
-}

package/views/react/template/src/slots/HeadlineSlot.jsx

@@ -1,31 +0,0 @@
-import Welcome from '../components/Welcome';
-import WidgetContext from '../components/WidgetContext';
-import WidgetDescription from '../components/WidgetDescription';
-
-async function headlineSlotFactory() {
-  return {
-    name: 'headline',
-    View: HeadlineSlot,
-  };
-}
-
-function HeadlineSlot(widget) {
-  if (widget.error && widget.error.status) {
-    return null;
-  }
-
-  return (
-    <WidgetContext.Provider value={widget}>
-      <div className='merkur__headline'>
-        <div className='merkur__view'>
-          <Welcome />
-          <h3>Current count: {widget.state.counter}</h3>
-          <WidgetDescription name={widget.name} version={widget.version} />
-        </div>
-      </div>
-    </WidgetContext.Provider>
-  );
-}
-
-export { headlineSlotFactory };
-export default HeadlineSlot;

package/views/react/template/src/views/ErrorView.jsx

@@ -1,9 +0,0 @@
-export default function ErrorView({ error }) {
-  return (
-    <div className='merkur__error'>
-      <h1>Status: {error.status}</h1>
-      <h2>Message: {error.message}</h2>
-      <pre>{error.stack}</pre>
-    </div>
-  );
-}

package/views/react/template/src/views/View.jsx

@@ -1,39 +0,0 @@
-import Counter from '../components/Counter';
-import WidgetContext from '../components/WidgetContext';
-import { headlineSlotFactory } from '../slots/HeadlineSlot';
-import ErrorView from './ErrorView';
-
-async function viewFactory(widget) {
-  const slot = (await Promise.all([headlineSlotFactory(widget)])).reduce(
-    (acc, cur) => {
-      acc[cur.name] = cur;
-
-      return acc;
-    },
-    {}
-  );
-
-  return {
-    View,
-    slot,
-  };
-}
-
-function View(widget) {
-  if (widget.error && widget.error.status) {
-    return <ErrorView error={widget.error} />;
-  }
-
-  return (
-    <WidgetContext.Provider value={widget}>
-      <div className='merkur__page'>
-        <div className='merkur__view'>
-          <Counter counter={widget.state.counter} />
-        </div>
-      </div>
-    </WidgetContext.Provider>
-  );
-}
-
-export { viewFactory };
-export default View;

package/views/react/template/src/views/__tests__/ViewSpec.jsx

@@ -1,25 +0,0 @@
-import { shallow } from 'enzyme';
-
-import { createMerkurWidget } from '@merkur/core';
-
-import widgetProperties from '../../widget';
-import View from '../View';
-
-describe('View', () => {
-  let widget = null;
-
-  beforeEach(async () => {
-    widget = await createMerkurWidget({
-      ...widgetProperties,
-      mount() {
-        return shallow(View(widget));
-      },
-    });
-  });
-
-  it('should display main view', async () => {
-    const wrapper = await widget.mount();
-
-    expect(wrapper).toMatchInlineSnapshot();
-  });
-});

package/views/react/template/webpack.config.js

@@ -1,66 +0,0 @@
-const {
-  createLiveReloadServer,
-  createWebConfig,
-  createNodeConfig,
-  applyES5Transformation,
-  applyES9Transformation,
-  applyStyleLoaders,
-  createCacheKey,
-  pipe,
-} = require('@merkur/tool-webpack');
-
-function applyBabelLoader(config, { isProduction, environment, cache }) {
-  config.module.rules.push({
-    test: /\.(js|ts|tsx|mjs|jsx)$/,
-    exclude: (modulePath) =>
-      /node_modules/.test(modulePath) &&
-      !/node_modules\/(abort-controller|event-target-shim)/.test(modulePath),
-    use: {
-      loader: 'babel-loader',
-      options: {
-        presets: [
-          [
-            '@babel/preset-react',
-            {
-              runtime: 'automatic',
-              development: !isProduction,
-            },
-          ],
-        ],
-        cacheIdentifier: createCacheKey(
-          environment,
-          config?.name,
-          ...(cache?.versionDependencies ?? [])
-        ),
-        cacheDirectory: true,
-        cacheCompression: false,
-        compact: isProduction,
-        sourceMaps: !isProduction,
-        inputSourceMap: !isProduction,
-      },
-    },
-  });
-
-  return config;
-}
-
-module.exports = createLiveReloadServer().then(() =>
-  Promise.all([
-    pipe(createWebConfig, applyStyleLoaders, applyBabelLoader)(),
-    pipe(
-      createWebConfig,
-      applyStyleLoaders,
-      applyBabelLoader,
-      applyES5Transformation
-    )(),
-    pipe(
-      createWebConfig,
-      applyStyleLoaders,
-      applyBabelLoader,
-      applyES9Transformation
-    )(),
-    pipe(createNodeConfig, applyStyleLoaders, applyBabelLoader)(),
-  ])
-);
-
-module.exports.applyBabelLoader = applyBabelLoader;

package/views/react/template.json

@@ -1,12 +0,0 @@
-{
-      "dependencies": {
-        "react": "17.0.2",
-        "react-dom": "17.0.2"
-  },
-      "devDependencies": {
-        "@babel/preset-react": "7.14.5",
-        "babel-loader": "9.1.2",
-        "enzyme": "3.11.0",
-        "@wojtekmaj/enzyme-adapter-react-17": "0.6.3"
-  }
-}