1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017 |
- /**
- * vue-meta v2.4.0
- * (c) 2020
- * - Declan de Wet
- * - Sébastien Chopin (@Atinux)
- * - Pim (@pimlie)
- * - All the amazing contributors
- * @license MIT
- */
- 'use strict';
- function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
- var deepmerge = _interopDefault(require('deepmerge'));
- var version = "2.4.0";
- function _typeof(obj) {
- "@babel/helpers - typeof";
- if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
- _typeof = function (obj) {
- return typeof obj;
- };
- } else {
- _typeof = function (obj) {
- return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
- };
- }
- return _typeof(obj);
- }
- function _defineProperty(obj, key, value) {
- if (key in obj) {
- Object.defineProperty(obj, key, {
- value: value,
- enumerable: true,
- configurable: true,
- writable: true
- });
- } else {
- obj[key] = value;
- }
- return obj;
- }
- function ownKeys(object, enumerableOnly) {
- var keys = Object.keys(object);
- if (Object.getOwnPropertySymbols) {
- var symbols = Object.getOwnPropertySymbols(object);
- if (enumerableOnly) symbols = symbols.filter(function (sym) {
- return Object.getOwnPropertyDescriptor(object, sym).enumerable;
- });
- keys.push.apply(keys, symbols);
- }
- return keys;
- }
- function _objectSpread2(target) {
- for (var i = 1; i < arguments.length; i++) {
- var source = arguments[i] != null ? arguments[i] : {};
- if (i % 2) {
- ownKeys(Object(source), true).forEach(function (key) {
- _defineProperty(target, key, source[key]);
- });
- } else if (Object.getOwnPropertyDescriptors) {
- Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
- } else {
- ownKeys(Object(source)).forEach(function (key) {
- Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
- });
- }
- }
- return target;
- }
- function _toConsumableArray(arr) {
- return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
- }
- function _arrayWithoutHoles(arr) {
- if (Array.isArray(arr)) return _arrayLikeToArray(arr);
- }
- function _iterableToArray(iter) {
- if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
- }
- function _unsupportedIterableToArray(o, minLen) {
- if (!o) return;
- if (typeof o === "string") return _arrayLikeToArray(o, minLen);
- var n = Object.prototype.toString.call(o).slice(8, -1);
- if (n === "Object" && o.constructor) n = o.constructor.name;
- if (n === "Map" || n === "Set") return Array.from(o);
- if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
- }
- function _arrayLikeToArray(arr, len) {
- if (len == null || len > arr.length) len = arr.length;
- for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
- return arr2;
- }
- function _nonIterableSpread() {
- throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
- }
- function _createForOfIteratorHelper(o, allowArrayLike) {
- var it;
- if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) {
- if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
- if (it) o = it;
- var i = 0;
- var F = function () {};
- return {
- s: F,
- n: function () {
- if (i >= o.length) return {
- done: true
- };
- return {
- done: false,
- value: o[i++]
- };
- },
- e: function (e) {
- throw e;
- },
- f: F
- };
- }
- throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
- }
- var normalCompletion = true,
- didErr = false,
- err;
- return {
- s: function () {
- it = o[Symbol.iterator]();
- },
- n: function () {
- var step = it.next();
- normalCompletion = step.done;
- return step;
- },
- e: function (e) {
- didErr = true;
- err = e;
- },
- f: function () {
- try {
- if (!normalCompletion && it.return != null) it.return();
- } finally {
- if (didErr) throw err;
- }
- }
- };
- }
- /**
- * checks if passed argument is an array
- * @param {any} arg - the object to check
- * @return {Boolean} - true if `arg` is an array
- */
- function isArray(arg) {
- return Array.isArray(arg);
- }
- function isUndefined(arg) {
- return typeof arg === 'undefined';
- }
- function isObject(arg) {
- return _typeof(arg) === 'object';
- }
- function isPureObject(arg) {
- return _typeof(arg) === 'object' && arg !== null;
- }
- function isFunction(arg) {
- return typeof arg === 'function';
- }
- function isString(arg) {
- return typeof arg === 'string';
- }
- function hasGlobalWindowFn() {
- try {
- return !isUndefined(window);
- } catch (e) {
- return false;
- }
- }
- var hasGlobalWindow = hasGlobalWindowFn();
- var _global = hasGlobalWindow ? window : global;
- var console = _global.console || {};
- function warn(str) {
- /* istanbul ignore next */
- if (!console || !console.warn) {
- return;
- }
- console.warn(str);
- }
- var showWarningNotSupported = function showWarningNotSupported() {
- return warn('This vue app/component has no vue-meta configuration');
- };
- /**
- * These are constant variables used throughout the application.
- */
- // set some sane defaults
- var defaultInfo = {
- title: undefined,
- titleChunk: '',
- titleTemplate: '%s',
- htmlAttrs: {},
- bodyAttrs: {},
- headAttrs: {},
- base: [],
- link: [],
- meta: [],
- style: [],
- script: [],
- noscript: [],
- __dangerouslyDisableSanitizers: [],
- __dangerouslyDisableSanitizersByTagID: {}
- };
- var rootConfigKey = '_vueMeta'; // This is the name of the component option that contains all the information that
- // gets converted to the various meta tags & attributes for the page.
- var keyName = 'metaInfo'; // This is the attribute vue-meta arguments on elements to know which it should
- // manage and which it should ignore.
- var attribute = 'data-vue-meta'; // This is the attribute that goes on the `html` tag to inform `vue-meta`
- // that the server has already generated the meta tags for the initial render.
- var ssrAttribute = 'data-vue-meta-server-rendered'; // This is the property that tells vue-meta to overwrite (instead of append)
- // an item in a tag list. For example, if you have two `meta` tag list items
- // that both have `vmid` of "description", then vue-meta will overwrite the
- // shallowest one with the deepest one.
- var tagIDKeyName = 'vmid'; // This is the key name for possible meta templates
- var metaTemplateKeyName = 'template'; // This is the key name for the content-holding property
- var contentKeyName = 'content'; // The id used for the ssr app
- var ssrAppId = 'ssr'; // How long meta update
- var debounceWait = 10; // How long meta update
- var waitOnDestroyed = true;
- var defaultOptions = {
- keyName: keyName,
- attribute: attribute,
- ssrAttribute: ssrAttribute,
- tagIDKeyName: tagIDKeyName,
- contentKeyName: contentKeyName,
- metaTemplateKeyName: metaTemplateKeyName,
- waitOnDestroyed: waitOnDestroyed,
- debounceWait: debounceWait,
- ssrAppId: ssrAppId
- }; // might be a bit ugly, but minimizes the browser bundles a bit
- var defaultInfoKeys = Object.keys(defaultInfo); // The metaInfo property keys which are used to disable escaping
- var disableOptionKeys = [defaultInfoKeys[12], defaultInfoKeys[13]]; // List of metaInfo property keys which are configuration options (and dont generate html)
- var metaInfoOptionKeys = [defaultInfoKeys[1], defaultInfoKeys[2], 'changed'].concat(disableOptionKeys); // List of metaInfo property keys which only generates attributes and no tags
- var metaInfoAttributeKeys = [defaultInfoKeys[3], defaultInfoKeys[4], defaultInfoKeys[5]]; // HTML elements which support the onload event
- var tagsSupportingOnload = ['link', 'style', 'script']; // HTML elements which dont have a head tag (shortened to our needs)
- // see: https://www.w3.org/TR/html52/document-metadata.html
- var tagsWithoutEndTag = ['base', 'meta', 'link']; // HTML elements which can have inner content (shortened to our needs)
- var tagsWithInnerContent = ['noscript', 'script', 'style']; // Attributes which are inserted as childNodes instead of HTMLAttribute
- var tagAttributeAsInnerContent = ['innerHTML', 'cssText', 'json'];
- var tagProperties = ['once', 'skip', 'template']; // Attributes which should be added with data- prefix
- var commonDataAttributes = ['body', 'pbody']; // from: https://github.com/kangax/html-minifier/blob/gh-pages/src/htmlminifier.js#L202
- var booleanHtmlAttributes = ['allowfullscreen', 'amp', 'amp-boilerplate', 'async', 'autofocus', 'autoplay', 'checked', 'compact', 'controls', 'declare', 'default', 'defaultchecked', 'defaultmuted', 'defaultselected', 'defer', 'disabled', 'enabled', 'formnovalidate', 'hidden', 'indeterminate', 'inert', 'ismap', 'itemscope', 'loop', 'multiple', 'muted', 'nohref', 'noresize', 'noshade', 'novalidate', 'nowrap', 'open', 'pauseonexit', 'readonly', 'required', 'reversed', 'scoped', 'seamless', 'selected', 'sortable', 'truespeed', 'typemustmatch', 'visible'];
- var batchId = null;
- function triggerUpdate(_ref, rootVm, hookName) {
- var debounceWait = _ref.debounceWait;
- // if an update was triggered during initialization or when an update was triggered by the
- // metaInfo watcher, set initialized to null
- // then we keep falsy value but know we need to run a triggerUpdate after initialization
- if (!rootVm[rootConfigKey].initialized && (rootVm[rootConfigKey].initializing || hookName === 'watcher')) {
- rootVm[rootConfigKey].initialized = null;
- }
- if (rootVm[rootConfigKey].initialized && !rootVm[rootConfigKey].pausing) {
- // batch potential DOM updates to prevent extraneous re-rendering
- // eslint-disable-next-line no-void
- batchUpdate(function () {
- return void rootVm.$meta().refresh();
- }, debounceWait);
- }
- }
- /**
- * Performs a batched update.
- *
- * @param {(null|Number)} id - the ID of this update
- * @param {Function} callback - the update to perform
- * @return {Number} id - a new ID
- */
- function batchUpdate(callback, timeout) {
- timeout = timeout === undefined ? 10 : timeout;
- if (!timeout) {
- callback();
- return;
- }
- clearTimeout(batchId);
- batchId = setTimeout(function () {
- callback();
- }, timeout);
- return batchId;
- }
- /*
- * To reduce build size, this file provides simple polyfills without
- * overly excessive type checking and without modifying
- * the global Array.prototype
- * The polyfills are automatically removed in the commonjs build
- * Also, only files in client/ & shared/ should use these functions
- * files in server/ still use normal js function
- */
- function find(array, predicate, thisArg) {
- if ( !Array.prototype.find) {
- // idx needs to be a Number, for..in returns string
- for (var idx = 0; idx < array.length; idx++) {
- if (predicate.call(thisArg, array[idx], idx, array)) {
- return array[idx];
- }
- }
- return;
- }
- return array.find(predicate, thisArg);
- }
- function findIndex(array, predicate, thisArg) {
- if ( !Array.prototype.findIndex) {
- // idx needs to be a Number, for..in returns string
- for (var idx = 0; idx < array.length; idx++) {
- if (predicate.call(thisArg, array[idx], idx, array)) {
- return idx;
- }
- }
- return -1;
- }
- return array.findIndex(predicate, thisArg);
- }
- function toArray(arg) {
- if ( !Array.from) {
- return Array.prototype.slice.call(arg);
- }
- return Array.from(arg);
- }
- function includes(array, value) {
- if ( !Array.prototype.includes) {
- for (var idx in array) {
- if (array[idx] === value) {
- return true;
- }
- }
- return false;
- }
- return array.includes(value);
- }
- var querySelector = function querySelector(arg, el) {
- return (el || document).querySelectorAll(arg);
- };
- function getTag(tags, tag) {
- if (!tags[tag]) {
- tags[tag] = document.getElementsByTagName(tag)[0];
- }
- return tags[tag];
- }
- function getElementsKey(_ref) {
- var body = _ref.body,
- pbody = _ref.pbody;
- return body ? 'body' : pbody ? 'pbody' : 'head';
- }
- function queryElements(parentNode, _ref2, attributes) {
- var appId = _ref2.appId,
- attribute = _ref2.attribute,
- type = _ref2.type,
- tagIDKeyName = _ref2.tagIDKeyName;
- attributes = attributes || {};
- var queries = ["".concat(type, "[").concat(attribute, "=\"").concat(appId, "\"]"), "".concat(type, "[data-").concat(tagIDKeyName, "]")].map(function (query) {
- for (var key in attributes) {
- var val = attributes[key];
- var attributeValue = val && val !== true ? "=\"".concat(val, "\"") : '';
- query += "[data-".concat(key).concat(attributeValue, "]");
- }
- return query;
- });
- return toArray(querySelector(queries.join(', '), parentNode));
- }
- function removeElementsByAppId(_ref3, appId) {
- var attribute = _ref3.attribute;
- toArray(querySelector("[".concat(attribute, "=\"").concat(appId, "\"]"))).map(function (el) {
- return el.remove();
- });
- }
- function removeAttribute(el, attributeName) {
- el.removeAttribute(attributeName);
- }
- function hasMetaInfo(vm) {
- vm = vm || this;
- return vm && (vm[rootConfigKey] === true || isObject(vm[rootConfigKey]));
- } // a component is in a metaInfo branch when itself has meta info or one of its (grand-)children has
- function inMetaInfoBranch(vm) {
- vm = vm || this;
- return vm && !isUndefined(vm[rootConfigKey]);
- }
- function pause(rootVm, refresh) {
- rootVm[rootConfigKey].pausing = true;
- return function () {
- return resume(rootVm, refresh);
- };
- }
- function resume(rootVm, refresh) {
- rootVm[rootConfigKey].pausing = false;
- if (refresh || refresh === undefined) {
- return rootVm.$meta().refresh();
- }
- }
- function addNavGuards(rootVm) {
- var router = rootVm.$router; // return when nav guards already added or no router exists
- if (rootVm[rootConfigKey].navGuards || !router) {
- /* istanbul ignore next */
- return;
- }
- rootVm[rootConfigKey].navGuards = true;
- router.beforeEach(function (to, from, next) {
- pause(rootVm);
- next();
- });
- router.afterEach(function () {
- rootVm.$nextTick(function () {
- var _resume = resume(rootVm),
- metaInfo = _resume.metaInfo;
- if (metaInfo && isFunction(metaInfo.afterNavigation)) {
- metaInfo.afterNavigation(metaInfo);
- }
- });
- });
- }
- var appId = 1;
- function createMixin(Vue, options) {
- // for which Vue lifecycle hooks should the metaInfo be refreshed
- var updateOnLifecycleHook = ['activated', 'deactivated', 'beforeMount'];
- var wasServerRendered = false; // watch for client side component updates
- return {
- beforeCreate: function beforeCreate() {
- var _this2 = this;
- var rootKey = '$root';
- var $root = this[rootKey];
- var $options = this.$options;
- var devtoolsEnabled = Vue.config.devtools;
- Object.defineProperty(this, '_hasMetaInfo', {
- configurable: true,
- get: function get() {
- // Show deprecation warning once when devtools enabled
- if (devtoolsEnabled && !$root[rootConfigKey].deprecationWarningShown) {
- warn('VueMeta DeprecationWarning: _hasMetaInfo has been deprecated and will be removed in a future version. Please use hasMetaInfo(vm) instead');
- $root[rootConfigKey].deprecationWarningShown = true;
- }
- return hasMetaInfo(this);
- }
- });
- if (this === $root) {
- $root.$once('hook:beforeMount', function () {
- wasServerRendered = this.$el && this.$el.nodeType === 1 && this.$el.hasAttribute('data-server-rendered'); // In most cases when you have a SSR app it will be the first app thats gonna be
- // initiated, if we cant detect the data-server-rendered attribute from Vue but we
- // do see our own ssrAttribute then _assume_ the Vue app with appId 1 is the ssr app
- // attempted fix for #404 & #562, but we rly need to refactor how we pass appIds from
- // ssr to the client
- if (!wasServerRendered && $root[rootConfigKey] && $root[rootConfigKey].appId === 1) {
- var htmlTag = getTag({}, 'html');
- wasServerRendered = htmlTag && htmlTag.hasAttribute(options.ssrAttribute);
- }
- });
- } // Add a marker to know if it uses metaInfo
- // _vnode is used to know that it's attached to a real component
- // useful if we use some mixin to add some meta tags (like nuxt-i18n)
- if (isUndefined($options[options.keyName]) || $options[options.keyName] === null) {
- return;
- }
- if (!$root[rootConfigKey]) {
- $root[rootConfigKey] = {
- appId: appId
- };
- appId++;
- if (devtoolsEnabled && $root.$options[options.keyName]) {
- // use nextTick so the children should be added to $root
- this.$nextTick(function () {
- // find the first child that lists fnOptions
- var child = find($root.$children, function (c) {
- return c.$vnode && c.$vnode.fnOptions;
- });
- if (child && child.$vnode.fnOptions[options.keyName]) {
- warn("VueMeta has detected a possible global mixin which adds a ".concat(options.keyName, " property to all Vue components on the page. This could cause severe performance issues. If possible, use $meta().addApp to add meta information instead"));
- }
- });
- }
- } // to speed up updates we keep track of branches which have a component with vue-meta info defined
- // if _vueMeta = true it has info, if _vueMeta = false a child has info
- if (!this[rootConfigKey]) {
- this[rootConfigKey] = true;
- var parent = this.$parent;
- while (parent && parent !== $root) {
- if (isUndefined(parent[rootConfigKey])) {
- parent[rootConfigKey] = false;
- }
- parent = parent.$parent;
- }
- } // coerce function-style metaInfo to a computed prop so we can observe
- // it on creation
- if (isFunction($options[options.keyName])) {
- $options.computed = $options.computed || {};
- $options.computed.$metaInfo = $options[options.keyName];
- if (!this.$isServer) {
- // if computed $metaInfo exists, watch it for updates & trigger a refresh
- // when it changes (i.e. automatically handle async actions that affect metaInfo)
- // credit for this suggestion goes to [Sébastien Chopin](https://github.com/Atinux)
- this.$on('hook:created', function () {
- this.$watch('$metaInfo', function () {
- triggerUpdate(options, this[rootKey], 'watcher');
- });
- });
- }
- } // force an initial refresh on page load and prevent other lifecycleHooks
- // to triggerUpdate until this initial refresh is finished
- // this is to make sure that when a page is opened in an inactive tab which
- // has throttled rAF/timers we still immediately set the page title
- if (isUndefined($root[rootConfigKey].initialized)) {
- $root[rootConfigKey].initialized = this.$isServer;
- if (!$root[rootConfigKey].initialized) {
- if (!$root[rootConfigKey].initializedSsr) {
- $root[rootConfigKey].initializedSsr = true;
- this.$on('hook:beforeMount', function () {
- var $root = this[rootKey]; // if this Vue-app was server rendered, set the appId to 'ssr'
- // only one SSR app per page is supported
- if (wasServerRendered) {
- $root[rootConfigKey].appId = options.ssrAppId;
- }
- });
- } // we use the mounted hook here as on page load
- this.$on('hook:mounted', function () {
- var $root = this[rootKey];
- if ($root[rootConfigKey].initialized) {
- return;
- } // used in triggerUpdate to check if a change was triggered
- // during initialization
- $root[rootConfigKey].initializing = true; // refresh meta in nextTick so all child components have loaded
- this.$nextTick(function () {
- var _$root$$meta$refresh = $root.$meta().refresh(),
- tags = _$root$$meta$refresh.tags,
- metaInfo = _$root$$meta$refresh.metaInfo; // After ssr hydration (identifier by tags === false) check
- // if initialized was set to null in triggerUpdate. That'd mean
- // that during initilazation changes where triggered which need
- // to be applied OR a metaInfo watcher was triggered before the
- // current hook was called
- // (during initialization all changes are blocked)
- if (tags === false && $root[rootConfigKey].initialized === null) {
- this.$nextTick(function () {
- return triggerUpdate(options, $root, 'init');
- });
- }
- $root[rootConfigKey].initialized = true;
- delete $root[rootConfigKey].initializing; // add the navigation guards if they havent been added yet
- // they are needed for the afterNavigation callback
- if (!options.refreshOnceOnNavigation && metaInfo.afterNavigation) {
- addNavGuards($root);
- }
- });
- }); // add the navigation guards if requested
- if (options.refreshOnceOnNavigation) {
- addNavGuards($root);
- }
- }
- }
- this.$on('hook:destroyed', function () {
- var _this = this;
- // do not trigger refresh:
- // - when user configured to not wait for transitions on destroyed
- // - when the component doesnt have a parent
- // - doesnt have metaInfo defined
- if (!this.$parent || !hasMetaInfo(this)) {
- return;
- }
- delete this._hasMetaInfo;
- this.$nextTick(function () {
- if (!options.waitOnDestroyed || !_this.$el || !_this.$el.offsetParent) {
- triggerUpdate(options, _this.$root, 'destroyed');
- return;
- } // Wait that element is hidden before refreshing meta tags (to support animations)
- var interval = setInterval(function () {
- if (_this.$el && _this.$el.offsetParent !== null) {
- /* istanbul ignore next line */
- return;
- }
- clearInterval(interval);
- triggerUpdate(options, _this.$root, 'destroyed');
- }, 50);
- });
- }); // do not trigger refresh on the server side
- if (this.$isServer) {
- /* istanbul ignore next */
- return;
- } // no need to add this hooks on server side
- updateOnLifecycleHook.forEach(function (lifecycleHook) {
- _this2.$on("hook:".concat(lifecycleHook), function () {
- triggerUpdate(options, this[rootKey], lifecycleHook);
- });
- });
- }
- };
- }
- function setOptions(options) {
- // combine options
- options = isObject(options) ? options : {}; // The options are set like this so they can
- // be minified by terser while keeping the
- // user api intact
- // terser --mangle-properties keep_quoted=strict
- /* eslint-disable dot-notation */
- return {
- keyName: options['keyName'] || defaultOptions.keyName,
- attribute: options['attribute'] || defaultOptions.attribute,
- ssrAttribute: options['ssrAttribute'] || defaultOptions.ssrAttribute,
- tagIDKeyName: options['tagIDKeyName'] || defaultOptions.tagIDKeyName,
- contentKeyName: options['contentKeyName'] || defaultOptions.contentKeyName,
- metaTemplateKeyName: options['metaTemplateKeyName'] || defaultOptions.metaTemplateKeyName,
- debounceWait: isUndefined(options['debounceWait']) ? defaultOptions.debounceWait : options['debounceWait'],
- waitOnDestroyed: isUndefined(options['waitOnDestroyed']) ? defaultOptions.waitOnDestroyed : options['waitOnDestroyed'],
- ssrAppId: options['ssrAppId'] || defaultOptions.ssrAppId,
- refreshOnceOnNavigation: !!options['refreshOnceOnNavigation']
- };
- /* eslint-enable dot-notation */
- }
- function getOptions(options) {
- var optionsCopy = {};
- for (var key in options) {
- optionsCopy[key] = options[key];
- }
- return optionsCopy;
- }
- function ensureIsArray(arg, key) {
- if (!key || !isObject(arg)) {
- return isArray(arg) ? arg : [];
- }
- if (!isArray(arg[key])) {
- arg[key] = [];
- }
- return arg;
- }
- var serverSequences = [[/&/g, '&'], [/</g, '<'], [/>/g, '>'], [/"/g, '"'], [/'/g, ''']];
- var clientSequences = [[/&/g, "&"], [/</g, "<"], [/>/g, ">"], [/"/g, "\""], [/'/g, "'"]]; // sanitizes potentially dangerous characters
- function escape(info, options, escapeOptions, escapeKeys) {
- var tagIDKeyName = options.tagIDKeyName;
- var _escapeOptions$doEsca = escapeOptions.doEscape,
- doEscape = _escapeOptions$doEsca === void 0 ? function (v) {
- return v;
- } : _escapeOptions$doEsca;
- var escaped = {};
- for (var key in info) {
- var value = info[key]; // no need to escape configuration options
- if (includes(metaInfoOptionKeys, key)) {
- escaped[key] = value;
- continue;
- } // do not use destructuring for disableOptionKeys, it increases transpiled size
- // due to var checks while we are guaranteed the structure of the cb
- var disableKey = disableOptionKeys[0];
- if (escapeOptions[disableKey] && includes(escapeOptions[disableKey], key)) {
- // this info[key] doesnt need to escaped if the option is listed in __dangerouslyDisableSanitizers
- escaped[key] = value;
- continue;
- }
- var tagId = info[tagIDKeyName];
- if (tagId) {
- disableKey = disableOptionKeys[1]; // keys which are listed in __dangerouslyDisableSanitizersByTagID for the current vmid do not need to be escaped
- if (escapeOptions[disableKey] && escapeOptions[disableKey][tagId] && includes(escapeOptions[disableKey][tagId], key)) {
- escaped[key] = value;
- continue;
- }
- }
- if (isString(value)) {
- escaped[key] = doEscape(value);
- } else if (isArray(value)) {
- escaped[key] = value.map(function (v) {
- if (isPureObject(v)) {
- return escape(v, options, escapeOptions, true);
- }
- return doEscape(v);
- });
- } else if (isPureObject(value)) {
- escaped[key] = escape(value, options, escapeOptions, true);
- } else {
- escaped[key] = value;
- }
- if (escapeKeys) {
- var escapedKey = doEscape(key);
- if (key !== escapedKey) {
- escaped[escapedKey] = escaped[key];
- delete escaped[key];
- }
- }
- }
- return escaped;
- }
- function escapeMetaInfo(options, info, escapeSequences) {
- escapeSequences = escapeSequences || []; // do not use destructuring for seq, it increases transpiled size
- // due to var checks while we are guaranteed the structure of the cb
- var escapeOptions = {
- doEscape: function doEscape(value) {
- return escapeSequences.reduce(function (val, seq) {
- return val.replace(seq[0], seq[1]);
- }, value);
- }
- };
- disableOptionKeys.forEach(function (disableKey, index) {
- if (index === 0) {
- ensureIsArray(info, disableKey);
- } else if (index === 1) {
- for (var key in info[disableKey]) {
- ensureIsArray(info[disableKey], key);
- }
- }
- escapeOptions[disableKey] = info[disableKey];
- }); // begin sanitization
- return escape(info, options, escapeOptions);
- }
- function applyTemplate(_ref, headObject, template, chunk) {
- var component = _ref.component,
- metaTemplateKeyName = _ref.metaTemplateKeyName,
- contentKeyName = _ref.contentKeyName;
- if (template === true || headObject[metaTemplateKeyName] === true) {
- // abort, template was already applied
- return false;
- }
- if (isUndefined(template) && headObject[metaTemplateKeyName]) {
- template = headObject[metaTemplateKeyName];
- headObject[metaTemplateKeyName] = true;
- } // return early if no template defined
- if (!template) {
- // cleanup faulty template properties
- delete headObject[metaTemplateKeyName];
- return false;
- }
- if (isUndefined(chunk)) {
- chunk = headObject[contentKeyName];
- }
- headObject[contentKeyName] = isFunction(template) ? template.call(component, chunk) : template.replace(/%s/g, chunk);
- return true;
- }
- function _arrayMerge(_ref, target, source) {
- var component = _ref.component,
- tagIDKeyName = _ref.tagIDKeyName,
- metaTemplateKeyName = _ref.metaTemplateKeyName,
- contentKeyName = _ref.contentKeyName;
- // we concat the arrays without merging objects contained in,
- // but we check for a `vmid` property on each object in the array
- // using an O(1) lookup associative array exploit
- var destination = [];
- if (!target.length && !source.length) {
- return destination;
- }
- target.forEach(function (targetItem, targetIndex) {
- // no tagID so no need to check for duplicity
- if (!targetItem[tagIDKeyName]) {
- destination.push(targetItem);
- return;
- }
- var sourceIndex = findIndex(source, function (item) {
- return item[tagIDKeyName] === targetItem[tagIDKeyName];
- });
- var sourceItem = source[sourceIndex]; // source doesnt contain any duplicate vmid's, we can keep targetItem
- if (sourceIndex === -1) {
- destination.push(targetItem);
- return;
- } // when sourceItem explictly defines contentKeyName or innerHTML as undefined, its
- // an indication that we need to skip the default behaviour or child has preference over parent
- // which means we keep the targetItem and ignore/remove the sourceItem
- if (contentKeyName in sourceItem && sourceItem[contentKeyName] === undefined || 'innerHTML' in sourceItem && sourceItem.innerHTML === undefined) {
- destination.push(targetItem); // remove current index from source array so its not concatenated to destination below
- source.splice(sourceIndex, 1);
- return;
- } // we now know that targetItem is a duplicate and we should ignore it in favor of sourceItem
- // if source specifies null as content then ignore both the target as the source
- if (sourceItem[contentKeyName] === null || sourceItem.innerHTML === null) {
- // remove current index from source array so its not concatenated to destination below
- source.splice(sourceIndex, 1);
- return;
- } // now we only need to check if the target has a template to combine it with the source
- var targetTemplate = targetItem[metaTemplateKeyName];
- if (!targetTemplate) {
- return;
- }
- var sourceTemplate = sourceItem[metaTemplateKeyName];
- if (!sourceTemplate) {
- // use parent template and child content
- applyTemplate({
- component: component,
- metaTemplateKeyName: metaTemplateKeyName,
- contentKeyName: contentKeyName
- }, sourceItem, targetTemplate); // set template to true to indicate template was already applied
- sourceItem.template = true;
- return;
- }
- if (!sourceItem[contentKeyName]) {
- // use parent content and child template
- applyTemplate({
- component: component,
- metaTemplateKeyName: metaTemplateKeyName,
- contentKeyName: contentKeyName
- }, sourceItem, undefined, targetItem[contentKeyName]);
- }
- });
- return destination.concat(source);
- }
- var warningShown = false;
- function merge(target, source, options) {
- options = options || {}; // remove properties explicitly set to false so child components can
- // optionally _not_ overwrite the parents content
- // (for array properties this is checked in arrayMerge)
- if (source.title === undefined) {
- delete source.title;
- }
- metaInfoAttributeKeys.forEach(function (attrKey) {
- if (!source[attrKey]) {
- return;
- }
- for (var key in source[attrKey]) {
- if (key in source[attrKey] && source[attrKey][key] === undefined) {
- if (includes(booleanHtmlAttributes, key) && !warningShown) {
- warn('VueMeta: Please note that since v2 the value undefined is not used to indicate boolean attributes anymore, see migration guide for details');
- warningShown = true;
- }
- delete source[attrKey][key];
- }
- }
- });
- return deepmerge(target, source, {
- arrayMerge: function arrayMerge(t, s) {
- return _arrayMerge(options, t, s);
- }
- });
- }
- function getComponentMetaInfo(options, component) {
- return getComponentOption(options || {}, component, defaultInfo);
- }
- /**
- * Returns the `opts.option` $option value of the given `opts.component`.
- * If methods are encountered, they will be bound to the component context.
- * If `opts.deep` is true, will recursively merge all child component
- * `opts.option` $option values into the returned result.
- *
- * @param {Object} opts - options
- * @param {Object} opts.component - Vue component to fetch option data from
- * @param {Boolean} opts.deep - look for data in child components as well?
- * @param {Function} opts.arrayMerge - how should arrays be merged?
- * @param {String} opts.keyName - the name of the option to look for
- * @param {Object} [result={}] - result so far
- * @return {Object} result - final aggregated result
- */
- function getComponentOption(options, component, result) {
- result = result || {};
- if (component._inactive) {
- return result;
- }
- options = options || {};
- var _options = options,
- keyName = _options.keyName;
- var $metaInfo = component.$metaInfo,
- $options = component.$options,
- $children = component.$children; // only collect option data if it exists
- if ($options[keyName]) {
- // if $metaInfo exists then [keyName] was defined as a function
- // and set to the computed prop $metaInfo in the mixin
- // using the computed prop should be a small performance increase
- // because Vue caches those internally
- var data = $metaInfo || $options[keyName]; // only merge data with result when its an object
- // eg it could be a function when metaInfo() returns undefined
- // dueo to the or statement above
- if (isObject(data)) {
- result = merge(result, data, options);
- }
- } // collect & aggregate child options if deep = true
- if ($children.length) {
- $children.forEach(function (childComponent) {
- // check if the childComponent is in a branch
- // return otherwise so we dont walk all component branches unnecessarily
- if (!inMetaInfoBranch(childComponent)) {
- return;
- }
- result = getComponentOption(options, childComponent, result);
- });
- }
- return result;
- }
- var callbacks = [];
- function isDOMComplete(d) {
- return (d || document).readyState === 'complete';
- }
- function addCallback(query, callback) {
- if (arguments.length === 1) {
- callback = query;
- query = '';
- }
- callbacks.push([query, callback]);
- }
- function addCallbacks(_ref, type, tags, autoAddListeners) {
- var tagIDKeyName = _ref.tagIDKeyName;
- var hasAsyncCallback = false;
- tags.forEach(function (tag) {
- if (!tag[tagIDKeyName] || !tag.callback) {
- return;
- }
- hasAsyncCallback = true;
- addCallback("".concat(type, "[data-").concat(tagIDKeyName, "=\"").concat(tag[tagIDKeyName], "\"]"), tag.callback);
- });
- if (!autoAddListeners || !hasAsyncCallback) {
- return hasAsyncCallback;
- }
- return addListeners();
- }
- function addListeners() {
- if (isDOMComplete()) {
- applyCallbacks();
- return;
- } // Instead of using a MutationObserver, we just apply
- /* istanbul ignore next */
- document.onreadystatechange = function () {
- applyCallbacks();
- };
- }
- function applyCallbacks(matchElement) {
- callbacks.forEach(function (args) {
- // do not use destructuring for args, it increases transpiled size
- // due to var checks while we are guaranteed the structure of the cb
- var query = args[0];
- var callback = args[1];
- var selector = "".concat(query, "[onload=\"this.__vm_l=1\"]");
- var elements = [];
- if (!matchElement) {
- elements = toArray(querySelector(selector));
- }
- if (matchElement && matchElement.matches(selector)) {
- elements = [matchElement];
- }
- elements.forEach(function (element) {
- /* __vm_cb: whether the load callback has been called
- * __vm_l: set by onload attribute, whether the element was loaded
- * __vm_ev: whether the event listener was added or not
- */
- if (element.__vm_cb) {
- return;
- }
- var onload = function onload() {
- /* Mark that the callback for this element has already been called,
- * this prevents the callback to run twice in some (rare) conditions
- */
- element.__vm_cb = true;
- /* onload needs to be removed because we only need the
- * attribute after ssr and if we dont remove it the node
- * will fail isEqualNode on the client
- */
- removeAttribute(element, 'onload');
- callback(element);
- };
- /* IE9 doesnt seem to load scripts synchronously,
- * causing a script sometimes/often already to be loaded
- * when we add the event listener below (thus adding an onload event
- * listener has no use because it will never be triggered).
- * Therefore we add the onload attribute during ssr, and
- * check here if it was already loaded or not
- */
- if (element.__vm_l) {
- onload();
- return;
- }
- if (!element.__vm_ev) {
- element.__vm_ev = true;
- element.addEventListener('load', onload);
- }
- });
- });
- }
- // instead of adding it to the html
- var attributeMap = {};
- /**
- * Updates the document's html tag attributes
- *
- * @param {Object} attrs - the new document html attributes
- * @param {HTMLElement} tag - the HTMLElement tag to update with new attrs
- */
- function updateAttribute(appId, options, type, attrs, tag) {
- var _ref = options || {},
- attribute = _ref.attribute;
- var vueMetaAttrString = tag.getAttribute(attribute);
- if (vueMetaAttrString) {
- attributeMap[type] = JSON.parse(decodeURI(vueMetaAttrString));
- removeAttribute(tag, attribute);
- }
- var data = attributeMap[type] || {};
- var toUpdate = []; // remove attributes from the map
- // which have been removed for this appId
- for (var attr in data) {
- if (data[attr] !== undefined && appId in data[attr]) {
- toUpdate.push(attr);
- if (!attrs[attr]) {
- delete data[attr][appId];
- }
- }
- }
- for (var _attr in attrs) {
- var attrData = data[_attr];
- if (!attrData || attrData[appId] !== attrs[_attr]) {
- toUpdate.push(_attr);
- if (attrs[_attr] !== undefined) {
- data[_attr] = data[_attr] || {};
- data[_attr][appId] = attrs[_attr];
- }
- }
- }
- for (var _i = 0, _toUpdate = toUpdate; _i < _toUpdate.length; _i++) {
- var _attr2 = _toUpdate[_i];
- var _attrData = data[_attr2];
- var attrValues = [];
- for (var _appId in _attrData) {
- Array.prototype.push.apply(attrValues, [].concat(_attrData[_appId]));
- }
- if (attrValues.length) {
- var attrValue = includes(booleanHtmlAttributes, _attr2) && attrValues.some(Boolean) ? '' : attrValues.filter(function (v) {
- return v !== undefined;
- }).join(' ');
- tag.setAttribute(_attr2, attrValue);
- } else {
- removeAttribute(tag, _attr2);
- }
- }
- attributeMap[type] = data;
- }
- /**
- * Updates the document title
- *
- * @param {String} title - the new title of the document
- */
- function updateTitle(title) {
- if (!title && title !== '') {
- return;
- }
- document.title = title;
- }
- /**
- * Updates meta tags inside <head> and <body> on the client. Borrowed from `react-helmet`:
- * https://github.com/nfl/react-helmet/blob/004d448f8de5f823d10f838b02317521180f34da/src/Helmet.js#L195-L245
- *
- * @param {('meta'|'base'|'link'|'style'|'script'|'noscript')} type - the name of the tag
- * @param {(Array<Object>|Object)} tags - an array of tag objects or a single object in case of base
- * @return {Object} - a representation of what tags changed
- */
- function updateTag(appId, options, type, tags, head, body) {
- var _ref = options || {},
- attribute = _ref.attribute,
- tagIDKeyName = _ref.tagIDKeyName;
- var dataAttributes = commonDataAttributes.slice();
- dataAttributes.push(tagIDKeyName);
- var newElements = [];
- var queryOptions = {
- appId: appId,
- attribute: attribute,
- type: type,
- tagIDKeyName: tagIDKeyName
- };
- var currentElements = {
- head: queryElements(head, queryOptions),
- pbody: queryElements(body, queryOptions, {
- pbody: true
- }),
- body: queryElements(body, queryOptions, {
- body: true
- })
- };
- if (tags.length > 1) {
- // remove duplicates that could have been found by merging tags
- // which include a mixin with metaInfo and that mixin is used
- // by multiple components on the same page
- var found = [];
- tags = tags.filter(function (x) {
- var k = JSON.stringify(x);
- var res = !includes(found, k);
- found.push(k);
- return res;
- });
- }
- tags.forEach(function (tag) {
- if (tag.skip) {
- return;
- }
- var newElement = document.createElement(type);
- if (!tag.once) {
- newElement.setAttribute(attribute, appId);
- }
- Object.keys(tag).forEach(function (attr) {
- /* istanbul ignore next */
- if (includes(tagProperties, attr)) {
- return;
- }
- if (attr === 'innerHTML') {
- newElement.innerHTML = tag.innerHTML;
- return;
- }
- if (attr === 'json') {
- newElement.innerHTML = JSON.stringify(tag.json);
- return;
- }
- if (attr === 'cssText') {
- if (newElement.styleSheet) {
- /* istanbul ignore next */
- newElement.styleSheet.cssText = tag.cssText;
- } else {
- newElement.appendChild(document.createTextNode(tag.cssText));
- }
- return;
- }
- if (attr === 'callback') {
- newElement.onload = function () {
- return tag[attr](newElement);
- };
- return;
- }
- var _attr = includes(dataAttributes, attr) ? "data-".concat(attr) : attr;
- var isBooleanAttribute = includes(booleanHtmlAttributes, attr);
- if (isBooleanAttribute && !tag[attr]) {
- return;
- }
- var value = isBooleanAttribute ? '' : tag[attr];
- newElement.setAttribute(_attr, value);
- });
- var oldElements = currentElements[getElementsKey(tag)]; // Remove a duplicate tag from domTagstoRemove, so it isn't cleared.
- var indexToDelete;
- var hasEqualElement = oldElements.some(function (existingTag, index) {
- indexToDelete = index;
- return newElement.isEqualNode(existingTag);
- });
- if (hasEqualElement && (indexToDelete || indexToDelete === 0)) {
- oldElements.splice(indexToDelete, 1);
- } else {
- newElements.push(newElement);
- }
- });
- var oldElements = [];
- for (var _type in currentElements) {
- Array.prototype.push.apply(oldElements, currentElements[_type]);
- } // remove old elements
- oldElements.forEach(function (element) {
- element.parentNode.removeChild(element);
- }); // insert new elements
- newElements.forEach(function (element) {
- if (element.hasAttribute('data-body')) {
- body.appendChild(element);
- return;
- }
- if (element.hasAttribute('data-pbody')) {
- body.insertBefore(element, body.firstChild);
- return;
- }
- head.appendChild(element);
- });
- return {
- oldTags: oldElements,
- newTags: newElements
- };
- }
- /**
- * Performs client-side updates when new meta info is received
- *
- * @param {Object} newInfo - the meta info to update to
- */
- function updateClientMetaInfo(appId, options, newInfo) {
- options = options || {};
- var _options = options,
- ssrAttribute = _options.ssrAttribute,
- ssrAppId = _options.ssrAppId; // only cache tags for current update
- var tags = {};
- var htmlTag = getTag(tags, 'html'); // if this is a server render, then dont update
- if (appId === ssrAppId && htmlTag.hasAttribute(ssrAttribute)) {
- // remove the server render attribute so we can update on (next) changes
- removeAttribute(htmlTag, ssrAttribute); // add load callbacks if the
- var addLoadListeners = false;
- tagsSupportingOnload.forEach(function (type) {
- if (newInfo[type] && addCallbacks(options, type, newInfo[type])) {
- addLoadListeners = true;
- }
- });
- if (addLoadListeners) {
- addListeners();
- }
- return false;
- } // initialize tracked changes
- var tagsAdded = {};
- var tagsRemoved = {};
- for (var type in newInfo) {
- // ignore these
- if (includes(metaInfoOptionKeys, type)) {
- continue;
- }
- if (type === 'title') {
- // update the title
- updateTitle(newInfo.title);
- continue;
- }
- if (includes(metaInfoAttributeKeys, type)) {
- var tagName = type.substr(0, 4);
- updateAttribute(appId, options, type, newInfo[type], getTag(tags, tagName));
- continue;
- } // tags should always be an array, ignore if it isnt
- if (!isArray(newInfo[type])) {
- continue;
- }
- var _updateTag = updateTag(appId, options, type, newInfo[type], getTag(tags, 'head'), getTag(tags, 'body')),
- oldTags = _updateTag.oldTags,
- newTags = _updateTag.newTags;
- if (newTags.length) {
- tagsAdded[type] = newTags;
- tagsRemoved[type] = oldTags;
- }
- }
- return {
- tagsAdded: tagsAdded,
- tagsRemoved: tagsRemoved
- };
- }
- var appsMetaInfo;
- function addApp(rootVm, appId, options) {
- return {
- set: function set(metaInfo) {
- return setMetaInfo(rootVm, appId, options, metaInfo);
- },
- remove: function remove() {
- return removeMetaInfo(rootVm, appId, options);
- }
- };
- }
- function setMetaInfo(rootVm, appId, options, metaInfo) {
- // if a vm exists _and_ its mounted then immediately update
- if (rootVm && rootVm.$el) {
- return updateClientMetaInfo(appId, options, metaInfo);
- } // store for later, the info
- // will be set on the first refresh
- appsMetaInfo = appsMetaInfo || {};
- appsMetaInfo[appId] = metaInfo;
- }
- function removeMetaInfo(rootVm, appId, options) {
- if (rootVm && rootVm.$el) {
- var tags = {};
- var _iterator = _createForOfIteratorHelper(metaInfoAttributeKeys),
- _step;
- try {
- for (_iterator.s(); !(_step = _iterator.n()).done;) {
- var type = _step.value;
- var tagName = type.substr(0, 4);
- updateAttribute(appId, options, type, {}, getTag(tags, tagName));
- }
- } catch (err) {
- _iterator.e(err);
- } finally {
- _iterator.f();
- }
- return removeElementsByAppId(options, appId);
- }
- if (appsMetaInfo[appId]) {
- delete appsMetaInfo[appId];
- clearAppsMetaInfo();
- }
- }
- function getAppsMetaInfo() {
- return appsMetaInfo;
- }
- function clearAppsMetaInfo(force) {
- if (force || !Object.keys(appsMetaInfo).length) {
- appsMetaInfo = undefined;
- }
- }
- /**
- * Returns the correct meta info for the given component
- * (child components will overwrite parent meta info)
- *
- * @param {Object} component - the Vue instance to get meta info from
- * @return {Object} - returned meta info
- */
- function getMetaInfo(options, info, escapeSequences, component) {
- options = options || {};
- escapeSequences = escapeSequences || [];
- var _options = options,
- tagIDKeyName = _options.tagIDKeyName; // Remove all "template" tags from meta
- // backup the title chunk in case user wants access to it
- if (info.title) {
- info.titleChunk = info.title;
- } // replace title with populated template
- if (info.titleTemplate && info.titleTemplate !== '%s') {
- applyTemplate({
- component: component,
- contentKeyName: 'title'
- }, info, info.titleTemplate, info.titleChunk || '');
- } // convert base tag to an array so it can be handled the same way
- // as the other tags
- if (info.base) {
- info.base = Object.keys(info.base).length ? [info.base] : [];
- }
- if (info.meta) {
- // remove meta items with duplicate vmid's
- info.meta = info.meta.filter(function (metaItem, index, arr) {
- var hasVmid = !!metaItem[tagIDKeyName];
- if (!hasVmid) {
- return true;
- }
- var isFirstItemForVmid = index === findIndex(arr, function (item) {
- return item[tagIDKeyName] === metaItem[tagIDKeyName];
- });
- return isFirstItemForVmid;
- }); // apply templates if needed
- info.meta.forEach(function (metaObject) {
- return applyTemplate(options, metaObject);
- });
- }
- return escapeMetaInfo(options, info, escapeSequences);
- }
- /**
- * When called, will update the current meta info with new meta info.
- * Useful when updating meta info as the result of an asynchronous
- * action that resolves after the initial render takes place.
- *
- * Credit to [Sébastien Chopin](https://github.com/Atinux) for the suggestion
- * to implement this method.
- *
- * @return {Object} - new meta info
- */
- function refresh(rootVm, options) {
- options = options || {}; // make sure vue-meta was initiated
- if (!rootVm[rootConfigKey]) {
- showWarningNotSupported();
- return {};
- } // collect & aggregate all metaInfo $options
- var rawInfo = getComponentMetaInfo(options, rootVm);
- var metaInfo = getMetaInfo(options, rawInfo, clientSequences, rootVm);
- var appId = rootVm[rootConfigKey].appId;
- var tags = updateClientMetaInfo(appId, options, metaInfo); // emit "event" with new info
- if (tags && isFunction(metaInfo.changed)) {
- metaInfo.changed(metaInfo, tags.tagsAdded, tags.tagsRemoved);
- tags = {
- addedTags: tags.tagsAdded,
- removedTags: tags.tagsRemoved
- };
- }
- var appsMetaInfo = getAppsMetaInfo();
- if (appsMetaInfo) {
- for (var additionalAppId in appsMetaInfo) {
- updateClientMetaInfo(additionalAppId, options, appsMetaInfo[additionalAppId]);
- delete appsMetaInfo[additionalAppId];
- }
- clearAppsMetaInfo(true);
- }
- return {
- vm: rootVm,
- metaInfo: metaInfo,
- // eslint-disable-line object-shorthand
- tags: tags
- };
- }
- /**
- * Generates tag attributes for use on the server.
- *
- * @param {('bodyAttrs'|'htmlAttrs'|'headAttrs')} type - the type of attributes to generate
- * @param {Object} data - the attributes to generate
- * @return {Object} - the attribute generator
- */
- function attributeGenerator(options, type, data, _ref) {
- var addSsrAttribute = _ref.addSsrAttribute;
- var _ref2 = options || {},
- attribute = _ref2.attribute,
- ssrAttribute = _ref2.ssrAttribute;
- var attributeStr = '';
- for (var attr in data) {
- var attrData = data[attr];
- var attrValues = [];
- for (var appId in attrData) {
- attrValues.push.apply(attrValues, _toConsumableArray([].concat(attrData[appId])));
- }
- if (attrValues.length) {
- attributeStr += booleanHtmlAttributes.includes(attr) && attrValues.some(Boolean) ? "".concat(attr) : "".concat(attr, "=\"").concat(attrValues.join(' '), "\"");
- attributeStr += ' ';
- }
- }
- if (attributeStr) {
- attributeStr += "".concat(attribute, "=\"").concat(encodeURI(JSON.stringify(data)), "\"");
- }
- if (type === 'htmlAttrs' && addSsrAttribute) {
- return "".concat(ssrAttribute).concat(attributeStr ? ' ' : '').concat(attributeStr);
- }
- return attributeStr;
- }
- /**
- * Generates title output for the server
- *
- * @param {'title'} type - the string "title"
- * @param {String} data - the title text
- * @return {Object} - the title generator
- */
- function titleGenerator(options, type, data, generatorOptions) {
- var _ref = generatorOptions || {},
- ln = _ref.ln;
- if (!data) {
- return '';
- }
- return "<".concat(type, ">").concat(data, "</").concat(type, ">").concat(ln ? '\n' : '');
- }
- /**
- * Generates meta, base, link, style, script, noscript tags for use on the server
- *
- * @param {('meta'|'base'|'link'|'style'|'script'|'noscript')} the name of the tag
- * @param {(Array<Object>|Object)} tags - an array of tag objects or a single object in case of base
- * @return {Object} - the tag generator
- */
- function tagGenerator(options, type, tags, generatorOptions) {
- var _ref = options || {},
- ssrAppId = _ref.ssrAppId,
- attribute = _ref.attribute,
- tagIDKeyName = _ref.tagIDKeyName;
- var _ref2 = generatorOptions || {},
- appId = _ref2.appId,
- _ref2$isSSR = _ref2.isSSR,
- isSSR = _ref2$isSSR === void 0 ? true : _ref2$isSSR,
- _ref2$body = _ref2.body,
- body = _ref2$body === void 0 ? false : _ref2$body,
- _ref2$pbody = _ref2.pbody,
- pbody = _ref2$pbody === void 0 ? false : _ref2$pbody,
- _ref2$ln = _ref2.ln,
- ln = _ref2$ln === void 0 ? false : _ref2$ln;
- var dataAttributes = [tagIDKeyName].concat(_toConsumableArray(commonDataAttributes));
- if (!tags || !tags.length) {
- return '';
- } // build a string containing all tags of this type
- return tags.reduce(function (tagsStr, tag) {
- if (tag.skip) {
- return tagsStr;
- }
- var tagKeys = Object.keys(tag);
- if (tagKeys.length === 0) {
- return tagsStr; // Bail on empty tag object
- }
- if (Boolean(tag.body) !== body || Boolean(tag.pbody) !== pbody) {
- return tagsStr;
- }
- var attrs = tag.once ? '' : " ".concat(attribute, "=\"").concat(appId || (isSSR === false ? '1' : ssrAppId), "\""); // build a string containing all attributes of this tag
- for (var attr in tag) {
- // these attributes are treated as children on the tag
- if (tagAttributeAsInnerContent.includes(attr) || tagProperties.includes(attr)) {
- continue;
- }
- if (attr === 'callback') {
- attrs += ' onload="this.__vm_l=1"';
- continue;
- } // these form the attribute list for this tag
- var prefix = '';
- if (dataAttributes.includes(attr)) {
- prefix = 'data-';
- }
- var isBooleanAttr = !prefix && booleanHtmlAttributes.includes(attr);
- if (isBooleanAttr && !tag[attr]) {
- continue;
- }
- attrs += " ".concat(prefix).concat(attr) + (isBooleanAttr ? '' : "=\"".concat(tag[attr], "\""));
- }
- var json = '';
- if (tag.json) {
- json = JSON.stringify(tag.json);
- } // grab child content from one of these attributes, if possible
- var content = tag.innerHTML || tag.cssText || json; // generate tag exactly without any other redundant attribute
- // these tags have no end tag
- var hasEndTag = !tagsWithoutEndTag.includes(type); // these tag types will have content inserted
- var hasContent = hasEndTag && tagsWithInnerContent.includes(type); // the final string for this specific tag
- return "".concat(tagsStr, "<").concat(type).concat(attrs).concat(!hasContent && hasEndTag ? '/' : '', ">") + (hasContent ? "".concat(content, "</").concat(type, ">") : '') + (ln ? '\n' : '');
- }, '');
- }
- /**
- * Converts a meta info property to one that can be stringified on the server
- *
- * @param {String} type - the type of data to convert
- * @param {(String|Object|Array<Object>)} data - the data value
- * @return {Object} - the new injector
- */
- function generateServerInjector(options, metaInfo, globalInjectOptions) {
- var serverInjector = {
- data: metaInfo,
- extraData: undefined,
- addInfo: function addInfo(appId, metaInfo) {
- this.extraData = this.extraData || {};
- this.extraData[appId] = metaInfo;
- },
- callInjectors: function callInjectors(opts) {
- var m = this.injectors; // only call title for the head
- return (opts.body || opts.pbody ? '' : m.title.text(opts)) + m.meta.text(opts) + m.base.text(opts) + m.link.text(opts) + m.style.text(opts) + m.script.text(opts) + m.noscript.text(opts);
- },
- injectors: {
- head: function head(ln) {
- return serverInjector.callInjectors(_objectSpread2(_objectSpread2({}, globalInjectOptions), {}, {
- ln: ln
- }));
- },
- bodyPrepend: function bodyPrepend(ln) {
- return serverInjector.callInjectors(_objectSpread2(_objectSpread2({}, globalInjectOptions), {}, {
- ln: ln,
- pbody: true
- }));
- },
- bodyAppend: function bodyAppend(ln) {
- return serverInjector.callInjectors(_objectSpread2(_objectSpread2({}, globalInjectOptions), {}, {
- ln: ln,
- body: true
- }));
- }
- }
- };
- var _loop = function _loop(type) {
- if (metaInfoOptionKeys.includes(type)) {
- return "continue";
- }
- serverInjector.injectors[type] = {
- text: function text(injectOptions) {
- var addSsrAttribute = injectOptions === true;
- injectOptions = _objectSpread2(_objectSpread2({
- addSsrAttribute: addSsrAttribute
- }, globalInjectOptions), injectOptions);
- if (type === 'title') {
- return titleGenerator(options, type, serverInjector.data[type], injectOptions);
- }
- if (metaInfoAttributeKeys.includes(type)) {
- var attributeData = {};
- var data = serverInjector.data[type];
- if (data) {
- var appId = injectOptions.isSSR === false ? '1' : options.ssrAppId;
- for (var attr in data) {
- attributeData[attr] = _defineProperty({}, appId, data[attr]);
- }
- }
- if (serverInjector.extraData) {
- for (var _appId in serverInjector.extraData) {
- var _data = serverInjector.extraData[_appId][type];
- if (_data) {
- for (var _attr in _data) {
- attributeData[_attr] = _objectSpread2(_objectSpread2({}, attributeData[_attr]), {}, _defineProperty({}, _appId, _data[_attr]));
- }
- }
- }
- }
- return attributeGenerator(options, type, attributeData, injectOptions);
- }
- var str = tagGenerator(options, type, serverInjector.data[type], injectOptions);
- if (serverInjector.extraData) {
- for (var _appId2 in serverInjector.extraData) {
- var _data2 = serverInjector.extraData[_appId2][type];
- var extraStr = tagGenerator(options, type, _data2, _objectSpread2({
- appId: _appId2
- }, injectOptions));
- str = "".concat(str).concat(extraStr);
- }
- }
- return str;
- }
- };
- };
- for (var type in defaultInfo) {
- var _ret = _loop(type);
- if (_ret === "continue") continue;
- }
- return serverInjector;
- }
- /**
- * Converts the state of the meta info object such that each item
- * can be compiled to a tag string on the server
- *
- * @vm {Object} - Vue instance - ideally the root component
- * @return {Object} - server meta info with `toString` methods
- */
- function inject(rootVm, options, injectOptions) {
- // make sure vue-meta was initiated
- if (!rootVm[rootConfigKey]) {
- showWarningNotSupported();
- return {};
- } // collect & aggregate all metaInfo $options
- var rawInfo = getComponentMetaInfo(options, rootVm);
- var metaInfo = getMetaInfo(options, rawInfo, serverSequences, rootVm); // generate server injector
- var serverInjector = generateServerInjector(options, metaInfo, injectOptions); // add meta info from additional apps
- var appsMetaInfo = getAppsMetaInfo();
- if (appsMetaInfo) {
- for (var additionalAppId in appsMetaInfo) {
- serverInjector.addInfo(additionalAppId, appsMetaInfo[additionalAppId]);
- delete appsMetaInfo[additionalAppId];
- }
- clearAppsMetaInfo(true);
- }
- return serverInjector.injectors;
- }
- function $meta(options) {
- options = options || {};
- /**
- * Returns an injector for server-side rendering.
- * @this {Object} - the Vue instance (a root component)
- * @return {Object} - injector
- */
- var $root = this.$root;
- return {
- getOptions: function getOptions$1() {
- return getOptions(options);
- },
- setOptions: function setOptions(newOptions) {
- var refreshNavKey = 'refreshOnceOnNavigation';
- if (newOptions && newOptions[refreshNavKey]) {
- options.refreshOnceOnNavigation = !!newOptions[refreshNavKey];
- addNavGuards($root);
- }
- var debounceWaitKey = 'debounceWait';
- if (newOptions && debounceWaitKey in newOptions) {
- var debounceWait = parseInt(newOptions[debounceWaitKey]);
- if (!isNaN(debounceWait)) {
- options.debounceWait = debounceWait;
- }
- }
- var waitOnDestroyedKey = 'waitOnDestroyed';
- if (newOptions && waitOnDestroyedKey in newOptions) {
- options.waitOnDestroyed = !!newOptions[waitOnDestroyedKey];
- }
- },
- refresh: function refresh$1() {
- return refresh($root, options);
- },
- inject: function inject$1(injectOptions) {
- return inject($root, options, injectOptions) ;
- },
- pause: function pause$1() {
- return pause($root);
- },
- resume: function resume$1() {
- return resume($root);
- },
- addApp: function addApp$1(appId) {
- return addApp($root, appId, options);
- }
- };
- }
- function generate(rawInfo, options) {
- options = setOptions(options);
- var metaInfo = getMetaInfo(options, rawInfo, serverSequences);
- var serverInjector = generateServerInjector(options, metaInfo);
- return serverInjector.injectors;
- }
- /**
- * Plugin install function.
- * @param {Function} Vue - the Vue constructor.
- */
- function install(Vue, options) {
- if (Vue.__vuemeta_installed) {
- return;
- }
- Vue.__vuemeta_installed = true;
- options = setOptions(options);
- Vue.prototype.$meta = function () {
- return $meta.call(this, options);
- };
- Vue.mixin(createMixin(Vue, options));
- }
- var index = {
- version: version,
- install: install,
- generate: function generate$1(metaInfo, options) {
- return generate(metaInfo, options) ;
- },
- hasMetaInfo: hasMetaInfo
- };
- module.exports = index;
|