@vtex/admin-core - npm Package Compare versions

Comparing version 0.8.1-experimental.2 to 0.9.0

CHANGELOG.md

@@ -6,13 +6,14 @@ # Change Log
 
-## [0.8.1-experimental.2](https://github.com/vtex/onda/compare/@vtex/admin-core@0.8.0...@vtex/admin-core@0.8.1-experimental.2) (2021-03-15)
+# [0.9.0](https://github.com/vtex/onda/compare/@vtex/admin-core@0.8.0...@vtex/admin-core@0.9.0) (2021-03-16)
 
-**Note:** Version bump only for package @vtex/admin-core
 
+### Bug Fixes
 
+* **font:** fix font preload type ([9bff95a](https://github.com/vtex/onda/commit/9bff95a8b8bbb2a991a736af566dd0b25de11004))
 
 
+### Features
 
-## [0.8.1-experimental.1](https://github.com/vtex/onda/compare/@vtex/admin-core@0.8.0...@vtex/admin-core@0.8.1-experimental.1) (2021-03-15)
+* **font:** add VTEX Trust font preload ([07f432d](https://github.com/vtex/onda/commit/07f432d8c6f74e8af4de6d5ca5f188466480f567))
 
-**Note:** Version bump only for package @vtex/admin-core
 
@@ -22,11 +23,2 @@
 
-
-## [0.8.1-experimental.0](https://github.com/vtex/onda/compare/@vtex/admin-core@0.8.0...@vtex/admin-core@0.8.1-experimental.0) (2021-03-11)
-
-**Note:** Version bump only for package @vtex/admin-core
-
-
-
-
-
 # [0.8.0](https://github.com/vtex/onda/compare/@vtex/admin-core@0.7.2...@vtex/admin-core@0.8.0) (2021-03-10)
@@ -33,0 +25,0 @@

dist/admin-core.cjs.development.js

@@ -13,2 +13,3 @@ 'use strict';
 var react$1 = require('@emotion/react');
+var reactHelmet = require('react-helmet');
 
@@ -87,2 +88,15 @@ function _extends() {
 }
+function FontsPreload() {
+  return adminUiSystem.jsxs.apply(void 0, [reactHelmet.Helmet, {}].concat([adminUiSystem.jsxs('link', {
+    rel: 'preload',
+    href: 'https://io.vtex.com.br/fonts/vtex-trust/VTEXTrust-Variable.woff2',
+    as: 'font',
+    type: 'font/woff2'
+  }), adminUiSystem.jsxs('link', {
+    rel: 'preload',
+    href: 'https://io.vtex.com.br/fonts/vtex-trust/VTEXTrust-Variable.woff',
+    as: 'font',
+    type: 'font/woff'
+  })]));
+}
 function Styles() {
@@ -103,5 +117,5 @@ var _theme$global2;
     value: system.emotionInstance.cache
-  }, adminUiSystem.jsxs.apply(void 0, [SystemContext.Provider, {
+  }, [adminUiSystem.jsxs.apply(void 0, [SystemContext.Provider, {
     value: system
-  }].concat([adminUiSystem.jsxs(Imports, {}), adminUiSystem.jsxs(Styles, {}), adminUiSystem.jsxs(system.ThemeProvider, {}, children)])));
+  }].concat([adminUiSystem.jsxs(FontsPreload, {}), adminUiSystem.jsxs(Imports, {}), adminUiSystem.jsxs(Styles, {}), adminUiSystem.jsxs(system.ThemeProvider, {}, children)]))]);
 }
@@ -108,0 +122,0 @@ function useSystem() {

dist/admin-core.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),r=require("@vtex/admin-ui-system"),n=(e=require("tiny-invariant"))&&"object"==typeof e&&"default"in e?e.default:e;require("focus-visible/dist/focus-visible");var o=require("@vtex/admin-ui-theme"),u=require("@emotion/react");function i(){return(i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function s(e,t){void 0===t&&(t={overrides:{}});var n=t.components,u=r.merge(o.theme,t.overrides),s=n?Object.assign(u,{components:i({},n,o.theme.components)}):u;return r.createSystem(s,"vtex-"+e)}var a,c,p,l=s("admin-ui");function f(){var e,t,r=(e=["\n      ","\n    "],t||(t=e.slice(0)),e.raw=t,e);return f=function(){return r},r}var b=null!==(a=null===(c=o.theme.global)||void 0===c||null===(p=c.imports)||void 0===p?void 0:p.reduce((function(e,t){return e+" @import '"+t+"';"}),""))&&void 0!==a?a:"";function m(){return r.jsxs(u.Global,{styles:u.css(f(),b)})}function d(){var e;return r.jsxs(u.Global,{styles:r.styles(null==o.theme||null===(e=o.theme.global)||void 0===e?void 0:e.styles)(o.theme)})}var y=t.createContext(null);Object.defineProperty(exports,"Global",{enumerable:!0,get:function(){return r.Global}}),Object.defineProperty(exports,"alpha",{enumerable:!0,get:function(){return r.alpha}}),Object.defineProperty(exports,"complement",{enumerable:!0,get:function(){return r.complement}}),Object.defineProperty(exports,"createComponent",{enumerable:!0,get:function(){return r.createComponent}}),Object.defineProperty(exports,"css",{enumerable:!0,get:function(){return r.css}}),Object.defineProperty(exports,"darken",{enumerable:!0,get:function(){return r.darken}}),Object.defineProperty(exports,"desaturate",{enumerable:!0,get:function(){return r.desaturate}}),Object.defineProperty(exports,"forwardRef",{enumerable:!0,get:function(){return r.forwardRef}}),Object.defineProperty(exports,"get",{enumerable:!0,get:function(){return r.get}}),Object.defineProperty(exports,"getColor",{enumerable:!0,get:function(){return r.getColor}}),Object.defineProperty(exports,"grayscale",{enumerable:!0,get:function(){return r.grayscale}}),Object.defineProperty(exports,"hue",{enumerable:!0,get:function(){return r.hue}}),Object.defineProperty(exports,"inlineVariant",{enumerable:!0,get:function(){return r.inlineVariant}}),Object.defineProperty(exports,"invert",{enumerable:!0,get:function(){return r.invert}}),Object.defineProperty(exports,"isFunction",{enumerable:!0,get:function(){return r.isFunction}}),Object.defineProperty(exports,"isObjectEmpty",{enumerable:!0,get:function(){return r.isObjectEmpty}}),Object.defineProperty(exports,"jsxs",{enumerable:!0,get:function(){return r.jsxs}}),Object.defineProperty(exports,"lighten",{enumerable:!0,get:function(){return r.lighten}}),Object.defineProperty(exports,"lightness",{enumerable:!0,get:function(){return r.lightness}}),Object.defineProperty(exports,"merge",{enumerable:!0,get:function(){return r.merge}}),Object.defineProperty(exports,"mix",{enumerable:!0,get:function(){return r.mix}}),Object.defineProperty(exports,"omit",{enumerable:!0,get:function(){return r.omit}}),Object.defineProperty(exports,"pick",{enumerable:!0,get:function(){return r.pick}}),Object.defineProperty(exports,"rotate",{enumerable:!0,get:function(){return r.rotate}}),Object.defineProperty(exports,"saturate",{enumerable:!0,get:function(){return r.saturate}}),Object.defineProperty(exports,"saturation",{enumerable:!0,get:function(){return r.saturation}}),Object.defineProperty(exports,"shade",{enumerable:!0,get:function(){return r.shade}}),Object.defineProperty(exports,"styles",{enumerable:!0,get:function(){return r.styles}}),Object.defineProperty(exports,"tint",{enumerable:!0,get:function(){return r.tint}}),Object.defineProperty(exports,"transparentize",{enumerable:!0,get:function(){return r.transparentize}}),Object.defineProperty(exports,"useMediaQuery",{enumerable:!0,get:function(){return r.useMediaQuery}}),Object.defineProperty(exports,"useResponsiveValue",{enumerable:!0,get:function(){return r.useResponsiveValue}}),Object.defineProperty(exports,"useTheme",{enumerable:!0,get:function(){return r.useTheme}}),Object.defineProperty(exports,"theme",{enumerable:!0,get:function(){return o.theme}}),exports.ThemeProvider=function(e){var t=e.children,n=e.system,o=void 0===n?l:n;return r.jsxs(r.CacheProvider,{value:o.emotionInstance.cache},r.jsxs.apply(void 0,[y.Provider,{value:o}].concat([r.jsxs(m,{}),r.jsxs(d,{}),r.jsxs(o.ThemeProvider,{},t)])))},exports.createSystem=s,exports.defaultSystem=l,exports.useSystem=function(){var e=t.useContext(y);e||n(!1);var r=e.emotionInstance;return{cn:e.cn,stylesOf:e.stylesOf,keyframes:r.keyframes,cx:r.cx}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),r=require("@vtex/admin-ui-system"),n=(e=require("tiny-invariant"))&&"object"==typeof e&&"default"in e?e.default:e;require("focus-visible/dist/focus-visible");var o=require("@vtex/admin-ui-theme"),u=require("@emotion/react"),i=require("react-helmet");function s(){return(s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function a(e,t){void 0===t&&(t={overrides:{}});var n=t.components,u=r.merge(o.theme,t.overrides),i=n?Object.assign(u,{components:s({},n,o.theme.components)}):u;return r.createSystem(i,"vtex-"+e)}var c,f,l,p=a("admin-ui");function b(){var e,t,r=(e=["\n      ","\n    "],t||(t=e.slice(0)),e.raw=t,e);return b=function(){return r},r}var m=null!==(c=null===(f=o.theme.global)||void 0===f||null===(l=f.imports)||void 0===l?void 0:l.reduce((function(e,t){return e+" @import '"+t+"';"}),""))&&void 0!==c?c:"";function d(){return r.jsxs(u.Global,{styles:u.css(b(),m)})}function y(){return r.jsxs.apply(void 0,[i.Helmet,{}].concat([r.jsxs("link",{rel:"preload",href:"https://io.vtex.com.br/fonts/vtex-trust/VTEXTrust-Variable.woff2",as:"font",type:"font/woff2"}),r.jsxs("link",{rel:"preload",href:"https://io.vtex.com.br/fonts/vtex-trust/VTEXTrust-Variable.woff",as:"font",type:"font/woff"})]))}function x(){var e;return r.jsxs(u.Global,{styles:r.styles(null==o.theme||null===(e=o.theme.global)||void 0===e?void 0:e.styles)(o.theme)})}var j=t.createContext(null);Object.defineProperty(exports,"Global",{enumerable:!0,get:function(){return r.Global}}),Object.defineProperty(exports,"alpha",{enumerable:!0,get:function(){return r.alpha}}),Object.defineProperty(exports,"complement",{enumerable:!0,get:function(){return r.complement}}),Object.defineProperty(exports,"createComponent",{enumerable:!0,get:function(){return r.createComponent}}),Object.defineProperty(exports,"css",{enumerable:!0,get:function(){return r.css}}),Object.defineProperty(exports,"darken",{enumerable:!0,get:function(){return r.darken}}),Object.defineProperty(exports,"desaturate",{enumerable:!0,get:function(){return r.desaturate}}),Object.defineProperty(exports,"forwardRef",{enumerable:!0,get:function(){return r.forwardRef}}),Object.defineProperty(exports,"get",{enumerable:!0,get:function(){return r.get}}),Object.defineProperty(exports,"getColor",{enumerable:!0,get:function(){return r.getColor}}),Object.defineProperty(exports,"grayscale",{enumerable:!0,get:function(){return r.grayscale}}),Object.defineProperty(exports,"hue",{enumerable:!0,get:function(){return r.hue}}),Object.defineProperty(exports,"inlineVariant",{enumerable:!0,get:function(){return r.inlineVariant}}),Object.defineProperty(exports,"invert",{enumerable:!0,get:function(){return r.invert}}),Object.defineProperty(exports,"isFunction",{enumerable:!0,get:function(){return r.isFunction}}),Object.defineProperty(exports,"isObjectEmpty",{enumerable:!0,get:function(){return r.isObjectEmpty}}),Object.defineProperty(exports,"jsxs",{enumerable:!0,get:function(){return r.jsxs}}),Object.defineProperty(exports,"lighten",{enumerable:!0,get:function(){return r.lighten}}),Object.defineProperty(exports,"lightness",{enumerable:!0,get:function(){return r.lightness}}),Object.defineProperty(exports,"merge",{enumerable:!0,get:function(){return r.merge}}),Object.defineProperty(exports,"mix",{enumerable:!0,get:function(){return r.mix}}),Object.defineProperty(exports,"omit",{enumerable:!0,get:function(){return r.omit}}),Object.defineProperty(exports,"pick",{enumerable:!0,get:function(){return r.pick}}),Object.defineProperty(exports,"rotate",{enumerable:!0,get:function(){return r.rotate}}),Object.defineProperty(exports,"saturate",{enumerable:!0,get:function(){return r.saturate}}),Object.defineProperty(exports,"saturation",{enumerable:!0,get:function(){return r.saturation}}),Object.defineProperty(exports,"shade",{enumerable:!0,get:function(){return r.shade}}),Object.defineProperty(exports,"styles",{enumerable:!0,get:function(){return r.styles}}),Object.defineProperty(exports,"tint",{enumerable:!0,get:function(){return r.tint}}),Object.defineProperty(exports,"transparentize",{enumerable:!0,get:function(){return r.transparentize}}),Object.defineProperty(exports,"useMediaQuery",{enumerable:!0,get:function(){return r.useMediaQuery}}),Object.defineProperty(exports,"useResponsiveValue",{enumerable:!0,get:function(){return r.useResponsiveValue}}),Object.defineProperty(exports,"useTheme",{enumerable:!0,get:function(){return r.useTheme}}),Object.defineProperty(exports,"theme",{enumerable:!0,get:function(){return o.theme}}),exports.ThemeProvider=function(e){var t=e.children,n=e.system,o=void 0===n?p:n;return r.jsxs(r.CacheProvider,{value:o.emotionInstance.cache},[r.jsxs.apply(void 0,[j.Provider,{value:o}].concat([r.jsxs(y,{}),r.jsxs(d,{}),r.jsxs(x,{}),r.jsxs(o.ThemeProvider,{},t)]))])},exports.createSystem=a,exports.defaultSystem=p,exports.useSystem=function(){var e=t.useContext(j);e||n(!1);var r=e.emotionInstance;return{cn:e.cn,stylesOf:e.stylesOf,keyframes:r.keyframes,cx:r.cx}};
 //# sourceMappingURL=admin-core.cjs.production.min.js.map

dist/admin-core.esm.js

@@ -9,2 +9,3 @@ import { useContext, createContext } from 'react';
 import { Global, css } from '@emotion/react';
+import { Helmet } from 'react-helmet';
 
@@ -83,2 +84,15 @@ function _extends() {
 }
+function FontsPreload() {
+  return jsxs.apply(void 0, [Helmet, {}].concat([jsxs('link', {
+    rel: 'preload',
+    href: 'https://io.vtex.com.br/fonts/vtex-trust/VTEXTrust-Variable.woff2',
+    as: 'font',
+    type: 'font/woff2'
+  }), jsxs('link', {
+    rel: 'preload',
+    href: 'https://io.vtex.com.br/fonts/vtex-trust/VTEXTrust-Variable.woff',
+    as: 'font',
+    type: 'font/woff'
+  })]));
+}
 function Styles() {
@@ -99,5 +113,5 @@ var _theme$global2;
     value: system.emotionInstance.cache
-  }, jsxs.apply(void 0, [SystemContext.Provider, {
+  }, [jsxs.apply(void 0, [SystemContext.Provider, {
     value: system
-  }].concat([jsxs(Imports, {}), jsxs(Styles, {}), jsxs(system.ThemeProvider, {}, children)])));
+  }].concat([jsxs(FontsPreload, {}), jsxs(Imports, {}), jsxs(Styles, {}), jsxs(system.ThemeProvider, {}, children)]))]);
 }
@@ -104,0 +118,0 @@ function useSystem() {

dist/global.d.ts

@@ -5,4 +5,5 @@ /// <reference types="react" />
 }, string | ((props: any) => import("react").ReactElement<any, string | any | (new (props: any) => import("react").Component<any, any, any>)> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
+export declare function FontsPreload(): import("react").ReactElement<import("react-helmet").HelmetProps, string | ((props: any) => import("react").ReactElement<any, string | any | (new (props: any) => import("react").Component<any, any, any>)> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
 export declare function Styles(): import("react").ReactElement<{
     styles: import("@emotion/react").CSSObject;
 }, string | ((props: any) => import("react").ReactElement<any, string | any | (new (props: any) => import("react").Component<any, any, any>)> | null) | (new (props: any) => import("react").Component<any, any, any>)>;

package.json

 {
   "name": "@vtex/admin-core",
-  "version": "0.8.1-experimental.2",
+  "version": "0.9.0",
   "main": "dist/index.js",
@@ -39,9 +39,10 @@ "module": "dist/admin-core.esm.js",
     "@vtex/admin-ui-system": "^0.15.0",
-    "@vtex/admin-ui-theme": "^0.19.4-experimental.2",
+    "@vtex/admin-ui-theme": "^0.20.0",
     "deepmerge": "^4.2.2",
     "focus-visible": "^5.1.0",
+    "react-helmet": "6.1.0",
     "tiny-invariant": "^1.1.0",
     "tiny-warning": "^1.0.3"
   },
-  "gitHead": "8df4f64974e7e34e7abed2f4b041421561ffc985"
+  "gitHead": "754030a8d486d3fd6fa9c203999744a5c3439e31"
 }

src/core.ts

@@ -8,3 +8,3 @@ import { createContext, ReactNode, useContext } from 'react'
 import { createSystem, jsxs, defaultSystem } from './system'
-import { Styles, Imports } from './global'
+import { Styles, Imports, FontsPreload } from './global'
 
@@ -18,5 +18,3 @@ const SystemContext = createContext<ReturnType<typeof createSystem> | null>(
 
-  return jsxs(
-    CacheProvider,
-    { value: system.emotionInstance.cache },
+  return jsxs(CacheProvider, { value: system.emotionInstance.cache }, [
     jsxs(
@@ -26,2 +24,3 @@ SystemContext.Provider,
       ...[
+        jsxs(FontsPreload, {}),
         jsxs(Imports, {}),
@@ -31,4 +30,4 @@ jsxs(Styles, {}),
       ]
-    )
-  )
+    ),
+  ])
 }
@@ -35,0 +34,0 @@

src/global.ts

 import { theme } from '@vtex/admin-ui-theme'
 import { Global, css } from '@emotion/react'
+import { Helmet } from 'react-helmet'
 import { jsxs, styles } from './system'
@@ -19,2 +20,25 @@
 
+export function FontsPreload() {
+  return jsxs(
+    Helmet,
+    {},
+    ...[
+      jsxs('link', {
+        rel: 'preload',
+        href:
+          'https://io.vtex.com.br/fonts/vtex-trust/VTEXTrust-Variable.woff2',
+        as: 'font',
+        type: 'font/woff2',
+      }),
+      jsxs('link', {
+        rel: 'preload',
+        href:
+          'https://io.vtex.com.br/fonts/vtex-trust/VTEXTrust-Variable.woff',
+        as: 'font',
+        type: 'font/woff',
+      }),
+    ]
+  )
+}
+
 export function Styles() {
@@ -21,0 +45,0 @@ return jsxs(Global, {

No alert changes

Improved metrics

Total package byte prevSize

50902

increased by10.77%

Lines of code

685

increased by8.39%

Worsened metrics

Dependency count

11

increased by10%

Dependency changes

• + Addedreact-helmet@6.1.0

• + Added@vtex/admin-ui-theme@0.20.2(transitive)

• + Addedobject-assign@4.1.1(transitive)

• + Addedprop-types@15.8.1(transitive)

• + Addedreact-fast-compare@3.2.2(transitive)

• + Addedreact-helmet@6.1.0(transitive)

• + Addedreact-side-effect@2.1.2(transitive)

• - Removed@vtex/admin-ui-theme@0.19.4-experimental.2(transitive)

• Updated@vtex/admin-ui-theme@^0.20.0