![\"Luigi](\"https://avatars0.githubusercontent.com/u/61326?v=4?s=100\")
![\"Thierry](\"https://avatars2.githubusercontent.com/u/806883?v=4?s=100\")
![\"Xavier](\"https://avatars1.githubusercontent.com/u/2471223?v=4?s=100\")
![\"Marco](\"https://avatars2.githubusercontent.com/u/858150?v=4?s=100\")
![\"Petr](\"https://avatars1.githubusercontent.com/u/735672?v=4?s=100\")
![\"Cody](\"https://avatars0.githubusercontent.com/u/22644154?v=4?s=100\")
![\"Phil.\"/](\"https://avatars1.githubusercontent.com/u/3285136?v=4?s=100\")
![\"Giorgio](\"https://avatars0.githubusercontent.com/u/5812801?v=4?s=100\")
![\"Wouter\"/](\"https://avatars2.githubusercontent.com/u/6507123?v=4?s=100\")
![\"Mike](\"https://avatars2.githubusercontent.com/u/12376535?v=4?s=100\")
![\"Red](\"https://avatars0.githubusercontent.com/u/16864380?v=4?s=100\")
![\"Jérémy](\"https://avatars1.githubusercontent.com/u/11242861?v=4?s=100\")
![\"Nguyen](\"https://avatars2.githubusercontent.com/u/1529454?v=4?s=100\")
![\"Daniel](\"https://avatars1.githubusercontent.com/u/668910?v=4?s=100\")
![\"Jean-Marie](\"https://avatars3.githubusercontent.com/u/3099008?v=4?s=100\")
![\"James\"/](\"https://avatars1.githubusercontent.com/u/325490?v=4?s=100\")
![\"Nicholas\"/](\"https://avatars0.githubusercontent.com/u/999162?v=4?s=100\")
![\"Patrick](\"https://avatars1.githubusercontent.com/u/667029?v=4?s=100\")
![\"A](\"https://avatars0.githubusercontent.com/u/4223655?v=4?s=100\")
![\"Pavel](\"https://avatars3.githubusercontent.com/u/29140681?v=4?s=100\")
![\"Daniele](\"https://avatars0.githubusercontent.com/u/7113516?v=4?s=100\")
![\"aswinkumar863\"/](\"https://avatars0.githubusercontent.com/u/32381261?v=4?s=100\")
![\"BounceIncHQ\"/](\"https://avatars0.githubusercontent.com/u/39249876?v=4?s=100\")
![\"gordonwes\"/](\"https://avatars3.githubusercontent.com/u/10758596?v=4?s=100\")
![\"Evan](\"https://avatars2.githubusercontent.com/u/7504632?v=4?s=100\")
![\"Jörg\"/](\"https://avatars2.githubusercontent.com/u/32126746?v=4?s=100\")
![\"ZAAK\"/](\"https://avatars3.githubusercontent.com/u/12050808?v=4?s=100\")
![\"Masahiro](\"https://avatars1.githubusercontent.com/u/42055102?v=4?s=100\")
![\"CassiusHR\"/](\"https://avatars1.githubusercontent.com/u/24419585?v=4?s=100\")
![\"Shane](\"https://avatars2.githubusercontent.com/u/3694619?v=4?s=100\")
![\"Dylan](\"https://avatars3.githubusercontent.com/u/1294637?v=4?s=100\")
![\"Quentin](\"https://avatars2.githubusercontent.com/u/9378568?v=4?s=100\")
![\"tortilaman\"/](\"https://avatars2.githubusercontent.com/u/5018268?v=4?s=100\")
![\"psntr\"/](\"https://avatars2.githubusercontent.com/u/20617539?v=4?s=100\")
![\"Kevin](\"https://avatars3.githubusercontent.com/u/12637253?v=4?s=100\")
![\"Tadeas](\"https://avatars2.githubusercontent.com/u/26543624?v=4?s=100\")
![\"Gustavo](\"https://avatars2.githubusercontent.com/u/26806307?v=4?s=100\")
![\"Clinton\"/](\"https://avatars0.githubusercontent.com/u/25391588?v=4?s=100\")
![\"Dave](\"https://avatars3.githubusercontent.com/u/3268717?v=4?s=100\")
![\"khaiknievel\"/](\"https://avatars1.githubusercontent.com/u/5792500?v=4?s=100\")
![\"Francesco](\"https://avatars3.githubusercontent.com/u/5191941?v=4?s=100\")
![\"Domantas](\"https://avatars1.githubusercontent.com/u/13431677?v=4?s=100\")
![\"Kyle](\"https://avatars3.githubusercontent.com/u/1709677?v=4?s=100\")
![\"Oliver](\"https://avatars3.githubusercontent.com/u/6540497?v=4?s=100\")
![\"Lu](\"https://avatars1.githubusercontent.com/u/1242864?v=4?s=100\")
![\"Bram](\"https://avatars1.githubusercontent.com/u/1107185?v=4?s=100\")
![\"Michael](\"https://avatars1.githubusercontent.com/u/510652?v=4?s=100\")
![\"Pascal](\"https://avatars2.githubusercontent.com/u/1073989?v=4?s=100\")
![\"Federico](\"https://avatars3.githubusercontent.com/u/1402241?v=4?s=100\")
![\"Corey](\"https://avatars1.githubusercontent.com/u/1465865?v=4?s=100\")
![\"Milan](\"https://avatars3.githubusercontent.com/u/888008?v=4?s=100\")
![\"Julien](\"https://avatars1.githubusercontent.com/u/196644?v=4?s=100\")
![\"Maciej](\"https://avatars2.githubusercontent.com/u/8494786?v=4?s=100\")
![\"Terion\"/](\"https://avatars0.githubusercontent.com/u/1060205?v=4?s=100\")
![\"Matt](\"https://avatars2.githubusercontent.com/u/462077?v=4?s=100\")
![\"Max](\"https://avatars2.githubusercontent.com/u/15388185?v=4?s=100\")
![\"David\"/](\"https://avatars3.githubusercontent.com/u/1521451?v=4?s=100\")
![\"Pierre-Henri](\"https://avatars3.githubusercontent.com/u/19267400?v=4?s=100\")
![\"lsbyerley\"/](\"https://avatars0.githubusercontent.com/u/3066258?v=4?s=100\")
![\"Guillaume](\"https://avatars2.githubusercontent.com/u/242203?v=4?s=100\")
![\"Oscar](\"https://avatars3.githubusercontent.com/u/377873?v=4?s=100\")
![\"Nico](\"https://avatars0.githubusercontent.com/u/645641?v=4?s=100\")
![\"Marco](\"https://avatars2.githubusercontent.com/u/104721?v=4?s=100\")
![\"atoupet-toki\"/](\"https://avatars3.githubusercontent.com/u/38693082?v=4?s=100\")
![\"Josias\"/](\"https://avatars1.githubusercontent.com/u/11424820?v=4?s=100\")
![\"Oksana](\"https://avatars1.githubusercontent.com/u/5724727?v=4?s=100\")
![\"Olivier](\"https://avatars3.githubusercontent.com/u/5804006?v=4?s=100\")
![\"Liroo](\"https://avatars3.githubusercontent.com/u/11197281?v=4?s=100\")
![\"Luis](\"https://avatars2.githubusercontent.com/u/151981?v=4?s=100\")
![\"Matthew\"/](\"https://avatars0.githubusercontent.com/u/41524?v=4?s=100\")
![\"Simon](\"https://avatars0.githubusercontent.com/u/393000?v=4?s=100\")
![\"Luís](\"https://avatars3.githubusercontent.com/u/14956453?v=4?s=100\")
![\"Samuel](\"https://avatars2.githubusercontent.com/u/20925205?v=4?s=100\")
![\"Anderson](\"https://avatars.githubusercontent.com/u/52427?v=4?s=100\")
![\"Jay](\"https://avatars.githubusercontent.com/u/13233809?v=4?s=100\")
![\"Tim](\"https://avatars.githubusercontent.com/u/47873678?v=4?s=100\")
![\"Nicolas](\"https://avatars.githubusercontent.com/u/1353931?v=4?s=100\")
![\"Gerald](\"https://avatars.githubusercontent.com/u/5095859?v=4?s=100\")
\n
\n\n {{> footer}}\n\n \n \n \n\n {{> analytics}}\n\n\n\n\n"
},
{
"path": "jest.config.js",
"content": "module.exports = {\n collectCoverageFrom: [\n 'packages/**/src/**/*.ts',\n '!packages/**/src/**/*.d.ts',\n '!packages/**/src/typings.ts',\n '!packages/**/src/**/index.ts',\n '!packages/**/src/polyfills/**.ts',\n '!packages/core/src/utils/helpers.ts',\n ],\n coverageThreshold: {\n global: {\n statements: 95,\n branches: 95,\n functions: 95,\n lines: 95,\n },\n },\n preset: 'ts-jest',\n resetMocks: true,\n testEnvironment: 'jest-environment-jsdom-global',\n testMatch: ['**/__tests__/**/*.test.ts'],\n transformIgnorePatterns: ['\n
\n \n {{{contents}}}\n
\n \n \n\n \n
\n \n \n
\n\n`;\n\n// Mocks\nlet spyHas: jest.SpyInstance;\nlet spySet: jest.SpyInstance;\n\nbeforeEach(() => {\n spyHas = jest.spyOn(barba.cache, 'has');\n spySet = jest.spyOn(barba.cache, 'set');\n xhrMock.setup();\n xhrMock.error(() => {}); // tslint:disable-line:no-empty\n});\nafterEach(() => {\n link.removeAttribute('data-barba-prevent');\n spyHas.mockRestore();\n spySet.mockRestore();\n xhrMock.teardown();\n});\n\nit('handle link enter', () => {\n link.href = 'foo';\n span.dispatchEvent(mouseover);\n\n expect(spyHas).toHaveBeenCalledTimes(1);\n expect(spySet).toHaveBeenCalledTimes(1);\n});\n\nit('handle link enter with same url', () => {\n barba.cache.set(sameUrl, Promise.resolve({\n html: sameHtml,\n url: {\n href: sameUrl,\n ...parse(sameUrl)\n } as IUrlFull,\n }), 'init', 'pending');\n spySet.mockRestore();\n link.href = sameUrl;\n span.dispatchEvent(mouseover);\n\n expect(spyHas).toHaveBeenCalledTimes(1);\n expect(spySet).toHaveBeenCalledTimes(0);\n});\n\nit('handle bad request', async () => {\n barba.logger.error = jest.fn();\n xhrMock.get('http://localhost/bad', (req, res) => res.status(500));\n xhrMock.error(() => {}); // tslint:disable-line:no-empty\n link.href = 'bad';\n span.dispatchEvent(mouseover);\n\n expect(spyHas).toHaveBeenCalledTimes(1);\n expect(spySet).toHaveBeenCalledTimes(1);\n await waitForExpect(() => {\n expect(barba.logger.error).toHaveBeenCalledTimes(1);\n });\n});\n\nit('handle link enter with prevent link', () => {\n link.href = 'foo';\n link.dataset.barbaPrevent = '';\n span.dispatchEvent(mouseover);\n\n expect(spyHas).toHaveBeenCalledTimes(0);\n expect(spySet).toHaveBeenCalledTimes(0);\n});\n\nit('handle link enter with prevent url', () => {\n barba.destroy();\n barba.init({ prefetchIgnore: '/foo' });\n spyHas = jest.spyOn(barba.cache, 'has');\n spySet = jest.spyOn(barba.cache, 'set');\n\n link.href = '/foo';\n span.dispatchEvent(mouseover);\n\n expect(spyHas).toHaveBeenCalledTimes(0);\n expect(spySet).toHaveBeenCalledTimes(0);\n});\n"
},
{
"path": "packages/core/__tests__/core/core.force.test.ts",
"content": "import barba from '../../src';\n\nit('force url change', () => {\n Object.defineProperty(window, 'location', {\n writable: true,\n value: { assign: jest.fn() }\n })\n\n const url = 'http://localhost/foo.html';\n\n barba.force(url);\n\n expect(window.location.assign).toHaveBeenCalledTimes(1);\n});\n"
},
{
"path": "packages/core/__tests__/core/core.go.test.ts",
"content": "/* tslint:disable:no-empty no-string-literal */\nimport { init } from '../../__mocks__/barba';\nimport barba from '../../src';\nimport { hooks } from '../../src/hooks';\nimport { schemaAttribute } from '../../src/schemas/attribute';\n\n// Needed for \"request\" module\n(global as any).Headers = class {};\n\nconst namespace = 'next';\nconst nextUrl = 'http://localhost/foo';\n\n// Mocks\nlet spyHistory: jest.SpyInstance;\n\nbeforeEach(() => {\n init();\n // barba.init();\n\n self.fetch = jest.fn().mockImplementation(() => ({\n status: 200,\n text: () =>\n Promise.resolve(`\n \n \n \n
\n \n `),\n }));\n});\nafterEach(() => {\n barba.destroy();\n spyHistory && spyHistory.mockRestore();\n (global as any).jsdom.reconfigure({ url: 'http://localhost/' });\n});\n\nit('do go', async () => {\n barba.page = jest.fn();\n\n await barba.go('http://localhost/foo');\n\n expect(barba.page).toHaveBeenCalledWith(\n 'http://localhost/foo',\n 'barba',\n undefined,\n false\n );\n});\n\nit('force when manager running', async () => {\n barba.force = jest.fn();\n barba.page = jest.fn();\n hooks.do = jest.fn();\n\n barba.transitions.store.add('transition', { leave() {}, enter() {} });\n barba.transitions['_running'] = true;\n await barba.go(nextUrl, 'barba');\n\n expect(barba.force).toHaveBeenCalledTimes(1);\n expect(hooks.do).not.toHaveBeenCalled();\n expect(barba.page).not.toHaveBeenCalled();\n\n barba.transitions['_running'] = false;\n});\n\nit('prevent same url with no self transition', async () => {\n barba.page = jest.fn();\n\n await barba.go('http://localhost/');\n\n expect(barba.page).not.toHaveBeenCalled();\n});\n\nit('use self transition on same url [barba]', async () => {\n barba.page = jest.fn();\n barba.transitions.store.add('transition', { name: 'self' });\n\n await barba.go('http://localhost/');\n\n expect(barba.page).toHaveBeenCalledWith(\n 'http://localhost/',\n 'barba',\n undefined,\n true\n );\n});\n\nit('use self transition on same url [popstate]', async () => {\n barba.page = jest.fn();\n barba.transitions.store.add('transition', { name: 'self' });\n\n const event = {\n state: {\n index: 0,\n },\n stopPropagation() {},\n preventDefault() {},\n } as PopStateEvent;\n\n await barba.go('http://localhost/', 'popstate', event);\n\n expect(barba.page).toHaveBeenCalledWith(\n 'http://localhost/',\n 'popstate',\n event,\n true\n );\n});\n\nit('add history', async () => {\n spyHistory = jest.spyOn(barba.history, 'add');\n\n await barba.go('http://localhost/foo');\n\n expect(barba.history.add).toHaveBeenCalledWith(\n 'http://localhost/foo',\n 'barba'\n );\n});\n\nit('change history', async () => {\n spyHistory = jest.spyOn(barba.history, 'change');\n\n await barba.prefetch('http://localhost/');\n await barba.go('http://localhost/foo', 'barba');\n await barba.go('http://localhost/', 'barba');\n\n expect(barba.history.change).toHaveBeenCalledTimes(2);\n});\n\nit('manage direction', async () => {\n barba.page = jest.fn();\n\n const event = {\n state: {\n index: 1,\n },\n stopPropagation() {},\n preventDefault() {},\n } as PopStateEvent;\n\n await barba.go('http://localhost/foo');\n await barba.go('http://localhost/bar');\n await barba.go('http://localhost/foo', 'popstate', event);\n\n expect(barba.page).toHaveBeenCalledWith(\n 'http://localhost/foo',\n 'back',\n event,\n false\n );\n});\n"
},
{
"path": "packages/core/__tests__/core/core.init.test.ts",
"content": "/* tslint:disable:no-string-literal */\nimport barba from '../../src';\nimport { PreventCheck } from '../../src/defs';\n\nconst wrapper = document.createElement('div');\nconst container = document.createElement('div');\nconst namespace = 'ns';\n\nwrapper.dataset.barba = 'wrapper';\ncontainer.dataset.barba = 'container';\ncontainer.dataset.barbaNamespace = namespace;\n\n/**\n * Mock init\n */\nfunction init() {\n barba.init();\n}\n\nbeforeEach(() => {\n document.body.appendChild(wrapper);\n wrapper.appendChild(container);\n});\n\nafterEach(() => {\n document.body.innerHTML = '';\n});\n\nit('needs barba wrapper', () => {\n wrapper.remove();\n expect(init).toThrow('No Barba wrapper found');\n});\n\nit('needs barba container', () => {\n container.remove();\n expect(init).toThrow('No Barba container found');\n});\n\nit('needs valid prevent custom', () => {\n const start = () => {\n barba.init({ prevent: ('bad' as unknown) as PreventCheck });\n };\n\n expect(start).toThrow('Prevent should be a function');\n barba.prevent.add = jest.fn();\n expect(barba.prevent.add).not.toHaveBeenCalled();\n});\n\nit('adds prevent custom', () => {\n barba.init({ prevent: () => true });\n expect(barba.prevent.tests.has('preventCustom')).toBeTruthy();\n});\n\nit('has DOM elements', () => {\n barba.init();\n expect(barba.wrapper).toBe(wrapper);\n expect(barba.data.current.container).toBe(container);\n});\n\nit('has current page content', () => {\n barba.init();\n expect(barba.data.current).toBeDefined();\n expect(barba.data.current.namespace).toBe(namespace);\n expect(barba.data.current.url).toEqual({\n hash: undefined,\n href: 'http://localhost/',\n path: '/',\n port: 80,\n query: {},\n });\n expect(barba.data.current.container).toBe(container);\n expect(barba.data.current.html).toMatch(/^.+<\\/html>$/);\n});\n\nit('init history', () => {\n barba.init();\n expect(barba.history.current).toEqual({\n data: {},\n ns: 'ns',\n scroll: {\n x: 0,\n y: 0,\n },\n url: 'http://localhost/',\n });\n});\n\nit('calls once', () => {\n barba.once = jest.fn();\n barba.init();\n expect(barba.once).toHaveBeenCalledTimes(1);\n});\n\nit('gets wrapper', () => {\n barba.init();\n expect(barba.wrapper).toBe(wrapper);\n});\n\nit('has other options', () => {\n wrapper.dataset.highway = 'main';\n container.dataset.highway = 'container';\n\n barba.init({\n requestError() {\n return false;\n },\n schema: { prefix: 'data-highway', wrapper: 'main' },\n timeout: 0,\n transitions: [],\n views: [],\n });\n\n const requestError = () =>\n barba['_requestCustomError'](\n 'barba',\n 'click',\n 'foo.html',\n new Error('test')\n );\n\n expect(barba.timeout).toBe(0);\n expect(requestError()).toBeFalsy();\n expect(barba.wrapper).toBe(wrapper);\n});\n\nit('cache the first rendered page', () => {\n barba.init({\n cacheFirstPage: true,\n });\n\n expect(barba.cache.has('http://localhost/')).toBeTruthy();\n});\n"
},
{
"path": "packages/core/__tests__/core/core.logger.test.ts",
"content": "import { init } from '../../__mocks__/barba';\nimport barba from '../../src';\nimport { Logger } from '../../src/modules/Logger';\n\ninit();\n\nit('has default level log', () => {\n expect(Logger.getLevel()).toBe(0);\n});\n\nit('has debug level log', () => {\n barba.init({ debug: true });\n expect(Logger.getLevel()).toBe(4);\n});\n\nit('has custom level log', () => {\n barba.init({ logLevel: 'error' });\n expect(Logger.getLevel()).toBe(1);\n});\n"
},
{
"path": "packages/core/__tests__/core/core.once.test.ts",
"content": "/* tslint:disable:no-empty */\nimport { init } from '../../__mocks__/barba';\nimport barba from '../../src';\nimport { ITransitionData } from '../../src/defs';\nimport { Logger } from '../../src/modules/Logger';\n\ninit();\n\nconst data: ITransitionData = {\n ...barba.data,\n trigger: 'barba',\n};\n\nafterEach(() => {\n barba.destroy();\n});\n\nit('do once', async () => {\n const t = { once() {} };\n const spyOnce = jest.spyOn(barba.transitions, 'doOnce');\n\n barba.transitions.store.add('transition', t);\n\n await barba.once(data);\n\n expect(spyOnce).toHaveBeenCalledTimes(1);\n spyOnce.mockRestore();\n});\n"
},
{
"path": "packages/core/__tests__/core/core.page.test.ts",
"content": "/* tslint:disable:no-empty no-string-literal */\nimport xhrMock from 'xhr-mock';\nimport { init } from '../../__mocks__/barba';\nimport barba from '../../src';\nimport { IUrlFull } from '../../src/defs';\nimport { hooks } from '../../src/hooks';\nimport { Logger } from '../../src/modules/Logger';\nimport { schemaAttribute } from '../../src/schemas/attribute';\nimport { parse } from '../../src/utils/url';\n\n// Silence is gold… :)\nLogger.setLevel('off');\n\n// Needed for \"request\" module\n(global as any).Headers = class {};\n\nconst namespace = 'next';\nconst checkDoc = new RegExp(\n `^[\\\\s\\\\S]+body[\\\\s\\\\S]+${schemaAttribute.wrapper}[\\\\s\\\\S]+${schemaAttribute.container}[\\\\s\\\\S]+${namespace}[\\\\s\\\\S]+$`\n);\nconst t = { leave() {}, enter() {} };\nconst sameUrl = 'http://localhost/';\nconst nextUrl = 'http://localhost/foo';\n\ninit();\n\nlet spyCacheHas: jest.SpyInstance;\nlet spyCacheGet: jest.SpyInstance;\nlet spyCacheSet: jest.SpyInstance;\nlet spyCacheUpdate: jest.SpyInstance;\nlet spyCacheGetAction: jest.SpyInstance;\nlet spyPage: jest.SpyInstance;\n\nconst sameHtml = `\n\n \n \n
\n\n`;\n\nbeforeEach(() => {\n barba.init();\n xhrMock.setup();\n xhrMock.get(sameUrl, (req, res) => res.status(200).body(sameHtml));\n xhrMock.get(nextUrl, (req, res) =>\n res.status(200).body(`\n \n \n \n
\n \n `)\n );\n\n spyCacheHas = jest.spyOn(barba.cache, 'has');\n spyCacheGet = jest.spyOn(barba.cache, 'get');\n spyCacheSet = jest.spyOn(barba.cache, 'set');\n spyCacheUpdate = jest.spyOn(barba.cache, 'update');\n spyCacheGetAction = jest.spyOn(barba.cache, 'getAction');\n spyPage = jest.spyOn(barba.transitions, 'doPage');\n});\nafterEach(() => {\n spyCacheHas.mockRestore();\n spyCacheGet.mockRestore();\n spyCacheSet.mockRestore();\n spyCacheUpdate.mockRestore();\n spyCacheGetAction.mockRestore();\n spyPage.mockRestore();\n xhrMock.teardown();\n barba.destroy();\n});\n\nit('do page', async () => {\n barba.history.update = jest.fn();\n hooks.do = jest.fn();\n\n barba.transitions.store.add('transition', t);\n const data = {\n ...barba.data,\n trigger: 'barba',\n };\n\n await barba.page(nextUrl, 'barba', undefined, false);\n\n expect(spyCacheHas).toHaveBeenCalledTimes(1);\n expect(spyCacheSet).toHaveBeenCalledTimes(1);\n expect(barba.history.update).toHaveBeenCalledTimes(1);\n expect(hooks.do).toHaveBeenNthCalledWith(1, 'page', data);\n expect(hooks.do).toHaveBeenNthCalledWith(2, 'before', data, t);\n expect(hooks.do).toHaveBeenNthCalledWith(3, 'beforeLeave', data, t);\n expect(hooks.do).toHaveBeenNthCalledWith(4, 'leave', data, t);\n expect(hooks.do).toHaveBeenNthCalledWith(5, 'afterLeave', data, t);\n expect(hooks.do).toHaveBeenNthCalledWith(6, 'nextAdded', data);\n expect(hooks.do).toHaveBeenNthCalledWith(7, 'beforeEnter', data, t);\n expect(hooks.do).toHaveBeenNthCalledWith(8, 'enter', data, t);\n expect(hooks.do).toHaveBeenNthCalledWith(9, 'afterEnter', data, t);\n expect(hooks.do).toHaveBeenNthCalledWith(10, 'currentRemoved', data);\n expect(hooks.do).toHaveBeenNthCalledWith(11, 'after', data, t);\n expect(barba.transitions.doPage).toHaveBeenCalledTimes(1);\n expect(document.title).toBe('New page');\n});\n\nit('do page [has cache]', async () => {\n barba.history.add = jest.fn();\n barba.cache.set(sameUrl, Promise.resolve({\n html: sameHtml,\n url: {\n href: sameUrl,\n ...parse(sameUrl)\n } as IUrlFull,\n }), 'init', 'pending');\n spyCacheSet.mockRestore();\n\n // NOTE: as we use \"same URL\" (localhost), we need a \"self\" transition\n // to avoid prevent \"sameURL\"\n barba.transitions.store.add('transition', { name: 'self' });\n barba.transitions.store.add('transition', { leave() {}, enter() {} });\n await barba.page(sameUrl, 'barba', undefined, false);\n\n expect(spyCacheHas).toHaveBeenCalledTimes(1);\n expect(spyCacheUpdate).toHaveBeenCalledTimes(1);\n expect(spyCacheSet).toHaveBeenCalledTimes(0);\n});\n\nit('do page [waiting]', async () => {\n // Avoid updating data.next\n barba['_resetData'] = jest.fn();\n\n barba.transitions.store.add('transition', {\n leave() {},\n enter() {},\n to: { namespace: 'ns' },\n });\n await barba.page(nextUrl, 'barba', undefined, false);\n\n expect(barba.data.next.html).toMatch(checkDoc);\n});\n\nit('force on error', async () => {\n expect.assertions(2);\n barba.force = jest.fn();\n barba.transitions.logger.error = jest.fn();\n const errorLeave = new Error('Transition error [page][leave]');\n\n barba.transitions.store.add('transition', {\n leave() {\n throw errorLeave;\n },\n });\n\n await barba.page(nextUrl, 'barba', undefined, false);\n\n expect(barba.transitions.logger.error).toHaveBeenCalledWith(errorLeave);\n expect(barba.force).toHaveBeenCalledTimes(1);\n});\n"
},
{
"path": "packages/core/__tests__/core/core.plugin.test.ts",
"content": "/* tslint:disable:no-empty */\nimport { init } from '../../__mocks__/barba';\nimport barba from '../../src';\nimport { IBarbaOptions, IBarbaPlugin } from '../../src/defs';\n\ninit();\n\nconst plugin = {\n name: 'p1',\n version: 'alpha',\n install() {},\n init() {},\n};\nconst plugin2 = {\n name: 'p2',\n version: 'beta',\n install() {},\n init() {},\n};\n\nbeforeEach(() => {\n barba.plugins = [];\n});\n\nit('store plugin', () => {\n barba.use(plugin);\n\n expect(barba.plugins).toHaveLength(1);\n expect(barba.plugins).toContain(plugin);\n});\n\nit('store same plugin once', () => {\n barba.use(plugin);\n barba.use(plugin);\n\n expect(barba.plugins).toHaveLength(1);\n});\n\nit('store different plugins', () => {\n barba.use(plugin);\n barba.use(plugin2);\n\n expect(barba.plugins).toHaveLength(2);\n expect(barba.plugins).toContain(plugin);\n expect(barba.plugins).toContain(plugin2);\n});\n\nit('install method plugin', () => {\n plugin.install = jest.fn();\n barba.use(plugin);\n\n expect(plugin.install).toHaveBeenCalledTimes(1);\n});\n\nit('init plugin', () => {\n plugin.init = jest.fn();\n barba.use(plugin);\n barba.init();\n\n expect(plugin.init).toHaveBeenCalledTimes(1);\n});\n\nit('warns invalid plugin', () => {\n barba.logger.warn = jest.fn();\n barba.use({} as IBarbaPlugin\n
\n \n`;\n\n// Data\nlet data: ITransitionData;\n\nbeforeEach(() => {\n nextContainer.remove();\n wrapper.appendChild(currentContainer);\n\n data = {\n current: {\n container: currentContainer,\n html: undefined,\n url: {},\n } as ISchemaPage,\n next: {\n container: nextContainer,\n html: undefined,\n url: {},\n } as ISchemaPage,\n trigger: 'barba',\n };\n});\n\nconst page = Promise.resolve({\n html: nextHtml,\n url: {},\n} as IResponse);\n\nit('leaves falsy', async () => {\n expect.assertions(1);\n\n await transitions.doPage({\n data,\n page,\n transition: { leave: () => Promise.resolve(false) },\n wrapper,\n });\n expect(beforeEnter).not.toHaveBeenCalled();\n});\n\nfor (let i = 0; i < 2; i++) {\n const sync = i === 0;\n\n it('calls methods', async () => {\n expect.assertions(20);\n\n const t = {\n after,\n afterEnter,\n afterLeave,\n before,\n beforeEnter,\n beforeLeave,\n enter,\n leave,\n sync,\n };\n\n await transitions.doPage({\n data,\n page,\n transition: t,\n wrapper,\n });\n\n expect(before).toHaveBeenCalledTimes(1);\n expect(before).toHaveBeenCalledWith(data);\n\n expect(beforeLeave).toHaveBeenCalledTimes(1);\n expect(beforeLeave).toHaveBeenCalledWith(data);\n\n expect(leave).toHaveBeenCalledTimes(1);\n expect(leave).toHaveBeenCalledWith(data);\n\n expect(afterLeave).toHaveBeenCalledTimes(1);\n expect(afterLeave).toHaveBeenCalledWith(data);\n\n expect(beforeEnter).toHaveBeenCalledTimes(1);\n expect(beforeEnter).toHaveBeenCalledWith(data);\n\n expect(enter).toHaveBeenCalledTimes(1);\n expect(enter).toHaveBeenCalledWith(data, undefined);\n\n expect(afterEnter).toHaveBeenCalledTimes(1);\n expect(afterEnter).toHaveBeenCalledWith(data);\n\n expect(after).toHaveBeenCalledTimes(1);\n expect(after).toHaveBeenCalledWith(data);\n\n await transitions.doPage({\n data,\n page: Promise.resolve(),\n transition: { leave, enter },\n wrapper,\n });\n\n expect(before).toHaveBeenCalledTimes(1);\n expect(leave).toHaveBeenCalledTimes(2);\n expect(enter).toHaveBeenCalledTimes(2);\n expect(after).toHaveBeenCalledTimes(1);\n });\n}\n\nit('calls hooks (sync: false)', async () => {\n expect.assertions(11);\n\n const t = {\n enter,\n leave,\n sync: false,\n };\n\n await transitions.doPage({\n data,\n page,\n transition: t,\n wrapper,\n });\n\n expect(hooks.do).toHaveBeenCalledTimes(10);\n expect(hooks.do).toHaveBeenNthCalledWith(1, 'before', data, t);\n expect(hooks.do).toHaveBeenNthCalledWith(2, 'beforeLeave', data, t);\n expect(hooks.do).toHaveBeenNthCalledWith(3, 'leave', data, t);\n expect(hooks.do).toHaveBeenNthCalledWith(4, 'afterLeave', data, t);\n expect(hooks.do).toHaveBeenNthCalledWith(5, 'nextAdded', data);\n expect(hooks.do).toHaveBeenNthCalledWith(6, 'beforeEnter', data, t);\n expect(hooks.do).toHaveBeenNthCalledWith(7, 'enter', data, t);\n expect(hooks.do).toHaveBeenNthCalledWith(8, 'afterEnter', data, t);\n expect(hooks.do).toHaveBeenNthCalledWith(9, 'currentRemoved', data);\n expect(hooks.do).toHaveBeenNthCalledWith(10, 'after', data, t);\n});\n\nit('calls hooks (sync: true)', async () => {\n expect.assertions(11);\n\n const t = {\n enter,\n leave,\n sync: true,\n };\n\n await transitions.doPage({\n data,\n page,\n transition: t,\n wrapper,\n });\n\n expect(hooks.do).toHaveBeenCalledTimes(10);\n expect(hooks.do).toHaveBeenNthCalledWith(1, 'before', data, t);\n expect(hooks.do).toHaveBeenNthCalledWith(2, 'nextAdded', data);\n expect(hooks.do).toHaveBeenNthCalledWith(3, 'beforeLeave', data, t);\n expect(hooks.do).toHaveBeenNthCalledWith(4, 'beforeEnter', data, t);\n expect(hooks.do).toHaveBeenNthCalledWith(5, 'leave', data, t);\n expect(hooks.do).toHaveBeenNthCalledWith(6, 'enter', data, t);\n expect(hooks.do).toHaveBeenNthCalledWith(7, 'afterLeave', data, t);\n expect(hooks.do).toHaveBeenNthCalledWith(8, 'afterEnter', data, t);\n expect(hooks.do).toHaveBeenNthCalledWith(9, 'currentRemoved', data);\n expect(hooks.do).toHaveBeenNthCalledWith(10, 'after', data, t);\n});\n\nit('catches error (leave, sync: false)', async () => {\n expect.assertions(4);\n\n const leaveError = () => {\n throw new Error('test');\n };\n const t = { leave: leaveError };\n\n try {\n await transitions.doPage({\n data,\n page,\n transition: t,\n wrapper,\n });\n } catch (e) {\n expect(e.name).toEqual('BarbaError');\n expect(e.label).toEqual('Transition error [before/after/leave]');\n expect(e.error).toEqual(new Error('test'));\n expect(transitions.isRunning).toBeFalsy();\n }\n});\n\nit('catches error (enter, sync: false)', async () => {\n expect.assertions(4);\n\n const enterError = () => {\n throw new Error('test');\n };\n const t = {\n leave() {\n return Promise.resolve('foo');\n },\n enter: enterError,\n };\n\n try {\n await transitions.doPage({\n data,\n page,\n transition: t,\n wrapper,\n });\n } catch (e) {\n expect(e.name).toEqual('BarbaError');\n expect(e.label).toEqual('Transition error [before/after/enter]');\n expect(e.error).toEqual(new Error('test'));\n expect(transitions.isRunning).toBeFalsy();\n }\n});\n\nit('catches error (leave, sync: true)', async () => {\n expect.assertions(3);\n\n const leaveError = () => {\n throw new Error('test');\n };\n const t = { sync: true, leave: leaveError, enter() {} };\n\n try {\n await transitions.doPage({\n data,\n page,\n transition: t,\n wrapper,\n });\n } catch (e) {\n expect(e.name).toEqual('BarbaError');\n expect(e.label).toEqual('Transition error [sync]');\n expect(e.error).toEqual(new Error('test'));\n }\n});\n\nit('catches error (enter, sync: true)', async () => {\n expect.assertions(3);\n\n const enterError = () => {\n throw new Error('test');\n };\n const t = { sync: true, leave() {}, enter: enterError };\n\n try {\n await transitions.doPage({\n data,\n page,\n transition: t,\n wrapper,\n });\n } catch (e) {\n expect(e.name).toEqual('BarbaError');\n expect(e.label).toEqual('Transition error [sync]');\n expect(e.error).toEqual(new Error('test'));\n }\n});\n\nit('catches \"global\" error (before)', async () => {\n expect.assertions(2);\n\n const err = new Error('Test');\n const beforeError = () => {\n throw err;\n };\n const t = { sync: true, leave() {}, enter() {}, before: beforeError };\n\n try {\n await transitions.doPage({\n data,\n page,\n transition: t,\n wrapper,\n });\n } catch (e) {\n expect(e.name).toEqual('Error');\n expect(e).toEqual(err);\n }\n});\n\nit('ignores \"non transition\" errors', async () => {\n expect.assertions(3);\n const tError = new Error('Weird transition error');\n\n const leaveError1 = () => {\n throw new Error('Timeout error');\n };\n const leaveError2 = () => {\n throw new Error('Fetch error');\n };\n const enterError3 = () => {\n const err = new Error('Request error');\n\n delete err.message;\n (err as any).status = 500;\n throw err;\n };\n const leaveError4 = () => {\n delete tError.message;\n throw tError;\n };\n const t1 = { sync: true, leave: leaveError1, enter() {} };\n const t2 = { leave: leaveError2, enter() {} };\n const t3 = { leave() {}, enter: enterError3 };\n const t4 = { leave: leaveError4, enter() {} };\n\n await transitions.doPage({\n data,\n page,\n transition: t1,\n wrapper,\n });\n await transitions.doPage({\n data,\n page,\n transition: t2,\n wrapper,\n });\n await transitions.doPage({\n data,\n page,\n transition: t3,\n wrapper,\n });\n\n try {\n await transitions.doPage({\n data,\n page,\n transition: t4,\n wrapper,\n });\n } catch (e) {\n expect(e.name).toEqual('BarbaError');\n expect(e.label).toEqual('Transition error [before/after/leave]');\n expect(e.error).toEqual(tError);\n }\n});\n"
},
{
"path": "packages/core/__tests__/modules/transitions/transitions.test.ts",
"content": "import { Transitions } from '../../../src/modules/Transitions';\n\nlet transitions: Transitions;\n\nit('has defaults', () => {\n transitions = new Transitions();\n expect(transitions.hasOnce).toBeFalsy();\n expect(transitions.shouldWait).toBeFalsy();\n expect(transitions.isRunning).toBeFalsy();\n expect(transitions.store).toBeDefined();\n});\n\nit('has once', () => {\n transitions = new Transitions([{ once: () => Promise.resolve() }]);\n expect(transitions.hasOnce).toBeTruthy();\n});\n\nit('should wait', () => {\n transitions = new Transitions([{ to: { namespace: 'ns' } }]);\n expect(transitions.shouldWait).toBeTruthy();\n transitions = new Transitions([{ sync: true }]);\n expect(transitions.shouldWait).toBeTruthy();\n});\n"
},
{
"path": "packages/core/__tests__/modules/views.test.ts",
"content": "import { IView } from '../../src/defs';\nimport { hooks } from '../../src/hooks';\nimport { Views } from '../../src/modules/Views';\n\nlet views: Views;\n\n// beforeEach(() => {\n// hooks.init();\n// });\n\nafterEach(() => {\n hooks.clear();\n});\n\nconst beforeLeave = jest.fn();\nconst afterLeave = jest.fn();\nconst beforeEnter = jest.fn();\nconst afterEnter = jest.fn();\n\nit('has defaults', () => {\n views = new Views([]);\n\n expect(views.byNamespace.size).toBe(0);\n});\n\nit('init views', () => {\n views = new Views([\n { namespace: 'foo', name: 'overriden' },\n { namespace: 'foo', name: 'ok' },\n { namespace: 'bar', name: 'ok' },\n ]);\n expect(views.byNamespace.get('foo')).toEqual({\n name: 'ok',\n namespace: 'foo',\n });\n expect(views.byNamespace.get('bar')).toEqual({\n name: 'ok',\n namespace: 'bar',\n });\n});\n\nit('register hooks', () => {\n // No views, no hooks\n views = new Views([]);\n expect(hooks.registered.get('beforeLeave')).toBeUndefined();\n expect(hooks.registered.get('afterLeave')).toBeUndefined();\n expect(hooks.registered.get('beforeEnter')).toBeUndefined();\n expect(hooks.registered.get('afterEnter')).toBeUndefined();\n\n views = new Views([{ namespace: 'baz' }]);\n expect(hooks.registered.get('beforeLeave').size).toBe(1);\n expect(hooks.registered.get('afterLeave').size).toBe(1);\n expect(hooks.registered.get('beforeEnter').size).toBe(1);\n expect(hooks.registered.get('afterEnter').size).toBe(1);\n});\n\n/* tslint:disable:object-literal-sort-keys */\nit('do existing hooks for existing namespace', async () => {\n views = new Views([\n {\n namespace: 'success',\n beforeLeave,\n afterLeave,\n beforeEnter,\n afterEnter,\n },\n ]);\n /* tslint:enable:object-literal-sort-keys */\n\n const success = {\n current: { namespace: 'success' },\n next: { namespace: 'success' },\n };\n\n await hooks.do('beforeLeave', success);\n await hooks.do('afterLeave', success);\n await hooks.do('beforeEnter', success);\n await hooks.do('afterEnter', success);\n\n expect(beforeLeave).toHaveBeenCalledWith(success);\n expect(afterLeave).toHaveBeenCalledWith(success);\n expect(beforeEnter).toHaveBeenCalledWith(success);\n expect(afterEnter).toHaveBeenCalledWith(success);\n});\n\nit('do nothing for missing hooks', () => {\n views = new Views([{ namespace: 'success' }]);\n\n const success = {\n current: { namespace: 'success' },\n next: { namespace: 'success' },\n };\n\n hooks.do('beforeLeave', success);\n hooks.do('afterLeave', success);\n hooks.do('beforeEnter', success);\n hooks.do('afterEnter', success);\n\n expect(beforeLeave).not.toHaveBeenCalled();\n expect(afterLeave).not.toHaveBeenCalled();\n expect(beforeEnter).not.toHaveBeenCalled();\n expect(afterEnter).not.toHaveBeenCalled();\n});\n\nit('do nothing for missing namespace', () => {\n views = new Views([\n { namespace: 'success', beforeLeave, afterLeave, beforeEnter, afterEnter },\n ]);\n const fail = { current: { namespace: 'fail' }, next: { namespace: 'fail' } };\n\n hooks.do('beforeLeave', fail);\n hooks.do('afterLeave', fail);\n hooks.do('beforeEnter', fail);\n hooks.do('afterEnter', fail);\n\n expect(beforeLeave).not.toHaveBeenCalled();\n expect(afterLeave).not.toHaveBeenCalled();\n expect(beforeEnter).not.toHaveBeenCalled();\n expect(afterEnter).not.toHaveBeenCalled();\n});\n\nit('has right context', async () => {\n const v = {\n bar: jest.fn(),\n beforeEnter() {\n this.bar(this.foo);\n },\n foo: 'foo',\n namespace: 'success',\n };\n\n views = new Views([v]);\n\n const success = {\n next: { namespace: 'success' },\n };\n\n await hooks.do('beforeEnter', success);\n\n expect(v.bar).toHaveBeenCalledWith(v.foo);\n});\n"
},
{
"path": "packages/core/__tests__/utils/dom.test.ts",
"content": "/* tslint:disable:no-string-literal */\nimport { schemaAttribute } from '../../src/schemas/attribute';\nimport { dom } from '../../src/utils';\n\n// Init\nconst attr = schemaAttribute;\n\n// Dom\nconst namespace = 'ns';\nconst currentContainer = document.createElement('div');\nconst nextContainer = document.createElement('div');\nconst wrapper = document.createElement('div');\nconst link = document.createElement('a');\nconst svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');\n\n// const svgLink = document.createElement('a');\nconst svgLink = document.createElementNS('http://www.w3.org/2000/svg', 'a');\nconst svgXlink = document.createElementNS('http://www.w3.org/2000/svg', 'a');\n\nsvg.appendChild(svgLink);\nsvg.appendChild(svgXlink);\n\ncurrentContainer.setAttribute(attr.prefix, attr.container);\ncurrentContainer.setAttribute(`${attr.prefix}-${attr.namespace}`, namespace);\n\nwrapper.setAttribute(attr.prefix, attr.wrapper);\n\n// Expected\nconst checkDoc = new RegExp(\n // tslint:disable-next-line:max-line-length\n `^[\\\\s\\\\S]+body[\\\\s\\\\S]+${dom['_attr'].wrapper}[\\\\s\\\\S]+${dom['_attr'].container}[\\\\s\\\\S]+${namespace}[\\\\s\\\\S]+$`\n);\nconst checkHref = 'http://localhost/page.html';\n\nafterEach(() => {\n wrapper.innerHTML = '';\n document.body.innerHTML = '';\n});\n\nit('has attributeSchema', () => {\n expect(dom['_attr']).toBe(schemaAttribute);\n});\n\nit('stringifies DOM', () => {\n expect(typeof dom.toString(currentContainer)).toBe('string');\n});\n\n// see https://github.com/barbajs/barba/issues/362\n// it('parses string to Doc', () => {\n// expect(dom.toDocument('') instanceof HTMLDocument).toBeTruthy();\n// });\n\nit('parses string to Element', () => {\n expect(dom.toElement('') instanceof HTMLDivElement).toBeTruthy();\n});\n\nit('get html', () => {\n wrapper.appendChild(currentContainer);\n document.body.appendChild(wrapper);\n\n expect(dom.getHtml()).toMatch(checkDoc);\n expect(dom.getHtml(document)).toMatch(checkDoc);\n});\n\nit('get wrapper', () => {\n expect(dom.getWrapper()).toBeNull();\n\n wrapper.appendChild(currentContainer);\n document.body.appendChild(wrapper);\n\n expect(dom.getWrapper()).toBe(wrapper);\n expect(dom.getWrapper(document.body)).toBe(wrapper);\n});\n\nit('get container', () => {\n expect(dom.getContainer()).toBeNull();\n\n wrapper.appendChild(currentContainer);\n document.body.appendChild(wrapper);\n\n expect(dom.getContainer()).toBe(currentContainer);\n expect(dom.getContainer(wrapper)).toBe(currentContainer);\n});\n\nit('get namespace', () => {\n expect(dom.getNamespace()).toBeNull();\n\n wrapper.appendChild(currentContainer);\n document.body.appendChild(wrapper);\n\n expect(dom.getNamespace()).toBe(namespace);\n expect(dom.getNamespace(wrapper)).toBe(namespace);\n});\n\nit('get href [link / absolute]', () => {\n link.setAttribute('href', 'http://localhost/page.html');\n\n expect(dom.getHref(link)).toBe(checkHref);\n});\n\nit('get href [link / relative]', () => {\n link.setAttribute('href', 'page.html');\n\n expect(dom.getHref(link)).toBe(checkHref);\n});\n\nit('get href [svg / absolute]', () => {\n const val = 'http://localhost/page.html';\n\n svgLink.setAttribute('href', val);\n svgXlink.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', val);\n\n expect(dom.getHref(svgLink)).toBe(checkHref);\n expect(dom.getHref(svgXlink)).toBe(checkHref);\n});\n\nit('get href [svg / absolute no protocol]', () => {\n const val = '//localhost/page.html';\n\n svgLink.setAttribute('href', val);\n svgXlink.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', val);\n\n expect(dom.getHref(svgLink)).toBe(checkHref);\n expect(dom.getHref(svgXlink)).toBe(checkHref);\n});\n\nit('get href [svg / relative root]', () => {\n const val = '/page.html';\n\n svgLink.setAttribute('href', val);\n svgXlink.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', val);\n\n expect(dom.getHref(svgLink)).toBe(checkHref);\n expect(dom.getHref(svgXlink)).toBe(checkHref);\n});\n\nit('get href [svg / relative simple]', () => {\n const val = 'page.html';\n\n svgLink.setAttribute('href', val);\n svgXlink.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', val);\n\n expect(dom.getHref(svgLink)).toBe(checkHref);\n expect(dom.getHref(svgXlink)).toBe(checkHref);\n});\n\nit('get href [svg / relative same]', () => {\n const val = './page.html';\n\n svgLink.setAttribute('href', val);\n svgXlink.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', val);\n\n expect(dom.getHref(svgLink)).toBe(checkHref);\n expect(dom.getHref(svgXlink)).toBe(checkHref);\n});\n\nit('get href [svg / relative level]', () => {\n (global as any).jsdom.reconfigure({ url: 'http://localhost/foo/' });\n const val = '../page.html';\n\n svgLink.setAttribute('href', val);\n svgXlink.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', val);\n\n expect(dom.getHref(svgLink)).toBe(checkHref);\n expect(dom.getHref(svgXlink)).toBe(checkHref);\n});\n\nit('get href [svg / relative level]', () => {\n const url = 'http://localhost/foo.html';\n const val = '#hash';\n\n (global as any).jsdom.reconfigure({ url });\n\n svgLink.setAttribute('href', val);\n svgXlink.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', val);\n\n expect(dom.getHref(svgLink)).toBe(url + val);\n expect(dom.getHref(svgXlink)).toBe(url + val);\n});\n\nit('remove container', () => {\n document.body.appendChild(wrapper);\n\n dom.removeContainer(currentContainer);\n\n expect(wrapper.children.length).toBe(0);\n});\n\nit('add container', () => {\n wrapper.appendChild(currentContainer);\n document.body.appendChild(wrapper);\n\n dom.addContainer(nextContainer, wrapper);\n dom.removeContainer(currentContainer);\n\n expect(wrapper.children.length).toBe(1);\n});\n\nit('add container with container sibling', () => {\n wrapper.appendChild(currentContainer);\n document.body.appendChild(wrapper);\n\n dom.addContainer(nextContainer, wrapper);\n\n expect(wrapper.children.length).toBe(2);\n expect(nextContainer.previousElementSibling).toBe(currentContainer);\n expect(dom.getContainer()).toBe(currentContainer);\n});\n\nit('add container with before sibling', () => {\n const before = document.createElement('div');\n\n wrapper.appendChild(before);\n wrapper.appendChild(currentContainer);\n document.body.appendChild(wrapper);\n\n dom.removeContainer(currentContainer);\n dom.addContainer(nextContainer, wrapper);\n\n expect(wrapper.children.length).toBe(2);\n expect(nextContainer.previousElementSibling).toBe(before);\n expect(dom.getSibling().before).not.toBeNull();\n});\n\nit('add container with after sibling', () => {\n const after = document.createElement('div');\n\n wrapper.appendChild(currentContainer);\n wrapper.appendChild(after);\n document.body.appendChild(wrapper);\n\n dom.removeContainer(currentContainer);\n dom.addContainer(nextContainer, wrapper);\n\n expect(wrapper.children.length).toBe(2);\n expect(nextContainer.nextElementSibling).toBe(after);\n expect(dom.getSibling().after).not.toBeNull();\n});\n\nit('add container with parent sibling', () => {\n const parent = document.createElement('div');\n\n parent.appendChild(currentContainer);\n wrapper.appendChild(parent);\n document.body.appendChild(wrapper);\n\n dom.removeContainer(currentContainer);\n dom.addContainer(nextContainer, wrapper);\n\n expect(wrapper.children.length).toBe(1);\n expect(nextContainer.parentNode).toBe(parent);\n expect(dom.getSibling().parent).not.toBeNull();\n});\n"
},
{
"path": "packages/core/__tests__/utils/history.test.ts",
"content": "import { history } from '../../src/utils/history';\n\nconst first = {\n data: {},\n ns: 'ns1',\n scroll: {\n x: 0,\n y: 0,\n },\n url: 'url1',\n};\nconst second = {\n data: {},\n ns: 'ns2',\n scroll: {\n x: 0,\n y: 0,\n },\n url: 'url2',\n};\nconst tmp = {\n ...second,\n ns: 'tmp',\n};\nconst triggerPush = document.createElement('a');\nconst triggerReplace = document.createElement('a');\n\ntriggerReplace.dataset.barbaHistory = 'replace';\n\nconst e = {\n state: {\n index: 1,\n },\n} as PopStateEvent;\n\nconst h = {\n b: (global as any).window.history.back = jest.fn(),\n ps: (global as any).window.history.pushState = jest.fn(),\n rs: (global as any).window.history.replaceState = jest.fn(),\n};\n\nconst data = {\n custom: 'data',\n};\n\nafterEach(() => {\n history.clear();\n});\n\nit('has no history', () => {\n expect(history.current).toBeUndefined();\n});\n\nit('init state and has current', () => {\n history.init(first.url, first.ns);\n\n expect(history.current).toEqual(first);\n expect(history.previous).toBeNull();\n expect(h.rs).toHaveBeenCalledTimes(1);\n});\n\nit('adds state and has previous', () => {\n history.init(first.url, first.ns);\n history.change(second.url, 'barba');\n\n expect(history.current).toEqual(tmp);\n expect(history.previous).toEqual(first);\n});\n\nit('pushes history', () => {\n history.change(first.url, triggerPush);\n history.change(second.url, triggerReplace);\n history.change(second.url, 'popstate', e);\n\n expect(h.ps).toHaveBeenCalledTimes(1);\n});\n\nit('replaces history', () => {\n history.change(first.url, triggerReplace);\n history.change(second.url, triggerPush);\n history.change(second.url, 'popstate', e);\n\n expect(h.rs).toHaveBeenCalledTimes(1);\n});\n\nit('removes state', () => {\n history.init(first.url, first.ns);\n history.change(second.url, 'barba');\n history.remove();\n\n expect(history.current).toEqual(first);\n expect(history.previous).toBeNull();\n\n history.change(second.url, 'barba');\n history.remove(1);\n\n expect(history.current).toEqual(first);\n expect(history.previous).toBeNull();\n});\n\nit('gets state(s)', () => {\n history.init(first.url, first.ns);\n history.change(second.url, 'barba');\n const state1 = history.get(0);\n const state2 = history.get(1);\n const state = history.current;\n\n expect(state1).toEqual(first);\n expect(state2).toEqual(tmp);\n expect(state).toEqual(tmp);\n});\n\nit('gets directions', () => {\n history.init(first.url, first.ns);\n history.change(second.url, 'barba');\n\n const back = history.change(first.url, 'popstate', {\n state: { index: 0 },\n } as PopStateEvent);\n expect(back).toEqual('back');\n\n const forward = history.change(second.url, 'popstate', {\n state: { index: 1 },\n } as PopStateEvent);\n expect(forward).toEqual('forward');\n\n const prev = history.change(second.url, 'popstate', {\n state: { index: 6 },\n } as PopStateEvent);\n expect(prev).toEqual('back');\n\n const next = history.change(second.url, 'popstate', {\n state: { index: 0 },\n } as PopStateEvent);\n expect(next).toEqual('forward');\n});\n\nit('manage history with \"unknown\" state', async () => {\n history.change(second.url, 'barba');\n\n expect(h.rs).toHaveBeenCalledTimes(0);\n expect(h.ps).toHaveBeenCalledTimes(1);\n});\n\nit('manage history with previous state', async () => {\n history.change(second.url, 'popstate', e);\n\n expect(h.ps).toHaveBeenCalledTimes(0);\n expect(h.rs).toHaveBeenCalledTimes(0);\n});\n\nit('manage history with data-barba-history=\"replace\"', async () => {\n const link = document.createElement('a');\n\n link.dataset.barbaHistory = 'replace';\n\n history.add(second.url, link);\n\n expect(h.ps).toHaveBeenCalledTimes(0);\n expect(h.rs).toHaveBeenCalledTimes(1);\n});\n\nit('manage history with programmatic push', async () => {\n history.add(first.url, 'barba', 'push');\n\n expect(h.ps).toHaveBeenCalledTimes(1);\n expect(h.rs).toHaveBeenCalledTimes(0);\n});\n\nit('manage history with programmatic replace', async () => {\n history.add(first.url, 'barba', 'replace');\n\n expect(h.ps).toHaveBeenCalledTimes(0);\n expect(h.rs).toHaveBeenCalledTimes(1);\n});\n\nit('manage history with programmatic push and custom data', async () => {\n history.add(first.url, 'barba', 'push', data);\n expect(history.current.data).toEqual(data);\n});\n\nit('manage history with programmatic replace and custom data', async () => {\n history.add(first.url, 'barba', 'replace', data);\n expect(history.current.data).toEqual(data);\n});\n\nit('store custom user data', async () => {\n history.init(first.url, first.ns);\n history.store(data);\n\n expect(history.current.data).toEqual(data);\n});\n\nit('store custom user data per state', async () => {\n const state1 = {\n state: 1,\n };\n\n const state2 = {\n state: 2,\n };\n\n history.init(first.url, first.ns);\n history.store(state1);\n history.change(second.url, 'barba');\n history.store(state2);\n\n expect(history.previous.data).toEqual(state1);\n expect(history.current.data).toEqual(state2);\n});\n\nit('merge custom user data with existing one', async () => {\n const update = {\n additional: 'data',\n };\n\n history.init(first.url, first.ns);\n history.store(data);\n history.store(update);\n\n expect(history.current.data).toEqual({\n ...data,\n ...update,\n });\n});\n"
},
{
"path": "packages/core/__tests__/utils/request.test.ts",
"content": "import xhrMock from 'xhr-mock';\nimport { init } from '../../__mocks__/barba';\nimport barba from '../../src';\nimport { IResponse, IUrlFull } from '../../src/defs';\nimport { request } from '../../src/utils';\nimport { parse } from '../../src/utils/url';\n\ninit();\n\n(global as any).Headers = class {};\n(global as any).window.clearTimeout = jest.fn();\nconst requestError = jest.fn();\nconst url = 'url';\nconst content = 'content';\nconst response = {\n html: content,\n url: {\n href: url,\n ...parse(url)\n } as IUrlFull,\n} as IResponse;\n\nbeforeEach(() => {\n xhrMock.setup();\n});\nafterEach(() => {\n delete (global as any).navigator.connection;\n xhrMock.teardown();\n});\n\nit('set correct headers', async () => {\n expect.assertions(2);\n\n xhrMock.get(url, (req, res) => {\n expect(req.header('Accept')).toEqual(\n 'text/html,application/xhtml+xml,application/xml'\n );\n expect(req.header('x-barba')).toEqual('yes');\n\n return res.status(200);\n });\n\n await request(url, 2e3, requestError, barba.cache, barba.headers);\n});\n\nit('set custom request headers', async () => {\n barba.headers.set('x-custom-header', 'custom-value');\n\n xhrMock.get(url, (req, res) => {\n expect(req.header('x-custom-header')).toEqual('custom-value');\n\n return res.status(200);\n });\n\n await request(url, 2e3, requestError, barba.cache, barba.headers);\n});\n\nit('throws fetch error', async () => {\n const error = new Error('Fetch error');\n\n xhrMock.get(url, () => Promise.reject(error));\n xhrMock.error(() => {}); // tslint:disable-line:no-empty\n\n await expect(request(url, 2e3, requestError, barba.cache, barba.headers)).rejects.toEqual(error);\n expect(requestError).toHaveBeenCalledWith(url, error);\n expect(barba.cache.getStatus(url)).toEqual('rejected');\n});\n\nit('throws result error with 404', async () => {\n const error = {\n status: 404,\n statusText: 'Not found',\n };\n\n xhrMock.get(url, (req, res) => res.status(404).reason('Not found'));\n\n await expect(request(url, 2e3, requestError, barba.cache, barba.headers)).rejects.toEqual(error);\n expect(requestError).toHaveBeenCalledWith(url, error);\n expect(barba.cache.getStatus(url)).toEqual('rejected');\n});\n\nit('throws timeout error', async () => {\n const error = new Error('Timeout error [100]');\n\n xhrMock.get(url, () => new Promise(() => {})); // tslint:disable-line:no-empty\n\n await expect(request(url, 100, requestError, barba.cache, barba.headers)).rejects.toEqual(error);\n expect(requestError).toHaveBeenCalledWith(url, error);\n expect(barba.cache.getStatus(url)).toEqual('rejected');\n}, 1000);\n\nit('fetch text content', async () => {\n xhrMock.get(url, (req, res) => res.status(200).body(content));\n\n await expect(request(url, undefined, requestError, barba.cache, barba.headers)).resolves.toStrictEqual(response);\n // expect((global as any).window.clearTimeout).toHaveBeenCalledTimes(1);\n expect(requestError).not.toHaveBeenCalled();\n expect(barba.cache.getStatus(url)).toEqual('fulfilled');\n});\n\n// it('throws bad connection error', async () => {\n// const error = new Error('Bad connection or reduced data usage mode');\n\n// global.navigator.connection = {\n// effectiveType: '2g',\n// saveData: false,\n// };\n\n// await expect(request(url, 2e3, requestError)).rejects.toEqual(error);\n// });\n\n// it('throws reduced data error', async () => {\n// const error = new Error('Bad connection or reduced data usage mode');\n\n// global.navigator.connection = {\n// effectiveType: '3g',\n// saveData: true,\n// };\n\n// await expect(request(url, 2e3, requestError)).rejects.toEqual(error);\n// });\n"
},
{
"path": "packages/core/__tests__/utils/url.test.ts",
"content": "/* global jsdom */\nimport { url } from '../../src/utils';\n\nit('get href', () => {\n const href = url.getHref();\n\n expect(href).toBe(window.location.href);\n});\n\nit('get absolute href', () => {\n const href1 = url.getAbsoluteHref('/foo.html');\n const href2 = url.getAbsoluteHref('/foo.html', 'https://barba.js.org');\n\n expect(href1).toBe('http://localhost/foo.html');\n expect(href2).toBe('https://barba.js.org/foo.html');\n});\n\nit('get origin', () => {\n const origin = url.getOrigin();\n\n expect(origin).toBe(window.location.origin);\n});\n\nit('get port', () => {\n expect(url.getPort()).toBe(80);\n\n (global as any).jsdom.reconfigure({ url: 'https://localhost/' });\n expect(url.getPort()).toBe(443);\n\n (global as any).jsdom.reconfigure({ url: 'https://localhost:6666/' });\n expect(url.getPort()).toBe(6666);\n\n (global as any).jsdom.reconfigure({ url: 'http://localhost/' });\n});\n\nit('get path', () => {\n expect(url.getPath()).toBe('/');\n\n (global as any).jsdom.reconfigure({\n url: 'http://localhost/qux.html?foo=bar#hash',\n });\n expect(url.getPath()).toBe('/qux.html');\n\n const path = url.getPath('http://localhost/foo.html?foo=bar#hash');\n\n expect(path).toBe('/foo.html');\n});\n\nit('get query', () => {\n const query = url.getQuery('http://localhost/foo.html?foo=bar#hash');\n const queryAsString = url.getQuery('http://localhost/foo.html?foo=bar#hash', true);\n\n expect(query).toEqual({ foo: 'bar' });\n expect(queryAsString).toEqual('{\"foo\":\"bar\"}');\n});\n\nit('get hash', () => {\n const hash = url.getHash('http://localhost/foo.html?foo=bar#hash');\n\n expect(hash).toBe('hash');\n});\n\nit('parse minimal path', () => {\n const { path, query, hash } = url.parse('/');\n\n expect(path).toBe('/');\n expect(query).toEqual({});\n expect(hash).toBeUndefined();\n});\n\nit('parse full path', () => {\n const { path, query, hash } = url.parse('/foo?baz=qux#bar');\n\n expect(path).toBe('/foo');\n expect(query).toEqual({ baz: 'qux' });\n expect(hash).toBe('bar');\n});\n\nit('parse simple query', () => {\n const query = url.parseQuery('foo=bar');\n\n expect(query).toEqual({ foo: 'bar' });\n});\n\nit('parse complex query', () => {\n const query = url.parseQuery('foo=bar&baz=qux');\n\n expect(query).toEqual({ foo: 'bar', baz: 'qux' });\n});\n\nit('clean url', () => {\n // const result = url.clean('http://localhost/foo', window.location.origin);\n // expect(result).toBe('/foo');\n const result = url.clean('http://localhost/foo?bar=baz#qux');\n\n expect(result).toBe('http://localhost/foo?bar=baz');\n});\n"
},
{
"path": "packages/core/__web__/container.html",
"content": "\n\n\n\n \n \n \n \n Next page\n
\n \n
\n \n \n\n\n\n"
},
{
"path": "packages/core/__web__/index.html",
"content": "\n\n \n \n \n \n \n \n
\n \n \n \n \n\n"
},
{
"path": "packages/core/__web__/page.html",
"content": "\n\n \n \n \n \n home
\n Go to page\n Test hooks\n Test hooks sync\n\n \n
\n \n \n\n"
},
{
"path": "packages/core/__web__/scripts/container.js",
"content": "/* eslint-disable no-empty-function */\nconsole.info('🚀 Barba e2e');\n\nconst { barba } = window;\n\nbarba.init({\n debug: true,\n transitions: [\n {\n leave() {},\n enter() {},\n },\n {\n sync: true,\n custom: ({ trigger }) =>\n trigger.dataset && trigger.dataset.barbaTest === 'link.sync',\n leave() {},\n enter() {},\n },\n ],\n});\n"
},
{
"path": "packages/core/__web__/scripts/default.js",
"content": "console.info('🚀 Barba e2e');\nimport { hooks, hooksSync } from './transitions/hooks.js';\n\nconst { barba } = window;\n\nbarba.init({\n debug: true,\n transitions: [hooks, hooksSync],\n});\n"
},
{
"path": "packages/core/__web__/scripts/href.js",
"content": "/* eslint-disable no-empty-function */\nconsole.info('🚀 Barba e2e');\n\nconst { barba } = window;\n\nbarba.init({\n debug: true,\n transitions: [\n {\n leave() {},\n enter() {},\n },\n ],\n});\n"
},
{
"path": "packages/core/__web__/scripts/transitions/hooks.js",
"content": "/* eslint-disable newline-before-return */\nconst { barba } = window;\nconst list = document.querySelector('[data-test=\"hooks-list\"]');\n\n/**\n * Append list item\n *\n * @param {*} str List item content\n * @param {string} prefix Prefix for global\n * @returns {void}\n */\nfunction append(str, prefix = '') {\n const item = document.createElement('li');\n\n item.textContent = prefix + str;\n list.appendChild(item);\n}\n\n/**\n * Promisify hooks\n *\n * @returns {Promise} Promise\n */\nfunction sleep() {\n return new Promise(resolve => {\n setTimeout(resolve, 100);\n });\n}\n\nexport const base = {\n beforeOnce() {\n append('beforeOnce');\n return sleep();\n },\n once() {\n append('once');\n return sleep();\n },\n afterOnce() {\n append('afterOnce');\n return sleep();\n },\n before() {\n append('before');\n return sleep();\n },\n beforeLeave() {\n append('beforeLeave');\n return sleep();\n },\n leave() {\n append('leave');\n return sleep();\n },\n afterLeave() {\n append('afterLeave');\n return sleep();\n },\n beforeEnter() {\n append('beforeEnter');\n return sleep();\n },\n enter() {\n append('enter');\n return sleep();\n },\n afterEnter() {\n append('afterEnter');\n return sleep();\n },\n after() {\n append('after');\n return sleep();\n },\n};\n\nbarba.hooks.beforeOnce(() => {\n append('beforeOnce', 'global:');\n});\nbarba.hooks.once(() => {\n append('once', 'global:');\n});\nbarba.hooks.afterOnce(() => {\n append('afterOnce', 'global:');\n});\nbarba.hooks.before(() => {\n append('before', 'global:');\n});\nbarba.hooks.beforeLeave(() => {\n append('beforeLeave', 'global:');\n});\nbarba.hooks.leave(() => {\n append('leave', 'global:');\n});\nbarba.hooks.afterLeave(() => {\n append('afterLeave', 'global:');\n});\nbarba.hooks.beforeEnter(() => {\n append('beforeEnter', 'global:');\n});\nbarba.hooks.enter(() => {\n append('enter', 'global:');\n});\nbarba.hooks.afterEnter(() => {\n append('afterEnter', 'global:');\n});\nbarba.hooks.after(() => {\n append('after', 'global:');\n});\n\nexport const hooks = {\n ...base,\n custom: ({ trigger }) =>\n trigger === 'barba' ||\n (trigger.dataset && trigger.dataset.test === 'link.hooks'),\n};\n\nexport const hooksSync = {\n ...base,\n sync: true,\n custom: ({ trigger }) =>\n trigger.dataset && trigger.dataset.test === 'link.hooks-sync',\n};\n"
},
{
"path": "packages/core/__web__/scripts/views/hooks.js",
"content": "/* eslint-disable newline-before-return */\nconst list = document.querySelector('[data-test=\"hooks-list\"]');\n\n/**\n * Append list item\n *\n * @param {*} str List item content\n * @param {string} prefix Prefix for global\n * @returns {void}\n */\nfunction append(str, prefix = '') {\n const item = document.createElement('li');\n\n item.textContent = prefix + str;\n list.appendChild(item);\n}\n\nexport const home = {\n namespace: 'home',\n beforeLeave() {\n append('beforeLeave');\n },\n afterLeave() {\n append('afterLeave');\n },\n beforeEnter() {\n append('beforeEnter');\n },\n afterEnter() {\n append('afterEnter');\n },\n};\n\nexport const page = {\n namespace: 'page',\n beforeLeave() {\n append('beforeLeave');\n },\n afterLeave() {\n append('afterLeave');\n },\n beforeEnter() {\n append('beforeEnter');\n },\n afterEnter() {\n append('afterEnter');\n },\n};\n"
},
{
"path": "packages/core/__web__/scripts/views.js",
"content": "console.info('🚀 Barba e2e');\nimport { home, page } from './views/hooks.js';\n\nconst { barba } = window;\n\n// const list = document.querySelector('[data-test=\"hooks-list\"]');\n\n// /**\n// * Append list item\n// *\n// * @param {*} str List item content\n// * @param {string} prefix Prefix for global\n// * @returns {void}\n// */\n// function append(str, prefix = '') {\n// const item = document.createElement('li');\n\n// item.textContent = prefix + str;\n// list.appendChild(item);\n// }\n\n// barba.hooks.beforeEnter(() => {\n// console.info('global.beforeEnter');\n// append('global.beforeEnter');\n// });\n// barba.hooks.afterEnter(() => {\n// console.info('global.afterEnter');\n// append('global.afterEnter');\n// });\n\nbarba.init({\n debug: true,\n views: [home, page],\n});\n"
},
{
"path": "packages/core/__web__/views.html",
"content": "\n\n \n \n \n \n page
\n Go to home\n\n \n
\n \n \n \n \n\n"
},
{
"path": "packages/core/jest.config.js",
"content": "const jestBase = require('../../jest.config.js');\n\nmodule.exports = {\n ...jestBase,\n};\n"
},
{
"path": "packages/core/package.json",
"content": "{\n \"name\": \"@barba/core\",\n \"version\": \"2.10.3\",\n \"description\": \"Create badass, fluid and smooth transition between your website's pages\",\n \"publishConfig\": {\n \"access\": \"public\"\n },\n \"main\": \"dist/barba.js\",\n \"umd:main\": \"dist/barba.umd.js\",\n \"browser\": \"dist/barba.umd.js\",\n \"unpkg\": \"dist/barba.umd.js\",\n \"module\": \"dist/barba.mjs\",\n \"source\": \"src/index.ts\",\n \"types\": \"dist/core/src/typings\",\n \"mangle\": {\n \"regex\": \"^_\"\n },\n \"files\": [\n \"dist\"\n ],\n \"keywords\": [\n \"page\",\n \"transition\",\n \"animation\",\n \"css\",\n \"router\",\n \"prefetch\"\n ],\n \"homepage\": \"https://github.com/barbajs/barba#readme\",\n \"bugs\": {\n \"url\": \"https://github.com/barbajs/barba/issues\"\n },\n \"license\": \"MIT\",\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"git+ssh://git@github.com/barbajs/barba.git\"\n },\n \"scripts\": {\n \"build\": \"microbundle --name barba --external natives\",\n \"build:watch\": \"microbundle watch --name barba --external natives\",\n \"clear\": \"rimraf dist\",\n \"lint\": \"tslint src/**\",\n \"precommit\": \"lint-staged\",\n \"report\": \"source-map-explorer --html ./dist/barba.umd.js > report.html\",\n \"size\": \"echo '📦 router' && gzip-size ./dist/barba.umd.js\",\n \"tag:latest\": \"npm dist-tag add @barba/core@$npm_package_version latest\",\n \"tag:next\": \"npm dist-tag add @barba/core@$npm_package_version next\"\n },\n \"dependencies\": {\n \"is-promise\": \"^4.0.0\",\n \"path-to-regexp\": \"^6.2.2\"\n },\n \"gitHead\": \"33c213bc36a0996f6333185dfc695fcd0d37c9d9\"\n}\n"
},
{
"path": "packages/core/src/core.ts",
"content": "/**\n * @barba/core\n * home
\n Go to page\n Test views hooks\n\n * ## Barba core object\n *\n * Main methods:\n *\n * - `.init()` for initialization with options\n * - `.use()` for plugins\n *\n * @module core\n */\n\n/***/\n\nimport { version } from '../package.json';\n// Definitions\nimport {\n IBarbaOptions,\n IBarbaPlugin,\n IgnoreOption,\n ISchemaPage,\n ITransitionData,\n ITransitionOnce,\n ITransitionPage,\n Link,\n LinkEvent,\n RequestCustomError,\n RequestErrorOrResponse,\n SchemaAttributeValues,\n Trigger,\n Wrapper,\n} from './defs';\n// Hooks\nimport { hooks } from './hooks';\n// Modules\nimport { Cache } from './modules/Cache';\nimport { Headers } from './modules/Headers';\nimport { Logger } from './modules/Logger';\nimport { Prevent } from './modules/Prevent';\nimport { Transitions } from './modules/Transitions';\nimport { Views } from './modules/Views';\n// Polyfills\nimport './polyfills';\n// Schemas\nimport { schemaAttribute } from './schemas/attribute';\nimport { schemaPage } from './schemas/page';\n// Utils\nimport { dom, helpers, history, request, url } from './utils';\n\nexport class Core {\n /**\n * Version.\n */\n public version: string = version;\n /**\n * Schemas.\n */\n public schemaPage: ISchemaPage = schemaPage;\n /**\n * Logger class, allows plugins to create Logger.\n */\n public Logger: typeof Logger = Logger;\n /**\n * Barba logger.\n */\n public logger: Logger = new Logger('@barba/core');\n /**\n * Plugins.\n */\n public plugins: IBarbaPlugin
\n * Set to `undefined` until values are available.\n *\n * @param container Barba container element\n * @param html Full stringified HTML\n * @param namespace Namespace\n * @param url URL\n * @param route Route name (with `@barba/router`)\n */\n\nexport interface ISchemaPage {\n container: HTMLElement;\n html: string;\n namespace: string;\n url: IUrlFull;\n route?: IRouteResolved | null;\n}\n" }, { "path": "packages/core/src/defs/transition.ts", "content": "/**\n * @module typings/core\n */\n\n// Definitions\nimport { LinkEvent } from '../defs';\nimport { ISchemaPage, Trigger } from './index';\n\n// Data\nexport interface ITransitionData {\n current: ISchemaPage;\n next: ISchemaPage;\n trigger: Trigger;\n event?: LinkEvent | PopStateEvent;\n}\n\n// Filter\nexport interface ITransitionFilters {\n once?: boolean;\n self?: boolean;\n}\n\n// Rules\nexport interface ITransitionRules {\n namespace?: string | string[];\n route?: string | string[];\n custom?(data: ITransitionData): boolean;\n}\n\n// Transitions\nexport interface ITransitionPage extends ITransitionRules {\n name?: string;\n from?: ITransitionRules;\n to?: ITransitionRules;\n sync?: boolean;\n priority?: number;\n async?: () => (data?: any) => void;\n beforeOnce?(data: ITransitionData): void;\n once?(data: ITransitionData): Promise
\n * ## Hooks manager.\n *\n * - Register and trigger hooks\n *\n * Hooks can be easily registered:\n *\n * ```js\n * hooks.leave(callback, context);\n * ```\n *\n * @module core/modules/hooks\n * @preferred\n */\n\n/***/\n\n// Definitions\nimport { HookFunction, HookMethods, HooksAll } from './defs';\n// Modules\nimport { Logger } from './modules/Logger';\n// Utils\nimport { runAsync } from './utils';\n// Types\ninterface IHookInfos {\n ctx: any;\n fn: HookFunction;\n}\n\nexport class Hooks extends HookMethods {\n /**\n * Allow the use of `hooks[name](cb, ctx)`.\n */\n [key: string]: any;\n // [key in HooksAll]?: any;\n public logger: Logger = new Logger('@barba/core');\n /**\n * All available hooks.\n *\n * See [[HooksAll]]\n */\n // TODO: get hooks from defs (DRY)?\n public all: HooksAll[] = [\n 'ready',\n 'page',\n 'reset',\n 'currentAdded',\n 'currentRemoved',\n 'nextAdded',\n 'nextRemoved',\n 'beforeOnce',\n 'once',\n 'afterOnce',\n 'before',\n 'beforeLeave',\n 'leave',\n 'afterLeave',\n 'beforeEnter',\n 'enter',\n 'afterEnter',\n 'after',\n ];\n /**\n * Registered hooks.\n *\n * - Unique hook name\n * - Associated data set(s) (callback + context)\n */\n public registered: Map
\n * ## Cache for storing URL / HTML.\n *\n * @module core/modules/cache\n * @preferred\n */\n\n/***/\n\n// Definitions\nimport { CacheAction, CacheRequest, CacheStatus, CacheTarget, ICacheData, IgnoreOption } from '../defs';\n// Modules\nimport { Ignore } from './Ignore';\n\nexport class Cache extends Ignore {\n private _state: Map
\n * ## Manage request Headers.\n *\n * @module core/modules/headers\n * @preferred\n */\n\n/***/\n\n// Definitions\nimport { HeaderList, IHeaderData } from '../defs';\n\nexport class Headers {\n private _list: HeaderList = new Map();\n\n /**\n * Set a new header\n */\n public set(name: string, value: string): IHeaderData {\n this._list.set(name, value);\n\n return {\n name: value\n };\n }\n\n /**\n * Get a specific header\n */\n public get(name: string): string {\n return this._list.get(name);\n }\n\n /**\n * Get all headers\n */\n public all(): HeaderList {\n return this._list;\n }\n\n /**\n * Check if header exists\n */\n public has(name: string): boolean {\n return this._list.has(name);\n }\n\n /**\n * Delete a header\n */\n public delete(name: string): boolean {\n return this._list.delete(name);\n }\n\n /**\n * Clear all headers\n */\n public clear(): void {\n return this._list.clear();\n }\n}\n" }, { "path": "packages/core/src/modules/Ignore.ts", "content": "/**\n * @barba/core/modules/ignore\n *
\n * ## Manage ignore options.\n *\n * - cache\n * - prefetch\n *\n * @module core/modules/ignore\n * @preferred\n */\n\n/***/\n\n// Definitions\nimport { IgnoreOption } from '../defs';\n// Utils\nimport { pathToRegexp } from '../utils/helpers';\nimport { parse } from '../utils/url';\n\nexport class Ignore {\n private _ignoreAll: boolean;\n private _ignoreRegexes: RegExp[] = [];\n\n constructor(ignore: IgnoreOption) {\n if (typeof ignore === 'boolean') {\n this._ignoreAll = ignore;\n } else {\n const paths = Array.isArray(ignore) ? ignore : [ignore];\n\n this._ignoreRegexes = paths.map(p => pathToRegexp(p));\n }\n }\n\n public checkHref(href: string): boolean {\n if (typeof this._ignoreAll === 'boolean') {\n return this._ignoreAll;\n }\n\n const { path } = parse(href);\n\n return this._ignoreRegexes.some(regex => regex.exec(path) !== null);\n }\n}\n" }, { "path": "packages/core/src/modules/Logger.ts", "content": "/**\n * @barba/core/modules/Logger\n *
\n * ## Logger.\n *\n * - Display informations via the console\n *\n * @module core/modules/Logger\n * @preferred\n */\n\n/***/\n\n/**\n * Log levels, all lower level messages are printed\n *\n * 0. mute\n * 1. error = `console.error()`\n * 2. warning= `console.warn()`\n * 3. info = `console.info()`\n * 4. debug = `console.log()`\n */\nexport enum LogLevels {\n off = 0,\n error = 1,\n warning = 2,\n info = 3,\n debug = 4,\n}\n\n/**\n * Global log level\n */\nlet _level: number = LogLevels.off;\n\nexport class Logger {\n /**\n * Get global log level.\n */\n public static getLevel(): number {\n return _level;\n }\n\n /**\n * Set global log level.\n */\n public static setLevel(name: keyof typeof LogLevels): number {\n _level = LogLevels[name];\n\n return _level;\n }\n\n /**\n * Log \"prefix\".\n */\n private _source: string;\n\n /**\n * Creates an instance of Logger.\n */\n constructor(source: string) {\n this._source = source;\n }\n\n /**\n * Permanent, unremovable log.\n */\n // public print(...objects: any[]): void {\n // this._log(console.info, LogLevels.off, objects);\n // }\n\n /**\n * Error log.\n */\n public error(...objects: any[]): void {\n this._log(console.error, LogLevels.error, objects);\n }\n\n /**\n * Warn log.\n */\n public warn(...objects: any[]): void {\n this._log(console.warn, LogLevels.warning, objects);\n }\n\n /**\n * Info log.\n */\n public info(...objects: any[]): void {\n this._log(console.info, LogLevels.info, objects);\n }\n\n /**\n * Debug log.\n */\n public debug(...objects: any[]): void {\n this._log(console.log, LogLevels.debug, objects);\n }\n\n /**\n * Internal logger.\n */\n private _log(fn: () => void, level: number, objects: any[]): void {\n if (level <= Logger.getLevel()) {\n fn.apply(console, ([`[${this._source}] `].concat(objects) as unknown) as [\n\n ]);\n }\n }\n}\n" }, { "path": "packages/core/src/modules/Prevent.ts", "content": "/**\n * @barba/core/modules/prevent\n *
\n * ## Prevent checks.\n *\n * - Gathers all the tests that allow Barba to work and play transitions\n *\n * @module core/modules/prevent\n * @preferred\n */\n\n/***/\n\n// Definitions\nimport { IgnoreOption, Link, PreventCheck } from '../defs';\n// Schemas\nimport { schemaAttribute } from '../schemas/attribute';\n// Utils\nimport { url } from '../utils';\n// Modules\nimport { Ignore } from './Ignore';\n\n/**\n * Make sure the browser supports `history.pushState`.\n */\nconst pushState: PreventCheck = () => !window.history.pushState;\n\n/**\n * Make sure there is an `el` and `href`.\n */\nconst exists: PreventCheck = ({ el, href }) => !el || !href;\n\n/**\n * If the user is pressing ctrl + click, the browser will open a new tab.\n */\nconst newTab: PreventCheck = ({ event }) =>\n (event as KeyboardEvent).which > 1 ||\n (event as KeyboardEvent).metaKey ||\n (event as KeyboardEvent).ctrlKey ||\n (event as KeyboardEvent).shiftKey ||\n (event as KeyboardEvent).altKey;\n\n/**\n * If the link has `_blank` target.\n */\nconst blank: PreventCheck = ({ el }) =>\n el.hasAttribute('target') && (el as Link).target === '_blank';\n\n/**\n * If the domain is the same (in order to avoid pushState cross origin security problem).\n * Note: SVGAElement do not have `protocol` neither `hostname` properties.\n */\nconst corsDomain: PreventCheck = ({ el }) =>\n ((el as HTMLAnchorElement).protocol !== undefined &&\n window.location.protocol !== (el as HTMLAnchorElement).protocol) ||\n ((el as HTMLAnchorElement).hostname !== undefined &&\n window.location.hostname !== (el as HTMLAnchorElement).hostname);\n\n/**\n * If the port is the same.\n * Note: SVGAElement do not have `port` property.\n */\nconst corsPort: PreventCheck = ({ el }) =>\n (el as HTMLAnchorElement).port !== undefined &&\n url.getPort() !== url.getPort((el as HTMLAnchorElement).href);\n\n/**\n * If the link has download attribute.\n */\nconst download: PreventCheck = ({ el }) =>\n el.getAttribute && typeof el.getAttribute('download') === 'string';\n\n/**\n * If the links contains [data-barba-prevent] or [data-barba-prevent=\"self\"].\n */\nconst preventSelf: PreventCheck = ({ el }) =>\n el.hasAttribute(`${schemaAttribute.prefix}-${schemaAttribute.prevent}`);\n\n/**\n * If some link ancestor contains [data-barba-prevent=\"all\"].\n */\nconst preventAll: PreventCheck = ({ el }) =>\n Boolean(\n el.closest(`[${schemaAttribute.prefix}-${schemaAttribute.prevent}=\"all\"]`)\n );\n\n/**\n * If the link is the current URL.\n *\n * > Not in the test suite.\n */\nconst sameUrl: PreventCheck = ({ href }) =>\n url.clean(href) === url.clean() && url.getPort(href) === url.getPort();\n\nexport class Prevent extends Ignore {\n public suite: string[] = [];\n public tests: Map
\n * ## Transitions store.\n *\n * - Resolve transition\n * - Manage rules\n *\n * @module core/modules/store\n * @preferred\n */\n\n/***/\n\n// Definitions\nimport {\n IRule,\n IRules,\n ITransitionData,\n ITransitionFilters,\n ITransitionOnce,\n ITransitionPage,\n RuleName,\n} from '../defs';\n\n// Modules\nimport { Logger } from './Logger';\n\nexport class Store {\n public logger: Logger = new Logger('@barba/core');\n /**\n * All registered transitions.\n */\n public all: ITransitionPage[] = [];\n /**\n * \"Page only\" registered transitions.\n */\n public page: ITransitionPage[] = [];\n /**\n * \"Once only\" registered transitions.\n */\n public once: ITransitionOnce[] = [];\n /**\n * Rules for transition resolution.\n *\n * Defaults:\n *\n * - namespace\n * - custom\n */\n private _rules: IRule[] = [\n {\n name: 'namespace',\n type: 'strings',\n },\n {\n name: 'custom',\n type: 'function',\n },\n ];\n\n /**\n * Init store.\n */\n constructor(transitions: ITransitionPage[] = []) {\n /* istanbul ignore else */\n if (transitions) {\n // TODO: add check for valid transitions? criteria? (once || enter && leave)\n this.all = this.all.concat(transitions);\n }\n this.update();\n }\n\n /**\n * Add rule or transition.\n */\n public add(type: 'rule' | 'transition', data: any): void {\n switch (type) {\n case 'rule':\n // TODO: check for valid rule\n this._rules.splice(data.position || 0, 0, data.value);\n break;\n case 'transition':\n default:\n // TODO: check for valid transition\n this.all.push(data);\n break;\n }\n\n this.update();\n }\n\n /**\n * Resolve transition.\n */\n public resolve(\n data: ITransitionData,\n filters: ITransitionFilters = {}\n ): ITransitionOnce | ITransitionPage {\n // Filter on \"once\"\n let transitions = filters.once ? this.once : this.page;\n\n // Filter on \"self\"\n if (filters.self) {\n transitions = transitions.filter(t => t.name && t.name === 'self');\n } else {\n transitions = transitions.filter(t => !t.name || t.name !== 'self');\n }\n\n // All matching transition infos\n const matching = new Map();\n\n // Active = first of valid transitions\n // sorted by directions (from/to, from || to, …)\n const active = transitions.find(t => {\n let valid = true;\n const match = {};\n\n if (filters.self && t.name === 'self') {\n matching.set(t, match);\n return true;\n }\n\n // Check rules\n this._rules.reverse().forEach(rule => {\n if (valid) {\n valid = this._check(t, rule, data, match);\n // From/to check\n if (t.from && t.to) {\n valid =\n this._check(t, rule, data, match, 'from') &&\n this._check(t, rule, data, match, 'to');\n }\n if (t.from && !t.to) {\n valid = this._check(t, rule, data, match, 'from');\n }\n if (!t.from && t.to) {\n valid = this._check(t, rule, data, match, 'to');\n }\n }\n });\n\n matching.set(t, match);\n\n return valid;\n });\n\n const activeMatch = matching.get(active);\n const transitionType = [];\n if (filters.once) {\n transitionType.push('once');\n } else {\n transitionType.push('page');\n }\n if (filters.self) {\n transitionType.push('self');\n }\n\n if (activeMatch) {\n // Log resolved transition\n const infos: any[] = [active];\n // Log if matching criteria\n Object.keys(activeMatch).length > 0 && infos.push(activeMatch);\n\n this.logger.info(\n `Transition found [${transitionType.join(',')}]`,\n ...infos\n );\n } else {\n this.logger.info(`No transition found [${transitionType.join(',')}]`);\n }\n\n return active;\n }\n\n /**\n * ### Update store.\n *\n * - Reorder transition by priorities\n * - Get wait indicator\n * - Get once transitions\n */\n public update(): void {\n // Reorder by priorities\n this.all = this.all\n .map(t => this._addPriority(t))\n .sort((a, b) => a.priority - b.priority)\n .reverse()\n .map(t => {\n delete t.priority;\n\n return t;\n });\n this.page = this.all.filter(\n t => t.leave !== undefined || t.enter !== undefined\n ) as ITransitionPage[];\n this.once = this.all.filter(t => t.once !== undefined) as ITransitionOnce[];\n }\n\n /**\n * ### Check if transition apply.\n *\n * Based on rule, page data and optional direction:\n *\n * 1. transition has no rule \"property\":\n * - always returns true\n * 2. transition has rule \"property\":\n * - \"strings\" should be present on both side (transition + page) and match\n * - \"function\" should return true\n */\n private _check(\n transition: ITransitionPage,\n rule: IRule,\n data: ITransitionData,\n match: any,\n direction?: 'from' | 'to'\n ): boolean {\n let isValid = true;\n let hasMatch = false;\n const t = transition;\n const { name, type } = rule;\n const strRule = name as IRules['strings'];\n const objRule = name as IRules['object'];\n const fnName = name as IRules['function'];\n const base = direction ? t[direction] : t; // = t || t.from || t.to\n const page = direction === 'to' ? data.next : data.current; // = current || next\n const exist = direction ? base && base[name] : base[name];\n\n // If transition rule exists\n if (exist) {\n switch (type) {\n case 'strings':\n default: {\n // Array support\n const names: string[] = Array.isArray(base[strRule])\n ? (base[strRule] as string[])\n : [base[strRule] as string];\n\n // For matching, prop should be present on both sides and match\n if (page[strRule] && names.indexOf(page[strRule]) !== -1) {\n hasMatch = true;\n }\n // If transition prop is different from current, not valid\n if (names.indexOf(page[strRule]) === -1) {\n isValid = false;\n }\n break;\n }\n\n case 'object': {\n // Array support\n const names: string[] = Array.isArray(base[objRule])\n ? (base[objRule] as string[])\n : [base[objRule] as string];\n\n // For matching, prop should be present on both sides and match\n if (page[objRule]) {\n if (\n page[objRule].name &&\n names.indexOf(page[objRule].name) !== -1\n ) {\n hasMatch = true;\n }\n // If transition prop is different from current, not valid\n if (names.indexOf(page[objRule].name) === -1) {\n isValid = false;\n }\n } else {\n isValid = false;\n }\n break;\n }\n\n case 'function':\n if (base[fnName](data)) {\n hasMatch = true;\n } else {\n isValid = false;\n }\n break;\n }\n\n if (hasMatch) {\n if (direction) {\n match[direction] = match[direction] || {};\n match[direction][name] = t[direction][name];\n } else {\n match[name] = t[name];\n }\n }\n }\n\n return isValid;\n }\n\n /**\n * ### Calculate transition priority.\n *\n * Based on:\n *\n * - rule \"position\" (index) give tens, hundreds, thousands, …\n * - from/to properties give units (0, 1 or 2)\n */\n private _calculatePriority(\n t: ITransitionPage,\n ruleName: RuleName,\n ruleIndex: number\n ): number {\n let priority = 0;\n\n if (\n t[ruleName] ||\n (t.from && t.from[ruleName]) ||\n (t.to && t.to[ruleName])\n ) {\n priority += Math.pow(10, ruleIndex);\n\n if (t.from && t.from[ruleName]) {\n priority += 1;\n }\n if (t.to && t.to[ruleName]) {\n priority += 2;\n }\n }\n\n return priority;\n }\n\n private _addPriority(t: ITransitionPage): ITransitionPage {\n t.priority = 0;\n let priority = 0;\n\n this._rules.forEach((rule, i) => {\n const { name } = rule;\n const index = i + 1;\n\n priority += this._calculatePriority(t, name, index);\n });\n\n t.priority = priority;\n\n return t;\n }\n}\n" }, { "path": "packages/core/src/modules/Transitions.ts", "content": "/**\n * @barba/core/modules/transitions\n *
\n * ## Transitions manager.\n *\n * - Handle hooks and transition lifecycle\n *\n * @module core/modules/transitions\n * @preferred\n */\n\n/***/\n\n// Definitions\nimport {\n HooksTransition,\n HooksTransitionMap,\n IResponse,\n ITransitionData,\n ITransitionFilters,\n ITransitionOnce,\n ITransitionPage,\n Wrapper,\n} from '../defs';\n// Hooks\nimport { hooks } from '../hooks';\n// Utils\nimport { dom, helpers, runAsync } from '../utils';\n// Modules\nimport { BarbaError } from './Error';\nimport { Logger } from './Logger';\nimport { Store } from './Store';\n\nexport class Transitions {\n public logger: Logger = new Logger('@barba/core');\n public store: Store;\n private _running: boolean = false;\n\n constructor(transitions: ITransitionPage[] = []) {\n this.store = new Store(transitions);\n }\n\n /**\n * Get resolved transition\n *\n * - based on data\n */\n public get(\n data: ITransitionData,\n filters?: ITransitionFilters\n ): ITransitionOnce | ITransitionPage {\n return this.store.resolve(data, filters);\n }\n\n /**\n * Animation running status.\n */\n get isRunning(): boolean {\n return this._running;\n }\n set isRunning(status: boolean) {\n this._running = status;\n }\n\n /**\n * Check for registered once transition(s).\n */\n get hasOnce(): boolean {\n return this.store.once.length > 0;\n }\n\n /**\n * Check for registered self transition.\n */\n get hasSelf(): boolean {\n return this.store.all.some(t => t.name === 'self');\n }\n\n /**\n * ### Wait indicator.\n *\n * Tells Barba to get next page data
\n * before starting the resolution
\n * because some registered transitions need
\n * next page data to be resolved (eg: `sync: true`, `to: { namespace }`, …)\n */\n get shouldWait(): boolean {\n return this.store.all.some(t => (t.to && !t.to.route) || t.sync);\n }\n\n /**\n * ### Do \"once\" transition.\n *\n * Hooks: see [[HooksOnce]].\n */\n public async doOnce({\n data,\n transition,\n }: {\n data: ITransitionData;\n transition: ITransitionOnce;\n }) {\n const t = transition || {};\n this._running = true;\n\n try {\n await this._doAsyncHook('beforeOnce', data, t);\n await this.once(data, t);\n await this._doAsyncHook('afterOnce', data, t);\n } catch (error) {\n this._running = false;\n\n this.logger.debug('Transition error [before/after/once]');\n this.logger.error(error);\n }\n\n this._running = false;\n }\n\n /**\n * ### Do \"page\" transition.\n *\n * Hooks: see [[HooksPage]].\n *\n * `sync: false` (default) order:\n *\n * 1. before\n * 2. beforeLeave\n * 3. leave\n * 4. afterLeave\n * 5. beforeEnter\n * 6. enter\n * 7. afterEnter\n * 8. after\n *\n * `sync: true` order:\n *\n * 1. before\n * 2. beforeLeave\n * 3. beforeEnter\n * 4. leave & enter\n * 5. afterLeave\n * 6. afterEnter\n * 7. after\n */\n public async doPage({\n data,\n transition,\n page,\n wrapper,\n }: {\n data: ITransitionData;\n transition: ITransitionPage;\n page: Promise
\n * ## Views manager.\n *\n * @module core/modules/views\n * @preferred\n */\n\n/***/\n\n// Definitions\nimport { HooksView, IView, IViewData } from '../defs';\n// Hooks\nimport { hooks } from '../hooks';\n// Utils\nimport { runAsync } from '../utils';\n// Types\ntype Hook = (data: IViewData) => Promise
\n * ## Schemas description.\n *\n * @module core/schemas\n * @preferred\n */\n\n/***/\n\n// Definitions\nimport { ISchemaAttribute } from '../defs';\n\n/**\n * See [[ISchemaAttribute]]\n */\nexport const schemaAttribute: ISchemaAttribute = {\n container: 'container',\n history: 'history',\n namespace: 'namespace',\n prefix: 'data-barba',\n prevent: 'prevent',\n wrapper: 'wrapper',\n};\n" }, { "path": "packages/core/src/schemas/page.ts", "content": "/**\n * @module core/schemas\n */\n\n// Definitions\nimport { ISchemaPage } from '../defs';\n\n/**\n * See [[ISchemaPage]]\n */\nexport const schemaPage: ISchemaPage = {\n container: null,\n html: '',\n namespace: '',\n url: {\n hash: '',\n href: '',\n path: '',\n port: null,\n query: {},\n },\n};\n" }, { "path": "packages/core/src/typings.ts", "content": "export * from './defs';\nexport { default } from './core';\n" }, { "path": "packages/core/src/utils/dom.ts", "content": "/**\n * @barba/core/utils/dom\n *
\n * ## Dom utils\n *\n * - Access DOM contents\n * - DOM vs string conversions\n *\n * @module core/utils/dom\n * @preferred\n */\n\n/***/\n\nimport path from 'path';\n\n// Definitions\nimport { IDomSibling, ISchemaAttribute, Link, Scope, Wrapper } from '../defs';\n// Schemas\nimport { schemaAttribute } from '../schemas/attribute';\n\nexport class Dom {\n private _attr: ISchemaAttribute = schemaAttribute;\n private _parser: DOMParser;\n private _sibling: IDomSibling = {\n after: null,\n before: null,\n parent: null\n };\n\n /**\n * Convert HTMLDocument to string.\n */\n public toString(el: HTMLElement): string {\n return el.outerHTML;\n }\n\n /**\n * Parse HTML string to HTMLDocument.\n */\n // see https://github.com/barbajs/barba/issues/362\n // Seems that using DOMParser.parseFromString causes this issue.\n public toDocument(htmlString: string): HTMLDocument {\n /* istanbul ignore else */\n if (!this._parser) {\n this._parser = new DOMParser();\n }\n return this._parser.parseFromString(htmlString, 'text/html');\n }\n\n /**\n * Parse HTML string to DIVElement.\n *\n * DOMParser.parseFromString fails with img[srcset] on iOS.\n * see https://github.com/barbajs/barba/issues/362\n */\n public toElement(htmlString: string): HTMLDivElement {\n const div = document.createElement('div');\n\n div.innerHTML = htmlString;\n return div;\n }\n\n /**\n * Get HTML content.\n */\n public getHtml(doc: HTMLDocument = document): string {\n return this.toString(doc.documentElement);\n }\n\n /**\n * Get full document content.\n */\n // getDocument(el = document.documentElement) {\n // return this.toStr(el);\n // },\n\n /**\n * Get `[data-barba=\"wrapper\"]`.\n */\n public getWrapper(scope: Scope = document): Wrapper {\n return scope.querySelector(\n `[${this._attr.prefix}=\"${this._attr.wrapper}\"]`\n );\n }\n\n /**\n * Get `[data-barba=\"container\"]`.\n */\n public getContainer(scope: Scope = document): HTMLElement | null {\n return scope.querySelector(\n `[${this._attr.prefix}=\"${this._attr.container}\"]`\n );\n }\n\n /**\n * Remove container and store next sibling (if applicable).\n */\n public removeContainer(container: HTMLElement) {\n if (document.body.contains(container)) {\n this._updateSibling(container);\n container.parentNode.removeChild(container);\n }\n }\n\n /**\n * Add container near previous container\n */\n public addContainer(container: HTMLElement, wrapper: HTMLElement) {\n const siblingBefore = this.getContainer() || this._sibling.before;\n\n if (siblingBefore) {\n this._insertAfter(container, siblingBefore);\n } else if (this._sibling.after) {\n this._sibling.after.parentNode.insertBefore(container, this._sibling.after);\n } else if (this._sibling.parent) {\n this._sibling.parent.appendChild(container);\n } else {\n wrapper.appendChild(container);\n }\n }\n\n /**\n * Get current dom sibling\n */\n public getSibling(): IDomSibling {\n return this._sibling;\n }\n\n /**\n * Get `[data-barba-namespace]`.\n */\n public getNamespace(scope: Scope = document): string | null {\n const ns = scope.querySelector(\n `[${this._attr.prefix}-${this._attr.namespace}]`\n );\n\n return ns\n ? ns.getAttribute(`${this._attr.prefix}-${this._attr.namespace}`)\n : null;\n }\n\n /**\n * Get URL from `href` value.\n */\n public getHref(el: Link): string | null {\n // HTML tagName is UPPERCASE, xhtml tagName keeps existing case.\n if (el.tagName && el.tagName.toLowerCase() === 'a') {\n // HTMLAnchorElement, full URL available\n if (typeof el.href === 'string') {\n return el.href;\n }\n\n // Probably a SVGAElement…\n const href = el.getAttribute('href') || el.getAttribute('xlink:href');\n\n /* istanbul ignore else */\n if (href) {\n // When link comes from SVG, `href` returns an object, not a string.\n const attr: string =\n ((href as unknown) as SVGAnimatedString).baseVal || href;\n\n return this.resolveUrl(attr);\n }\n }\n return null;\n }\n\n // Copyright 2014 Simon Lydell\n // X11 (“MIT”) Licensed. (See LICENSE\n // https://github.com/lydell/resolve-url/blob/master/resolve-url.js\n /* istanbul ignore next */\n public resolveUrl(...urls: string[]) {\n const numUrls = urls.length;\n\n if (numUrls === 0) {\n throw new Error('resolveUrl requires at least one argument; got none.');\n }\n\n const base = document.createElement('base');\n base.href = arguments[0];\n\n if (numUrls === 1) {\n return base.href;\n }\n\n const head = document.getElementsByTagName('head')[0];\n head.insertBefore(base, head.firstChild);\n\n const a = document.createElement('a');\n let resolved;\n\n for (let index = 1; index < numUrls; index++) {\n a.href = arguments[index];\n resolved = a.href;\n base.href = resolved;\n }\n\n head.removeChild(base);\n\n return resolved;\n }\n\n /**\n * Insert node after another node.\n */\n private _insertAfter(newNode: Node, referenceNode: Node) {\n referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);\n }\n\n /**\n * Update current dom sibling regarding container\n */\n private _updateSibling(container: HTMLElement): IDomSibling {\n this._sibling = {\n after: container.nextElementSibling,\n before: container.previousElementSibling,\n parent: container.parentElement\n };\n\n return this._sibling;\n }\n}\n\nconst dom = new Dom();\n\nexport { dom };\n" }, { "path": "packages/core/src/utils/helpers.ts", "content": "/**\n * @barba/core/utils/helpers\n *
\n * ## Helpers\n *\n * - Update next page data\n *\n * @module core/utils/helpers\n * @preferred\n */\n\n/***/\n\n// Third-party\nimport { pathToRegexp as ptr } from 'path-to-regexp';\n// Definitions\nimport { IResponse, ITransitionData } from '../defs';\n// Utils\nimport { dom } from './dom';\nimport { history } from './history';\n\n/**\n * Update `data.next`, the title and the history\n */\nexport const update = async (\n page: Promise
\n * ## History manager.\n *\n * - Keep track of the navigation history\n *\n * @module core/utils/history\n * @preferred\n */\n\n/**\n * State item.\n *\n * @property from\n * @property index\n */\ninterface IHistoryItem {\n /** origin */\n from: string;\n /** index */\n index: number;\n /** states */\n states: IStateItem[];\n}\n\n/***/\ninterface ICoords {\n x: number;\n y: number;\n}\n\n/**\n * History item.\n *\n * @property namespace\n * @property scroll\n * @property URL\n */\ninterface IStateItem {\n /** data */\n data: object;\n /** namespace */\n ns: string | undefined;\n /** Scroll position */\n scroll: ICoords;\n /** URL */\n url: string;\n}\n\nexport class History {\n private _session: string;\n private _states: IStateItem[] = [];\n private _pointer = -1;\n\n /**\n * Init with first state.\n */\n public init(url: string, ns: string): void {\n this._session = 'barba';\n\n const state: IStateItem = {\n data: {},\n ns,\n scroll: {\n x: window.scrollX,\n y: window.scrollY,\n },\n url,\n };\n\n this._pointer = 0;\n this._states.push(state);\n\n const item: IHistoryItem = {\n from: this._session,\n index: this._pointer,\n states: [...this._states],\n };\n\n window.history && window.history.replaceState(item, '', url);\n }\n\n public change(\n url: string,\n trigger: Trigger,\n e?: LinkEvent | PopStateEvent\n ): Trigger {\n if (e && (e as PopStateEvent).state) {\n // If popstate, move to existing state\n // and get back/forward direction.\n const { state }: { state: IHistoryItem } = e as PopStateEvent;\n const { index } = state;\n const diff = this._pointer - index;\n\n trigger = this._getDirection(diff);\n\n // Work with previous states\n this.replace(state.states);\n this._pointer = index;\n } else {\n // Add new state\n this.add(url, trigger);\n }\n\n return trigger;\n }\n\n /**\n * Add a new state.\n */\n public add(url: string, trigger: Trigger, action?: HistoryAction, data?: object): void {\n // If no state, it will be updated later.\n const ns = 'tmp';\n const method = action ?? this._getAction(trigger);\n const state: IStateItem = {\n data: data ?? {},\n ns,\n scroll: {\n x: window.scrollX,\n y: window.scrollY,\n },\n url,\n };\n\n switch (method) {\n case 'push':\n this._pointer = this.size;\n this._states.push(state);\n break;\n case 'replace':\n this.set(this._pointer, state);\n break;\n /* istanbul ignore next */\n default:\n }\n\n const item: IHistoryItem = {\n from: this._session,\n index: this._pointer,\n states: [...this._states],\n };\n\n switch (method) {\n case 'push':\n window.history && window.history.pushState(item, '', url);\n break;\n case 'replace':\n window.history && window.history.replaceState(item, '', url);\n break;\n /* istanbul ignore next */\n default:\n }\n }\n\n /**\n * Store custom user data per state.\n */\n public store(data: object, i?: number): void {\n const index = i || this._pointer;\n const state = this.get(index);\n\n // merge data (allow data overwrite)\n state.data = {\n ...state.data,\n ...data\n };\n\n // update states\n this.set(index, state);\n\n const item: IHistoryItem = {\n from: this._session,\n index: this._pointer,\n states: [...this._states],\n };\n\n // update browser history\n window.history.replaceState(item, '');\n }\n\n /**\n * Update state.\n */\n public update(data: any, i?: number): void {\n const index = i || this._pointer;\n const existing = this.get(index);\n const state: IStateItem = {\n ...existing,\n ...data,\n };\n\n this.set(index, state);\n }\n\n /**\n * Remove last state.\n */\n public remove(i?: number): void {\n if (i) {\n this._states.splice(i, 1);\n } else {\n this._states.pop();\n }\n\n this._pointer--;\n }\n\n /**\n * Delete all states.\n */\n public clear(): void {\n this._states = [];\n this._pointer = -1;\n }\n\n /**\n * Replace all states.\n */\n public replace(newStates: IStateItem[]): void {\n this._states = newStates;\n }\n\n /**\n * Get state by index.\n */\n public get(index: number): IStateItem {\n return this._states[index];\n }\n\n /**\n * Set state by index.\n */\n public set(i: number, state: IStateItem) {\n return (this._states[i] = state);\n }\n\n /**\n * Get the current state.\n */\n get current(): IStateItem {\n return this._states[this._pointer];\n }\n\n /**\n * Get the previous state.\n */\n get previous(): IStateItem | null {\n return this._pointer < 1 ? null : this._states[this._pointer - 1];\n }\n\n /**\n * Get the state size.\n */\n get size(): number {\n return this._states.length;\n }\n\n /**\n * Get the history action: push vs replace\n */\n private _getAction(trigger: Trigger): HistoryAction {\n let action: HistoryAction = 'push';\n\n // Manage `data-barba-history` attribute\n // to get the right action (push vs replace).\n const el = trigger as HTMLAnchorElement;\n const attr = `${schemaAttribute.prefix}-${schemaAttribute.history}`;\n\n if (el.hasAttribute && el.hasAttribute(attr)) {\n action = el.getAttribute(attr) as HistoryAction;\n }\n\n return action;\n }\n\n /**\n * Get the direction of popstate change\n */\n private _getDirection(diff: number): Trigger {\n // Check if \"session switch\"\n if (Math.abs(diff) > 1) {\n // Ex 6-0 > 0 -> forward, 0-6 < 0 -> back\n return diff > 0 ? 'forward' : 'back';\n } else {\n if (diff === 0) {\n return 'popstate';\n } else {\n // Ex 6-5 > 0 -> back, 5-6 < 0 -> forward\n return diff > 0 ? 'back' : 'forward';\n }\n }\n }\n}\n\nconst history = new History();\n\nexport { history };\n" }, { "path": "packages/core/src/utils/index.ts", "content": "import * as helpers from './helpers';\nimport * as url from './url';\n\nexport * from './dom';\nexport * from './history';\nexport * from './request';\nexport * from './run-async';\nexport { helpers, url };\n" }, { "path": "packages/core/src/utils/request.ts", "content": "/**\n * @barba/core/utils/request\n *
\n * ## Fetch pages for transitions.\n *\n * - Includes timeout\n * - Uses Fetch API\n * - Handles errors\n *\n * @module core/utils/request\n * @preferred\n */\n\n/***/\n\n// Definitions\nimport { Cache } from '@barba/core/src/modules/Cache';\nimport { Headers } from '@barba/core/src/modules/Headers';\nimport { IResponse, RequestError } from '../defs';\nimport { parse } from './url';\n\n/**\n * Init a page request.\n * Fetch the page and returns a promise with the text content.\n */\nfunction request(\n url: string,\n ttl: number = 2e3,\n requestError: RequestError,\n cache: Cache,\n headers: Headers\n): Promise
\n * ## URL utils.\n *\n * - Collect and structure informations from URLs\n *\n * @module core/utils/url\n */\n\n/***/\n\n// Definitions\nimport { IGenericObject, IUrlBase } from '../defs';\n\n/**\n * Get location href.\n */\nexport const getHref = () => window.location.href;\n\n/**\n * Get absolute href from URL.\n */\nexport const getAbsoluteHref = (url: string, base: string = document.baseURI): string => new URL(url, base).href;\n\n/**\n * Get location origin.\n */\nexport const getOrigin = () => window.location.origin;\n\n/**\n * Get port based on URL or location.\n */\nexport const getPort = (url: string = window.location.href) => parse(url).port;\n\n/**\n * Get path from URL.\n */\nexport const getPath = (url: string = window.location.href) => parse(url).path;\n\n/**\n * Get query object from URL.\n */\nexport const getQuery = (url: string, stringify: boolean = false): IGenericObject|string => {\n return stringify ? JSON.stringify(parse(url).query) : parse(url).query;\n};\n\n/**\n * Get hash from URL.\n */\nexport const getHash = (url: string): string => parse(url).hash;\n\n/**\n * Parse URL for path, query and hash and more.\n */\nexport const parse = (url: string): IUrlBase => {\n // Port\n let port;\n const matches = url.match(/:\\d+/);\n\n if (matches === null) {\n if (/^http/.test(url)) {\n port = 80;\n }\n\n if (/^https/.test(url)) {\n port = 443;\n }\n } else {\n const portString = matches[0].substring(1);\n\n port = parseInt(portString, 10);\n }\n\n // Path\n let path = url.replace(getOrigin(), '');\n let hash;\n let query = {};\n\n // Hash\n const hashIndex = path.indexOf('#');\n\n if (hashIndex >= 0) {\n hash = path.slice(hashIndex + 1);\n path = path.slice(0, hashIndex);\n }\n\n // Query\n const queryIndex = path.indexOf('?');\n\n if (queryIndex >= 0) {\n query = parseQuery(path.slice(queryIndex + 1));\n path = path.slice(0, queryIndex);\n }\n\n return {\n hash,\n path,\n port,\n query,\n };\n};\n\n/**\n * Parse a query string to object.\n */\nexport const parseQuery = (str: string) =>\n str.split('&').reduce((acc: IGenericObject, el: string) => {\n const [key, value] = el.split('=');\n\n acc[key] = value;\n\n return acc;\n }, {});\n\n/**\n * Clean URL, remove \"hash\" and/or \"trailing slash\".\n */\nexport const clean = (url: string = window.location.href) =>\n url.replace(/(\\/#.*|\\/|#.*)$/, '');\n" }, { "path": "packages/css/.npmignore", "content": "### Custom ###\n/__e2e__\n/__mocks__\n/__tests__\n/__web__\n/jest.config.js\n/mangle.json\n/*.md\n/.rts2*\n!/README.md\n!/CHANGELOG.md\n" }, { "path": "packages/css/AUTHORS", "content": "Luigi De Rosa
\n \n
\n \n \n \n \n \n\n"
},
{
"path": "packages/css/__web__/named.html",
"content": "\n\n \n \n \n \n home
\n Go to page\n\n \n
\n \n \n \n \n \n\n"
},
{
"path": "packages/css/__web__/once.html",
"content": "\n\n\n\n \n \n \n named
\n Go to page\n\n
\n \n \n \n\n\n\n"
},
{
"path": "packages/css/__web__/page.html",
"content": "\n\n \n \n \n \n \n
\n once
\n Go to page\n\n \n
\n \n \n\n"
},
{
"path": "packages/css/__web__/scripts/default.js",
"content": "console.info('🚀 Barba e2e');\n\nconst { barba, barbaCss: css } = window;\n\nbarba.use(css);\nbarba.init({ debug: true });\n"
},
{
"path": "packages/css/__web__/scripts/named.js",
"content": "console.info('🚀 Barba e2e');\n\nconst { barba, barbaCss: css } = window;\n\nbarba.use(css);\nbarba.init({\n transitions: [{ name: 'named' }],\n});\n"
},
{
"path": "packages/css/__web__/styles/default.css",
"content": "[data-barba='container'] {\n opacity: 1;\n}\n\n.barba-enter-active,\n.barba-leave-active {\n transition: opacity 2s;\n}\n\n.barba-leave,\n.barba-enter-to {\n opacity: 1;\n}\n\n.barba-enter,\n.barba-leave-to {\n opacity: 0;\n}\n"
},
{
"path": "packages/css/__web__/styles/named.css",
"content": "[data-barba='container'] {\n opacity: 1;\n}\n\n.named-enter-active,\n.named-leave-active {\n transition: opacity 2s;\n}\n\n.named-leave,\n.named-enter-to {\n opacity: 1;\n}\n\n.named-enter,\n.named-leave-to {\n opacity: 0;\n}\n"
},
{
"path": "packages/css/__web__/styles/once.css",
"content": "[data-barba='container'] {\n opacity: 1;\n}\n\n.barba-once {\n opacity: 0;\n}\n\n.barba-once-active {\n transition: opacity 5s;\n}\n\n.barba-once-to {\n opacity: 1;\n}\n"
},
{
"path": "packages/css/jest.config.js",
"content": "const jestBase = require('../../jest.config.js');\n\nmodule.exports = {\n ...jestBase,\n};\n"
},
{
"path": "packages/css/package.json",
"content": "{\n \"name\": \"@barba/css\",\n \"version\": \"2.1.16\",\n \"description\": \"Style helper that manage you CSS classes during transitions\",\n \"publishConfig\": {\n \"access\": \"public\"\n },\n \"main\": \"dist/barba-css.js\",\n \"umd:main\": \"dist/barba-css.umd.js\",\n \"browser\": \"dist/barba-css.umd.js\",\n \"unpkg\": \"dist/barba-css.umd.js\",\n \"module\": \"dist/barba-css.mjs\",\n \"source\": \"src/index.ts\",\n \"types\": \"dist/css/src/typings\",\n \"mangle\": {\n \"regex\": \"^_\"\n },\n \"files\": [\n \"dist\"\n ],\n \"keywords\": [\n \"page\",\n \"transition\",\n \"animation\",\n \"css\",\n \"router\",\n \"prefetch\"\n ],\n \"homepage\": \"https://github.com/barbajs/barba#readme\",\n \"bugs\": {\n \"url\": \"https://github.com/barbajs/barba/issues\"\n },\n \"license\": \"MIT\",\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"git+ssh://git@github.com/barbajs/barba.git\"\n },\n \"scripts\": {\n \"build\": \"microbundle --name barbaCss\",\n \"build:watch\": \"microbundle watch --name barbaCss\",\n \"clear\": \"rimraf dist\",\n \"lint\": \"tslint src/**\",\n \"precommit\": \"lint-staged\",\n \"size\": \"echo '💄 css' && gzip-size ./dist/barba-css.umd.js\",\n \"tag:latest\": \"npm dist-tag add @barba/css@$npm_package_version latest\",\n \"tag:next\": \"npm dist-tag add @barba/css@$npm_package_version next\"\n },\n \"gitHead\": \"33c213bc36a0996f6333185dfc695fcd0d37c9d9\"\n}\n"
},
{
"path": "packages/css/src/css.ts",
"content": "/**\n * @barba/css\n * page
\n Go to home\n\n * ## Barba CSS.\n *\n * - Add CSS classes\n * - Manage CSS transitions\n *\n * @module css\n * @preferred\n */\n\n/***/\n\n// Definitions\nimport {\n IBarbaPlugin,\n ITransitionData,\n ITransitionPage,\n} from '@barba/core/src/defs';\n\nimport { Core } from '@barba/core/src/core';\nimport { Logger } from '@barba/core/src/modules/Logger';\n\nimport { ICssCallbacks } from './defs';\n\nimport { version } from '../package.json';\n\nexport class Css implements IBarbaPlugin<{}> {\n public name = '@barba/css';\n public version = version;\n public barba: Core;\n public logger: Logger;\n\n public prefix: string = 'barba';\n public callbacks: ICssCallbacks = {};\n public cb: any;\n\n // Check if transition property applied\n private _hasTransition: boolean = false;\n\n /**\n * Plugin installation.\n */\n public install(barba: Core) {\n this.logger = new barba.Logger(this.name);\n this.logger.info(this.version);\n this.barba = barba;\n this._once = this._once.bind(this);\n this._leave = this._leave.bind(this);\n this._enter = this._enter.bind(this);\n }\n\n /**\n * Plugin installation.\n */\n public init() {\n // Register hooks to get prefix\n this.barba.hooks.before(this._getPrefix, this);\n this.barba.hooks.beforeOnce(this._getPrefix, this);\n\n // Register hook for CSS classes\n this.barba.hooks.beforeOnce(this._beforeOnce, this);\n this.barba.hooks.afterOnce(this._afterOnce, this);\n this.barba.hooks.beforeLeave(this._beforeLeave, this);\n this.barba.hooks.afterLeave(this._afterLeave, this);\n this.barba.hooks.beforeEnter(this._beforeEnter, this);\n this.barba.hooks.afterEnter(this._afterEnter, this);\n\n // Override main transitions\n this.barba.transitions.once = this._once;\n this.barba.transitions.leave = this._leave;\n this.barba.transitions.enter = this._enter;\n\n // Add empty default transition (force prepend)\n /* istanbul ignore next */\n this.barba.transitions.store.all.unshift({\n name: 'barba',\n once() {}, // tslint:disable-line:no-empty\n leave() {}, // tslint:disable-line:no-empty\n enter() {}, // tslint:disable-line:no-empty\n });\n this.barba.transitions.store.update();\n }\n\n /**\n * Initial state.\n */\n public async start(container: HTMLElement, kind: string): Promise
Hello prefetch
\n \n\n" }, { "path": "packages/prefetch/jest.config.js", "content": "const jestBase = require('../../jest.config.js');\n\nmodule.exports = {\n ...jestBase,\n};\n" }, { "path": "packages/prefetch/package.json", "content": "{\n \"name\": \"@barba/prefetch\",\n \"version\": \"2.2.0\",\n \"description\": \"Automatically fetch and cache your pages based on the viewport\",\n \"publishConfig\": {\n \"access\": \"public\"\n },\n \"main\": \"dist/barba-prefetch.js\",\n \"umd:main\": \"dist/barba-prefetch.umd.js\",\n \"browser\": \"dist/barba-prefetch.umd.js\",\n \"unpkg\": \"dist/barba-prefetch.umd.js\",\n \"module\": \"dist/barba-prefetch.mjs\",\n \"source\": \"src/index.ts\",\n \"types\": \"dist/prefetch/src/typings\",\n \"mangle\": {\n \"regex\": \"^_\"\n },\n \"files\": [\n \"dist\"\n ],\n \"keywords\": [\n \"page\",\n \"transition\",\n \"animation\",\n \"css\",\n \"router\",\n \"prefetch\"\n ],\n \"homepage\": \"https://github.com/barbajs/barba#readme\",\n \"bugs\": {\n \"url\": \"https://github.com/barbajs/barba/issues\"\n },\n \"license\": \"MIT\",\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"git+ssh://git@github.com/barbajs/barba.git\"\n },\n \"scripts\": {\n \"build\": \"microbundle --name barbaPrefetch\",\n \"build:watch\": \"microbundle watch --name barbaPrefetch\",\n \"clear\": \"rimraf dist\",\n \"lint\": \"tslint src/**\",\n \"precommit\": \"lint-staged\",\n \"report\": \"source-map-explorer --html ./dist/barba-prefetch.umd.js > report.html\",\n \"size\": \"echo '🚀 prefetch' && gzip-size ./dist/barba-prefetch.umd.js\",\n \"tag:latest\": \"npm dist-tag add @barba/prefetch@$npm_package_version latest\",\n \"tag:next\": \"npm dist-tag add @barba/prefetch@$npm_package_version next\"\n },\n \"gitHead\": \"33c213bc36a0996f6333185dfc695fcd0d37c9d9\"\n}\n" }, { "path": "packages/prefetch/src/defs/index.ts", "content": "/**\n * @module typings/prefetch\n */\n\nexport interface IPrefetchOptions {\n root?: HTMLElement | HTMLDocument;\n timeout?: number;\n limit?: number;\n}\n" }, { "path": "packages/prefetch/src/index.ts", "content": "import * as t from './typings';\nexport { default } from './prefetch';\n" }, { "path": "packages/prefetch/src/polyfills/index.ts", "content": "// Browser support + polyfills\n// if (window.NodeList && !NodeList.prototype.forEach) {\n// NodeList.prototype.forEach = Array.prototype.forEach;\n// }\n\nexport * from './requestIdleCallback';\n" }, { "path": "packages/prefetch/src/polyfills/requestIdleCallback.ts", "content": "/**\n * @module prefetch/polyfills\n */\n/**\n * Copyright 2018 Google Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n// [source](https://github.com/GoogleChromeLabs/quicklink/blob/master/src/request-idle-callback.mjs)\n// RIC and shim for browsers setTimeout() without it\nexport const requestIdleCallback =\n // @ts-ignore\n window.requestIdleCallback ||\n function ric(cb: any) {\n const start = Date.now();\n\n return setTimeout(() => {\n cb({\n didTimeout: false,\n timeRemaining: function timeRemaining() {\n return Math.max(0, 50 - (Date.now() - start));\n },\n });\n }, 1);\n };\n" }, { "path": "packages/prefetch/src/prefetch.ts", "content": "/**\n * @barba/prefetch\n *\n * ## Barba prefetch.\n *\n * @module prefetch\n * @preferred\n */\n\nimport { IPrefetchOptions } from './defs';\n\n/***/\n\n// Definitions\nimport { Core } from '@barba/core/src/core';\nimport { IBarbaPlugin, Link } from '@barba/core/src/defs';\nimport { Logger } from '@barba/core/src/modules/Logger';\n\nimport { version } from '../package.json';\nimport { requestIdleCallback } from './polyfills';\n\nclass Prefetch implements IBarbaPlugin
\n
\n\n\n\n"
},
{
"path": "packages/router/__web__/index.html",
"content": "\n\n\n\n \n \n \n \n
\n default
\n Go to home\n\n
\n \n \n \n\n\n\n"
},
{
"path": "packages/router/__web__/page.html",
"content": "\n\n\n\n \n \n \n \n \n
\n\n\n\n"
},
{
"path": "packages/router/__web__/scripts/default.js",
"content": "console.info('🚀 Barba e2e');\n\nconst { barba, barbaRouter: router } = window;\n\nconst list = document.querySelector('[data-test=\"logs-list\"]');\nconst routes = [\n {\n name: 'home',\n path: '(/packages/router/__web__/|/packages/router/__web__/index.html)',\n },\n { name: 'page', path: '/packages/router/__web__/page.html' },\n];\n\n/**\n * Append list item\n *\n * @param {*} str List item content\n * @param {string} prefix Prefix for global\n * @returns {void}\n */\nfunction append(str, prefix = '') {\n const item = document.createElement('li');\n\n item.textContent = prefix + str;\n list.appendChild(item);\n}\n\nbarba.use(router, {\n routes,\n});\n\nbarba.init({\n debug: true,\n transitions: [\n {\n name: 'default',\n leave: data => {\n console.info('leave-default', data);\n append('leave-default');\n\n return Promise.resolve();\n },\n enter: data => {\n console.info('enter-default', data);\n append('enter-default');\n\n return Promise.resolve();\n },\n },\n {\n name: 'from',\n from: { route: 'home' },\n leave: data => {\n console.info('leave-from', data);\n append('leave-from');\n\n return Promise.resolve();\n },\n enter: data => {\n console.info('enter-from', data);\n append('enter-from');\n\n return Promise.resolve();\n },\n },\n {\n name: 'to',\n to: { route: 'home' },\n leave: data => {\n console.info('leave-to', data);\n append('leave-to');\n\n return Promise.resolve();\n },\n enter: data => {\n console.info('enter-to', data);\n append('enter-to');\n\n return Promise.resolve();\n },\n },\n ],\n});\n"
},
{
"path": "packages/router/jest.config.js",
"content": "const jestBase = require('../../jest.config.js');\n\nmodule.exports = {\n ...jestBase,\n};\n"
},
{
"path": "packages/router/package.json",
"content": "{\n \"name\": \"@barba/router\",\n \"version\": \"2.1.11\",\n \"description\": \"Use custom routes for your page transitions\",\n \"publishConfig\": {\n \"access\": \"public\"\n },\n \"main\": \"dist/barba-router.js\",\n \"umd:main\": \"dist/barba-router.umd.js\",\n \"browser\": \"dist/barba-router.umd.js\",\n \"unpkg\": \"dist/barba-router.umd.js\",\n \"module\": \"dist/barba-router.mjs\",\n \"source\": \"src/index.ts\",\n \"types\": \"dist/router/src/typings\",\n \"mangle\": {\n \"regex\": \"^_\"\n },\n \"files\": [\n \"dist\"\n ],\n \"keywords\": [\n \"page\",\n \"transition\",\n \"animation\",\n \"css\",\n \"router\",\n \"prefetch\"\n ],\n \"homepage\": \"https://github.com/barbajs/barba#readme\",\n \"bugs\": {\n \"url\": \"https://github.com/barbajs/barba/issues\"\n },\n \"license\": \"MIT\",\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"git+ssh://git@github.com/barbajs/barba.git\"\n },\n \"scripts\": {\n \"build\": \"microbundle --name barbaRouter --external none\",\n \"build:watch\": \"microbundle watch --name barbaRouter --external none\",\n \"clear\": \"rimraf dist\",\n \"lint\": \"tslint src/**\",\n \"precommit\": \"lint-staged\",\n \"size\": \"echo '🚦 router' && gzip-size ./dist/barba-router.umd.js\",\n \"tag:latest\": \"npm dist-tag add @barba/router@$npm_package_version latest\",\n \"tag:next\": \"npm dist-tag add @barba/router@$npm_package_version next\"\n },\n \"gitHead\": \"33c213bc36a0996f6333185dfc695fcd0d37c9d9\"\n}\n"
},
{
"path": "packages/router/src/defs/index.ts",
"content": "/**\n * @module typings/router\n */\n\nexport interface IRoute {\n name: string;\n path: string;\n}\nexport interface IRouteParsed {\n path: string;\n regex: RegExp;\n keys: any[];\n}\nexport interface IRouteResolved {\n name: string;\n params: any;\n}\nexport interface IRouteByName {\n [key: string]: IRouteParsed;\n}\nexport interface IRouterOptions {\n routes?: IRoute[];\n}\n"
},
{
"path": "packages/router/src/index.ts",
"content": "import * as t from './typings';\nexport { default } from './router';\n"
},
{
"path": "packages/router/src/router.ts",
"content": "/**\n * @barba/router\n * \n * ## Barba Router.\n *\n * - Add `route` to Barba transitions resolution\n *\n * @module router\n * @preferred\n */\n\n/***/\n\n// Definitions\nimport { IBarbaPlugin, ITransitionData } from '@barba/core/src/defs';\n\n// Barba/core\nimport { Core } from '@barba/core/src/core';\nimport { Logger } from '@barba/core/src/modules/Logger';\n// Local\nimport { version } from '../package.json';\nimport { IRouteByName, IRouteResolved, IRouterOptions } from './defs';\n\nclass Router implements IBarbaPlugin