feat: remove init use in react buildless examples

glzr-io · Sep 26, 2024 · 8f745a1 · 8f745a1
1 parent f4bf1c7
commit 8f745a1
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 16 deletions.
diff --git a/examples/boilerplates/react-buildless/index.html b/examples/boilerplates/react-buildless/index.html
@@ -24,11 +24,9 @@
     <script type="text/babel" data-type="module">
       import React, { useState, useEffect } from 'react';
       import { createRoot } from 'react-dom/client';
-      import { init } from 'zebar';
+      import * as zebar from 'zebar';
 
-      const zebarCtx = await init();
-
-      const providers = await zebarCtx.createProviderGroup({
+      const providers = await zebar.createProviderGroup({
         cpu: { type: 'cpu' },
         battery: { type: 'battery' },
         memory: { type: 'memory' },

diff --git a/examples/starter/vanilla.html b/examples/starter/vanilla.html
@@ -24,11 +24,9 @@
     <script type="text/babel" data-type="module">
       import React, { useState, useEffect } from 'react';
       import { createRoot } from 'react-dom/client';
-      import { init } from 'zebar';
+      import * as zebar from 'zebar';
 
-      const zebarCtx = await init();
-
-      const providers = await zebarCtx.createProviderGroup({
+      const providers = await zebar.createProviderGroup({
         network: { type: 'network' },
         cpu: { type: 'cpu' },
         date: { type: 'date', formatting: 'EEE d MMM t' },

diff --git a/examples/starter/with-glazewm.html b/examples/starter/with-glazewm.html
@@ -24,11 +24,9 @@
     <script type="text/babel" data-type="module">
       import React, { useState, useEffect } from 'react';
       import { createRoot } from 'react-dom/client';
-      import { init } from 'zebar';
+      import * as zebar from 'zebar';
 
-      const zebarCtx = await init();
-
-      const providers = await zebarCtx.createProviderGroup({
+      const providers = await zebar.createProviderGroup({
         network: { type: 'network' },
         glazewm: { type: 'glazewm' },
         cpu: { type: 'cpu' },

diff --git a/examples/starter/with-komorebi.html b/examples/starter/with-komorebi.html
@@ -24,11 +24,9 @@
     <script type="text/babel" data-type="module">
       import React, { useState, useEffect } from 'react';
       import { createRoot } from 'react-dom/client';
-      import { init } from 'zebar';
+      import * as zebar from 'zebar';
 
-      const zebarCtx = await init();
-
-      const providers = await zebarCtx.createProviderGroup({
+      const providers = await zebar.createProviderGroup({
         network: { type: 'network' },
         komorebi: { type: 'komorebi' },
         cpu: { type: 'cpu' },