updated browser example (#52)

Author: toptobes

examples/browser/README.md

@@ -32,9 +32,11 @@ in the main `README.md` for more information common to non-standard environments
 
 3. Copy the `.env.example` file to `.env` and fill in the required values.
 
-4. Run `npm run dev` to start the local development server.
+4. Visit https://cors-anywhere.herokuapp.com/corsdemo to temporarily enable access to the demo server.
 
-5. Visit `http://localhost:5173` in your browser to see the example in action.
+5. Run `npm run dev` to start the local development server.
+
+6. Visit `http://localhost:5173` in your browser to see the example in action.
 
 ### Steps to Start Your Own Project:
 
@@ -44,8 +46,8 @@ in the main `README.md` for more information common to non-standard environments
 
 3. Install the `events` polyfill (if your build tool doesn't provide polyfills) by running `npm i events`. 
 
-4. Set up a CORS proxy to forward requests to the Data API. You can use [cors-anywhere](https://github.com/Rob--W/cors-anywhere),
-   or any other CORS proxy of your choice.
+4. Set up a CORS proxy to forward requests to the Data API. You can use something like [cors-anywhere](https://github.com/Rob--W/cors-anywhere),
+   [corsproxy.io](https://corsproxy.io/), or any other CORS proxy of your choice.
 
 5. When doing `client.db()`, prefix the endpoint URL with the CORS proxy URL as appropriate.
 

examples/browser/package-lock.json

@@ -1,8 +1,10 @@
 import './style.css'
 import { DataAPIClient } from '@datastax/astra-db-ts';
 
-const client = new DataAPIClient(import.meta.env.VITE_ASTRA_DB_TOKEN);
-const db = client.db(`https://corsproxy.io/?${import.meta.env.VITE_ASTRA_DB_ENDPOINT}`);
+const client = new DataAPIClient(import.meta.env.VITE_ASTRA_DB_TOKEN, {
+  httpOptions: { client: 'fetch' }
+});
+const db = client.db(`https://cors-anywhere.herokuapp.com/${import.meta.env.VITE_ASTRA_DB_ENDPOINT}`);
 
 const app = document.querySelector<HTMLDivElement>('#app')!;
 app.innerHTML = '<p>Loading...</p>';

examples/browser/src/main.ts

@@ -0,0 +1,28 @@
+cwd=$(pwd)
+
+case $1 in
+npm)
+  for dir in examples/*; do
+    cd "$cwd/$dir" || exit 1
+    npm rm @datastax/astra-db-ts
+    npm i @datastax/astra-db-ts
+  done
+  ;;
+local)
+  tarball_dir=$(pwd)
+
+  npm run build
+  npm pack
+
+  for dir in examples/*; do
+    cd "$cwd/$dir" || exit 1
+    npm i "${tarball_dir}"/datastax-astra-db-ts-*.tgz
+    npm i @datastax/astra-db-ts
+  done
+
+  rm "${tarball_dir}"/datastax-astra-db-ts-*.tgz
+  ;;
+*)
+  echo 'Invalid args-must pass either "npm" or "local"'
+  ;;
+esac

examples/cloudflare-workers/package-lock.json

@@ -295,7 +295,7 @@ export class ObjectId {
 }
 
 const MACHINE_ID = ~~(Math.random() * 0xFFFFFF);
-const PID = ((typeof process?.pid !== 'number') ? ~~(Math.random() * 100000) : process.pid) % 0xFFFF;
+const PID = ((typeof process === 'undefined' || typeof process.pid !== 'number') ? ~~(Math.random() * 100000) : process.pid) % 0xFFFF;
 
 const hexTable = Array.from({ length: 256 }, (_, i) => {
   return (i <= 15 ? '0' : '') + i.toString(16);