fix: remove global css imports

react-chess · May 30, 2022 · 887c7b4 · 887c7b4
1 parent 9b787c4
commit 887c7b4
Show file tree

Hide file tree

Showing 7 changed files with 643 additions and 645 deletions.
diff --git a/.eslintrc.js → .eslintrc.cjs b/.eslintrc.js → .eslintrc.cjs
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -14,7 +14,7 @@ jobs:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v2
       - run: yarn
-      - run: yarn build:esm && yarn build:cjs
+      - run: yarn build:esm
       - run: yarn semantic-release
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

diff --git a/.releaserc.js → .releaserc.cjs b/.releaserc.js → .releaserc.cjs
diff --git a/README.md b/README.md
@@ -34,6 +34,11 @@ Renders a simple `900 x 900` board, with pieces in their default position:
 ```jsx
 import Chessground from '@react-chess/chessground';
 
+// these styles must be imported somewhere
+import 'chessground/assets/chessground.base.css';
+import 'chessground/assets/chessground.brown.css';
+import 'chessground/assets/chessground.cburnett.css';
+
 ReactDOM.render(
   <Chessground />,
   document.getElementById('root')

diff --git a/package.json b/package.json
@@ -5,6 +5,7 @@
   "main": "build/esm/index.js",
   "module": "build/esm/index.js",
   "types": "build/esm/index.d.ts",
+  "type": "module",
   "files": [
     "build"
   ],

diff --git a/src/index.tsx b/src/index.tsx
@@ -1,8 +1,5 @@
 import React, { useEffect, useRef, useState } from 'react';
 import { Chessground as ChessgroundApi } from 'chessground';
-import 'chessground/assets/chessground.base.css';
-import 'chessground/assets/chessground.brown.css';
-import 'chessground/assets/chessground.cburnett.css';
 
 import { Api } from 'chessground/api';
 import { Config } from 'chessground/config';

diff --git a/yarn.lock b/yarn.lock