chore: fix demo by adding import from platform package

taiga-family · Oct 25, 2024 · 2b17c13 · 2b17c13
1 parent 6c7b4cf
commit 2b17c13
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 3 deletions.
diff --git a/apps/demo/src/app/pages/platform/index.html b/apps/demo/src/app/pages/platform/index.html
@@ -1 +1,6 @@
 <markdown [data]="(readme | async) || ''" />
+
+<p class="example">
+    <strong>isIos:</strong>
+    {{ isIos }}
+</p>
diff --git a/apps/demo/src/app/pages/platform/index.ts b/apps/demo/src/app/pages/platform/index.ts
@@ -1,15 +1,19 @@
 import {CommonModule} from '@angular/common';
-import {ChangeDetectionStrategy, Component} from '@angular/core';
+import {ChangeDetectionStrategy, Component, inject} from '@angular/core';
+import {WA_IS_IOS} from '@ng-web-apis/platform';
 import {MarkdownModule} from 'ngx-markdown';
 
 @Component({
     standalone: true,
     selector: 'platform-page',
     imports: [CommonModule, MarkdownModule],
     templateUrl: './index.html',
+    styles: ['.example {max-inline-size: 50rem; margin: 2rem auto }'],
     changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export default class CommonPage {
+    protected readonly isIos = inject(WA_IS_IOS);
+
     protected readonly readme = import(
         '../../../../../../libs/platform/README.md?raw'
     ).then((a) => a.default.replace('![logo](logo.svg) ', '')) as any as Promise<string>;

diff --git a/libs/platform/README.md b/libs/platform/README.md
@@ -6,5 +6,9 @@
 npm i @ng-web-apis/platform
 ```
 
-- `isApple`
-- `isIos`
+## Tokens
+
+- `WA_IS_MOBILE`
+- `WA_IS_IOS`
+- `WA_IS_ANDROID`
+- `WA_IS_WEBKIT`