Publish @codesandbox/components package (codesandbox#3540)

* remove copy global css

* add an copy external script

* add missing deps

* pass empty object as backup

Author: siddharthkp

packages/components/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codesandbox/components",
-  "version": "1.0.8",
+  "version": "0.0.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/codesandbox/codesandbox-client",
@@ -14,18 +14,18 @@
   "scripts": {
     "build": "yarn build:lib",
     "build:dev": "yarn build",
-    "build:lib": "yarn clean && yarn tsc && yarn cpx \"src/**/*.{css,svg,png,jpg,woff,woff2}\" lib",
+    "build:lib": "yarn clean && yarn tsc && yarn build:copy-external",
+    "build:copy-external": "cp -r ../common/lib/design-language lib/ && cp ../common/lib/themes/codesandbox-* lib/themes/",
     "build:storybook": "build-storybook -c .storybook -o public",
     "clean": "rimraf lib && yarn rimraf node_modules/@types/react && yarn rimraf node_modules/@types/react-native",
     "lint": "eslint --ext .js,.ts,.tsx src",
-    "prepublish": "yarn build",
-    "start": "(yarn tsc --watch & yarn cpx \"src/**/*.{css,svg,png,jpg,woff,woff2}\" lib --watch)",
+    "start": "yarn tsc --watch",
     "start:storybook": "start-storybook",
     "typecheck": "tsc --noEmit",
     "chromatic": "if-env CIRCLE_BRANCH=master && yarn chromatic:master || yarn chromatic:branch",
     "chromatic:master": "CHROMATIC_APP_CODE=nffds42ndde ./node_modules/.bin/chromatic --build-script-name=build:storybook --exit-zero-on-changes --auto-accept-changes",
     "chromatic:branch": "CHROMATIC_APP_CODE=nffds42ndde ./node_modules/.bin/chromatic --build-script-name=build:storybook --exit-zero-on-changes",
-    "publish": "np"
+    "prepublish": "yarn build"
   },
   "dependencies": {
     "@codesandbox/common": "^1.0.8",
@@ -36,7 +36,10 @@
     "codesandbox-api": "0.0.24",
     "color": "3.1.2",
     "date-fns": "^2.8.1",
+    "deepmerge": "^4.2.2",
+    "dot-object": "^2.1.3",
     "react-router-dom": "^5.1.2",
+    "react-tagsinput": "^3.19.0",
     "styled-components": "^4.4.1",
     "typeface-inter": "^3.11.2"
   },

packages/components/src/components/ThemeProvider/index.tsx

@@ -7,11 +7,11 @@
  */
 import React from 'react';
 import deepmerge from 'deepmerge';
-import designLanguage from '@codesandbox/common/lib/design-language';
 import {
   ThemeProvider as BaseThemeProvider,
   createGlobalStyle,
 } from 'styled-components';
+import designLanguage from '../../design-language';
 import VSCodeThemes from '../../themes';
 import polyfillTheme from '../../utils/polyfill-theme';
 
@@ -23,7 +23,7 @@ export const getThemes = () => {
 
   return results.filter(a => a);
 };
-export const makeTheme = (vsCodeTheme, name?: string) => {
+export const makeTheme = (vsCodeTheme = {}, name?: string) => {
   // Our interface does not map 1-1 with vscode.
   // To add styles that remain themeable, we add
   // some polyfills to the theme tokens.

packages/components/src/design-language/index.ts

@@ -0,0 +1,3 @@
+import designLanguage from '@codesandbox/common/lib/design-language/theme';
+
+export default designLanguage;

packages/components/src/utils/polyfill-theme.ts

@@ -8,7 +8,7 @@
 import dot from 'dot-object';
 import deepmerge from 'deepmerge';
 import Color from 'color';
-import designLanguage from '@codesandbox/common/lib/design-language/theme';
+import designLanguage from '../design-language';
 import codesandboxBlack from '../themes/codesandbox-black';
 import codesandboxLight from '../themes/codesandbox-light.json';
 

packages/components/tsconfig.json

@@ -6,7 +6,6 @@
     "./**/*.stories.tsx",
     "lib/"
   ],
-  "include": ["./src/**/*", "../common/theme"],
   "compilerOptions": {
     "module": "commonjs",
     "target": "ES6",

yarn.lock

@@ -8537,6 +8537,11 @@ commander@^2.11.0, commander@^2.12.1, commander@^2.13.0, commander@^2.19.0, comm
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
   integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
 
+commander@^4.0.0:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
+  integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
+
 commander@~2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.1.0.tgz#d121bbae860d9992a3d517ba96f56588e47c6781"
@@ -9980,6 +9985,11 @@ [email protected], deepmerge@^4.0.0:
   resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.1.1.tgz#ee0866e4019fe62c1276b9062d4c4803d9aea14c"
   integrity sha512-+qO5WbNBKBaZez95TffdUDnGIo4+r5kmsX8aOb7PDHvXsTbghAmleuxjs6ytNaf5Eg4FGBXDS5vqO61TRi6BMg==
 
+deepmerge@^4.2.2:
+  version "4.2.2"
+  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.2.2.tgz#44d2ea3679b8f4d4ffba33f03d865fc1e7bf4955"
+  integrity sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==
+
 default-gateway@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/default-gateway/-/default-gateway-4.2.0.tgz#167104c7500c2115f6dd69b0a536bb8ed720552b"
@@ -10474,6 +10484,14 @@ [email protected], dot-object@^1.9.0:
     commander "^2.20.0"
     glob "^7.1.4"
 
+dot-object@^2.1.3:
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/dot-object/-/dot-object-2.1.3.tgz#aa261fdefd232f0edb17e77ff4708bbed6f04b2e"
+  integrity sha512-YihsbZiGU2nEXQs1vjwjBNDJ85BMRHO4ahybAsuHERCxUecFoyt4xM3NO4GskNj8hFLRsgrwE4xBDe8XSOAiYg==
+  dependencies:
+    commander "^4.0.0"
+    glob "^7.1.5"
+
 dot-prop@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-3.0.0.tgz#1b708af094a49c9a0e7dbcad790aba539dac1177"
@@ -13672,6 +13690,18 @@ glob@^4.3.1:
     minimatch "^2.0.1"
     once "^1.3.0"
 
+glob@^7.1.5:
+  version "7.1.6"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.6.tgz#141f33b81a7c2492e125594307480c46679278a6"
+  integrity sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.0.4"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
 glob@~3.1.21:
   version "3.1.21"
   resolved "https://registry.yarnpkg.com/glob/-/glob-3.1.21.tgz#d29e0a055dea5138f4d07ed40e8982e83c2066cd"
@@ -24233,6 +24263,7 @@ react-syntax-highlighter@^8.0.1:
 react-tagsinput@^3.19.0:
   version "3.19.0"
   resolved "https://registry.yarnpkg.com/react-tagsinput/-/react-tagsinput-3.19.0.tgz#6e3b45595f2d295d4657bf194491988f948caabf"
+  integrity sha512-ni+/qnZrYrvLg83LtTFHErKy1KQHL0fi0Y6C5jgC1dNUePE9cS/OlQ4XH6JRSjv9GGoeVE0R/ujSBaS1uzCRYQ==
 
 react-test-renderer@16, react-test-renderer@^16.0.0-0:
   version "16.9.0"