refactor: restructure workspace

Author: mariuslundgard

.eslintignore

@@ -0,0 +1,3 @@
+/lib
+/workshop/.workshop-scopes.ts
+/workshop/public

.gitignore

@@ -0,0 +1,3 @@
+/lib
+/node_modules
+/workshop/public

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2016 - 2020 Sanity.io
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,31 @@
+# @sanity/ui
+
+The Sanity UI components.
+
+```sh
+npm install @sanity/ui
+
+# Install peer dependencies
+npm install react react-dom styled-components
+```
+
+[![npm version](https://img.shields.io/npm/v/@sanity/ui.svg?style=flat-square)](https://www.npmjs.com/package/@sanity/ui)
+
+## Usage
+
+```jsx
+import {Button, studioTheme, ThemeProvider} from '@sanity/ui'
+import React from 'react'
+import ReactDOM from 'react-dom'
+
+ReactDOM.render(
+  <ThemeProvider theme={studioTheme}>
+    <Button>Hello, world</Button>
+  </ThemeProvider>,
+  document.getElementById('root')
+)
+```
+
+## License
+
+MIT-licensed. See LICENSE.

jest.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  preset: 'ts-jest',
+  setupFilesAfterEnv: ['<rootDir>/test/setupTests.ts'],
+  modulePathIgnorePatterns: ['<rootDir>/lib/'],
+}

package.json

@@ -0,0 +1,74 @@
+{
+  "name": "@sanity/ui",
+  "version": "0.33.21",
+  "main": "lib/cjs/index.js",
+  "module": "lib/esm/index.js",
+  "files": [
+    "/lib"
+  ],
+  "license": "MIT",
+  "sideEffects": false,
+  "scripts": {
+    "build": "run-s build:esbuild build:dts copy:dts:* clean:dts",
+    "build:esbuild": "node -r esbuild-register scripts/build.ts",
+    "build:dts": "tsc --emitDeclarationOnly --outDir lib/dts --project tsconfig.lib.json --rootDir src",
+    "clean": "rimraf lib workshop/public",
+    "clean:dts": "rimraf lib/dts",
+    "copy:dts:cjs": "cpx 'lib/dts/**/*.{d.ts,d.ts.map}' lib/cjs",
+    "copy:dts:es": "cpx 'lib/dts/**/*.{d.ts,d.ts.map}' lib/esm",
+    "dev": "(cd workshop && vite)",
+    "lint": "eslint . --ext .js,.jsx,.mjs,.ts,.tsx",
+    "prebuild": "yarn clean",
+    "workshop:build": "(cd workshop && rimraf public && NODE_ENV=production vite build)",
+    "workshop:start": "http-server -a localhost -c-0 -p 9009 -s -P http://localhost:9009/index.html? workshop/public",
+    "test": "jest",
+    "type-check": "tsc -b",
+    "watch": "run-p watch:*",
+    "watch:cjs": "tsc --preserveWatchOutput -w --module CommonJS --outDir lib/cjs --project tsconfig.lib.json --rootDir src --target ES5",
+    "watch:es": "tsc --preserveWatchOutput -w --module ES6 --outDir lib/esm --project tsconfig.lib.json --rootDir src --target ES6"
+  },
+  "dependencies": {
+    "@juggle/resize-observer": "^3.3.1",
+    "@popperjs/core": "^2.9.2",
+    "@reach/auto-id": "^0.15.0",
+    "@sanity/color": "^2.0.16",
+    "@sanity/icons": "^1.0.7",
+    "framer-motion": "^4.1.14",
+    "popper-max-size-modifier": "^0.2.0",
+    "react-is": "^17.0.2",
+    "react-popper": "^2.2.5",
+    "react-refractor": "^2.1.4"
+  },
+  "devDependencies": {
+    "@types/refractor": "^3.0.0",
+    "@types/styled-components": "^5.1.9",
+    "@vitejs/plugin-react-refresh": "^1.3.3",
+    "chokidar": "^3.5.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "^5.3.0",
+    "vite": "^2.3.0"
+  },
+  "peerDependencies": {
+    "react": "^16.9 || ^17",
+    "react-dom": "^16.9 || ^17",
+    "styled-components": "^5.2"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/sanity-io/design.git"
+  },
+  "bugs": {
+    "url": "https://github.com/sanity-io/design/issues"
+  },
+  "keywords": [
+    "sanity",
+    "ui",
+    "components"
+  ],
+  "author": "Sanity.io <hello@sanity.io>",
+  "homepage": "https://www.sanity.io/",
+  "publishConfig": {
+    "access": "public"
+  }
+}

scripts/build.ts

@@ -0,0 +1,62 @@
+import path from 'path'
+import esbuild from 'esbuild'
+import globby from 'globby'
+
+const rootPath = path.resolve(__dirname, '..')
+
+const define = {
+  'process.env.NODE_ENV': JSON.stringify('production'),
+}
+
+async function _findEntryPoints() {
+  const files = await globby([
+    path.resolve(rootPath, 'src/**/*.ts'),
+    path.resolve(rootPath, 'src/**/*.tsx'),
+  ])
+
+  return files.filter((file) => {
+    return (
+      !file.includes('__fixtures__') &&
+      !file.endsWith('.workshop.tsx') &&
+      !file.endsWith('.test.ts') &&
+      !file.endsWith('.test.tsx')
+    )
+  })
+}
+
+function _buildCjs(entryPoints: string[]) {
+  return esbuild.build({
+    format: 'cjs',
+    target: 'es2015',
+    define,
+    bundle: false,
+    outdir: path.resolve(rootPath, 'lib/cjs'),
+    sourcemap: 'external',
+    loader: {'.js': 'jsx'},
+    entryPoints,
+  })
+}
+
+function _buildEs(entryPoints: string[]) {
+  return esbuild.build({
+    format: 'esm',
+    target: 'es2015',
+    define,
+    bundle: false,
+    outdir: path.resolve(rootPath, 'lib/esm'),
+    sourcemap: 'external',
+    loader: {'.js': 'jsx'},
+    entryPoints,
+  })
+}
+
+async function _build() {
+  const entryPoints = await _findEntryPoints()
+
+  return Promise.all([_buildCjs(entryPoints), _buildEs(entryPoints)])
+}
+
+_build().catch((err) => {
+  console.error(err)
+  process.exit(1)
+})