@muonic/muon 0.0.2-beta.41 → 0.0.2-beta.42

package/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.0.2-beta.42](https://github.com/centrica-engineering/muon/compare/v0.0.2-beta.39...v0.0.2-beta.42) (2023-09-01)
+
+
+### Features
+
+* bubble the detail toggle event ([9a82a2b](https://github.com/centrica-engineering/muon/commit/9a82a2b35ecd29d9c00d9ae4d68b919ba1188c84))
+* inputter detail max width ([f32f699](https://github.com/centrica-engineering/muon/commit/f32f69945a7210765a70ac8d7f0a5bd868992386))
+* inputter detail width tokens ([c61bc6f](https://github.com/centrica-engineering/muon/commit/c61bc6f782b551229a45024ec984f1b4d07307c7))
+* inputter helper toggle event ([987dd38](https://github.com/centrica-engineering/muon/commit/987dd38fe39192906ae5e813a230342aca599dad))
+* virtual component-export ([5b7190e](https://github.com/centrica-engineering/muon/commit/5b7190ec3e96e5ba5ea228a30ecedb1e9d64ca4d))
+
 ### [0.0.2-beta.41](https://github.com/centrica-engineering/muon/compare/v0.0.2-beta.40...v0.0.2-beta.41) (2023-08-23)
 
 ### [0.0.2-beta.40](https://github.com/centrica-engineering/muon/compare/v0.0.2-beta.10...v0.0.2-beta.40) (2023-08-17)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@muonic/muon",
-  "version": "0.0.2-beta.41",
+  "version": "0.0.2-beta.42",
   "description": "",
   "main": "index.js",
   "scripts": {

package/rollup.config.mjs

@@ -3,7 +3,7 @@ import virtual from '@rollup/plugin-virtual';
 import { nodeResolve } from '@rollup/plugin-node-resolve';
 import { createBasicConfig } from '@open-wc/building-rollup';
 import path from 'path';
-import { componentDefiner, getDestination } from '@muonic/muon/scripts/utils/index.mjs';
+import { componentDefiner, componentImportExport, getDestination } from '@muonic/muon/scripts/utils/index.mjs';
 import { rollupPlugins } from '@muonic/muon/scripts/rollup-plugins.mjs';
 import minifyHTMLPlugin from 'rollup-plugin-minify-html-literals';
 
@@ -17,7 +17,8 @@ export default merge(config, {
   plugins: [
     minifyHTMLPlugin.default(),
     virtual({
-      'component-definitions.js': componentDefiner()
+      'component-definitions.js': componentDefiner(),
+      'component-export.js': componentImportExport()
     }),
     ...rollupPlugins,
     nodeResolve()

package/scripts/utils/index.mjs

@@ -313,6 +313,23 @@ const componentDefiner = async () => {
   return componentDefinition;
 };
 
+const componentImportExport = async () => {
+  const compList = await analyze();
+  let componentDefinition = `import '@webcomponents/scoped-custom-element-registry';`;
+
+  componentDefinition += compList.map(({ file, exportName }) => {
+    return `import { ${exportName} } from '${file}';
+    `;
+  }).join('');
+
+  componentDefinition += `
+    export {
+      ${compList.map(({ exportName }) => exportName).join(',')}
+    };`;
+
+  return componentDefinition;
+};
+
 const runner = async (file, overrideDestination) => {
   const destination = overrideDestination || getDestination();
 
@@ -328,6 +345,7 @@ export {
   filterPathToCustomElements,
   createTokens,
   componentDefiner,
+  componentImportExport,
   runner,
   sourceFilesAnalyzer,
   getAliasPaths

package/tests/scripts/utils/utils-test.mjs

@@ -74,6 +74,17 @@ componentsDefinitionMacro.title = (providedTitle, expected) => `${providedTitle}
 
 testRunner('componentDefiner', componentsDefinitionMacro, { card: 'Card', cta: 'Cta', detail: 'Detail', form: 'Form', icon: 'Icon', inputter: 'Inputter', image: 'Image' });
 
+const componentImportExportMacro = async (t, expected) => {
+  const componentImportExport = await utilsLibrary.componentImportExport();
+  t.true(componentImportExport !== undefined);
+  Object.keys(expected).forEach((component) => {
+    t.true(componentImportExport.indexOf(`import { ${expected[component]} } from '${process.cwd()}/components/${component}/src/${component}-component.js';`) > -1);
+  });
+};
+componentImportExportMacro.title = (providedTitle, expected) => `${providedTitle} => ${Object.keys(expected)}`;
+
+testRunner('componentImportExport', componentImportExportMacro, { card: 'Card', cta: 'Cta', detail: 'Detail', form: 'Form', icon: 'Icon', inputter: 'Inputter', image: 'Image' });
+
 testRunner('getAliasPath glob', async (t) => {
   const alias = utilsLibrary.getAliasPaths('glob');