add client import to buildenv (#9)

* add client

* stable filenames

* remove extraneous options

.github/workflows/size.yml

···
       - name: compressed-size-action
         uses: preactjs/compressed-size-action@v2
         with:
-          pattern: '{scripts/buildenv/dist-graphql/assets/vendor.*.js,scripts/buildenv/dist-lite/assets/vendor.*.js}'
+          pattern: '{scripts/buildenv/dist-graphql/assets/vendor.js,scripts/buildenv/dist-lite/assets/vendor.js}'
           build-script: size-check
           repo-token: '${{ secrets.GITHUB_TOKEN }}'

scripts/buildenv/src/index.jsx

···
 import { render } from 'preact';
+import { Provider, createClient } from '@urql/preact';
 import Pokemons from './Pokemons';
 
 const client = createClient({
···
     </Provider>
   </React.StrictMode>,
   document.getElementById('root')
-);
+);

scripts/buildenv/vite.alias.config.js

···
   },
   build: {
     outDir: './dist-lite',
+    rollupOptions: {
+      output: {
+        entryFileNames: `assets/[name].js`,
+        chunkFileNames: `assets/[name].js`,
+        assetFileNames: `assets/[name].[ext]`,
+      },
+    },
   },
 });

scripts/buildenv/vite.config.js

···
   plugins: [preact()],
   build: {
     outDir: './dist-graphql',
+    rollupOptions: {
+      output: {
+        entryFileNames: `assets/[name].js`,
+        chunkFileNames: `assets/[name].js`,
+        assetFileNames: `assets/[name].[ext]`,
+      },
+    },
   },
 });