/ui: added PLATFORM constant and isPlatformIn() function (#597)

closes #596
nestauk · Dec 9, 2022 · e00e3df · e00e3df
1 parent 29decbd
commit e00e3df
Show file tree

Hide file tree

Showing 5 changed files with 24 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -10,6 +10,7 @@
 - added `HighlightedText.svelte`
 - added `CopyToClipboard.svelte`
 - added `ScrollbarStyler.svelte`
+- added `PLATFORM` and `isPlatformIn(oses, browsers)`
 
 ## `@svizzle/site` v0.4.1 (next)
 

diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/components/ui/CHANGELOG.md b/packages/components/ui/CHANGELOG.md
@@ -6,6 +6,7 @@
 - added `HighlightedText.svelte`
 - added `CopyToClipboard.svelte`
 - added `ScrollbarStyler.svelte`
+- added `PLATFORM` and `isPlatformIn(oses, browsers)`
 
 ## `@svizzle/ui` v0.8.0
 

diff --git a/packages/components/ui/package.json b/packages/components/ui/package.json
@@ -11,6 +11,7 @@
 		"@macfja/svelte-persistent-store": "^2.1.0",
 		"@svizzle/dom": "^0.7.0",
 		"@svizzle/utils": "^0.18.0",
+		"bowser": "^2.11.0",
 		"just-compare": "^2.2.2",
 		"uid": "^2.0.0"
 	},

diff --git a/packages/components/ui/src/utils/env.js b/packages/components/ui/src/utils/env.js
@@ -1,3 +1,13 @@
+import Bowser from 'bowser';
+
 export const isServerSide = typeof window === 'undefined';
 
 export const isClientSide = !isServerSide;
+
+export const PLATFORM = isClientSide
+	? {...Bowser.parse(window.navigator.userAgent)}
+	: null;
+
+export const isPlatformIn = (oses, browsers) => isClientSide
+	&& oses.includes(PLATFORM?.os.name)
+	&& browsers.includes(PLATFORM?.browser.name);