Add size-limit (#10871)

* add size-limit
* comment out `useSuspenseQuery_experimental` for main branch

.github/workflows/size-limit.yml

@@ -0,0 +1,22 @@
+name: "size"
+on:
+  pull_request:
+    branches:
+      - main
+      - release-*
+jobs:
+  size:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout repo
+        uses: actions/checkout@v3
+      - name: Setup Node.js 18.x
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18.x
+      - name: Install dependencies (with cache)
+        uses: bahmutov/npm-install@v1
+      - name: Run size-limit
+        uses: andresz1/size-limit-action@v1
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}

.gitignore

@@ -68,3 +68,5 @@ junit.xml
 
 # Ignore generated test report output
 reports
+
+esbuild-why-*.html

.size-limit.cjs

@@ -0,0 +1,47 @@
+const checks = [
+  {
+    path: "dist/apollo-client.min.cjs",
+    limit: "36.64kb"
+  },
+  {
+    path: "dist/main.cjs",
+    import: "{ ApolloClient, InMemoryCache, HttpLink }"
+  },
+  {
+    path: "dist/index.js",
+    import: "{ ApolloClient, InMemoryCache, HttpLink }",
+    limit: "34.99kb"
+  },
+  ...[
+    "ApolloProvider",
+    "useQuery",
+    "useLazyQuery",
+    "useMutation",
+    "useSubscription",
+    //"useSuspenseQuery_experimental",
+    "useFragment_experimental"
+  ].map((name) => ({ path: "dist/react/index.js", import: `{ ${name} }` })),
+].map((config) => ({
+  ...config,
+  name: config.name || config.import ? `import ${config.import} from "${config.path}"` : config.path,
+  ignore: [
+    ...(config.ignore || []),
+    "react",
+    "react-dom",
+    "@graphql-typed-document-node/core",
+    "@wry/context",
+    "@wry/equality",
+    "@wry/trie",
+    "graphql-tag",
+    "hoist-non-react-statics",
+    "optimism",
+    "prop-types",
+    "response-iterator",
+    "symbol-observable",
+    "ts-invariant",
+    "tslib",
+    "zen-observable-ts"
+  ],
+}));
+
+module.exports = checks;