Add lerna

fixtures/sample/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "sample-fixture",
+  "private": true,
+  "version": "0.0.0",
+  "scripts": {
+    "build": "mdx-deck build sample.mdx",
+    "start": "mdx-deck sample.mdx"
+  },
+  "devDependencies": {
+    "mdx-deck-code-surfer": "^0.4.0",
+    "mdx-deck": "^1.7.0",
+    "raw-loader": "^0.5.1"
+  }
+}

packages/code-surfer/.storybook/code-surfer.story.js → fixtures/storybook/.storybook/code-surfer.story.js

@@ -1,13 +1,13 @@
 import React from "react";
 import { storiesOf } from "@storybook/react";
-import CodeSurfer from "../src/code-surfer";
+import CodeSurfer from "code-surfer";
 
-const code = require("raw-loader!./snippets/jsx.jsxx");
+const code = require("!raw-loader!./snippets/jsx.jsxx");
 
 storiesOf("CodeSurfer", module)
   .add("range", () => (
     <div style={{ height: "100vh" }}>
-      <CodeSurfer code={code} step={{ range: [2, 7] }} showNumbers />
+      <CodeSurfer code={code} step={{ range: [5, 7] }} showNumbers />
     </div>
   ))
   .add("lines", () => (

packages/code-surfer/.storybook/scroller.story.js → fixtures/storybook/.storybook/scroller.story.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { storiesOf } from "@storybook/react";
-import * as Scroller from "../src/scroller";
+import * as Scroller from "code-surfer/dist/scroller";
 
 const ScrollerDemo = ({ n, selected, height }) => {
   const elements = [...Array(n).keys()];

fixtures/storybook/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "storybook-fixture",
+  "private": true,
+  "version": "0.0.0",
+  "scripts": {
+    "start": "start-storybook -p 9001 -c .storybook"
+  },
+  "devDependencies": {
+    "@storybook/react": "^3.4.10",
+    "@types/storybook__react": "^3.0.9",
+    "code-surfer": "^0.3.0",
+    "raw-loader": "^0.5.1"
+  }
+}

fixtures/theming/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "theming-fixture",
+  "private": true,
+  "version": "0.0.0",
+  "scripts": {
+    "build": "mdx-deck build theming.mdx",
+    "start": "mdx-deck theming.mdx"
+  },
+  "devDependencies": {
+    "mdx-deck-code-surfer": "^0.4.0",
+    "mdx-deck": "^1.7.0",
+    "raw-loader": "^0.5.1"
+  }
+}

fixtures/theming/snippets/.prettierrc

@@ -0,0 +1,4 @@
+{
+  "semi": false,
+  "printWidth": 50
+}

packages/mdx-deck-code-surfer/docs/theming.mdx → fixtures/theming/theming.mdx

@@ -1,4 +1,4 @@
-import { CodeSurfer } from "../src/index";
+import { CodeSurfer } from "../../packages/mdx-deck-code-surfer/dist/index";
 
 # <🏄/>
 ## Theming

lerna.json

@@ -0,0 +1,6 @@
+{
+  "packages": ["packages/*", "fixtures/*"],
+  "version": "0.4.0",
+  "npmClient": "yarn",
+  "useWorkspaces": true
+}

package.json

@@ -1,22 +1,20 @@
 {
+  "name": "code-surfer",
   "private": true,
   "version": "0.4.0",
   "license": "MIT",
   "author": "pomber",
   "repository": "https://github.com/pomber/code-surfer",
   "workspaces": [
-    "packages/*"
+    "{packages,fixtures}/*"
   ],
   "scripts": {
-    "status": "oao status",
-    "build": "oao all yarn build",
-    "build:sample": "yarn --cwd packages/code-surfer build && yarn --cwd packages/mdx-deck-code-surfer build:sample ",
-    "serve:sample": "yarn --cwd packages/code-surfer build && yarn --cwd packages/mdx-deck-code-surfer sample ",
-    "serve:theming": "yarn --cwd packages/code-surfer build && yarn --cwd packages/mdx-deck-code-surfer theming ",
-    "build:theming": "yarn --cwd packages/code-surfer build && yarn --cwd packages/mdx-deck-code-surfer build:theming ",
-    "release": "npx oao publish"
+    "build:watch": "lerna exec yarn build:watch --no-private --parallel",
+    "start": "lerna exec yarn start --scope",
+    "start:fixture": "run-p build:watch \"start -- {1}\" "
   },
   "devDependencies": {
-    "oao": "^1.5.1"
+    "lerna": "^3.2.1",
+    "npm-run-all": "^4.1.3"
   }
 }

packages/code-surfer/package.json

@@ -1,26 +1,11 @@
 {
   "name": "code-surfer",
-  "description": "React component for scrolling, zooming and highlighting code.",
-  "keywords": [
-    "mdx",
-    "mdx-deck",
-    "slides",
-    "react",
-    "code",
-    "highlight",
-    "token",
-    "prism",
-    "ractjs"
-  ],
   "version": "0.3.0",
   "main": "dist/code-surfer.js",
-  "author": "pomber",
-  "license": "MIT",
-  "repository": "https://github.com/pomber/code-surfer",
   "private": false,
   "scripts": {
     "build": "babel ./src -d ./dist --ignore test.js",
-    "storybook": "start-storybook -p 9001 -c .storybook",
+    "build:watch": "yarn build --watch",
     "test": "jest",
     "test:watch": "jest --watchAll"
   },
@@ -32,15 +17,27 @@
     "react": ">=15.0.0"
   },
   "devDependencies": {
-    "@storybook/react": "^3.4.10",
-    "@types/storybook__react": "^3.0.9",
     "babel-cli": "^6.26.0",
     "babel-core": "^6.26.3",
     "babel-preset-env": "^1.7.0",
     "babel-preset-react": "^6.24.1",
     "babel-preset-stage-3": "^6.24.1",
     "jest": "^23.5.0",
-    "raw-loader": "^0.5.1",
-    "react-dom": "^16.4.2"
-  }
+    "react": "^16.4.2"
+  },
+  "author": "pomber",
+  "license": "MIT",
+  "repository": "https://github.com/pomber/code-surfer",
+  "description": "React component for scrolling, zooming and highlighting code.",
+  "keywords": [
+    "mdx",
+    "mdx-deck",
+    "slides",
+    "react",
+    "code",
+    "highlight",
+    "token",
+    "prism",
+    "ractjs"
+  ]
 }

packages/mdx-deck-code-surfer/package.json

@@ -8,10 +8,7 @@
   "private": false,
   "scripts": {
     "build": "babel ./src -d ./dist --ignore test.js",
-    "sample": "mdx-deck docs/sample.mdx",
-    "theming": "mdx-deck docs/theming.mdx",
-    "build:sample": "mdx-deck build docs/sample.mdx",
-    "build:theming": "mdx-deck build docs/theming.mdx",
+    "build:watch": "yarn build --watch",
     "format": "prettier --write '**/*.{js,css,md}'"
   },
   "dependencies": {
@@ -23,9 +20,7 @@
     "babel-preset-env": "^1.7.0",
     "babel-preset-react": "^6.24.1",
     "babel-preset-stage-2": "^6.24.1",
-    "mdx-deck": ">=1.7.0",
-    "prettier": "^1.14.2",
-    "raw-loader": "^0.5.1",
+    "mdx-deck": "^1.7.0",
     "react": "^16.4.2"
   },
   "peerDependencies": {