feat: web support (#5)

This PR adds support for the web platform as well as the JS layer on mobiles.

Author: adhorodyski

.gitignore

@@ -78,6 +78,9 @@ android/keystores/debug.keystore
 # generated by bob
 lib/
 
+# Vite
+dist/
+
 # React Native Codegen
 ios/generated
 android/generated

README.md

@@ -7,20 +7,52 @@ Best in class observability brought to React Native.
 
 ## Features
 
-* **Telemetry without lock-in**. Send to **any OTLP compliant backend** including [vendors](https://opentelemetry.io/ecosystem/vendors/).
+* **Telemetry without lock-in**. Send to **any OTLP compliant backend** including [vendors](https://opentelemetry.io/ecosystem/vendors/)
 * [**Tracing** API](https://opentelemetry.io/docs/specs/otel/trace/api/)
 * [**Metrics** API](https://opentelemetry.io/docs/specs/otel/metrics/api/)
-* **Android** support (experimental) with **iOS** and **Web** coming next
+* **Web**, **Android** (experimental) support with **iOS** coming soon
 
 ## Installation
 
 ```sh
 npm install react-native-open-telemetry
 ```
 
-## Usage 
+## Usage
 
-### 1. Start the native SDK
+### 1. Start the JS SDK
+
+See OpenTelemetry's JS documentation on [Traces](https://opentelemetry.io/docs/languages/js/instrumentation/#acquiring-a-tracer) and [Metrics](https://opentelemetry.io/docs/languages/js/instrumentation/#acquiring-a-meter) for more information on available APIs.
+
+```js
+import { openTelemetrySDK } from 'react-native-open-telemetry';
+
+// Start the SDK
+const sdk = openTelemetrySDK({
+  debug: true,
+  url: "https://my-collector.com:4317",
+  name: "my-app",
+  version: "1.0.0-alpha",
+  environment: "development",
+});
+
+// Use available APIs
+const meter = sdk.metrics.getMeter("my-js-meter", "1.0");
+
+const promoCounter = meter.createCounter("my-promo-counter", {
+  description: "A counter metric for my promo section"
+});
+
+function App() {
+  function onPress() {
+    promoCounter.add(1);
+  }
+
+  return <Button title="Press me" onPress={onPress} />
+}
+```
+
+### 2. Start the native SDK (optional)
 
 **Android**
 
@@ -32,7 +64,7 @@ import com.opentelemetry.OpenTelemetry
 class MainApplication : Application(), ReactApplication {
     override fun onCreate() {
         super.onCreate()
-        
+
         // Start the SDK
         OpenTelemetry.init(this) {
             debug = true
@@ -41,9 +73,9 @@ class MainApplication : Application(), ReactApplication {
             version = "1.0.0"
             environment = "production"
         }
-        
+
         // ..
-        
+
         // Use available APIs
         val sdk = OpenTelemetry.get()
         val meter = sdk.getMeter("native-scope-name")
@@ -53,32 +85,6 @@ class MainApplication : Application(), ReactApplication {
 }
 ```
 
-### 2. Start the JS SDK
-
-See OpenTelemetry's JS documentation on [Traces](https://opentelemetry.io/docs/languages/js/instrumentation/#acquiring-a-tracer) and [Metrics](https://opentelemetry.io/docs/languages/js/instrumentation/#acquiring-a-meter) for more information on available APIs.
-
-```js
-import { observability } from 'react-native-open-telemetry';
-
-// Start the SDK
-const sdk = observability();
-
-// Use available APIs
-const meter = sdk.metrics.getMeter("my-js-meter", "1.0");
-
-const promoCounter = meter.createCounter("my-promo-counter", { 
-  description: "A counter metric for my promo section" 
-});
-
-function App() {
-  function onPress() {
-    promoCounter.add(1);
-  }
-
-  return <Button title="Press me" onPress={onPress} />
-}
-```
-
 ## Contributing
 
 See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

android/src/main/java/com/opentelemetry/OpenTelemetryModule.kt

@@ -148,7 +148,7 @@ class OpenTelemetryModule(reactContext: ReactApplicationContext) :
       override fun getTotalAttributeCount() = getAttributes().size()
 
       override fun getInstrumentationScopeInfo(): InstrumentationScopeInfo {
-        val instrumentation = rawSpan.getMap("instrumentationLibrary")
+        val instrumentation = rawSpan.getMap("instrumentationScope")
         val name = instrumentation?.getString("name") ?: "unknown"
         val builder = InstrumentationScopeInfo.builder(name)
         instrumentation?.getString("version")?.let { builder.setSchemaUrl(it) }
@@ -157,7 +157,7 @@ class OpenTelemetryModule(reactContext: ReactApplicationContext) :
       }
 
       override fun getInstrumentationLibraryInfo(): InstrumentationLibraryInfo {
-        val instrumentation = rawSpan.getMap("instrumentationLibrary")
+        val instrumentation = rawSpan.getMap("instrumentationScope")
         val name = instrumentation?.getString("name") ?: "unknown"
         val version = instrumentation?.getString("version") ?: "unknown"
         return InstrumentationLibraryInfo.create(name, version)
@@ -320,4 +320,4 @@ fun ReadableArray.hrTimeToNanoseconds(): Long {
   val seconds = this.getDouble(0).toLong()
   val nanos = this.getDouble(1).toLong()
   return seconds * 1_000_000_000 + nanos
-}
+}