Skip to content

Commit caa0897

Browse files
Copilotmanekinekko
Copilot
and
manekinekko
authored
fix: disable font inlining in Angular build (#93)
* Initial plan * Fix module not found error by disabling font inlining in Angular build Co-authored-by: manekinekko <1699357+manekinekko@users.noreply.github.com> --------- Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: manekinekko <1699357+manekinekko@users.noreply.github.com>
1 parent f38ed22 commit caa0897

40 files changed

+8565
-6521
lines changed

‎angular.json‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,10 @@
4646
"maximumError": "4kb"
4747
}
4848
],
49-
"outputHashing": "all"
49+
"outputHashing": "all",
50+
"optimization": {
51+
"fonts": false
52+
}
5053
},
5154
"development": {
5255
"optimization": false,

‎docs/classes/AppPage.html‎

Lines changed: 20 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
</head>
1515
<body>
1616
<script>
17-
// Blocking script to avaoid flickering dark mode
17+
// Blocking script to avoid flickering dark mode
1818
// Dark mode toggle button
1919
var useDark = window.matchMedia('(prefers-color-scheme: dark)');
2020
var darkModeState = useDark.matches;
@@ -61,20 +61,13 @@
6161
darkModeState = darkModeStateLocal === 'true';
6262
}
6363
toggleDarkMode(darkModeState);
64-
65-
if ($darkModeToggles.length > 0) {
66-
for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
67-
$darkModeToggleSwitchers[i].addEventListener('change', function (event) {
68-
darkModeState = !darkModeState;
69-
toggleDarkMode(darkModeState);
70-
});
71-
}
72-
}
7364
</script>
7465

75-
<div class="navbar navbar-default navbar-fixed-top d-block d-sm-none">
76-
<a href="../" class="navbar-brand">angular-web-bluetooth-starter documentation</a>
77-
<button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
66+
<div class="navbar navbar-default navbar-fixed-top d-md-none p-0">
67+
<div class="d-flex">
68+
<a href="../" class="navbar-brand">angular-web-bluetooth-starter documentation</a>
69+
<button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
70+
</div>
7871
</div>
7972

8073
<div class="xs-menu menu" id="mobile-menu">
@@ -83,7 +76,7 @@
8376

8477
<div class="container-fluid main">
8578
<div class="row main">
86-
<div class="hidden-xs menu">
79+
<div class="d-none d-md-block menu">
8780
<compodoc-menu mode="normal"></compodoc-menu>
8881
</div>
8982
<!-- START CONTENT -->
@@ -310,6 +303,19 @@ <h1 class="search-results-title">No results matching "<span class='search-query'
310303
var MAX_SEARCH_RESULTS = 15;
311304
</script>
312305

306+
<script>
307+
$darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
308+
checkToggle(darkModeState);
309+
if ($darkModeToggleSwitchers.length > 0) {
310+
for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
311+
$darkModeToggleSwitchers[i].addEventListener('change', function (event) {
312+
darkModeState = !darkModeState;
313+
toggleDarkMode(darkModeState);
314+
});
315+
}
316+
}
317+
</script>
318+
313319
<script src="../js/libs/custom-elements.min.js"></script>
314320
<script src="../js/libs/lit-html.js"></script>
315321

@@ -321,7 +327,6 @@ <h1 class="search-results-title">No results matching "<span class='search-query'
321327
<script src="../js/libs/es6-shim.min.js"></script>
322328
<script src="../js/libs/EventDispatcher.js"></script>
323329
<script src="../js/libs/promise.min.js"></script>
324-
<script src="../js/libs/zepto.min.js"></script>
325330

326331
<script src="../js/compodoc.js"></script>
327332

‎docs/classes/FakeBluetoothDevice.html‎

Lines changed: 43 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
</head>
1515
<body>
1616
<script>
17-
// Blocking script to avaoid flickering dark mode
17+
// Blocking script to avoid flickering dark mode
1818
// Dark mode toggle button
1919
var useDark = window.matchMedia('(prefers-color-scheme: dark)');
2020
var darkModeState = useDark.matches;
@@ -61,20 +61,13 @@
6161
darkModeState = darkModeStateLocal === 'true';
6262
}
6363
toggleDarkMode(darkModeState);
64-
65-
if ($darkModeToggles.length > 0) {
66-
for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
67-
$darkModeToggleSwitchers[i].addEventListener('change', function (event) {
68-
darkModeState = !darkModeState;
69-
toggleDarkMode(darkModeState);
70-
});
71-
}
72-
}
7364
</script>
7465

75-
<div class="navbar navbar-default navbar-fixed-top d-block d-sm-none">
76-
<a href="../" class="navbar-brand">angular-web-bluetooth-starter documentation</a>
77-
<button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
66+
<div class="navbar navbar-default navbar-fixed-top d-md-none p-0">
67+
<div class="d-flex">
68+
<a href="../" class="navbar-brand">angular-web-bluetooth-starter documentation</a>
69+
<button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
70+
</div>
7871
</div>
7972

8073
<div class="xs-menu menu" id="mobile-menu">
@@ -83,7 +76,7 @@
8376

8477
<div class="container-fluid main">
8578
<div class="row main">
86-
<div class="hidden-xs menu">
79+
<div class="d-none d-md-block menu">
8780
<compodoc-menu mode="normal"></compodoc-menu>
8881
</div>
8982
<!-- START CONTENT -->
@@ -274,9 +267,14 @@ <h3 id="inputs">
274267
</tr>
275268
<tr>
276269
<td class="col-md-4">
277-
<i>Type : </i> <code>BluetoothRemoteGATTServer</code>
270+
<i>Type : </i> <code>BluetoothRemoteGATTServer | null</code>
278271

279272
</td>
273+
</tr>
274+
<tr>
275+
<td class="col-md-4">
276+
<i>Default value : </i><code>null</code>
277+
</td>
280278
</tr>
281279
<tr>
282280
<td class="col-md-4">
@@ -326,6 +324,12 @@ <h3 id="inputs">
326324
</span>
327325
</td>
328326
</tr>
327+
<tr>
328+
<td class="col-md-4">
329+
<i>Type : </i> <code>literal type</code>
330+
331+
</td>
332+
</tr>
329333
<tr>
330334
<td class="col-md-4">
331335
<i>Default value : </i><code>{
@@ -540,9 +544,9 @@ <h3 id="methods">
540544

541545
<div class="tab-pane fade tab-source-code" id="source">
542546
<pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">export class FakeBluetoothDevice {
543-
gatt: BluetoothRemoteGATTServer;
547+
gatt: BluetoothRemoteGATTServer | null &#x3D; null;
544548
private listeners: {
545-
[key in &#x27;gattserverdisconnected&#x27;]: EventListener[]
549+
[key: string]: EventListener[]
546550
} &#x3D; {
547551
gattserverdisconnected: []
548552
};
@@ -559,12 +563,12 @@ <h3 id="methods">
559563

560564
disconnect() {
561565
const mockedEvent &#x3D; {target: this} as unknown;
562-
this.listeners.gattserverdisconnected.forEach(listener &#x3D;&gt; listener(mockedEvent as Event));
566+
this.listeners[&#x27;gattserverdisconnected&#x27;].forEach(listener &#x3D;&gt; listener(mockedEvent as Event));
563567
}
564568

565569
clear() {
566-
this.id &#x3D; undefined;
567-
this.name &#x3D; undefined;
570+
this.id &#x3D; &quot;&quot;;
571+
this.name &#x3D; &quot;&quot;;
568572
this.listeners &#x3D; {
569573
gattserverdisconnected: []
570574
};
@@ -574,7 +578,7 @@ <h3 id="methods">
574578
export class FakeBluetoothRemoteGATTServer {
575579
connected &#x3D; false;
576580

577-
constructor(public device, public services: { [key: string]: { service, primary: boolean } }) {
581+
constructor(public device: any, public services: { [key: string]: { service: any, primary: boolean } }) {
578582
device.gatt &#x3D; this;
579583
}
580584

@@ -594,7 +598,7 @@ <h3 id="methods">
594598
}
595599

596600
export class FakeBluetoothRemoteGATTService {
597-
constructor(public device, public characteristics) {
601+
constructor(public device: any, public characteristics: any) {
598602
this.characteristics.service &#x3D; this;
599603
}
600604

@@ -604,11 +608,11 @@ <h3 id="methods">
604608
}
605609

606610
export class FakeBluetoothRemoteGATTCharacteristic {
607-
value: DataView;
611+
value: DataView | undefined;
608612
properties: BluetoothCharacteristicProperties;
609-
private readonly initialValue: DataView;
613+
private readonly initialValue: DataView | undefined;
610614
private listeners: {
611-
[key in &#x27;characteristicvaluechanged&#x27;]: EventListener[]
615+
[key: string]: EventListener[]
612616
} &#x3D; {
613617
characteristicvaluechanged: []
614618
};
@@ -633,7 +637,7 @@ <h3 id="methods">
633637
changeValue(value: DataView) {
634638
this.value &#x3D; value;
635639
const mockedEvent &#x3D; {target: this} as unknown;
636-
this.listeners.characteristicvaluechanged.forEach(listener &#x3D;&gt; listener(mockedEvent as Event));
640+
this.listeners[&#x27;characteristicvaluechanged&#x27;].forEach(listener &#x3D;&gt; listener(mockedEvent as Event));
637641
}
638642

639643
clear() {
@@ -685,6 +689,19 @@ <h1 class="search-results-title">No results matching "<span class='search-query'
685689
var MAX_SEARCH_RESULTS = 15;
686690
</script>
687691

692+
<script>
693+
$darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
694+
checkToggle(darkModeState);
695+
if ($darkModeToggleSwitchers.length > 0) {
696+
for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
697+
$darkModeToggleSwitchers[i].addEventListener('change', function (event) {
698+
darkModeState = !darkModeState;
699+
toggleDarkMode(darkModeState);
700+
});
701+
}
702+
}
703+
</script>
704+
688705
<script src="../js/libs/custom-elements.min.js"></script>
689706
<script src="../js/libs/lit-html.js"></script>
690707

@@ -696,7 +713,6 @@ <h1 class="search-results-title">No results matching "<span class='search-query'
696713
<script src="../js/libs/es6-shim.min.js"></script>
697714
<script src="../js/libs/EventDispatcher.js"></script>
698715
<script src="../js/libs/promise.min.js"></script>
699-
<script src="../js/libs/zepto.min.js"></script>
700716

701717
<script src="../js/compodoc.js"></script>
702718

0 commit comments

Comments
 (0)