@micromag/cli 0.2.298 → 0.2.300

package/bin/export.js

@@ -109,22 +109,29 @@ const captureStory = async (story, location, settings = {}) => {
     width,
     height
   } = defaultViewport;
+  const {
+    components: screens = null,
+    metadata
+  } = story || {};
+  const {
+    language = 'fr'
+  } = metadata || {};
   const browser = await puppeteer__default['default'].launch({
     devtools: DEBUG,
     ...(executablePath !== null ? {
       executablePath
     } : null),
     defaultViewport,
-    args: ['--no-sandbox']
+    args: ['--no-sandbox', `--lang=${language}-CA,${language}`]
   }); // try {
 
   const pages = await browser.pages();
   const hasPage = pages.length > 0;
   const page = hasPage ? pages[0] : await browser.newPage();
-  await page.goto(`http://127.0.0.1:${serverPort}`);
-  const {
-    components: screens = null
-  } = story || {};
+  await page.setExtraHTTPHeaders({
+    'Accept-Language': language
+  });
+  await page.goto(`http://127.0.0.1:${serverPort}`); //
 
   if (screens !== null) {
     const count = screens.length;

package/lib/index.js

@@ -148,13 +148,17 @@ var captureStory = /*#__PURE__*/function () {
         serverPort,
         width,
         height,
+        _ref2,
+        _ref2$components,
+        screens,
+        metadata,
+        _ref3,
+        _ref3$language,
+        language,
         browser,
         pages,
         hasPage,
         page,
-        _ref2,
-        _ref2$components,
-        screens,
         count,
         index,
         screenNumber,
@@ -177,60 +181,66 @@ var captureStory = /*#__PURE__*/function () {
             server = _context2.sent;
             serverPort = server.address().port;
             width = defaultViewport.width, height = defaultViewport.height;
-            _context2.next = 9;
+            _ref2 = story || {}, _ref2$components = _ref2.components, screens = _ref2$components === void 0 ? null : _ref2$components, metadata = _ref2.metadata;
+            _ref3 = metadata || {}, _ref3$language = _ref3.language, language = _ref3$language === void 0 ? 'fr' : _ref3$language;
+            _context2.next = 11;
             return puppeteer__default['default'].launch(_objectSpread__default['default'](_objectSpread__default['default']({
               devtools: DEBUG
             }, executablePath !== null ? {
               executablePath: executablePath
             } : null), {}, {
               defaultViewport: defaultViewport,
-              args: ['--no-sandbox']
+              args: ['--no-sandbox', "--lang=".concat(language, "-CA,").concat(language)]
             }));
 
-          case 9:
+          case 11:
             browser = _context2.sent;
-            _context2.next = 12;
+            _context2.next = 14;
             return browser.pages();
 
-          case 12:
+          case 14:
             pages = _context2.sent;
             hasPage = pages.length > 0;
 
             if (!hasPage) {
-              _context2.next = 18;
+              _context2.next = 20;
               break;
             }
 
             _context2.t0 = pages[0];
-            _context2.next = 21;
+            _context2.next = 23;
             break;
 
-          case 18:
-            _context2.next = 20;
+          case 20:
+            _context2.next = 22;
             return browser.newPage();
 
-          case 20:
+          case 22:
             _context2.t0 = _context2.sent;
 
-          case 21:
+          case 23:
             page = _context2.t0;
-            _context2.next = 24;
-            return page["goto"]("http://127.0.0.1:".concat(serverPort));
+            _context2.next = 26;
+            return page.setExtraHTTPHeaders({
+              'Accept-Language': language
+            });
 
-          case 24:
-            _ref2 = story || {}, _ref2$components = _ref2.components, screens = _ref2$components === void 0 ? null : _ref2$components;
+          case 26:
+            _context2.next = 28;
+            return page["goto"]("http://127.0.0.1:".concat(serverPort));
 
+          case 28:
             if (!(screens !== null)) {
-              _context2.next = 51;
+              _context2.next = 54;
               break;
             }
 
             count = screens.length;
             index = 0;
 
-          case 28:
+          case 31:
             if (!(index < count)) {
-              _context2.next = 51;
+              _context2.next = 54;
               break;
             }
 
@@ -243,7 +253,7 @@ var captureStory = /*#__PURE__*/function () {
             console.log("Screen ".concat(screenNumber, "/").concat(count, " (").concat(type, ")..."));
 
             if (!(type === 'video' || type === 'video-360')) {
-              _context2.next = 36;
+              _context2.next = 39;
               break;
             }
 
@@ -280,10 +290,10 @@ var captureStory = /*#__PURE__*/function () {
                   }
                 }
               }, _callee);
-            })(), "t1", 36);
+            })(), "t1", 39);
 
-          case 36:
-            _context2.next = 38;
+          case 39:
+            _context2.next = 41;
             return page.evaluate(function (storyToRender, storyProps) {
               return renderStory(storyToRender, storyProps);
             }, singleScreenStory, {
@@ -296,46 +306,46 @@ var captureStory = /*#__PURE__*/function () {
               googleApiKey: googleApiKey
             });
 
-          case 38:
-            _context2.prev = 38;
-            _context2.next = 41;
+          case 41:
+            _context2.prev = 41;
+            _context2.next = 44;
             return page.waitForSelector('[data-screen-ready="true"]', {
               timeout: READY_WAIT_TIMEOUT
             });
 
-          case 41:
-            _context2.next = 46;
+          case 44:
+            _context2.next = 49;
             break;
 
-          case 43:
-            _context2.prev = 43;
-            _context2.t2 = _context2["catch"](38);
+          case 46:
+            _context2.prev = 46;
+            _context2.t2 = _context2["catch"](41);
             console.log("Timeout reached: ".concat(id));
 
-          case 46:
-            _context2.next = 48;
+          case 49:
+            _context2.next = 51;
             return page.screenshot({
               path: getOutputPath(location, "".concat(screenNumber, ".png"))
             });
 
-          case 48:
+          case 51:
             index += 1;
-            _context2.next = 28;
+            _context2.next = 31;
             break;
 
-          case 51:
-            _context2.next = 53;
+          case 54:
+            _context2.next = 56;
             return browser.close();
 
-          case 53:
+          case 56:
             server.close();
 
-          case 54:
+          case 57:
           case "end":
             return _context2.stop();
         }
       }
-    }, _callee2, null, [[38, 43]]);
+    }, _callee2, null, [[41, 46]]);
   }));
 
   return function captureStory(_x, _x2) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/cli",
-    "version": "0.2.298",
+    "version": "0.2.300",
     "description": "",
     "keywords": [
         "javascript"
@@ -44,13 +44,13 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.13.10",
-        "@micromag/core": "^0.2.291",
-        "@micromag/elements": "^0.2.295",
-        "@micromag/fields": "^0.2.295",
-        "@micromag/screens": "^0.2.297",
-        "@micromag/transforms": "^0.2.291",
-        "@micromag/viewer": "^0.2.298",
-        "@micromag/viewer-build": "^0.2.298",
+        "@micromag/core": "^0.2.300",
+        "@micromag/elements": "^0.2.300",
+        "@micromag/fields": "^0.2.300",
+        "@micromag/screens": "^0.2.300",
+        "@micromag/transforms": "^0.2.300",
+        "@micromag/viewer": "^0.2.300",
+        "@micromag/viewer-build": "^0.2.300",
         "change-case": "^4.1.2",
         "classnames": "^2.2.6",
         "commander": "^7.2.0",
@@ -67,5 +67,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "fdbca4b4a21c83bd80ac88633bf5ec6e9da6efa4"
+    "gitHead": "0beff892194f4a52ce6b916d3c819f46354b92ec"
 }