improve repo setup

local/browser-testing/package.json

@@ -1,4 +1,5 @@
 {
+  "name": "@~local/browser-testing",
   "private": true,
   "version": "0.0.0",
   "main": "./dist/index.js",

local/config/package.json

@@ -1,4 +1,5 @@
 {
+  "name": "@~local/config",
   "private": true,
   "exports": {
     "./resolve": "./src/resolve.json",

local/esbuild/package.json

@@ -1,4 +1,5 @@
 {
+  "name": "@~local/esbuild",
   "private": true,
   "sideEffects": false,
   "main": "src/esbuild.js",

local/full-coverage/package.json

@@ -1,4 +1,5 @@
 {
+  "name": "@~local/full-coverage",
   "private": true,
   "bin": {
     "full-coverage": "./bin/generateFullCoverage.js"

local/playwright-tooling/package.json

@@ -1,4 +1,5 @@
 {
+  "name": "@~local/playwright-tooling",
   "private": true,
   "main": "./src/index.js",
   "bin": {

local/rollup/package.json

@@ -1,4 +1,5 @@
 {
+  "name": "@~local/rollup",
   "private": true,
   "dependencies": {
     "@rollup/plugin-alias": "^3.1.9",
@@ -19,6 +20,7 @@
     "rollup-plugin-scss": "^3.0.0",
     "rollup-plugin-serve": "^1.1.0",
     "rollup-plugin-styles": "^4.0.0",
+    "rollup-plugin-summary": "^1.4.3",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "^0.32.1",
     "sass": "^1.54.0"

local/tailwind/package.json

@@ -1,4 +1,5 @@
 {
+  "name": "@~local/tailwind",
   "private": true,
   "main": "tailwind.config.js",
   "devDependencies": {

local/tsconfig/package.json

@@ -1,4 +1,5 @@
 {
+  "name": "@~local/tsconfig",
   "private": true,
   "main": "./tsconfig.json",
   "version": "0.0.0"

packages/overlayscrollbars/package.json

@@ -51,9 +51,5 @@
     "posttest": "playwright-merge-coverage && full-coverage",
     "postjest": "full-coverage",
     "postplaywright": "playwright-merge-coverage && full-coverage"
-  },
-  "devDependencies": {
-    "rollup-plugin-summary": "^1.4.3",
-    "rollup-plugin-terser": "^7.0.2"
   }
 }

website/package.json

@@ -6,7 +6,6 @@
     "start": "node esbuild.mjs && cd next-app && next start"
   },
   "dependencies": {
-    "@~package/overlayscrollbars": "file:../packages/overlayscrollbars",
     "@mdx-js/loader": "^2.1.5",
     "@mdx-js/react": "^2.1.5",
     "@next/mdx": "^12.3.1",

website/src/components/md/Pre.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useRef } from 'react';
-import { OverlayScrollbars } from '@~package/overlayscrollbars';
+import { OverlayScrollbars } from 'overlayscrollbars';
 import type { ComponentProps } from 'react';
 
 export const Pre = ({ children }: ComponentProps<'pre'>) => {

website/src/pages/_app.tsx

@@ -1,8 +1,8 @@
 import '~/assets/css/tailwind.css';
 import '~/assets/css/styles.css';
-import '@~package/overlayscrollbars/overlayscrollbars.css';
+import 'overlayscrollbars/overlayscrollbars.css';
 import { useEffect } from 'react';
-import { OverlayScrollbars } from '@~package/overlayscrollbars';
+import { OverlayScrollbars } from 'overlayscrollbars';
 import Head from 'next/head';
 import { MDXProvider } from '@mdx-js/react';
 import favicon from '~/assets/favicon.ico';

website/src/pages/index.tsx

@@ -1,6 +1,6 @@
 import classnames from 'classnames';
 import { useEffect, useRef } from 'react';
-import { OverlayScrollbars } from '@~package/overlayscrollbars';
+import { OverlayScrollbars } from 'overlayscrollbars';
 import { PageContainer } from '~/components/PageContainer';
 import { Icon } from '~/components/Icon';
 import logo from '~/assets/img/logo.svg';