Entry Points pre-work [LG-5028] (#2805)

* revert to node10 for some packages

* mv testing dir

* add /testing entry point

* adds postinstall script to code to fix hljs

* update base tsconfig

* fix code ts

* fix code ts

* updates tools/build

* Moves `.less` bundling to palette rollup config

* Update pnpm-lock.yaml

* Update pnpm-lock.yaml

* Update linkPackageTo.spec.ts

* Update Select.spec.tsx

* Create palette-bundle-less.md

Author: TheSonOfThomp

.changeset/build-rollup-config.md

@@ -0,0 +1,6 @@
+---
+'@lg-tools/build': minor
+---
+
+- Only adds output `globals` for UMD builds
+- Splits `/testing` entry point if `src/testing/index.ts` file exists

.changeset/palette-bundle-less.md

@@ -0,0 +1,5 @@
+---
+'@leafygreen-ui/palette': patch
+---
+
+Creates local Rollup config to bundle `.less` files

charts/core/tsconfig.json

@@ -1,6 +1,7 @@
 {
   "extends": "@lg-tools/build/config/package.tsconfig.json",
   "compilerOptions": {
+    "moduleResolution": "node",
     "paths": {
       "@leafygreen-ui/icon/dist/*": ["../../packages/icon/src/generated/*"],
       "@leafygreen-ui/*": ["../../packages/*/src"]

chat/lg-markdown/tsconfig.json

@@ -1,6 +1,8 @@
 {
   "extends": "@lg-tools/build/config/package.tsconfig.json",
   "compilerOptions": {
+    "moduleResolution": "node",
+
     "paths": {
       "@leafygreen-ui/icon/dist/*": ["../../packages/icon/src/generated/*"],
       "@leafygreen-ui/*": ["../../packages/*/src"]

package.json

@@ -22,6 +22,7 @@
     "chromatic": "npx chromatic",
     "clean": "npm-run-all --parallel clean:*",
     "clean:builds": "pnpm recursive exec -- rm -rf ./{dist,tsconfig.tsbuildinfo,stories.js}",
+    "clean:ts": "pnpm recursive exec -- rm -rf ./{dist/**/*.d.ts.,tsconfig.tsbuildinfo}",
     "clean:cache": "pnpm recursive exec -- rm -rf ./.turbo; rm -rf .turbo/cache",
     "clean:modules": "pnpm recursive exec -- rm -rf node_modules; rm -rf node_modules",
     "fix": "lg lint --fix",

packages/code/src/utils/getTestUtils/getTestUtils.ts

@@ -1,7 +1,7 @@
 import { getByLgId, queryBySelector } from '@lg-tools/test-harnesses';
 
 import { getTestUtils as getButtonTestUtils } from '@leafygreen-ui/button';
-import { getTestUtils as getSelectTestUtils } from '@leafygreen-ui/select';
+import { getTestUtils as getSelectTestUtils } from '@leafygreen-ui/select/testing';
 
 import { DEFAULT_LGID_ROOT, getLgIds } from '../getLgIds';
 

packages/code/src/utils/getTestUtils/getTestUtils.types.ts

@@ -1,5 +1,5 @@
 import { GetTestUtilsReturnType as GetButtonTestUtilsReturnType } from '@leafygreen-ui/button';
-import type { GetTestUtilsReturnType as GetSelectTestUtilsReturnType } from '@leafygreen-ui/select';
+import type { GetTestUtilsReturnType as GetSelectTestUtilsReturnType } from '@leafygreen-ui/select/testing';
 
 export interface TestUtilsReturnType {
   /**

packages/code/tsconfig.json

@@ -1,6 +1,7 @@
 {
   "extends": "@lg-tools/build/config/package.tsconfig.json",
   "compilerOptions": {
+    "moduleResolution": "node",
     "paths": {
       "@leafygreen-ui/icon/dist/*": ["../icon/src/generated/*"],
       "@leafygreen-ui/*": ["../*/src"],

packages/palette/package.json

@@ -15,9 +15,11 @@
   "publishConfig": {
     "access": "public"
   },
+  "dependencies": {},
   "devDependencies": {
     "@leafygreen-ui/emotion": "workspace:^",
     "@leafygreen-ui/lib": "workspace:^",
+    "@rollup/plugin-url": "8.0.2",
     "polished": "^4.2.2"
   },
   "gitHead": "dd71a2d404218ccec2e657df9c0263dc1c15b9e0",
@@ -28,6 +30,5 @@
   },
   "bugs": {
     "url": "https://jira.mongodb.org/projects/PD/summary"
-  },
-  "dependencies": {}
+  }
 }

packages/palette/rollup.config.mjs

@@ -0,0 +1,32 @@
+import urlPlugin from '@rollup/plugin-url';
+import {
+  esmConfig,
+  umdConfig,
+  storiesConfig,
+} from '@lg-tools/build/config/rollup.config.mjs';
+
+export default [
+  {
+    ...esmConfig,
+    plugins: [
+      ...esmConfig.plugins,
+      urlPlugin({
+        limit: 0,
+        include: ['**/*.less'],
+        fileName: '[name][extname]',
+      }),
+    ],
+  },
+  {
+    ...umdConfig,
+    plugins: [
+      ...esmConfig.plugins,
+      urlPlugin({
+        limit: 0,
+        include: ['**/*.less'],
+        fileName: '[name][extname]',
+      }),
+    ],
+  },
+  storiesConfig,
+];

packages/select/package.json

@@ -6,6 +6,18 @@
   "module": "./dist/esm/index.js",
   "types": "./dist/types/index.d.ts",
   "typesVersions": {},
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./testing": {
+      "import": "./dist/esm/testing/index.js",
+      "require": "./dist/testing/index.js",
+      "types": "./dist/testing/index.d.ts"
+    }
+  },
   "scripts": {
     "build": "lg build-package",
     "tsc": "lg build-ts",

packages/select/rollup.config.mjs

@@ -0,0 +1,30 @@
+import {
+  esmConfig,
+  umdConfig,
+  storiesConfig,
+} from '@lg-tools/build/config/rollup.config.mjs';
+
+const esmTestUtilsConfig = {
+  ...esmConfig,
+  input: 'src/testing/index.ts',
+  output: {
+    ...esmConfig.output,
+    dir: 'dist/esm/testing',
+  },
+};
+const umdTestUtilsConfig = {
+  ...umdConfig,
+  input: 'src/testing/index.ts',
+  output: {
+    ...umdConfig.output,
+    dir: 'dist/testing',
+  },
+};
+
+export default [
+  esmConfig,
+  umdConfig,
+  esmTestUtilsConfig,
+  umdTestUtilsConfig,
+  storiesConfig,
+];

packages/select/src/Select/Select.spec.tsx

@@ -16,8 +16,7 @@ import { keyMap } from '@leafygreen-ui/lib';
 import { RenderMode } from '@leafygreen-ui/popover';
 import { Context, jest as Jest } from '@leafygreen-ui/testing-lib';
 
-import { getTestUtils } from '../utils/getTestUtils/getTestUtils';
-import { TestUtilsReturnType } from '../utils/getTestUtils/getTestUtils.types';
+import { getTestUtils, type TestUtilsReturnType } from '../testing';
 import { Option, OptionGroup, Select } from '..';
 
 import { SelectProps, State } from './Select.types';

packages/select/src/index.ts

@@ -12,4 +12,3 @@ export {
   Size,
   State,
 } from './Select';
-export { getTestUtils, type GetTestUtilsReturnType } from './utils';

packages/select/src/testing/index.ts

@@ -0,0 +1,2 @@
+export { getTestUtils } from './utils/getTestUtils';
+export type { GetTestUtilsReturnType } from './utils/getTestUtils.types';