22
33[ ![ npm version] ( https://img.shields.io/npm/v/glassnode-api.svg )] ( https://www.npmjs.com/package/glassnode-api )
44[ ![ npm downloads] ( https://img.shields.io/npm/dm/glassnode-api.svg )] ( https://www.npmjs.com/package/glassnode-api )
5- [ ![ minzipped size] ( https://img.shields.io/bundlephobia/minzip /glassnode-api.svg )] ( https://bundlephobia .com/package/ glassnode-api )
5+ [ ![ minzipped size] ( https://img.shields.io/bundlejs/size /glassnode-api )] ( https://bundlejs .com/?q= glassnode-api )
66[ ![ types included] ( https://img.shields.io/npm/types/glassnode-api.svg )] ( https://www.npmjs.com/package/glassnode-api )
77[ ![ CI] ( https://github.com/planadecu/glassnode-api-node/actions/workflows/ci.yml/badge.svg )] ( https://github.com/planadecu/glassnode-api-node/actions/workflows/ci.yml )
88[ ![ license] ( https://img.shields.io/npm/l/glassnode-api.svg )] ( ./LICENSE )
@@ -38,6 +38,7 @@ const btcPrice = await api.callMetric('/market/price_usd_close', { a: 'BTC' });
3838- [ Error Handling] ( #error-handling )
3939- [ Retries] ( #retries )
4040- [ Bulk Metrics] ( #bulk-metrics )
41+ - [ Browser] ( #browser )
4142- [ Examples] ( #examples )
4243- [ Development] ( #development )
4344- [ License] ( #license )
@@ -58,25 +59,6 @@ yarn add glassnode-api
5859You'll need a Glassnode API key — create one from your
5960[ Glassnode account] ( https://studio.glassnode.com/ ) .
6061
61- ### Browser (UMD)
62-
63- ``` html
64- <script src =" https://unpkg.com/glassnode-api/dist/glassnode-api.umd.min.js" ></script >
65- <script >
66- const api = new GlassnodeAPI.GlassnodeAPI ({ apiKey: ' YOUR_API_KEY' });
67- </script >
68- ```
69-
70- ### Browser (ESM)
71-
72- ``` html
73- <script type =" module" >
74- import { GlassnodeAPI } from ' https://unpkg.com/glassnode-api/dist/glassnode-api.esm.min.js' ;
75-
76- const api = new GlassnodeAPI ({ apiKey: ' YOUR_API_KEY' });
77- </script >
78- ```
79-
8062## Quick Start
8163
8264``` typescript
@@ -174,6 +156,31 @@ const marketcaps = await api.callBulkMetric('/market/marketcap_usd');
174156// [{ t: 1609459200, bulk: [{ a: 'BTC', v: 600000000000 }, { a: 'ETH', v: 100000000000 }] }]
175157```
176158
159+ ## Browser
160+
161+ The library ships prebuilt UMD and ESM bundles, so it also runs directly in the browser
162+ without a build step.
163+
164+ ``` html
165+ <!-- UMD -->
166+ <script src =" https://unpkg.com/glassnode-api/dist/glassnode-api.umd.min.js" ></script >
167+ <script >
168+ const api = new GlassnodeAPI.GlassnodeAPI ({ apiKey: ' YOUR_API_KEY' });
169+ </script >
170+ ```
171+
172+ ``` html
173+ <!-- ESM -->
174+ <script type =" module" >
175+ import { GlassnodeAPI } from ' https://unpkg.com/glassnode-api/dist/glassnode-api.esm.min.js' ;
176+
177+ const api = new GlassnodeAPI ({ apiKey: ' YOUR_API_KEY' });
178+ </script >
179+ ```
180+
181+ > Your API key is exposed to end users in browser code. Only ship it in trusted,
182+ > first-party contexts — otherwise proxy Glassnode requests through your own backend.
183+
177184## Examples
178185
179186See the [ examples directory] ( ./examples/README.md ) for detailed usage patterns.
0 commit comments