@stacksjs/defaults 0.74.8 → 0.74.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/ide/vscode/package.json +1 -1
  2. package/package.json +2 -2
  3. package/resources/components/NativeAppShell.stx +6 -2
  4. package/resources/components/NativeAppShell.test.ts +12 -0
package/ide/vscode/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "publisher": "Stacks",
3
3
  "name": "vscode-stacks",
4
4
  "displayName": "Stacks",
5
- "version": "0.74.8",
5
+ "version": "0.74.9",
6
6
  "description": "A modern Stacks development environment.",
7
7
  "license": "MIT",
8
8
  "funding": "https://github.com/sponsors/chrisbbreuer",
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@stacksjs/defaults",
3
3
  "type": "module",
4
4
  "sideEffects": false,
5
- "version": "0.74.8",
5
+ "version": "0.74.9",
6
6
  "repository": {
7
7
  "type": "git",
8
8
  "url": "git+https://github.com/stacksjs/stacks.git",
@@ -54,7 +54,7 @@
54
54
  "dependencies": {
55
55
  "@iconify-json/f7": "^1.2.2",
56
56
  "@iconify-json/hugeicons": "^1.2.27",
57
- "@stacksjs/mobile": "^0.74.8",
57
+ "@stacksjs/mobile": "^0.74.9",
58
58
  "@stacksjs/sanitizer": "^0.2.113",
59
59
  "ts-qr-codes": "^0.1.8"
60
60
  }
package/resources/components/NativeAppShell.stx CHANGED
@@ -12,9 +12,13 @@ const className = useReactiveProp<string>('class', '')
12
12
  </script>
13
13
 
14
14
  <div data-native-app-shell class="native-app-shell" :class="className()">
15
- <main class="native-app-content">
15
+ <!-- The application layout owns the single <main> landmark. This shell is
16
+ structural chrome; making it another <main> creates invalid nested
17
+ landmarks and gives both elements the router's stx-content view-
18
+ transition name. -->
19
+ <div class="native-app-content">
16
20
  <slot />
17
- </main>
21
+ </div>
18
22
  @if(tabBar)
19
23
  <footer class="native-app-tab-slot">
20
24
  <slot name="tab-bar" />
package/resources/components/NativeAppShell.test.ts ADDED
@@ -0,0 +1,12 @@
1
+ import { describe, expect, it } from 'bun:test'
2
+ import { readFileSync } from 'node:fs'
3
+ import { join } from 'node:path'
4
+
5
+ const source = readFileSync(join(import.meta.dir, 'NativeAppShell.stx'), 'utf8')
6
+
7
+ describe('NativeAppShell landmarks', () => {
8
+ it('does not introduce a main landmark around the application layout', () => {
9
+ expect(source).not.toContain('<main class="native-app-content">')
10
+ expect(source).toContain('<div class="native-app-content">')
11
+ })
12
+ })