Sync widgets demo

packages/shared/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "@huggingface/shared",
+  "version": "1.0.0",
+  "private": true,
+  "main": "src/index.ts",
+  "source": "src/index.ts",
+  "types": "./src/index.ts"
+}

packages/shared/pnpm-lock.yaml

@@ -0,0 +1,5 @@
+lockfileVersion: '6.0'
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false

packages/shared/src/base64FromBytes.ts

@@ -0,0 +1,11 @@
+export function base64FromBytes(arr: Uint8Array): string {
+	if (globalThis.Buffer) {
+		return globalThis.Buffer.from(arr).toString("base64");
+	} else {
+		const bin: string[] = [];
+		arr.forEach((byte) => {
+			bin.push(String.fromCharCode(byte));
+		});
+		return globalThis.btoa(bin.join(""));
+	}
+}

packages/shared/src/index.ts

@@ -0,0 +1,3 @@
+export * from './base64FromBytes';
+export * from './isBackend';
+export * from './isFrontend';

packages/shared/src/isBackend.ts

@@ -0,0 +1,6 @@
+const isBrowser = typeof window !== "undefined" && typeof window.document !== "undefined";
+
+const isWebWorker =
+	typeof self === "object" && self.constructor && self.constructor.name === "DedicatedWorkerGlobalScope";
+
+export const isBackend = !isBrowser && !isWebWorker;

packages/shared/src/isFrontend.ts

@@ -0,0 +1,3 @@
+import { isBackend } from "./isBackend";
+
+export const isFrontend = !isBackend;

packages/shared/tsconfig.json

@@ -0,0 +1,14 @@
+{
+	"compilerOptions": {
+		"esModuleInterop": true,
+		"noEmit": false,
+		"module": "ESNext",
+		"target": "ESNext",
+		"moduleResolution": "Node",
+		"noImplicitAny": true,
+		"strict": true,
+		"strictNullChecks": true,
+		"skipLibCheck": true,
+        "composite": true
+	}
+}