Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

upgrade to Vuepress v2 #152

Merged
merged 6 commits into from
Mar 30, 2023
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -14,3 +14,5 @@ redirects
people.json
person.json
out.json
docs/.vuepress/.cache/
docs/.vuepress/.temp/
72 changes: 39 additions & 33 deletions docs/.vuepress/config.js
Original file line number Diff line number Diff line change
@@ -1,29 +1,34 @@
import { defineUserConfig } from 'vuepress'
import { defaultTheme } from '@vuepress/theme-default'
import { docsearchPlugin } from '@vuepress/plugin-docsearch'

let _highlight

const { findCypressVersion } = require('../../src/utils')
const path = require('path')
// const path = require('path')

const cypressVersion = findCypressVersion()
const base = `/cypress-examples/`
const dest = path.join('public', 'cypress-examples')
// const dest = path.join('public', 'cypress-examples')
const dest = 'public/cypress-examples'
console.log('output folder: %s', dest)
const title = `Cypress examples (v${cypressVersion})`

module.exports = {
export default defineUserConfig({
title,
description:
'Static site with Cypress examples tested right from the Markdown sources',
base,
dest,
head: [
[
'link',
{
rel: 'stylesheet',
href:
'https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css',
},
],
// [
// 'link',
// {
// rel: 'stylesheet',
// href:
// 'https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css',
// },
// ],
[
'style',
{},
Expand All @@ -39,28 +44,35 @@ module.exports = {
crossorigin: 'anonymous',
},
],
[
'script',
{
src:
'https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js',
integrity:
'sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx',
crossorigin: 'anonymous',
},
],
// [
// 'script',
// {
// src:
// 'https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js',
// integrity:
// 'sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx',
// crossorigin: 'anonymous',
// },
// ],
],
plugins: [],
themeConfig: {
plugins: [
docsearchPlugin({
// DANGER 🧨💀: ONLY USE ALGOLIA PUBLIC SEARCH-ONLY API KEY
apiKey: 'd2cc2084df39806bdefb04f60f16e856',
indexName: 'cypress-examples',
appId: '48DTXR75RW',
}),
],
theme: defaultTheme({
// point pages back at the GitHub documents
repo: 'bahmutov/cypress-examples',
docsDir: 'docs',
editLinks: true,
editLinkText: 'Help us improve this page!',
nav: [
navbar: [
{
text: 'Commands',
items: [
children: [
{ text: 'Querying', link: '/commands/querying/' },
{
text: 'Traversal',
Expand Down Expand Up @@ -120,13 +132,7 @@ module.exports = {
{ text: 'Cypress API', link: '/cypress-api/' },
],
sidebar: 'auto',
algolia: {
// DANGER 🧨💀: ONLY USE ALGOLIA PUBLIC SEARCH-ONLY API KEY
apiKey: 'd2cc2084df39806bdefb04f60f16e856',
indexName: 'cypress-examples',
appId: '48DTXR75RW',
},
},
}),
markdown: {
extendMarkdown(md) {
if (!_highlight) {
Expand Down Expand Up @@ -155,4 +161,4 @@ module.exports = {
}
},
},
}
})
5 changes: 3 additions & 2 deletions docs/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -358,13 +358,14 @@ Some of the recipes use [cypress-map](https://github.com/bahmutov/cypress-map) q

I have several Cypress courses at [cypress.tips/courses](https://cypress.tips/courses)

- I cover the basics of E2E and Component testing in my free course [Cypress Version 10: Fundamentals](https://cypress.tips/courses)
- I cover the very basics of E2E and Component testing in my free course [Cypress Version 10: Fundamentals](https://cypress.tips/courses)
- You can fully learn E2E and React Component testing in my hands-on course [Testing The Swag Store](https://cypress.tips/courses/swag-store)
- Interested in learning more about `cy.intercept`, `cy.request`, and the related commands? Take my [Cypress Network Testing Exercises](https://cypress.tips/courses) course
- Need to step up your tests and take advantages of the [many Cypress plugins](https://on.cypress.io/plugins)? Take my course [Cypress Plugins](https://cypress.tips/courses/cypress-plugins) that covers 20+ plugins (I wrote most of them)

## Videos

Some of the examples and the recipes listed here are explained through short videos I post on my [YouTube channel](https://www.youtube.com/glebbahmutov). The playlist [Cypress Tips & Tricks](https://www.youtube.com/playlist?list=PLP9o9QNnQuAYYRpJzDNWpeuOVTwxmIxcI) has 400+ videos!
Some of the examples and the recipes listed here are explained through short videos I post on my [YouTube channel](https://www.youtube.com/glebbahmutov). The playlist [Cypress Tips & Tricks](https://www.youtube.com/playlist?list=PLP9o9QNnQuAYYRpJzDNWpeuOVTwxmIxcI) has 600+ videos! You can search them all from my page [cypress.tips/search](https://cypress.tips/search).

## The newsletter

Expand Down
Loading