Local sandbox (#193)

* gatsby-mdx-codesandbox package
brianzinn · Jan 16, 2022 · 9d38fff · 9d38fff
1 parent eb8471d
commit 9d38fff
Show file tree

Hide file tree

Showing 145 changed files with 15,617 additions and 566 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,2 +1,3 @@
 node_modules
-.DS_Store
+.DS_Store
+.parcel-cache
diff --git a/.prettierignore b/.prettierignore
@@ -1,3 +1,4 @@
 dist
 storybook-static
-.cache
+.cache
+.parcel-cache
diff --git a/.prettierrc b/.prettierrc
@@ -0,0 +1,16 @@
+{
+  "printWidth": 100,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "trailingComma": "es5",
+  "semi": false,
+  "overrides": [
+    {
+      "files": ["*.md", "*.mdx"],
+      "options": {
+        "printWidth": 80,
+        "proseWrap": "always"
+      }
+    }
+  ]
+}
diff --git a/package.json b/package.json
@@ -12,10 +12,13 @@
     "prepare": "husky install"
   },
   "devDependencies": {
+    "@parcel/packager-ts": "^2.2.0",
+    "@parcel/transformer-typescript-types": "^2.2.0",
     "husky": ">=6",
     "lint-staged": ">=10",
     "prettier": "^2.5.1",
-    "prettier-plugin-organize-imports": "^2.3.4"
+    "prettier-plugin-organize-imports": "^2.3.4",
+    "typescript": ">=3.0.0"
   },
   "lint-staged": {
     "*.{js,css,md,mdx,jsx,tsx,ts,json}": "prettier --write"

diff --git a/packages/gatsby-mdx-codesandbox/.gitignore b/packages/gatsby-mdx-codesandbox/.gitignore
@@ -0,0 +1,2 @@
+node_modules
+dist
diff --git a/packages/gatsby-mdx-codesandbox/README.md b/packages/gatsby-mdx-codesandbox/README.md
@@ -0,0 +1,5 @@
+# gatsby-mdx-codesandbox
+
+`[code:HelloWorld.tsx]` will prettify and inline the code for the file named `HelloWorld.tsx` in the same directory as your `mdx` file.
+
+`[demo:HelloWorld.tsx]` will show a Codesandbox iframe using the template you have specified. When running on localhost, it will also show run the component locally, presumably using local packages.
diff --git a/packages/gatsby-mdx-codesandbox/package.json b/packages/gatsby-mdx-codesandbox/package.json
@@ -0,0 +1,36 @@
+{
+  "name": "gatsby-mdx-codesandbox",
+  "version": "0.0.1",
+  "source": "./src/index.ts",
+  "main": "dist/index.js",
+  "engines": {
+    "node": ">12"
+  },
+  "types": "dist/index.d.ts",
+  "license": "MIT",
+  "scripts": {
+    "build": "parcel build",
+    "watch": "chokidar 'src/*' -c 'yarn build'"
+  },
+  "dependencies": {
+    "@s-libs/micro-dash": "12",
+    "@types/prettier": "^2.4.3",
+    "codesandbox": "^2.2.3",
+    "prettier": "^2.5.1",
+    "remark-codesandbox": "^0.10.0",
+    "typescript": "^4.5.4",
+    "unist-util-visit": "2"
+  },
+  "peerDependencies": {
+    "gatsby": "^4.0",
+    "react-codesandbox-viewer": "*"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.16.7",
+    "@types/prettier": "^2.4.3",
+    "babel-loader": "^8.2.3",
+    "parcel": "^2.2.0",
+    "type-fest": "^2.9.0",
+    "typescript": "^4.5.4"
+  }
+}
diff --git a/...dbox-template/.codesandbox/workspace.json → ...dbox-template/.codesandbox/workspace.json b/...dbox-template/.codesandbox/workspace.json → ...dbox-template/.codesandbox/workspace.json
diff --git a/...s/static/codesandbox-template/.prettierrc → ...dbox/src/codesandbox-template/.prettierrc b/...s/static/codesandbox-template/.prettierrc → ...dbox/src/codesandbox-template/.prettierrc
diff --git a/.../static/codesandbox-template/package.json → ...box/src/codesandbox-template/package.json b/.../static/codesandbox-template/package.json → ...box/src/codesandbox-template/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "react-babylonjs-codesandbox",
+  "name": "@react-babylonjs/codesandbox-demo",
   "version": "1.0.0",
   "description": "",
   "keywords": [],

diff --git a/...s/static/codesandbox-template/src/App.tsx → ...dbox/src/codesandbox-template/src/App.tsx b/...s/static/codesandbox-template/src/App.tsx → ...dbox/src/codesandbox-template/src/App.tsx
diff --git a/...static/codesandbox-template/src/index.tsx → ...ox/src/codesandbox-template/src/index.tsx b/...static/codesandbox-template/src/index.tsx → ...ox/src/codesandbox-template/src/index.tsx
diff --git a/...tatic/codesandbox-template/src/styles.css → ...x/src/codesandbox-template/src/styles.css b/...tatic/codesandbox-template/src/styles.css → ...x/src/codesandbox-template/src/styles.css
diff --git a/...static/codesandbox-template/tsconfig.json → ...ox/src/codesandbox-template/tsconfig.json b/...static/codesandbox-template/tsconfig.json → ...ox/src/codesandbox-template/tsconfig.json