@merkur/create-widget 0.32.1 → 0.34.0

package/bin/createWidget.mjs

@@ -29,5 +29,5 @@ execaSync(
   [path.resolve(__dirname, '../scripts/create.mjs'), ...process.argv.slice(2)],
   {
     stdio: 'inherit',
-  }
+  },
 );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@merkur/create-widget",
-  "version": "0.32.1",
+  "version": "0.34.0",
   "description": "CLI for creating merkur widget easily.",
   "bin": {
     "merkur-create-widget": "./bin/createWidget.mjs"
@@ -44,5 +44,5 @@
     "inquirer": "^9.2.2",
     "yargs": "^17.7.2"
   },
-  "gitHead": "334660bef90e81c0b13b155efa03cad774e42edd"
+  "gitHead": "3bc4a1efb8f8d5cee6bcf5f1454809747904153c"
 }

package/scripts/create.mjs

@@ -26,25 +26,25 @@ let viewResolver = argv.view
         choices: [
           {
             name: `${chalk.bold.blue(
-              'µhtml'
+              'µhtml',
             )} - The basic counter example with µhtml.`,
             value: 'uhtml',
           },
           {
             name: `${chalk.bold.blue(
-              'Preact'
+              'Preact',
             )} - The basic counter example with preact.`,
             value: 'preact',
           },
           {
             name: `${chalk.bold.blue(
-              'Svelte'
+              'Svelte',
             )} - The basic counter example with svelte.`,
             value: 'svelte',
           },
           {
             name: `${chalk.bold.blue(
-              'Vanilla'
+              'Vanilla',
             )} - The basic counter example with vanilla js.`,
             value: 'vanilla',
           },
@@ -59,8 +59,8 @@ viewResolver.then(({ view }) => {
 function createMerkurApp(dirName, view) {
   info(
     `Creating new MERKUR widget inside ${chalk.green(
-      dirName
-    )} directory for ${view}...`
+      dirName,
+    )} directory for ${view}...`,
   );
 
   const projName = dirName.split(path.sep).pop();
@@ -84,8 +84,8 @@ function createMerkurApp(dirName, view) {
   } else {
     error(
       `Aborting... the directory ${dirName} ${chalk.bold.red(
-        'already exists'
-      )}.\n`
+        'already exists',
+      )}.\n`,
     );
     process.exit(0);
   }
@@ -103,7 +103,7 @@ function createMerkurApp(dirName, view) {
     Object.entries(packageTemplate[packageProperty]).forEach(
       ([module, version]) => {
         pkgJson[packageProperty][module] = version;
-      }
+      },
     );
   });
 
@@ -115,8 +115,8 @@ function createMerkurApp(dirName, view) {
   // Run npm install
   info(
     `Running ${chalk.cyan(
-      'npm install'
-    )} inside widget directory, this might take a while...`
+      'npm install',
+    )} inside widget directory, this might take a while...`,
   );
   // eslint-disable-next-line no-console
   console.log(chalk.dim('      Press CTRL+C to cancel.\n'));
@@ -129,7 +129,7 @@ function createMerkurApp(dirName, view) {
 
   // Show final info
   info(`${chalk.bold('Success!')} Created ${chalk.cyan(
-    projName
+    projName,
   )} inside ${chalk.green(appRoot)} directory.
 From there you can run several commands:
   ${chalk.cyan('npm run test')}

package/template/package.json

@@ -17,11 +17,11 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@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",
+    "@merkur/core": "0.34.0",
+    "@merkur/integration": "0.34.0",
+    "@merkur/plugin-component": "0.34.0",
+    "@merkur/plugin-error": "0.34.0",
+    "@merkur/plugin-event-emitter": "0.34.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.32.0",
-    "@merkur/tool-webpack": "0.32.0",
+    "@merkur/tools": "0.34.0",
+    "@merkur/tool-webpack": "0.34.0",
     "nodemon": "^2.0.15",
     "webpack": "^5.72.0",
     "webpack-cli": "^4.9.2"

package/template/server/app.js

@@ -38,24 +38,26 @@ app
       contentSecurityPolicy: false,
       crossOriginResourcePolicy: false,
       crossOriginEmbedderPolicy: false,
-    })
+    }),
   )
   .use(cors())
   .use(compression())
   .use(
     '/static',
-    expressStaticGzip(path.join(__dirname, 'static'), expressStaticConfig)
+    expressStaticGzip(path.join(__dirname, 'static'), expressStaticConfig),
   )
   .use(
     '/static',
     expressStaticGzip(
       path.join(__dirname, '../build/static'),
-      expressStaticConfig
-    )
+      expressStaticConfig,
+    ),
   )
   .use(
     '/@merkur/tools/static/',
-    express.static(path.join(__dirname, '../node_modules/@merkur/tools/static'))
+    express.static(
+      path.join(__dirname, '../node_modules/@merkur/tools/static'),
+    ),
   )
   .use(widgetAPI.router)
   .use(playground.router)

package/template/server/routes/playground/playground.js

@@ -10,7 +10,7 @@ const { playgroundErrorMiddleware } = require('@merkur/plugin-error/server');
 const { asyncMiddleware, getServerUrl } = require('../utils');
 
 const playgroundTemplate = ejs.compile(
-  fs.readFileSync(path.join(__dirname, '/playground.ejs'), 'utf8')
+  fs.readFileSync(path.join(__dirname, '/playground.ejs'), 'utf8'),
 );
 
 const router = express.Router();
@@ -35,14 +35,14 @@ router
           widgetProperties: restProperties,
           assets,
           html,
-        })
+        }),
       );
-    })
+    }),
   )
   .use(
     playgroundErrorMiddleware({
       renderPlayground: playgroundTemplate,
-    })
+    }),
   );
 
 module.exports = () => ({ router });

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

@@ -39,7 +39,7 @@ router.get(
       html,
       slot,
     });
-  })
+  }),
 );
 
 module.exports = () => ({ router });

package/template/src/lib/utils.js

@@ -31,7 +31,7 @@ function mapResolvedViews(widget, callback) {
         container:
           containerSelector && document?.querySelector(containerSelector),
       });
-    }
+    },
   );
 }
 

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

@@ -43,7 +43,7 @@ function createWidget(widgetParams) {
         widget,
         viewFactory,
         ({ View, container }) =>
-          container && widget.$dependencies.render(View(widget), container)
+          container && widget.$dependencies.render(View(widget), container),
       );
     },
   });

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

@@ -10,7 +10,7 @@ async function viewFactory(widget) {
 
       return acc;
     },
-    {}
+    {},
   );
 
   return {

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

@@ -30,7 +30,7 @@ function applyBabelLoader(config, { isProduction, environment, cache }) {
         cacheIdentifier: createCacheKey(
           environment,
           config?.name,
-          ...(cache?.versionDependencies ?? [])
+          ...(cache?.versionDependencies ?? []),
         ),
         cacheDirectory: true,
         cacheCompression: false,
@@ -51,10 +51,10 @@ module.exports = createLiveReloadServer().then(() =>
       createWebConfig,
       applyStyleLoaders,
       applyBabelLoader,
-      applyES9Transformation
+      applyES9Transformation,
     )(),
     pipe(createNodeConfig, applyStyleLoaders, applyBabelLoader)(),
-  ])
+  ]),
 );
 
 module.exports.applyBabelLoader = applyBabelLoader;

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

@@ -31,7 +31,7 @@ function createWidget(widgetParams) {
             },
             hydrate: !!container?.children?.length,
           });
-        }
+        },
       );
     },
     async unmount(widget) {

package/views/svelte/template/src/views/viewFactory.js

@@ -8,7 +8,7 @@ async function viewFactory(widget) {
 
       return acc;
     },
-    {}
+    {},
   );
 
   return {

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

@@ -54,8 +54,8 @@ module.exports = createLiveReloadServer().then(() =>
       createWebConfig,
       applyStyleLoaders,
       applySvelteWeb,
-      applyES9Transformation
+      applyES9Transformation,
     )(),
     pipe(createNodeConfig, applyStyleLoaders, applySvelteNode)(),
-  ])
+  ]),
 );

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

@@ -21,7 +21,7 @@ function createWidget(widgetParams) {
         widget,
         viewFactory,
         ({ View, container }) =>
-          container && widget.$dependencies.render(container, View(widget))
+          container && widget.$dependencies.render(container, View(widget)),
       );
     },
     async unmount(widget) {
@@ -30,7 +30,7 @@ function createWidget(widgetParams) {
         viewFactory,
         ({ container }) =>
           container &&
-          widget.$dependencies.render(container, widget.$dependencies.html``)
+          widget.$dependencies.render(container, widget.$dependencies.html``),
       );
     },
     async update(widget) {
@@ -38,7 +38,7 @@ function createWidget(widgetParams) {
         widget,
         viewFactory,
         ({ View, container }) =>
-          container && widget.$dependencies.render(container, View(widget))
+          container && widget.$dependencies.render(container, View(widget)),
       );
     },
   });

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

@@ -9,7 +9,7 @@ async function viewFactory(widget) {
 
       return acc;
     },
-    {}
+    {},
   );
 
   return {

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

@@ -12,5 +12,5 @@ module.exports = createLiveReloadServer().then(() =>
     pipe(createWebConfig, applyStyleLoaders)(),
     pipe(createWebConfig, applyStyleLoaders, applyES9Transformation)(),
     pipe(createNodeConfig, applyStyleLoaders)(),
-  ])
+  ]),
 );

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

@@ -9,7 +9,7 @@ async function viewFactory(widget) {
 
       return acc;
     },
-    {}
+    {},
   );
 
   return {

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

@@ -12,5 +12,5 @@ module.exports = createLiveReloadServer().then(() =>
     pipe(createWebConfig, applyStyleLoaders)(),
     pipe(createWebConfig, applyStyleLoaders, applyES9Transformation)(),
     pipe(createNodeConfig, applyStyleLoaders)(),
-  ])
+  ]),
 );