@codyswann/lisa 2.111.0 → 2.112.0
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.
- package/package.json +1 -1
- package/plugins/lisa/.claude-plugin/plugin.json +1 -1
- package/plugins/lisa/.codex-plugin/plugin.json +1 -1
- package/plugins/lisa-cdk/.claude-plugin/plugin.json +1 -1
- package/plugins/lisa-cdk/.codex-plugin/plugin.json +1 -1
- package/plugins/lisa-expo/.claude-plugin/plugin.json +1 -1
- package/plugins/lisa-expo/.codex-plugin/plugin.json +1 -1
- package/plugins/lisa-expo/.mcp.json +3 -3
- package/plugins/lisa-expo/THIRD-PARTY-NOTICES.md +57 -0
- package/plugins/lisa-expo/skills/add-app-clip/SKILL.md +280 -0
- package/plugins/lisa-expo/skills/add-app-clip/agents/openai.yaml +4 -0
- package/plugins/lisa-expo/skills/add-app-clip/references/native-module.md +96 -0
- package/plugins/lisa-expo/skills/building-native-ui/SKILL.md +321 -0
- package/plugins/lisa-expo/skills/building-native-ui/agents/openai.yaml +4 -0
- package/plugins/lisa-expo/skills/building-native-ui/references/animations.md +220 -0
- package/plugins/lisa-expo/skills/building-native-ui/references/controls.md +272 -0
- package/plugins/lisa-expo/skills/building-native-ui/references/form-sheet.md +253 -0
- package/plugins/lisa-expo/skills/building-native-ui/references/gradients.md +106 -0
- package/plugins/lisa-expo/skills/building-native-ui/references/icons.md +213 -0
- package/plugins/lisa-expo/skills/building-native-ui/references/media.md +198 -0
- package/plugins/lisa-expo/skills/building-native-ui/references/route-structure.md +229 -0
- package/plugins/lisa-expo/skills/building-native-ui/references/search.md +248 -0
- package/plugins/lisa-expo/skills/building-native-ui/references/storage.md +121 -0
- package/plugins/lisa-expo/skills/building-native-ui/references/tabs.md +433 -0
- package/plugins/lisa-expo/skills/building-native-ui/references/toolbar-and-headers.md +284 -0
- package/plugins/lisa-expo/skills/building-native-ui/references/visual-effects.md +197 -0
- package/plugins/lisa-expo/skills/building-native-ui/references/webgpu-three.md +605 -0
- package/plugins/lisa-expo/skills/building-native-ui/references/zoom-transitions.md +158 -0
- package/plugins/lisa-expo/skills/eas-update-insights/SKILL.md +228 -0
- package/plugins/lisa-expo/skills/eas-update-insights/agents/openai.yaml +4 -0
- package/plugins/lisa-expo/skills/eas-update-insights/references/channel-insights-schema.md +47 -0
- package/plugins/lisa-expo/skills/eas-update-insights/references/update-insights-schema.md +69 -0
- package/plugins/lisa-expo/skills/expo-api-routes/SKILL.md +369 -0
- package/plugins/lisa-expo/skills/expo-api-routes/agents/openai.yaml +4 -0
- package/plugins/lisa-expo/skills/expo-brownfield/SKILL.md +54 -0
- package/plugins/lisa-expo/skills/expo-brownfield/agents/openai.yaml +4 -0
- package/plugins/lisa-expo/skills/expo-brownfield/references/brownfield-integrated.md +526 -0
- package/plugins/lisa-expo/skills/expo-brownfield/references/brownfield-isolated.md +402 -0
- package/plugins/lisa-expo/skills/expo-brownfield/references/comparison.md +63 -0
- package/plugins/lisa-expo/skills/expo-brownfield/references/troubleshooting.md +88 -0
- package/plugins/lisa-expo/skills/expo-cicd-workflows/SKILL.md +92 -0
- package/plugins/lisa-expo/skills/expo-cicd-workflows/agents/openai.yaml +4 -0
- package/plugins/lisa-expo/skills/expo-cicd-workflows/scripts/fetch.js +113 -0
- package/plugins/lisa-expo/skills/expo-cicd-workflows/scripts/package.json +11 -0
- package/plugins/lisa-expo/skills/expo-cicd-workflows/scripts/validate.js +85 -0
- package/plugins/lisa-expo/skills/expo-deployment/SKILL.md +190 -0
- package/plugins/lisa-expo/skills/expo-deployment/agents/openai.yaml +4 -0
- package/plugins/lisa-expo/skills/expo-deployment/references/app-store-metadata.md +479 -0
- package/plugins/lisa-expo/skills/expo-deployment/references/ios-app-store.md +355 -0
- package/plugins/lisa-expo/skills/expo-deployment/references/play-store.md +246 -0
- package/plugins/lisa-expo/skills/expo-deployment/references/testflight.md +58 -0
- package/plugins/lisa-expo/skills/expo-deployment/references/workflows.md +200 -0
- package/plugins/lisa-expo/skills/expo-dev-client/SKILL.md +164 -0
- package/plugins/lisa-expo/skills/expo-dev-client/agents/openai.yaml +4 -0
- package/plugins/lisa-expo/skills/expo-module/SKILL.md +141 -0
- package/plugins/lisa-expo/skills/expo-module/agents/openai.yaml +4 -0
- package/plugins/lisa-expo/skills/expo-module/references/config-plugin.md +90 -0
- package/plugins/lisa-expo/skills/expo-module/references/create-expo-module.md +206 -0
- package/plugins/lisa-expo/skills/expo-module/references/lifecycle.md +127 -0
- package/plugins/lisa-expo/skills/expo-module/references/module-config.md +48 -0
- package/plugins/lisa-expo/skills/expo-module/references/native-module.md +286 -0
- package/plugins/lisa-expo/skills/expo-module/references/native-view.md +171 -0
- package/plugins/lisa-expo/skills/expo-tailwind-setup/SKILL.md +480 -0
- package/plugins/lisa-expo/skills/expo-tailwind-setup/agents/openai.yaml +4 -0
- package/plugins/lisa-expo/skills/expo-ui-jetpack-compose/SKILL.md +40 -0
- package/plugins/lisa-expo/skills/expo-ui-jetpack-compose/agents/openai.yaml +4 -0
- package/plugins/lisa-expo/skills/expo-ui-swift-ui/SKILL.md +39 -0
- package/plugins/lisa-expo/skills/expo-ui-swift-ui/agents/openai.yaml +4 -0
- package/plugins/lisa-expo/skills/native-data-fetching/SKILL.md +507 -0
- package/plugins/lisa-expo/skills/native-data-fetching/agents/openai.yaml +4 -0
- package/plugins/lisa-expo/skills/native-data-fetching/references/expo-router-loaders.md +344 -0
- package/plugins/lisa-expo/skills/upgrading-expo/SKILL.md +134 -0
- package/plugins/lisa-expo/skills/upgrading-expo/agents/openai.yaml +4 -0
- package/plugins/lisa-expo/skills/upgrading-expo/references/expo-av-to-audio.md +132 -0
- package/plugins/lisa-expo/skills/upgrading-expo/references/expo-av-to-video.md +160 -0
- package/plugins/lisa-expo/skills/upgrading-expo/references/native-tabs.md +124 -0
- package/plugins/lisa-expo/skills/upgrading-expo/references/new-architecture.md +79 -0
- package/plugins/lisa-expo/skills/upgrading-expo/references/react-19.md +79 -0
- package/plugins/lisa-expo/skills/upgrading-expo/references/react-compiler.md +59 -0
- package/plugins/lisa-expo/skills/upgrading-expo/references/react-navigation-to-expo-router.md +61 -0
- package/plugins/lisa-expo/skills/use-dom/SKILL.md +417 -0
- package/plugins/lisa-expo/skills/use-dom/agents/openai.yaml +4 -0
- package/plugins/lisa-harper-fabric/.claude-plugin/plugin.json +1 -1
- package/plugins/lisa-harper-fabric/.codex-plugin/plugin.json +1 -1
- package/plugins/lisa-nestjs/.claude-plugin/plugin.json +1 -1
- package/plugins/lisa-nestjs/.codex-plugin/plugin.json +1 -1
- package/plugins/lisa-openclaw/.claude-plugin/plugin.json +1 -1
- package/plugins/lisa-openclaw/.codex-plugin/plugin.json +1 -1
- package/plugins/lisa-rails/.claude-plugin/plugin.json +1 -1
- package/plugins/lisa-rails/.codex-plugin/plugin.json +1 -1
- package/plugins/lisa-typescript/.claude-plugin/plugin.json +1 -1
- package/plugins/lisa-typescript/.codex-plugin/plugin.json +1 -1
- package/plugins/lisa-wiki/.claude-plugin/plugin.json +1 -1
- package/plugins/lisa-wiki/.codex-plugin/plugin.json +1 -1
- package/plugins/src/expo/.mcp.json +3 -3
- package/plugins/src/expo/THIRD-PARTY-NOTICES.md +57 -0
- package/plugins/src/expo/skills/add-app-clip/SKILL.md +280 -0
- package/plugins/src/expo/skills/add-app-clip/references/native-module.md +96 -0
- package/plugins/src/expo/skills/building-native-ui/SKILL.md +321 -0
- package/plugins/src/expo/skills/building-native-ui/references/animations.md +220 -0
- package/plugins/src/expo/skills/building-native-ui/references/controls.md +272 -0
- package/plugins/src/expo/skills/building-native-ui/references/form-sheet.md +253 -0
- package/plugins/src/expo/skills/building-native-ui/references/gradients.md +106 -0
- package/plugins/src/expo/skills/building-native-ui/references/icons.md +213 -0
- package/plugins/src/expo/skills/building-native-ui/references/media.md +198 -0
- package/plugins/src/expo/skills/building-native-ui/references/route-structure.md +229 -0
- package/plugins/src/expo/skills/building-native-ui/references/search.md +248 -0
- package/plugins/src/expo/skills/building-native-ui/references/storage.md +121 -0
- package/plugins/src/expo/skills/building-native-ui/references/tabs.md +433 -0
- package/plugins/src/expo/skills/building-native-ui/references/toolbar-and-headers.md +284 -0
- package/plugins/src/expo/skills/building-native-ui/references/visual-effects.md +197 -0
- package/plugins/src/expo/skills/building-native-ui/references/webgpu-three.md +605 -0
- package/plugins/src/expo/skills/building-native-ui/references/zoom-transitions.md +158 -0
- package/plugins/src/expo/skills/eas-update-insights/SKILL.md +228 -0
- package/plugins/src/expo/skills/eas-update-insights/references/channel-insights-schema.md +47 -0
- package/plugins/src/expo/skills/eas-update-insights/references/update-insights-schema.md +69 -0
- package/plugins/src/expo/skills/expo-api-routes/SKILL.md +369 -0
- package/plugins/src/expo/skills/expo-brownfield/SKILL.md +54 -0
- package/plugins/src/expo/skills/expo-brownfield/references/brownfield-integrated.md +526 -0
- package/plugins/src/expo/skills/expo-brownfield/references/brownfield-isolated.md +402 -0
- package/plugins/src/expo/skills/expo-brownfield/references/comparison.md +63 -0
- package/plugins/src/expo/skills/expo-brownfield/references/troubleshooting.md +88 -0
- package/plugins/src/expo/skills/expo-cicd-workflows/SKILL.md +92 -0
- package/plugins/src/expo/skills/expo-cicd-workflows/scripts/fetch.js +113 -0
- package/plugins/src/expo/skills/expo-cicd-workflows/scripts/package.json +11 -0
- package/plugins/src/expo/skills/expo-cicd-workflows/scripts/validate.js +85 -0
- package/plugins/src/expo/skills/expo-deployment/SKILL.md +190 -0
- package/plugins/src/expo/skills/expo-deployment/references/app-store-metadata.md +479 -0
- package/plugins/src/expo/skills/expo-deployment/references/ios-app-store.md +355 -0
- package/plugins/src/expo/skills/expo-deployment/references/play-store.md +246 -0
- package/plugins/src/expo/skills/expo-deployment/references/testflight.md +58 -0
- package/plugins/src/expo/skills/expo-deployment/references/workflows.md +200 -0
- package/plugins/src/expo/skills/expo-dev-client/SKILL.md +164 -0
- package/plugins/src/expo/skills/expo-module/SKILL.md +141 -0
- package/plugins/src/expo/skills/expo-module/references/config-plugin.md +90 -0
- package/plugins/src/expo/skills/expo-module/references/create-expo-module.md +206 -0
- package/plugins/src/expo/skills/expo-module/references/lifecycle.md +127 -0
- package/plugins/src/expo/skills/expo-module/references/module-config.md +48 -0
- package/plugins/src/expo/skills/expo-module/references/native-module.md +286 -0
- package/plugins/src/expo/skills/expo-module/references/native-view.md +171 -0
- package/plugins/src/expo/skills/expo-tailwind-setup/SKILL.md +480 -0
- package/plugins/src/expo/skills/expo-ui-jetpack-compose/SKILL.md +40 -0
- package/plugins/src/expo/skills/expo-ui-swift-ui/SKILL.md +39 -0
- package/plugins/src/expo/skills/native-data-fetching/SKILL.md +507 -0
- package/plugins/src/expo/skills/native-data-fetching/references/expo-router-loaders.md +344 -0
- package/plugins/src/expo/skills/upgrading-expo/SKILL.md +134 -0
- package/plugins/src/expo/skills/upgrading-expo/references/expo-av-to-audio.md +132 -0
- package/plugins/src/expo/skills/upgrading-expo/references/expo-av-to-video.md +160 -0
- package/plugins/src/expo/skills/upgrading-expo/references/native-tabs.md +124 -0
- package/plugins/src/expo/skills/upgrading-expo/references/new-architecture.md +79 -0
- package/plugins/src/expo/skills/upgrading-expo/references/react-19.md +79 -0
- package/plugins/src/expo/skills/upgrading-expo/references/react-compiler.md +59 -0
- package/plugins/src/expo/skills/upgrading-expo/references/react-navigation-to-expo-router.md +61 -0
- package/plugins/src/expo/skills/use-dom/SKILL.md +417 -0
- package/scripts/generate-codex-plugin-artifacts.mjs +7 -2
package/package.json
CHANGED
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
"lodash": ">=4.18.1"
|
|
83
83
|
},
|
|
84
84
|
"name": "@codyswann/lisa",
|
|
85
|
-
"version": "2.
|
|
85
|
+
"version": "2.112.0",
|
|
86
86
|
"description": "Claude Code governance framework that applies guardrails, guidance, and automated enforcement to projects",
|
|
87
87
|
"main": "dist/index.js",
|
|
88
88
|
"exports": {
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
# Third-Party Notices
|
|
2
|
+
|
|
3
|
+
## Official Expo skills (vendored)
|
|
4
|
+
|
|
5
|
+
The following skills under `skills/` are vendored verbatim from Expo's official
|
|
6
|
+
plugin and are **not** Lisa-authored. Do not hand-edit them; re-vendor from
|
|
7
|
+
upstream to update.
|
|
8
|
+
|
|
9
|
+
- **Source:** https://github.com/expo/skills (`plugins/expo/skills/`)
|
|
10
|
+
- **Upstream commit:** `510373b50956ef4dc84c20bb4c9cce70b618aa06`
|
|
11
|
+
- **License:** MIT — Copyright (c) 2025-present 650 Industries, Inc. (aka Expo)
|
|
12
|
+
|
|
13
|
+
Vendored skills:
|
|
14
|
+
|
|
15
|
+
```
|
|
16
|
+
add-app-clip expo-cicd-workflows expo-ui-jetpack-compose
|
|
17
|
+
building-native-ui expo-deployment expo-ui-swift-ui
|
|
18
|
+
eas-update-insights expo-dev-client native-data-fetching
|
|
19
|
+
expo-api-routes expo-module upgrading-expo
|
|
20
|
+
expo-brownfield expo-tailwind-setup use-dom
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
These ship alongside Lisa's own opinionated Expo/React Native skills
|
|
24
|
+
(`apollo-client`, `gluestack-nativewind`, `container-view-pattern`, etc.), which
|
|
25
|
+
they complement rather than replace. Notably both `expo-tailwind-setup`
|
|
26
|
+
(Tailwind v4 / NativeWind v5) and Lisa's `gluestack-nativewind` (Gluestack v3 /
|
|
27
|
+
NativeWind v4) are kept intentionally; choose per project.
|
|
28
|
+
|
|
29
|
+
The accompanying `expo` MCP server in `.mcp.json` points at Expo's official
|
|
30
|
+
remote server (`https://mcp.expo.dev/mcp`), replacing the previously bundled
|
|
31
|
+
third-party `expo-local-docs-mcp` stdio server.
|
|
32
|
+
|
|
33
|
+
### MIT License
|
|
34
|
+
|
|
35
|
+
```
|
|
36
|
+
The MIT License (MIT)
|
|
37
|
+
|
|
38
|
+
Copyright (c) 2025-present 650 Industries, Inc. (aka Expo)
|
|
39
|
+
|
|
40
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
41
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
42
|
+
in the Software without restriction, including without limitation the rights
|
|
43
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
44
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
45
|
+
furnished to do so, subject to the following conditions:
|
|
46
|
+
|
|
47
|
+
The above copyright notice and this permission notice shall be included in all
|
|
48
|
+
copies or substantial portions of the Software.
|
|
49
|
+
|
|
50
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
51
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
52
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
53
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
54
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
55
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
56
|
+
SOFTWARE.
|
|
57
|
+
```
|
|
@@ -0,0 +1,280 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: add-app-clip
|
|
3
|
+
description: Add an iOS App Clip target to an Expo app. Use when the user mentions App Clip, AASA, apple-app-site-association, appclips, smart app banner, or wants to ship a lightweight iOS Clip invoked from a URL alongside their parent app.
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
# Add an App Clip to an Expo App
|
|
7
|
+
|
|
8
|
+
Adds an iOS App Clip target to an Expo project. The Clip lives in `targets/clip/`, ships alongside the parent app, and is invoked from a URL on the app's domain via an Apple App Site Association (AASA) file.
|
|
9
|
+
|
|
10
|
+
The parent app's bundle ID becomes `com.<username>.<app-name>` and the Clip's is automatically derived as `<parent>.clip` (e.g. `com.bacon.may20.clip`).
|
|
11
|
+
|
|
12
|
+
## 1. Set `bundleIdentifier` and `appleTeamId`
|
|
13
|
+
|
|
14
|
+
`bun create target` warns if these are missing. Add to `app.json`:
|
|
15
|
+
|
|
16
|
+
```json
|
|
17
|
+
{
|
|
18
|
+
"expo": {
|
|
19
|
+
"ios": {
|
|
20
|
+
"bundleIdentifier": "com.<username>.<app-name>",
|
|
21
|
+
"appleTeamId": "XX57RJ5UTD"
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
## 2. Add the App Clip target
|
|
28
|
+
|
|
29
|
+
```sh
|
|
30
|
+
bun create target clip
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
This installs [`@bacons/apple-targets`](https://github.com/EvanBacon/expo-apple-targets), adds it to the `plugins` array in `app.json`, and writes:
|
|
34
|
+
|
|
35
|
+
- `targets/clip/expo-target.config.js` — the target's config plugin
|
|
36
|
+
- `targets/clip/Info.plist` — Clip Info.plist
|
|
37
|
+
- `targets/clip/AppDelegate.swift`, `Assets.xcassets`, etc.
|
|
38
|
+
|
|
39
|
+
Pick a good icon or reuse the existing one defined in the app — check it with `bunx expo config` under the `icon` or `ios.icon` key.
|
|
40
|
+
|
|
41
|
+
## 3. Wire up associated domains
|
|
42
|
+
|
|
43
|
+
The parent app and the Clip each need the Associated Domains entitlement pointing at the domain that hosts the AASA file.
|
|
44
|
+
|
|
45
|
+
In `app.json`, add both `applinks:` (parent) and `appclips:` (Clip invocation) entries:
|
|
46
|
+
|
|
47
|
+
```json
|
|
48
|
+
{
|
|
49
|
+
"expo": {
|
|
50
|
+
"ios": {
|
|
51
|
+
"associatedDomains": [
|
|
52
|
+
"applinks:may20.expo.app",
|
|
53
|
+
"appclips:may20.expo.app"
|
|
54
|
+
]
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
```
|
|
59
|
+
|
|
60
|
+
In `targets/clip/expo-target.config.js`, declare the Clip's entitlement:
|
|
61
|
+
|
|
62
|
+
```js
|
|
63
|
+
/** @type {import('@bacons/apple-targets/app.plugin').ConfigFunction} */
|
|
64
|
+
module.exports = (config) => ({
|
|
65
|
+
type: "clip",
|
|
66
|
+
icon: "https://github.com/expo.png",
|
|
67
|
+
entitlements: {
|
|
68
|
+
"com.apple.developer.associated-domains": ["appclips:may20.expo.app"],
|
|
69
|
+
},
|
|
70
|
+
});
|
|
71
|
+
```
|
|
72
|
+
|
|
73
|
+
> If you skip this, `expo prebuild` will print: `Apple App Clip may require the associated domains entitlement but none were found`.
|
|
74
|
+
|
|
75
|
+
## 4. Register bundle IDs and create the App Store entry
|
|
76
|
+
|
|
77
|
+
```sh
|
|
78
|
+
bunx setup-safari
|
|
79
|
+
```
|
|
80
|
+
|
|
81
|
+
This logs in to the Apple Developer account, registers `com.bacon.may20`, creates the App Store Connect entry, and prints:
|
|
82
|
+
|
|
83
|
+
- A starter `apple-app-site-association` JSON
|
|
84
|
+
- A `<meta name="apple-itunes-app">` tag with the iTunes app id
|
|
85
|
+
- Team ID, iTunes ID, and Bundle ID
|
|
86
|
+
|
|
87
|
+
## 5. Host the AASA file
|
|
88
|
+
|
|
89
|
+
App Clips are invoked when iOS fetches `https://<your-domain>/.well-known/apple-app-site-association` and finds a matching `appclips` entry.
|
|
90
|
+
|
|
91
|
+
```sh
|
|
92
|
+
mkdir -p public/.well-known
|
|
93
|
+
touch public/.well-known/apple-app-site-association
|
|
94
|
+
```
|
|
95
|
+
|
|
96
|
+
Paste the JSON `setup-safari` printed, but **add an `appclips` block** for the Clip's full app ID (`<TeamID>.<ClipBundleID>`). The output of `setup-safari` only covers the parent app:
|
|
97
|
+
|
|
98
|
+
```json
|
|
99
|
+
{
|
|
100
|
+
"applinks": {
|
|
101
|
+
"details": [
|
|
102
|
+
{
|
|
103
|
+
"appIDs": ["XX57RJ5UTD.com.bacon.may20"],
|
|
104
|
+
"components": [{ "/": "*", "comment": "Matches all routes" }]
|
|
105
|
+
}
|
|
106
|
+
]
|
|
107
|
+
},
|
|
108
|
+
"appclips": {
|
|
109
|
+
"apps": ["XX57RJ5UTD.com.bacon.may20.clip"]
|
|
110
|
+
},
|
|
111
|
+
"activitycontinuation": {
|
|
112
|
+
"apps": ["XX57RJ5UTD.com.bacon.may20"]
|
|
113
|
+
},
|
|
114
|
+
"webcredentials": {
|
|
115
|
+
"apps": ["XX57RJ5UTD.com.bacon.may20"]
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
```
|
|
119
|
+
|
|
120
|
+
Notes:
|
|
121
|
+
|
|
122
|
+
- The file has **no extension** and **no `Content-Type` requirements** beyond being served as-is. Expo Router static export serves files in `public/` verbatim.
|
|
123
|
+
- The `appclips` block is what lets a URL on the domain launch the Clip.
|
|
124
|
+
- `webcredentials` is used for sharing credentials between the website, parent app, and the App Clip.
|
|
125
|
+
- `activitycontinuation` is optional and used for sharing the link between mobile and desktop. Must be used with `Head` from expo-router — see https://docs.expo.dev/router/advanced/apple-handoff/
|
|
126
|
+
- Notation and route-disabling details: https://sosumi.ai/documentation/xcode/supporting-associated-domains
|
|
127
|
+
|
|
128
|
+
## 6. Add the Smart App Banner meta tag
|
|
129
|
+
|
|
130
|
+
Create `src/app/+html.tsx` (Expo Router's HTML shell) and add the tag from `setup-safari`. Create the versioned template if it doesn't exist:
|
|
131
|
+
|
|
132
|
+
```sh
|
|
133
|
+
bunx expo customize src/app/+html.tsx
|
|
134
|
+
```
|
|
135
|
+
|
|
136
|
+
Add the meta tag to the `<head>`:
|
|
137
|
+
|
|
138
|
+
```tsx
|
|
139
|
+
import { ScrollViewStyleReset } from "expo-router/html";
|
|
140
|
+
|
|
141
|
+
export default function Root({ children }: { children: React.ReactNode }) {
|
|
142
|
+
return (
|
|
143
|
+
<html lang="en">
|
|
144
|
+
<head>
|
|
145
|
+
<meta charSet="utf-8" />
|
|
146
|
+
<meta httpEquiv="X-UA-Compatible" content="IE=edge" />
|
|
147
|
+
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
148
|
+
<meta name="apple-itunes-app" content="app-id=6771566491" />
|
|
149
|
+
<ScrollViewStyleReset />
|
|
150
|
+
</head>
|
|
151
|
+
<body>{children}</body>
|
|
152
|
+
</html>
|
|
153
|
+
);
|
|
154
|
+
}
|
|
155
|
+
```
|
|
156
|
+
|
|
157
|
+
To make the website show the App Clip card instead of the install card, use:
|
|
158
|
+
|
|
159
|
+
```html
|
|
160
|
+
<meta
|
|
161
|
+
name="apple-itunes-app"
|
|
162
|
+
content="app-id=6771566491, app-clip-bundle-id=com.bacon.may20.clip, app-clip-display=card"
|
|
163
|
+
/>
|
|
164
|
+
```
|
|
165
|
+
|
|
166
|
+
## 7. Deploy the website
|
|
167
|
+
|
|
168
|
+
The AASA file must be live before iOS will trust the association. Use [EAS Hosting](https://docs.expo.dev/eas/hosting/):
|
|
169
|
+
|
|
170
|
+
```sh
|
|
171
|
+
bunx expo export -p web
|
|
172
|
+
eas deploy --prod
|
|
173
|
+
```
|
|
174
|
+
|
|
175
|
+
This publishes the site (including `/.well-known/apple-app-site-association`) at `https://<slug>.expo.app`. Verify:
|
|
176
|
+
|
|
177
|
+
```sh
|
|
178
|
+
curl https://may20.expo.app/.well-known/apple-app-site-association
|
|
179
|
+
```
|
|
180
|
+
|
|
181
|
+
## 8. Mirror permissions
|
|
182
|
+
|
|
183
|
+
Inspect the parent app's permissions after prebuild:
|
|
184
|
+
|
|
185
|
+
```sh
|
|
186
|
+
npx expo config --type introspect
|
|
187
|
+
```
|
|
188
|
+
|
|
189
|
+
Look at the `infoPlist` object — mirror the permission keys in the App Clip's `Info.plist` so matching APIs can be used from the Clip.
|
|
190
|
+
|
|
191
|
+
Set `deploymentTarget: "17.6"` in the Clip's target config — App Clips have a higher minimum size limit in iOS 17.6.
|
|
192
|
+
|
|
193
|
+
If the app uses push notifications or location services, add to the App Clip's `Info.plist` to request the necessary permissions:
|
|
194
|
+
|
|
195
|
+
```xml
|
|
196
|
+
<key>NSAppClip</key>
|
|
197
|
+
<dict>
|
|
198
|
+
<key>NSAppClipRequestEphemeralUserNotification</key>
|
|
199
|
+
<false/>
|
|
200
|
+
<key>NSAppClipRequestLocationConfirmation</key>
|
|
201
|
+
<true/>
|
|
202
|
+
</dict>
|
|
203
|
+
```
|
|
204
|
+
|
|
205
|
+
## 9. Build and submit to TestFlight
|
|
206
|
+
|
|
207
|
+
```sh
|
|
208
|
+
bunx testflight
|
|
209
|
+
```
|
|
210
|
+
|
|
211
|
+
This will:
|
|
212
|
+
|
|
213
|
+
1. Generate an `eas.json` if missing.
|
|
214
|
+
2. Set up credentials for **both** targets (parent + Clip). Each gets its own provisioning profile but can share a single Distribution Certificate.
|
|
215
|
+
3. Sync capabilities — note `Enabled: Associated Domains` for the Clip target.
|
|
216
|
+
4. Build, upload, and schedule a TestFlight submission.
|
|
217
|
+
|
|
218
|
+
## 10. Configure App Clip metadata
|
|
219
|
+
|
|
220
|
+
Pull existing App Store metadata to local:
|
|
221
|
+
|
|
222
|
+
```sh
|
|
223
|
+
eas metadata:pull
|
|
224
|
+
```
|
|
225
|
+
|
|
226
|
+
Add `apple.appClip` to `store.config.json`. Up to 3 invocation URLs can launch the Clip from a web page:
|
|
227
|
+
|
|
228
|
+
```json
|
|
229
|
+
{
|
|
230
|
+
"configVersion": 0,
|
|
231
|
+
"apple": {
|
|
232
|
+
"appClip": {
|
|
233
|
+
"defaultExperience": {
|
|
234
|
+
"action": "PLAY",
|
|
235
|
+
"releaseWithAppStoreVersion": true,
|
|
236
|
+
"reviewDetail": {
|
|
237
|
+
"invocationUrls": ["https://may20.expo.app/", null, null]
|
|
238
|
+
},
|
|
239
|
+
"info": {
|
|
240
|
+
"en-US": {
|
|
241
|
+
"subtitle": "Instantly native with Expo",
|
|
242
|
+
"headerImage": "store/apple/app-clip/en-US/asc-app-clip.png"
|
|
243
|
+
}
|
|
244
|
+
}
|
|
245
|
+
}
|
|
246
|
+
}
|
|
247
|
+
}
|
|
248
|
+
}
|
|
249
|
+
```
|
|
250
|
+
|
|
251
|
+
The `headerImage` must be a 1800x1200 PNG with no opacity.
|
|
252
|
+
|
|
253
|
+
Push back to the store:
|
|
254
|
+
|
|
255
|
+
```sh
|
|
256
|
+
eas metadata:push
|
|
257
|
+
```
|
|
258
|
+
|
|
259
|
+
Apple's recommended App Clip metadata guidelines: https://sosumi.ai/documentation/appclip/configuring-the-launch-experience-of-your-app-clip
|
|
260
|
+
|
|
261
|
+
## What you get
|
|
262
|
+
|
|
263
|
+
- Parent app target: `com.bacon.may20`
|
|
264
|
+
- App Clip target: `com.bacon.may20.clip`, lives in `targets/clip/`
|
|
265
|
+
- AASA hosted at `https://may20.expo.app/.well-known/apple-app-site-association`
|
|
266
|
+
- Smart App Banner meta tag on every web route
|
|
267
|
+
- Every route linked to its native counterpart
|
|
268
|
+
- TestFlight build of the parent app with the Clip embedded
|
|
269
|
+
|
|
270
|
+
Once Apple invokes the Clip from a URL on the domain, iOS opens `targets/clip/`'s entry point which loads the React Native app.
|
|
271
|
+
|
|
272
|
+
## Native detection (optional)
|
|
273
|
+
|
|
274
|
+
To let JS detect when it's running inside an App Clip and present an install prompt for the full app, create a local Expo module (`bunx create-expo-module --local`) that exposes `navigator.appClip.prompt()`.
|
|
275
|
+
|
|
276
|
+
See [./references/native-module.md](./references/native-module.md) for the Swift module, TypeScript interface, and usage.
|
|
277
|
+
|
|
278
|
+
## References
|
|
279
|
+
|
|
280
|
+
- ./references/native-module.md — Local Expo module to detect App Clip context and present the SKOverlay install prompt
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
# Native App Clip detection
|
|
2
|
+
|
|
3
|
+
Create a local Expo module so JS can detect when the app is running inside an App Clip and present the install prompt for the full app.
|
|
4
|
+
|
|
5
|
+
```sh
|
|
6
|
+
bunx create-expo-module --local
|
|
7
|
+
```
|
|
8
|
+
|
|
9
|
+
## Swift module
|
|
10
|
+
|
|
11
|
+
```swift
|
|
12
|
+
import ExpoModulesCore
|
|
13
|
+
import StoreKit
|
|
14
|
+
|
|
15
|
+
internal class MissingCurrentWindowSceneException: Exception {
|
|
16
|
+
override var reason: String {
|
|
17
|
+
"Cannot determine the current window scene in which to present the App Clip install overlay."
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
internal class MissingContainerURLException: Exception {
|
|
22
|
+
override var reason: String {
|
|
23
|
+
"Cannot determine the container URL."
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
public class AppClipModule: Module {
|
|
28
|
+
private static let isAppClip: Bool = {
|
|
29
|
+
if let infoPlist = Bundle.main.infoDictionary, let _ = infoPlist["NSAppClip"] as? [String: Any] {
|
|
30
|
+
return true
|
|
31
|
+
}
|
|
32
|
+
return false
|
|
33
|
+
}()
|
|
34
|
+
|
|
35
|
+
public func definition() -> ModuleDefinition {
|
|
36
|
+
Name("AppClip")
|
|
37
|
+
|
|
38
|
+
Constant("isAppClip") {
|
|
39
|
+
AppClipModule.isAppClip
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
// Display overlay to advertise full app.
|
|
43
|
+
// https://developer.apple.com/documentation/app_clips/recommending_your_app_to_app_clip_users
|
|
44
|
+
AsyncFunction("prompt") {
|
|
45
|
+
if #available(iOS 16, *) {
|
|
46
|
+
guard let currentScene = UIApplication.shared.connectedScenes.first as? UIWindowScene else {
|
|
47
|
+
throw MissingCurrentWindowSceneException()
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
let config = SKOverlay.AppClipConfiguration(position: .bottom)
|
|
51
|
+
let overlay = SKOverlay(configuration: config)
|
|
52
|
+
overlay.present(in: currentScene)
|
|
53
|
+
}
|
|
54
|
+
}.runOnQueue(DispatchQueue.main)
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
```
|
|
58
|
+
|
|
59
|
+
## TypeScript interface
|
|
60
|
+
|
|
61
|
+
```ts
|
|
62
|
+
import { NativeModule, requireOptionalNativeModule } from "expo";
|
|
63
|
+
|
|
64
|
+
declare class AppClipModule extends NativeModule<{}> {
|
|
65
|
+
prompt(): void;
|
|
66
|
+
isAppClip?: boolean;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
const AppClipNative = requireOptionalNativeModule<AppClipModule>("AppClip");
|
|
70
|
+
|
|
71
|
+
if (AppClipNative?.isAppClip) {
|
|
72
|
+
navigator.appClip = {
|
|
73
|
+
prompt: AppClipNative.prompt,
|
|
74
|
+
};
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
declare global {
|
|
78
|
+
interface Navigator {
|
|
79
|
+
/**
|
|
80
|
+
* Only available in an App Clip context.
|
|
81
|
+
* @expo
|
|
82
|
+
*/
|
|
83
|
+
appClip?: {
|
|
84
|
+
/** Open the SKOverlay */
|
|
85
|
+
prompt: () => void;
|
|
86
|
+
};
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
export {};
|
|
91
|
+
```
|
|
92
|
+
|
|
93
|
+
## Usage
|
|
94
|
+
|
|
95
|
+
- Detect App Clip context: `if (navigator.appClip) { ... }`
|
|
96
|
+
- Prompt to install the full app: `navigator.appClip?.prompt()`
|