Code Surfer v3

.babelrc

@@ -0,0 +1,9 @@
+{
+  "presets": [
+    ["env", {
+      "modules": false
+    }],
+    "stage-0",
+    "react"
+  ]
+}

.gitignore

@@ -1,10 +1,19 @@
 node_modules
 dist
-yarn-error.log
-
-talk.mdx
-draft.mdx
-talk
 
 .docz
-/docs
+/docs
+
+build
+.rpt2_cache
+
+.DS_Store
+.env
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

.prettierrc → example/.prettierrc

@@ -1,13 +1,13 @@
 {
-  "semi": true,
   "overrides": [
     {
-      "files": "*.md",
+      "files": "*.mdx",
       "options": {
         "printWidth": 70,
         "useTabs": false,
-        "trailingComma": "none",
-        "proseWrap": "never"
+        "trailingComma": "es5",
+        "proseWrap": "never",
+        "semi": false
       }
     }
   ]

example/deck.mdx

@@ -0,0 +1,88 @@
+import { CodeSurferLayout } from "code-surfer"
+export { dark as theme } from "code-surfer"
+
+<CodeSurferLayout>
+
+```js 2:3 title="My Title" subtitle="This is a subtitle with words and maybe emojis 🏰"
+const foo = 1
+let bar = 2
+var fly = foo + bar
+```
+
+</CodeSurferLayout>
+
+---
+
+<CodeSurferLayout>
+
+```js
+const foo;
+```
+
+```js 2
+const foo;
+const foo;
+const foo;
+const foo;
+const foo;
+const foo;
+function bar() {
+  return 2
+}
+```
+
+```js title="Foo Title"
+function bar() {
+  return 2
+}
+var x = 1
+var x = 1
+var x = 1
+var x = 1
+```
+
+```js
+function bar() {
+  return 2
+}
+function bar() {
+  return 2
+}
+function bar() {
+  return 2
+}
+const foo;
+const foo;
+const foo;
+const foo;
+const foo;
+const foo;
+function bar() {
+  return 2
+}
+const foo;
+const foo;
+const foo;
+const foo;
+const foo;
+const foo;
+function bar() {
+  return 2
+}
+function bar() {
+  return 2
+}
+function bar() {
+  return 2
+}
+var x = 1
+var x = 1
+var x = 1
+var x = 1
+```
+
+</CodeSurferLayout>
+
+---
+
+## Title

example/package.json

@@ -0,0 +1,16 @@
+{
+  "name": "code-surfer-example",
+  "version": "0.0.0",
+  "license": "MIT",
+  "private": true,
+  "dependencies": {
+    "react": "link:../node_modules/react",
+    "react-dom": "link:../node_modules/react-dom",
+    "mdx-deck": "link:../node_modules/mdx-deck",
+    "code-surfer": "link:.."
+  },
+  "scripts": {
+    "start": "../node_modules/.bin/mdx-deck deck.mdx",
+    "build": "../node_modules/.bin/mdx-deck build deck.mdx"
+  }
+}