@anarock/genie-sdk
Advanced tools
yarn add ssh://git@github.com/anarock/anarock.genie-sdk#build
yarn add react-native-web@^0.18.0
yarn add -D next-transpile-modules@^7.0.0
cp -r node_modules/genie-sdk/lib/assets/fonts/. public/fonts
cp -r node_modules/genie-sdk/lib/assets/audio/. public/audio
yarn add \
@react-native-community/blur \
@react-native-masked-view/masked-view \
react-native-fs \
react-native-linear-gradient \
react-native-live-audio-stream \
react-native-sound \
react-native-sse
(cd ios/ ; bundle ; bundle exec pod install)
add assets in react-native.config.js
module.exports = {
...
assets: [
...
"node_modules/genie-sdk/lib/assets/native/fonts",
"node_modules/genie-sdk/lib/assets/native/audio",
],
};
run react-native-asset to copy files into android and ios folders
npx react-native-asset
cp -r node_modules/genie-sdk/lib/assets/native/fonts/. android/app/src/main/assets/fonts/
cp -r node_modules/genie-sdk/lib/assets/native/audio/. android/app/src/main/res/raw/
export default class MyDocument extends Document {
...
render() {
return (
<Html lang="en-us">
<Head>
...
<link rel="stylesheet" href="/fonts/style.css" />
<link
rel="preload"
as="font"
href="/fonts/InterVariable.woff2"
crossOrigin=""
/>
<link
rel="preload"
as="font"
href="/fonts/InterVariable-Italic.woff2"
crossOrigin=""
/>
</Head>
...
</Html>
);
}
}
// 1. add `genie-sdk` to the list of modules to transpile
const withTM = require("next-transpile-modules")(["genie-sdk"]);
module.exports = withTM({
...
webpack(config) {
...
// 2. resolve `react-native` imports to `react-native-web`
config.resolve.alias["react-native$"] = require.resolve("react-native-web");
},
});
assetPrefix is set conditionally, set it to empty string instead of undefined or null module.exports = {
...
- assetPrefix: production ? ASSET_PREFIX : undefined, ❌
+ assetPrefix: production ? ASSET_PREFIX : "", ✅
}
genie-sdk from loaders for font and images module.exports = {
...
webpack(config) {
...
config.module.rules.push({
test: /\.(ttf|woff|woff2|jpg|png|svg|gif)$/,
+ exclude: /genie-sdk/,
use: { ... }
});
}
}
add RECORD_AUDIO permission to AndroidManifest.xml
<manifest ...>
...
<uses-permission android:name="android.permission.RECORD_AUDIO" />
</manifest>
add NSMicrophoneUsageDescription to Info.plist
<plist version="1.0">
<dict>
...
<key>NSMicrophoneUsageDescription</key>
<string>Need microphone access for voice chat</string>
</dict>
</plist>
<GenieSdk
sdkConfig={{
api_url: "https://api.staging.anarockgenie.com/backend-api",
llm_url: "wss://llm.staging.anarockgenie.com",
agent_id: "3", // genie llm agent id
session_type: "DEFAULT",
source: "WEB",
// use employee service auth token for anarock users
auth_token: "djshwey8urt9...",
anarock_id: 123,
// and use phone number for public users
phone_number: "9760288023",
country_code: "+91",
}}
/>
yarn
(cd examples/my-web ; yarn)
(cd examples/MyApp ; yarn)
(cd examples/MyApp/ios ; bundle ; bundle exec pod install)
yarn dev
(cd examples/my-web ; yarn dev)
(cd examples/MyApp ; yarn android ; yarn start)
(cd examples/MyApp ; yarn ios ; yarn start)
Native platforms (android, ios) do not support dynamic weights with variable fonts.
We use Slice to generate "static" fonts for each weight used in design.
Generated fonts are saved with sliced axes names and values added in filename.
For example: Inter_italic_opsz14_wght500.ttf is generated from InterVariable-Italic.ttf with sliced axes opsz and wght with values 14 and 500.
Each platform (web, android, ios) has its own way to map fontFamily style property to actual font file.
font-family property in @font-face ruleapp/src/main/assets/fonts folderWe use TTFEdit to edit PostScript name and set it to filename.
By doing so, we can use same fontFamily style property on native platforms (android, ios).
We use audio assets from Android Leanback to provide feedback for voice input.
Use autolinking to copy font files by adding genie dependency in examples/MyApp/package.json
{
...
"dependencies": {
...
"genie-sdk": "0.0.0"
}
}
and running autolinking command
yarn react-native link genie-sdk
FAQs
## Installation
We found that @anarock/genie-sdk demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Ransomware payment rates hit an all-time low in 2024 as law enforcement crackdowns, stronger defenses, and shifting policies make attacks riskier and less profitable.
Security News
require(esm) backported to Node.js 20, easing the transition to ESM-only packages and reducing complexity for developers as Node 18 nears end-of-life.
Security News
PyPI now supports iOS and Android wheels, making it easier for Python developers to distribute mobile packages.