[All] Add pure annotations for tree-shaking (radix-ui#577)

* Add pure annotations

* Remove parcel overrides

* Versions

Author: Jenna Smith

.terserrc

@@ -0,0 +1,6 @@
+{
+  format: {
+    preserve_annotations: true,
+    comments: '/__PURE__/',
+  }
+}

.yarn/versions/aee1791c.yml

@@ -0,0 +1,58 @@
+releases:
+  "@radix-ui/number": patch
+  "@radix-ui/popper": patch
+  "@radix-ui/primitive": patch
+  "@radix-ui/react-accessible-icon": patch
+  "@radix-ui/react-accordion": patch
+  "@radix-ui/react-alert-dialog": patch
+  "@radix-ui/react-announce": patch
+  "@radix-ui/react-arrow": patch
+  "@radix-ui/react-aspect-ratio": patch
+  "@radix-ui/react-avatar": patch
+  "@radix-ui/react-checkbox": patch
+  "@radix-ui/react-collapsible": patch
+  "@radix-ui/react-collection": patch
+  "@radix-ui/react-compose-refs": patch
+  "@radix-ui/react-context": patch
+  "@radix-ui/react-context-menu": patch
+  "@radix-ui/react-dialog": patch
+  "@radix-ui/react-dismissable-layer": patch
+  "@radix-ui/react-dropdown-menu": patch
+  "@radix-ui/react-focus-guards": patch
+  "@radix-ui/react-focus-scope": patch
+  "@radix-ui/react-id": patch
+  "@radix-ui/react-label": patch
+  "@radix-ui/react-menu": patch
+  "@radix-ui/react-polymorphic": patch
+  "@radix-ui/react-popover": patch
+  "@radix-ui/react-popper": patch
+  "@radix-ui/react-portal": patch
+  "@radix-ui/react-presence": patch
+  "@radix-ui/react-primitive": patch
+  "@radix-ui/react-progress": patch
+  "@radix-ui/react-radio-group": patch
+  "@radix-ui/react-roving-focus": patch
+  "@radix-ui/react-scroll-area": patch
+  "@radix-ui/react-separator": patch
+  "@radix-ui/react-slider": patch
+  "@radix-ui/react-slot": patch
+  "@radix-ui/react-switch": patch
+  "@radix-ui/react-tabs": patch
+  "@radix-ui/react-toggle": patch
+  "@radix-ui/react-toggle-group": patch
+  "@radix-ui/react-toolbar": patch
+  "@radix-ui/react-tooltip": patch
+  "@radix-ui/react-use-body-pointer-events": patch
+  "@radix-ui/react-use-callback-ref": patch
+  "@radix-ui/react-use-controllable-state": patch
+  "@radix-ui/react-use-escape-keydown": patch
+  "@radix-ui/react-use-layout-effect": patch
+  "@radix-ui/react-use-previous": patch
+  "@radix-ui/react-use-rect": patch
+  "@radix-ui/react-use-size": patch
+  "@radix-ui/react-visually-hidden": patch
+  "@radix-ui/rect": patch
+
+declined:
+  - primitives
+  - ssr-testing

babel.config.js

@@ -0,0 +1,42 @@
+const template = require('@babel/template');
+
+const buildAssign = template.smart('Object.assign(COMPONENT, { displayName: DISPLAY_NAME });');
+
+const pureDisplayNames = () => ({
+  visitor: {
+    AssignmentExpression(path) {
+      if (
+        path.node.left.type === 'MemberExpression' &&
+        path.node.left.property.name === 'displayName' &&
+        path.node.right.name
+      ) {
+        const COMPONENT = path.node.left.object.name;
+        const DISPLAY_NAME = path.node.right.name;
+        const ast = buildAssign({ COMPONENT, DISPLAY_NAME });
+        path.replaceWith(ast);
+        path.addComment('leading', '#__PURE__');
+      }
+    },
+  },
+});
+
+module.exports = {
+  presets: [
+    [
+      '@parcel/babel-preset-env',
+      {
+        bugfixes: true,
+        targets: {
+          browsers: 'Chrome >= 74, Safari >= 13.1, iOS >= 13.3, Firefox >= 78, Edge >= 79',
+          node: 12,
+        },
+      },
+    ],
+    '@babel/preset-react',
+  ],
+  plugins: [
+    pureDisplayNames,
+    '@parcel/babel-plugin-transform-runtime',
+    ['@babel/plugin-transform-typescript', { isTSX: true }],
+  ],
+};

babel.config.json

@@ -34,6 +34,7 @@
     "@babel/core": "^7.0.0",
     "@babel/plugin-transform-typescript": "^7.13.0",
     "@babel/preset-react": "^7.12.13",
+    "@babel/template": "^7.12.13",
     "@parcel/babel-plugin-transform-runtime": "^2.0.0-nightly.1823",
     "@parcel/babel-preset-env": "^2.0.0-alpha.3",
     "@stitches/react": "0.0.3-canary.4",
@@ -42,6 +43,7 @@
     "@testing-library/jest-dom": "^5.11.3",
     "@testing-library/react": "^10.4.8",
     "@testing-library/user-event": "^12.6.0",
+    "@types/babel__template": "^7",
     "@types/eslint": "^7",
     "@types/jest": "^26.0.10",
     "@types/jest-axe": "^3.5.0",

package.json

@@ -4753,7 +4753,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/babel__template@npm:*":
+"@types/babel__template@npm:*, @types/babel__template@npm:^7":
   version: 7.4.0
   resolution: "@types/babel__template@npm:7.4.0"
   dependencies:
@@ -15834,6 +15834,7 @@ __metadata:
     "@babel/core": ^7.0.0
     "@babel/plugin-transform-typescript": ^7.13.0
     "@babel/preset-react": ^7.12.13
+    "@babel/template": ^7.12.13
     "@parcel/babel-plugin-transform-runtime": ^2.0.0-nightly.1823
     "@parcel/babel-preset-env": ^2.0.0-alpha.3
     "@stitches/react": 0.0.3-canary.4
@@ -15842,6 +15843,7 @@ __metadata:
     "@testing-library/jest-dom": ^5.11.3
     "@testing-library/react": ^10.4.8
     "@testing-library/user-event": ^12.6.0
+    "@types/babel__template": ^7
     "@types/eslint": ^7
     "@types/jest": ^26.0.10
     "@types/jest-axe": ^3.5.0