Move all packages into one

Author: pomber

.gitpod.yml

@@ -4,6 +4,6 @@
 
 tasks:
   - init: yarn install && yarn run build
-    command: yarn run playground
+    command: yarn dev
 
 

package.json

@@ -2,8 +2,9 @@
   "private": true,
   "workspaces": {
     "packages": [
-      "packages/*",
-      "external/*"
+      "packages/mdx",
+      "examples/*",
+      "site"
     ]
   },
   "scripts": {

packages/classer/package.json

@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

packages/classer/readme.md

@@ -1,57 +1,56 @@
 {
   "name": "@code-hike/mdx",
   "version": "0.3.0-next.0",
-  "main": "dist/index.cjs.js",
-  "typings": "dist/index.d.ts",
-  "module": "dist/index.esm.js",
-  "sideEffects": false,
-  "style": "dist/index.css",
   "files": [
     "dist"
   ],
-  "inputs": [
-    "index",
-    "components"
-  ],
-  "scripts": {
-    "x": "x"
+  "main": "./dist/ch-core.umd.js",
+  "module": "./dist/ch-core.es.js",
+  "exports": {
+    ".": {
+      "import": "./dist/plugin.es.js",
+      "require": "./dist/plugin.umd.js"
+    },
+    "./components": "./dist/components.es.js"
   },
-  "devDependencies": {
-    "@code-hike/script": "0.0.1",
-    "@types/react": "^17.0.2",
-    "react": "^17.0.2"
+  "types": "./dist/types/index.d.ts",
+  "scripts": {
+    "dev": "next",
+    "build": "vite build",
+    "test": "vitest",
+    "coverage": "vitest run --coverage"
   },
   "dependencies": {
-    "@code-hike/highlighter": "^0.3.0-next.0",
-    "@code-hike/mini-browser": "^0.3.0-next.0",
-    "@code-hike/mini-editor": "^0.3.0-next.0",
-    "@code-hike/scroller": "^0.3.0-next.0",
-    "@code-hike/smooth-code": "^0.3.0-next.0",
-    "@code-hike/utils": "^0.3.0-next.0",
     "@codesandbox/sandpack-client": "^0.1.20",
+    "diff": "^4.0.2",
     "hast-util-to-estree": "^1.4.0",
     "is-plain-obj": "^3.0.0",
+    "mdx-bundler": "^8.0.1",
     "node-fetch": "^2.0.0",
     "remark-rehype": "^8.1.0",
+    "shiki": "^0.10.1",
     "unified": "^9.2.2",
     "unist-util-visit": "^2.0.0",
-    "unist-util-visit-parents": "^3.0.0"
+    "unist-util-visit-parents": "^3.0.0",
+    "use-spring": "^0.2.3"
+  },
+  "devDependencies": {
+    "@mdx-js/mdx": "^2.0.0",
+    "@types/node": "^17.0.21",
+    "@types/node-fetch": "^2.6.1",
+    "@types/react": "^17.0.39",
+    "next": "^12.1.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "sass": "^1.49.9",
+    "typescript": "^4.6.2",
+    "vite": "^2.8.6",
+    "vitest": "^0.5.9",
+    "esbuild": "^0.13.2",
+    "mdx-bundler": "^6.0.1",
+    "react-json-view": "^1.21.3"
   },
   "peerDependencies": {
     "react": "^16.8.3 || ^17 || ^18"
-  },
-  "keywords": [
-    "react"
-  ],
-  "homepage": "https://codehike.org",
-  "repository": "code-hike/codehike",
-  "publishConfig": {
-    "access": "public"
-  },
-  "author": "Rodrigo Pombo",
-  "license": "MIT",
-  "funding": {
-    "type": "opencollective",
-    "url": "https://opencollective.com/codehike"
   }
 }

packages/classer/tsconfig.json

@@ -4,7 +4,8 @@ import dynamic from "next/dynamic"
 import { useRouter } from "next/router"
 import Head from "next/head"
 import Link from "next/link"
-import { toProps } from "../../src/page-data"
+import { toProps } from "../../tests/page-data"
+import { CH } from "../../src/components"
 
 export async function getServerSideProps({ params }) {
   try {
@@ -240,7 +241,7 @@ function MDXComponent({ code }) {
     () => getMDXComponent(code, { react: React }),
     [code]
   )
-  return <Component components={{ JSONView }} />
+  return <Component components={{ JSONView, CH }} />
 }
 
 const BrowserReactJsonView = dynamic(

packages/highlighter/package.json

@@ -0,0 +1,8 @@
+import "../src/index.scss"
+import "./styles.css"
+
+function MyApp({ Component, pageProps }) {
+  return <Component {...pageProps} />
+}
+
+export default MyApp

packages/highlighter/readme.md

@@ -0,0 +1,37 @@
+import { compile } from "@mdx-js/mdx"
+import { runSync } from "@mdx-js/mdx"
+import * as runtime from "react/jsx-runtime.js"
+import { remarkCodeHike } from "../src/index"
+import { CH } from "../src/components"
+import fs from "node:fs"
+
+export async function getServerSideProps() {
+  const source = fs.readFileSync(
+    "./tests/scrollycoding.mdx",
+    "utf8"
+  )
+  const code = String(
+    await compile(source, {
+      outputFormat: "function-body",
+      remarkPlugins: [
+        [remarkCodeHike, { autoImport: false }],
+      ],
+    })
+  )
+  return {
+    props: {
+      title: "Home",
+      code,
+    },
+  }
+}
+
+export default function Page({ title, code }) {
+  const { default: Content } = runSync(code, runtime)
+  return (
+    <div style={{ maxWidth: 800, margin: "0 auto" }}>
+      <h1>{title}</h1>
+      <Content components={{ CH }} />
+    </div>
+  )
+}