Skip to content

Commit bbf1424

Browse files
pomberpomber
authored
Merge pull request #314 from code-hike/next
v0.8.0
2 parents f7b9a3d + 9355b47 commit bbf1424

File tree

109 files changed

+4102
-3315
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

109 files changed

+4102
-3315
lines changed

‎.gitpod.yml

+2-4
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,5 @@
33
# and commit this file to your remote git repository to share the goodness with others.
44

55
tasks:
6-
- init: yarn install && yarn run build
7-
command: yarn run dev
8-
9-
6+
- init: yarn install
7+
command: yarn run build

‎examples/browser/index.html

+3-3
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<title>Code Hike in the browser</title>
55
<link
66
rel="stylesheet"
7-
href="https://esm.sh/@code-hike/mdx@0.5.2-next.2/dist/index.css"
7+
href="https://esm.sh/@code-hike/mdx@0.8.0--canary.308.cf940c7.0/dist/index.css"
88
/>
99
</head>
1010
<body>
@@ -16,9 +16,9 @@
1616
import { evaluate } from "https://esm.sh/@mdx-js/mdx?bundle"
1717
import * as runtime from "https://esm.sh/react/jsx-runtime.js"
1818

19-
import { remarkCodeHike } from "https://esm.sh/@code-hike/[email protected]/dist/index.browser.mjs?bundle"
20-
import { CH } from "https://esm.sh/@code-hike/[email protected]/components"
2119
import theme from "https://esm.sh/[email protected]/themes/dracula.json" assert { type: "json" }
20+
import { remarkCodeHike } from "https://esm.sh/@code-hike/[email protected]/dist/index.browser.mjs"
21+
import { CH } from "https://esm.sh/@code-hike/[email protected]/components"
2222

2323
const mdx = `# Test
2424

‎examples/bundle-test/.gitignore

+4
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,6 @@
11
node_modules
22
.next
3+
4+
5+
# Contentlayer
6+
.contentlayer

‎examples/bundle-test/package.json

+4-4
Original file line numberDiff line numberDiff line change
@@ -9,10 +9,10 @@
99
"dependencies": {
1010
"@code-hike/mdx": "^0.7.4",
1111
"@mdx-js/loader": "^2.0.0",
12-
"@next/mdx": "^12.1.0",
13-
"next": "^12.1.0",
14-
"react": "^17.0.2",
15-
"react-dom": "^17.0.2"
12+
"@next/mdx": "^13.0.7",
13+
"next": "^13.0.7",
14+
"react": "^18.1.0",
15+
"react-dom": "^18.1.0"
1616
},
1717
"nextBundleAnalysis": {
1818
"budget": 358400,

‎examples/contentlayer/contentlayer.config.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ import { defineDocumentType, makeSource } from "contentlayer/source-files"
22
import { remarkCodeHike } from "@code-hike/mdx"
33
import { createRequire } from "module"
44
const require = createRequire(import.meta.url)
5-
const theme = require("shiki/themes/dark-plus.json")
5+
const theme = require("shiki/themes/material-palenight.json")
66

77
const Post = defineDocumentType(() => ({
88
name: "Post",

‎examples/contentlayer/package.json

+8-8
Original file line numberDiff line numberDiff line change
@@ -4,20 +4,20 @@
44
"private": true,
55
"scripts": {
66
"dev": "next dev",
7-
"build": "INIT_CWD=$PWD next build",
7+
"build": "next build",
88
"start": "next start"
99
},
1010
"dependencies": {
1111
"@code-hike/mdx": "^0.7.4",
1212
"@types/node": "^17.0.30",
13-
"contentlayer": "0.2.5",
14-
"next": "^12.1.5",
15-
"next-contentlayer": "0.2.5",
16-
"react": "^17.0.2",
17-
"react-dom": "^17.0.2"
13+
"contentlayer": "0.2.9",
14+
"next": "13.1.2",
15+
"next-contentlayer": "0.2.9",
16+
"react": "^18.1.0",
17+
"react-dom": "^18.1.0"
1818
},
1919
"devDependencies": {
20-
"@types/react": "^17.0.2",
21-
"typescript": "4.6.3"
20+
"@types/react": "^18.0.26",
21+
"typescript": "4.8.4"
2222
}
2323
}

‎examples/contentlayer/pages/index.tsx

+1-3
Original file line numberDiff line numberDiff line change
@@ -13,9 +13,7 @@ export default function Home({ posts }: { posts: Post[] }) {
1313
<ul>
1414
{posts.map((post, idx) => (
1515
<li key={idx}>
16-
<Link href={post.url}>
17-
<a>{post.title}</a>
18-
</Link>
16+
<Link href={post.url}>{post.title}</Link>
1917
</li>
2018
))}
2119
</ul>

‎examples/contentlayer/pages/posts/[slug].tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ export async function getStaticProps({ params }) {
2222
const PostLayout = ({ post }: { post: Post }) => {
2323
const MDXContent = useMDXComponent(post.body.code)
2424
return (
25-
<article style={{ width: 600, margin: "0 auto" }}>
25+
<article style={{ width: 768, margin: "0 auto", fontFamily: "sans-serif" }}>
2626
<Head>
2727
<title>{post.title}</title>
2828
</Head>

‎examples/contentlayer/posts/one.mdx

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
title: Post one
2+
title: Basic Code Hike post
33
---
44

55
This is the first post.

‎examples/contentlayer/posts/two.mdx

+145-4
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,150 @@
11
---
2-
title: Post two
2+
title: Scrollycoding post
33
---
44

5-
This is the second post.
5+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Praesent elementum facilisis leo vel fringilla est ullamcorper eget. At imperdiet dui accumsan sit amet nulla facilities morbi tempus. Praesent elementum facilisis leo vel fringilla. Congue mauris rhoncus aenean vel. Egestas sed tempus urna et pharetra pharetra massa massa ultricies.
6+
7+
Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Praesent elementum facilisis leo vel fringilla est ullamcorper eget. At imperdiet dui accumsan sit amet nulla facilities morbi tempus. Praesent elementum facilisis leo vel fringilla. Congue mauris rhoncus aenean vel. Egestas sed tempus urna et pharetra pharetra massa massa ultricies.
8+
9+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Praesent elementum facilisis leo vel fringilla est ullamcorper eget. At imperdiet dui accumsan sit amet nulla facilities morbi tempus. Praesent elementum facilisis leo vel fringilla. Congue mauris rhoncus aenean vel. Egestas sed tempus urna et pharetra pharetra massa massa ultricies.
10+
11+
<CH.Scrollycoding>
12+
13+
## Step 1
14+
15+
Lorem ipsum dolor sit amet, consectetur adipiscing something about points, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
16+
17+
> Nova in illis at dabat legi harundine non, ova miratur? _Quid in_ sole aer
18+
> ad diffusa illis voluisti fidensque coniugiale laniata curam. Aras rivus
19+
> eripuit, qua fistula haec partus; serpens, negat.
20+
21+
Praesent elementum facilisis leo vel fringilla est ullamcorper eget. At imperdiet dui accumsan sit amet nulla facilities morbi tempus.
22+
23+
```js app.js focus=3:10
24+
const { lorem, ipsum } = dolor({
25+
sit: {
26+
amet: 1,
27+
consectetur: 2,
28+
adipiscing: (elit) => ({
29+
sed: elit,
30+
}),
31+
eiusmod: (tempor) => ({
32+
incididunt: tempor,
33+
}),
34+
ut: (labore) => ({
35+
et: labore,
36+
dolore: labore + 1,
37+
}),
38+
magna: (aliqua) => ({
39+
ut: aliqua,
40+
}),
41+
nostrud: (elit) => ({
42+
exercitation: elit,
43+
ullamco: elit,
44+
}),
45+
laboris: (elit) => ({
46+
nisi: elit,
47+
}),
48+
},
49+
})
50+
```
51+
52+
---
53+
54+
## Step 2
55+
56+
Velit euismod in pellentesque massa placerat. Mi bibendum neque egestas congue quisque egestas diam in arcu. Nisi lacus sed viverra tellus in.
57+
58+
Praesent elementum facilisis leo vel fringilla est ullamcorper eget.
59+
60+
Id aliquet risus feugiat in ante metus dictum at tempor. Sed blandit libero volutpat sed cras. Sed odio morbi quis commodo odio aenean sed adipiscing. Velit euismod in pellentesque massa placerat. Mi bibendum neque egestas congue quisque egestas diam in arcu. Nisi lacus sed viverra tellus in. Nibh cras pulvinar mattis nunc sed. Luctus accumsan tortor posuere ac ut consequat semper viverra. Fringilla ut morbi tincidunt augue interdum velit euismod.
61+
62+
Morbi quis commodo.
63+
64+
```js app.js focus=11:17
665

7-
```js foo.js
8-
const x = 2
966
```
67+
68+
---
69+
70+
## Step 3
71+
72+
Id aliquet risus feugiat in ante metus dictum at tempor. Sed blandit libero volutpat sed cras. Sed odio morbi quis commodo odio aenean sed adipiscing. Velit euismod in pellentesque massa placerat. Mi bibendum neque egestas congue quisque egestas diam in arcu.
73+
74+
- Nisi lacus sed viverra tellus in
75+
- Nibh cras pulvinar mattis nunc sed
76+
- Luctus accumsan tortor posuere ac
77+
78+
Ut consequat semper viverra. Fringilla ut morbi tincidunt augue interdum velit euismod.
79+
80+
```js app.js focus=11:14
81+
const { lorem, ipsum } = dolor({
82+
sit: {
83+
amet: 1,
84+
consectetur: 2,
85+
adipiscing: (elit) => ({
86+
sed: elit,
87+
}),
88+
eiusmod: (tempor) => ({
89+
incididunt: tempor,
90+
}),
91+
ut: (labore) => ({
92+
et: lorem(labore * ipsum),
93+
dolore: lorem(labore + 1),
94+
}),
95+
nostrud: (elit) => ({
96+
exercitation: elit,
97+
ullamco: elit,
98+
}),
99+
laboris: (elit) => ({
100+
nisi: elit,
101+
}),
102+
},
103+
})
104+
```
105+
106+
---
107+
108+
## Step 4
109+
110+
Velit euismod in pellentesque massa placerat. Mi bibendum neque egestas congue quisque egestas diam in arcu. Nisi lacus sed viverra tellus in. Venenatis cras sed felis eget velit. Consectetur libero id faucibus nisl tincidunt.
111+
112+
Sed blandit libero volutpat sed cras.
113+
114+
- Nisi lacus sed viverra tellus in
115+
- Nibh cras pulvinar mattis nunc sed
116+
117+
Gravida in fermentum et sollicitudin ac orci phasellus egestas tellus. Volutpat consequat mauris nunc congue nisi vitae.
118+
119+
```js app.js focus=15:21
120+
121+
```
122+
123+
---
124+
125+
## Step 5
126+
127+
Velit euismod in pellentesque massa placerat. Mi bibendum neque egestas congue quisque egestas diam in arcu. Nisi lacus sed viverra tellus in.
128+
129+
Praesent elementum facilisis leo vel fringilla est ullamcorper eget.
130+
131+
Id aliquet risus feugiat in ante metus dictum at tempor. Sed blandit libero volutpat sed cras. Sed odio morbi quis commodo odio aenean sed adipiscing. Velit euismod in pellentesque massa placerat.
132+
133+
Mi bibendum neque egestas congue quisque egestas diam in arcu. Nisi lacus sed viverra tellus in. Nibh cras pulvinar mattis nunc sed. Luctus accumsan tortor posuere ac ut consequat semper viverra.
134+
135+
- Fringilla ut morbi tincidunt augue interdum velit euismod.
136+
- Luctus accumsan tortor posuere ac ut consequat semper viverra.
137+
138+
Morbi quis commodo.
139+
140+
```js app.js
141+
142+
```
143+
144+
</CH.Scrollycoding>
145+
146+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Praesent elementum facilisis leo vel fringilla est ullamcorper eget. At imperdiet dui accumsan sit amet nulla facilities morbi tempus. Praesent elementum facilisis leo vel fringilla. Congue mauris rhoncus aenean vel. Egestas sed tempus urna et pharetra pharetra massa massa ultricies.
147+
148+
Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Praesent elementum facilisis leo vel fringilla est ullamcorper eget. At imperdiet dui accumsan sit amet nulla facilities morbi tempus. Praesent elementum facilisis leo vel fringilla. Congue mauris rhoncus aenean vel. Egestas sed tempus urna et pharetra pharetra massa massa ultricies.
149+
150+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Praesent elementum facilisis leo vel fringilla est ullamcorper eget. At imperdiet dui accumsan sit amet nulla facilities morbi tempus. Praesent elementum facilisis leo vel fringilla. Congue mauris rhoncus aenean vel. Egestas sed tempus urna et pharetra pharetra massa massa ultricies.

‎examples/docusaurus/README.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,3 @@
11
# Docusaurus + Code Hike
22

3-
See [this guide](https://codehike.org/docs/installation/docusaurus).
3+
See [this guide](https://codehike.org/docs/installation/docusaurus) or try it on [Stackblitz](https://stackblitz.com/github/code-hike/codehike/tree/main/examples/docusaurus?file=docs/intro.md&initialpath=docs/intro).

‎examples/docusaurus/blog/2019-05-28-first-blog-post.md

-12
This file was deleted.

‎examples/docusaurus/blog/2019-05-29-long-blog-post.md

-44
This file was deleted.

‎examples/docusaurus/blog/2021-08-01-mdx-blog-post.mdx

-20
This file was deleted.

‎examples/docusaurus/blog/2021-08-26-welcome/docusaurus-plushie-banner.jpeg

-93.9 KB
Binary file not shown.

‎examples/docusaurus/blog/2021-08-26-welcome/index.md

-25
This file was deleted.

0 commit comments

Comments
 (0)