[development] Separate example-studio and test-studio and organize test cases according to type (#131)

Author: bjoerge

gulpfile.js

@@ -114,6 +114,27 @@ gulp.task('dev', ['watch-js', 'watch-assets'], cb => {
     gulp.start('watch-assets')
   })
 
+  const projectPath = path.join(__dirname, 'packages', 'test-studio')
+  const npmPath = path.join(projectPath, 'node_modules', '.bin')
+  const proc = childProcess.spawn('sanity', ['start', '--host', '0.0.0.0'], {
+    cwd: projectPath,
+    env: Object.assign({}, process.env, {
+      PATH: [npmPath].concat(process.env.PATH.split(path.delimiter)).join(path.delimiter)
+    })
+  })
+
+  proc.stdout.pipe(process.stdout)
+  proc.stderr.pipe(process.stderr)
+})
+gulp.task('example', ['watch-js', 'watch-assets'], cb => {
+  watch(scripts, {debounceDelay: 200}, () => {
+    gulp.start('watch-js')
+  })
+
+  watch(assets, {debounceDelay: 200}, () => {
+    gulp.start('watch-assets')
+  })
+
   const projectPath = path.join(__dirname, 'packages', 'example-studio')
   const npmPath = path.join(projectPath, 'node_modules', '.bin')
   const proc = childProcess.spawn('sanity', ['start', '--host', '0.0.0.0'], {

lerna.json

@@ -4,6 +4,7 @@
   "packages": [
     "packages/@sanity/*",
     "packages/example-studio",
+    "packages/test-studio",
     "packages/sanity-plugin-vision",
     "packages/storybook"
   ],

package.json

@@ -10,6 +10,7 @@
     "init": "lerna clean --yes && yarn run bootstrap && yarn run build",
     "start": "gulp dev",
     "storybook": "gulp storybook",
+    "example": "gulp example",
     "stylelint": "stylelint \"**/*.css\"",
     "stylelint:fix": "stylelint \"**/*.css\" --fix",
     "test": "echo 'Run `npm run test-all` to run `npm test` for every package'",

packages/example-studio/README.md

@@ -1,3 +1,3 @@
-# sanitytest
+# Example Studio
 
-Just a sample Sanity studio project
+A sanity studio with instructional examples and useful patterns

packages/example-studio/components/LocaleStringInput/LocaleStringInput.css

@@ -1,4 +1,4 @@
 {
-  "hiddenTypes": ["block", "span", "mark", "link", "address"],
+  "hiddenTypes": ["block", "span", "mark", "link", "address", "code", "localeString", "localeSlug", "videoEmbed", "protein"],
   "listOptions": {}
 }

packages/example-studio/components/LocaleStringInput/LocaleStringInput.js

@@ -1,8 +1,8 @@
 {
   "name": "example-studio",
-  "private": "true",
+  "private": true,
   "version": "0.108.13",
-  "description": "Just a sample Sanity studio project",
+  "description": "A sanity studio with instructional examples and useful patterns",
   "author": "Sanity.io <[email protected]>",
   "license": "MIT",
   "scripts": {

packages/example-studio/components/LocaleStringInput/index.js

@@ -5,7 +5,7 @@
   },
   "api": {
     "projectId": "q2r21cu7",
-    "dataset": "playground"
+    "dataset": "example"
   },
   "plugins": [
     "@sanity/base",