diff --git a/types/chrome/index.d.ts b/types/chrome/index.d.ts
index ad335f7a19396f..a10aeb3f9b6aba 100644
--- a/types/chrome/index.d.ts
+++ b/types/chrome/index.d.ts
@@ -9264,36 +9264,37 @@ declare namespace chrome {
 
         export interface ManifestBase {
             // Required
+            /** An integer specifying the version of the manifest file format that your extension uses. */
             manifest_version: number;
+            /** A string that identifies the extension in the Chrome Web Store, the install dialog, and the user's Chrome Extensions page (`chrome://extensions`). The maximum length is 75 characters. */
             name: string;
+            /** A string that identifies the extension's version number. */
             version: string;
 
             // Recommended
+            /** A string that defines the default language of an extension that supports multiple locales. Examples include "en" and "pt_BR". This key is required in localized extensions, and must not be used in extensions that aren't localized. */
             default_locale?: string | undefined;
+            /** A string that describes the extension on both the Chrome Web Store and the user's extension management page. The maximum length is 132 characters. */
             description?: string | undefined;
+            /** One or more icons that represent your extension. */
             icons?: ManifestIcons | undefined;
 
             // Optional
-            author?: {
-                email: string;
-            } | undefined;
-            background_page?: string | undefined;
+            /** @deprecated As of February 2024, the `author` key is no longer supported by Chrome or the Chrome Web Store. If present, it's silently ignored. */
+            author?: { email: string } | undefined;
+            /** Defines overrides for selected Chrome settings.  */
             chrome_settings_overrides?: {
                 homepage?: string | undefined;
                 search_provider?: SearchProvider | undefined;
                 startup_pages?: string[] | undefined;
             } | undefined;
-            chrome_ui_overrides?: {
-                bookmarks_ui?: {
-                    remove_bookmark_shortcut?: boolean | undefined;
-                    remove_button?: boolean | undefined;
-                } | undefined;
-            } | undefined;
+            /** Defines overrides for default Chrome pages. */
             chrome_url_overrides?: {
                 bookmarks?: string | undefined;
                 history?: string | undefined;
                 newtab?: string | undefined;
             } | undefined;
+            /** Defines keyboard shortcuts within the extension. */
             commands?: {
                 [name: string]: {
                     suggested_key?: {
@@ -9311,38 +9312,30 @@ declare namespace chrome {
                 matches?: string[] | undefined;
                 permissions?: string[] | undefined;
             } | undefined;
-            content_scripts?:
-                | Array<{
-                    matches?: string[] | undefined;
-                    exclude_matches?: string[] | undefined;
-                    css?: string[] | undefined;
-                    js?: string[] | undefined;
-                    run_at?: string | undefined;
-                    all_frames?: boolean | undefined;
-                    match_about_blank?: boolean | undefined;
-                    include_globs?: string[] | undefined;
-                    exclude_globs?: string[] | undefined;
-                }>
-                | undefined;
             converted_from_user_script?: boolean | undefined;
+            /** Specifies a value for the Cross-Origin-Embedder-Policy HTTP header, which configures embedding of cross-origin resources in an extension page. */
+            cross_origin_embedder_policy?: { value: string } | undefined;
+            /** Specifies a value for the Cross-Origin-Opener-Policy HTTP header, which lets you ensure that a top-level extension page doesn't share a browsing context group with cross-origin documents. */
+            cross_origin_opener_policy?: { value: string } | undefined;
             current_locale?: string | undefined;
+            /** Defines static rules for the declarativeNetRequest API, which allows blocking and modifying of network requests. */
+            declarative_net_request?: { rule_resources?: declarativeNetRequest.Ruleset[] } | undefined;
+            /** Defines pages that use the DevTools APIs. */
             devtools_page?: string | undefined;
             event_rules?:
                 | Array<{
                     event?: string | undefined;
-                    actions?:
-                        | Array<{
-                            type: string;
-                        }>
-                        | undefined;
+                    actions?: Array<{ type: string }> | undefined;
                     conditions?: chrome.declarativeContent.PageStateMatcherProperties[] | undefined;
                 }>
                 | undefined;
+            /** Specifies what other pages and extensions can connect to your extensions. */
             externally_connectable?: {
                 ids?: string[] | undefined;
                 matches?: string[] | undefined;
                 accepts_tls_channel_id?: boolean | undefined;
             } | undefined;
+            /** Provides access to the fileBrowserHandler API, which lets extensions access the ChromeOS file browser. */
             file_browser_handlers?:
                 | Array<{
                     id?: string | undefined;
@@ -9350,35 +9343,44 @@ declare namespace chrome {
                     file_filters?: string[] | undefined;
                 }>
                 | undefined;
+            /** Allows access to the fileSystemProvider API, which lets extensions create file systems that ChromeOS can use. */
             file_system_provider_capabilities?: {
+                /** Whether configuring via onConfigureRequested is supported. By default: false. */
                 configurable?: boolean | undefined;
+                /** Whether setting watchers and notifying about changes is supported. By default: false. */
                 watchable?: boolean | undefined;
+                /** Whether multiple (more than one) mounted file systems are supported. By default: false. */
                 multiple_mounts?: boolean | undefined;
-                source?: string | undefined;
+                /** Files app uses above information in order to render related UI elements appropriately. For example, if `configurable` is set to true, then a menu item for configuring volumes will be rendered. Similarly, if `multiple_mounts` is set to true, then Files app will allow to add more than one mount points from the UI. If `watchable` is false, then a refresh button will be rendered. Note, that if possible you should add support for watchers, so changes on the file system can be reflected immediately and automatically. */
+                source: "file" | "device" | "network";
             } | undefined;
+            /**  string specifying a URL for the extension's homepage. If this is undefined, the homepage defaults to the extension's Chrome Web Store page. This field is particularly useful if you host the extension on your own site. */
             homepage_url?: string | undefined;
+            /** Allows resources to be imported into the extension. */
             import?:
                 | Array<{
                     id: string;
                     minimum_version?: string | undefined;
                 }>
                 | undefined;
-            export?: {
-                whitelist?: string[] | undefined;
-            } | undefined;
-            incognito?: string | undefined;
+            /** Allows resources to be exported from the extension. */
+            export?: { allowlist?: string[] | undefined } | undefined;
+            /** Defines how the extension behaves in incognito mode. */
+            incognito?: "spanning" | "split" | "not_allowed" | undefined;
+            /** Allows the use of the Input Method Editor API. */
             input_components?:
                 | Array<{
-                    name?: string | undefined;
-                    type?: string | undefined;
+                    name: string;
                     id?: string | undefined;
-                    description?: string | undefined;
                     language?: string[] | string | undefined;
-                    layouts?: string[] | undefined;
-                    indicator?: string | undefined;
+                    layouts?: string[] | string | undefined;
+                    input_view?: string | undefined;
+                    options_page?: string | undefined;
                 }>
                 | undefined;
+            /** Specifies your extension's ID for various development use cases. */
             key?: string | undefined;
+            /** Defines the oldest Chrome version that can install your extension. The value must be a substring of an existing Chrome browser version string, such as "107" or "107.0.5304.87". Users with versions of Chrome older than the minimum version see a "Not compatible" warning in the Chrome Web Store, and are unable to install your extension. If you add this to an existing extension, users whose Chrome version is older won't receive automatic updates to your extension. This includes business users in ephemeral mode. */
             minimum_chrome_version?: string | undefined;
             nacl_modules?:
                 | Array<{
@@ -9386,53 +9388,39 @@ declare namespace chrome {
                     mime_type: string;
                 }>
                 | undefined;
+            /** Allows the use of an OAuth 2.0 security ID. The value of this key must be an object with "client_id" and "scopes" properties. */
             oauth2?: {
                 client_id: string;
                 scopes?: string[] | undefined;
             } | undefined;
             offline_enabled?: boolean | undefined;
-            omnibox?: {
-                keyword: string;
-            } | undefined;
+            /** Allows the extension to register a keyword in Chrome's address bar. */
+            omnibox?: { keyword: string } | undefined;
+            /** Specifies a path to an options.html file for the extension to use as an options page. */
             options_page?: string | undefined;
+            /** Specifies a path to an HTML file that lets a user change extension options from the Chrome Extensions page. */
             options_ui?: {
-                page?: string | undefined;
-                chrome_style?: boolean | undefined;
-                open_in_tab?: boolean | undefined;
+                /** Path to the options page, relative to the extension's root. */
+                page: string;
+                /** Specify as `false` to declare an embedded options page. If `true`, the extension's options page will be opened in a new tab rather than embedded in `chrome://extensions`. */
+                open_in_tab: boolean;
             } | undefined;
-            platforms?:
-                | Array<{
-                    nacl_arch?: string | undefined;
-                    sub_package_path: string;
-                }>
-                | undefined;
-            plugins?:
-                | Array<{
-                    path: string;
-                }>
-                | undefined;
+            /** Lists technologies required to use the extension. */
             requirements?: {
-                "3D"?: {
-                    features?: string[] | undefined;
-                } | undefined;
-                plugins?: {
-                    npapi?: boolean | undefined;
-                } | undefined;
+                "3D"?: { features?: string[] | undefined } | undefined;
+                /** @deprecated NPAPI Plugin support for extensions has been discontinued as of Chrome version 45 */
+                plugins?: { npapi?: boolean | undefined } | undefined;
             } | undefined;
+            /** Defines a set of extension pages that don't have access to extension APIs or direct access to non-sandboxed pages. */
             sandbox?: {
                 pages: string[];
                 content_security_policy?: string | undefined;
             } | undefined;
+            /** A string containing a shortened version of the extension's name to be used when character space is limited. The maximum length is 12 characters. If this is undefined, a truncated version of the "name" key displays instead. */
             short_name?: string | undefined;
-            spellcheck?: {
-                dictionary_language?: string | undefined;
-                dictionary_locale?: string | undefined;
-                dictionary_format?: string | undefined;
-                dictionary_path?: string | undefined;
-            } | undefined;
-            storage?: {
-                managed_schema: string;
-            } | undefined;
+            /** Declares a JSON schema for the managed storage area. */
+            storage?: { managed_schema: string } | undefined;
+            /** Registers the extension as a text to speech engine. */
             tts_engine?: {
                 voices: Array<{
                     voice_name: string;
@@ -9441,13 +9429,14 @@ declare namespace chrome {
                     event_types?: string[] | undefined;
                 }>;
             } | undefined;
+            /** A string containing the URL of the extension's updates page. Use this key if you're hosting your extension outside the Chrome Web Store. */
             update_url?: string | undefined;
+            /** A string describing the extension's version. Examples include "1.0 beta" and "build rc2". If this is unspecified, the "version" value displays on the extension management page instead. */
             version_name?: string | undefined;
             [key: string]: any;
         }
 
         export interface ManifestV2 extends ManifestBase {
-            // Required
             manifest_version: 2;
 
             // Pick one (or none)
@@ -9462,24 +9451,50 @@ declare namespace chrome {
                     persistent?: boolean | undefined;
                 }
                 | undefined;
+            /** Specifies JavaScript or CSS files to be used when the user opens certain web pages. */
+            content_scripts?:
+                | Array<{
+                    matches?: string[] | undefined;
+                    exclude_matches?: string[] | undefined;
+                    css?: string[] | undefined;
+                    js?: string[] | undefined;
+                    run_at?: string | undefined;
+                    all_frames?: boolean | undefined;
+                    match_about_blank?: boolean | undefined;
+                    include_globs?: string[] | undefined;
+                    exclude_globs?: string[] | undefined;
+                }>
+                | undefined;
+            /** Defines restrictions on the scripts, styles, and other resources an extension can use. */
             content_security_policy?: string | undefined;
+            /** Declares optional permissions for your extension. */
             optional_permissions?: (ManifestOptionalPermission | string)[] | undefined;
+            /** Enables use of particular extension APIs. */
             permissions?: (ManifestPermission | string)[] | undefined;
+            platforms?:
+                | Array<{
+                    nacl_arch?: string | undefined;
+                    sub_package_path: string;
+                }>
+                | undefined;
+            /** Defines files within the extension that can be accessed by web pages or other extensions. */
             web_accessible_resources?: string[] | undefined;
         }
 
         export interface ManifestV3 extends ManifestBase {
-            // Required
             manifest_version: 3;
 
             // Optional
+            /** Defines the appearance and behavior of the extension's icon in the Google Toolbar. */
             action?: ManifestAction | undefined;
+            /** Specifies the JavaScript file containing the extension's service worker, which acts as an event handler. */
             background?:
                 | {
                     service_worker: string;
-                    type?: "module"; // If the service worker uses ES modules
+                    type?: "module";
                 }
                 | undefined;
+            /** Specifies JavaScript or CSS files to be used when the user opens certain web pages. */
             content_scripts?:
                 | Array<{
                     matches?: string[] | undefined;
@@ -9494,14 +9509,35 @@ declare namespace chrome {
                     world?: "ISOLATED" | "MAIN" | undefined;
                 }>
                 | undefined;
+            /** Defines restrictions on the scripts, styles, and other resources an extension can use. */
             content_security_policy?: {
                 extension_pages?: string;
                 sandbox?: string;
-            };
+            } | undefined;
+            /** Specifies file types for ChromeOS extensions to handle. */
+            file_handlers?:
+                | Array<{
+                    /** Specifies an HTML file to show when a file is opened. The file must be within your extension. Processing the file, whether it's displayed or used in some other way, is done with JavaScript using appropriate web platform APIs. This code must be in a separate JavaScript file included via a `<script>` tag. */
+                    action: string;
+                    /** A user friendly description of the action. */
+                    name: string;
+                    /** The file types that can be processed by the page specified in "action". The items in the dictionary are a key/value pair where the key is a MIME type and the value is an array of file extensions. Only known MIME types are allowed for the key. Custom file types are allowed but the key for a custom type must be a known MIME type, and the mapping between the MIME type and the custom file type must be supported by the underlying operating system. */
+                    accept: { [mime_type: string]: string[] };
+                    /** Specifies whether multiple files should be opened in a single client or multiple clients. The default value is "single-client". */
+                    launch_type?: "multiple-clients" | "single-client" | undefined;
+                }>
+                | undefined;
+            /** Lists the web pages your extension is allowed to interact with, defined using URL match patterns. User permission for these sites is requested at install time. */
             host_permissions?: string[] | undefined;
+            /** Declares optional permissions for your extension. */
             optional_permissions?: ManifestOptionalPermission[] | undefined;
+            /** Declares optional host permissions for your extension. */
             optional_host_permissions?: string[] | undefined;
+            /** Enables use of particular extension APIs. */
             permissions?: ManifestPermission[] | undefined;
+            /** Identifies an HTML file to display in a sidePanel. */
+            side_panel?: { default_path: string } | undefined;
+            /** Defines files within the extension that can be accessed by web pages or other extensions. */
             web_accessible_resources?:
                 | Array<
                     & {
diff --git a/types/chrome/test/index.ts b/types/chrome/test/index.ts
index 02141adcc5aa73..df38659a1a0391 100644
--- a/types/chrome/test/index.ts
+++ b/types/chrome/test/index.ts
@@ -1033,6 +1033,63 @@ function testGetManifest() {
         manifest.author.email; // $ExpectType string
     }
 
+    if (manifest.cross_origin_embedder_policy) {
+        manifest.cross_origin_embedder_policy.value; // $ExpectType string
+    }
+
+    if (manifest.cross_origin_opener_policy) {
+        manifest.cross_origin_opener_policy.value; // $ExpectType string
+    }
+
+    if (manifest.declarative_net_request?.rule_resources) {
+        manifest.declarative_net_request.rule_resources[0].id; // $ExpectType string
+        manifest.declarative_net_request.rule_resources[0].path; // $ExpectType string
+        manifest.declarative_net_request.rule_resources[0].enabled; // $ExpectType boolean
+    }
+
+    if (manifest.file_system_provider_capabilities) {
+        manifest.file_system_provider_capabilities.configurable; // $ExpectType boolean | undefined
+        manifest.file_system_provider_capabilities.watchable; // $ExpectType boolean | undefined
+        manifest.file_system_provider_capabilities.multiple_mounts; // $ExpectType boolean | undefined
+        manifest.file_system_provider_capabilities.source; // $ExpectType "file" | "device" | "network"
+    }
+
+    if (manifest.import) {
+        manifest.import[0].id; // $ExpectType string
+        manifest.import[0].minimum_version; // $ExpectType string | undefined
+    }
+
+    if (manifest.export) {
+        manifest.export.allowlist; // $ExpectType string[] | undefined
+    }
+
+    if (manifest.file_system_provider_capabilities) {
+        manifest.file_system_provider_capabilities.configurable; // $ExpectType boolean | undefined
+        manifest.file_system_provider_capabilities.watchable; // $ExpectType boolean | undefined
+        manifest.file_system_provider_capabilities.source; // $ExpectType "file" | "device" | "network"
+    }
+
+    manifest.incognito; // $ExpectType "spanning" | "split" | "not_allowed" | undefined
+
+    if (manifest.input_components) {
+        manifest.input_components[0].name; // $ExpectType string
+        manifest.input_components[0].id; // $ExpectType string | undefined
+        manifest.input_components[0].language; // $ExpectType string | string[] | undefined
+        manifest.input_components[0].layouts; // $ExpectType string | string[] | undefined
+        manifest.input_components[0].input_view; // $ExpectType string | undefined
+        manifest.input_components[0].options_page; // $ExpectType string | undefined
+    }
+
+    if (manifest.options_ui) {
+        manifest.options_ui.page; // $ExpectType string
+        manifest.options_ui.open_in_tab; // $ExpectType boolean
+    }
+
+    if (manifest.sandbox) {
+        manifest.sandbox.pages; // $ExpectType string[]
+        manifest.sandbox.content_security_policy; // $ExpectType string | undefined
+    }
+
     if (manifest.manifest_version === 2) {
         manifest.browser_action; // $ExpectType ManifestAction | undefined
         manifest.page_action; // $ExpectType ManifestAction | undefined
@@ -1064,6 +1121,17 @@ function testGetManifest() {
         manifest.optional_host_permissions; // $ExpectType string[] | undefined
         manifest.permissions; // $ExpectType ManifestPermission[] | undefined
 
+        if (manifest.file_handlers) {
+            manifest.file_handlers[0].action; // $ExpectType string
+            manifest.file_handlers[0].name; // $ExpectType string
+            manifest.file_handlers[0].accept; // $ExpectType { [mime_type: string]: string[] }
+            manifest.file_handlers[0].launch_type; // $ExpectType "multiple-clients" | "single-client" | undefined
+        }
+
+        if (manifest.side_panel) {
+            manifest.side_panel.default_path; // $ExpectType string
+        }
+
         manifest.web_accessible_resources = [{
             resources: ["resource.js"],
             use_dynamic_url: true,
@@ -1121,6 +1189,12 @@ function testGetManifest() {
                 16: "icon-16.png",
             },
         },
+        content_scripts: [
+            {
+                matches: ["https://github.com/*"],
+                js: ["cs.js"],
+            },
+        ],
         content_security_policy: "default-src 'self'",
         optional_permissions: ["https://*/*"],
         permissions: ["https://*/*"],
diff --git a/types/correct-license-metadata/.npmignore b/types/correct-license-metadata/.npmignore
new file mode 100644
index 00000000000000..93e307400a5456
--- /dev/null
+++ b/types/correct-license-metadata/.npmignore
@@ -0,0 +1,5 @@
+*
+!**/*.d.ts
+!**/*.d.cts
+!**/*.d.mts
+!**/*.d.*.ts
diff --git a/types/correct-license-metadata/correct-license-metadata-tests.ts b/types/correct-license-metadata/correct-license-metadata-tests.ts
new file mode 100644
index 00000000000000..ea248e8980456e
--- /dev/null
+++ b/types/correct-license-metadata/correct-license-metadata-tests.ts
@@ -0,0 +1,16 @@
+import correctLicenseMetadata = require("correct-license-metadata");
+
+// $ExpectType string | false
+correctLicenseMetadata({ license: "MIT" });
+
+// $ExpectType string | false
+correctLicenseMetadata({ licenses: [{ type: "MIT" }] });
+
+// $ExpectType string | false
+correctLicenseMetadata({ license: "Apache 2" });
+
+// $ExpectType string | false
+correctLicenseMetadata({ licenses: ["MIT"] });
+
+// @ts-expect-error
+correctLicenseMetadata("MIT");
diff --git a/types/correct-license-metadata/index.d.ts b/types/correct-license-metadata/index.d.ts
new file mode 100644
index 00000000000000..7eddc143cb3a7e
--- /dev/null
+++ b/types/correct-license-metadata/index.d.ts
@@ -0,0 +1,14 @@
+declare function correctLicenseMetadata(metadata: correctLicenseMetadata.PackageMetadata): string | false;
+
+declare namespace correctLicenseMetadata {
+    interface PackageMetadata {
+        license?: string | { type?: string; license?: string } | undefined;
+        licenses?:
+            | Array<string | { type?: string; license?: string }>
+            | string
+            | { type?: string; license?: string }
+            | undefined;
+    }
+}
+
+export = correctLicenseMetadata;
diff --git a/types/correct-license-metadata/package.json b/types/correct-license-metadata/package.json
new file mode 100644
index 00000000000000..633b6993c32b0f
--- /dev/null
+++ b/types/correct-license-metadata/package.json
@@ -0,0 +1,17 @@
+{
+    "private": true,
+    "name": "@types/correct-license-metadata",
+    "version": "1.5.9999",
+    "projects": [
+        "https://github.com/jslicense/correct-license-metadata.js"
+    ],
+    "devDependencies": {
+        "@types/correct-license-metadata": "workspace:."
+    },
+    "owners": [
+        {
+            "name": "Jamie Magee",
+            "githubUsername": "JamieMagee"
+        }
+    ]
+}
diff --git a/types/correct-license-metadata/tsconfig.json b/types/correct-license-metadata/tsconfig.json
new file mode 100644
index 00000000000000..caebd724a2c153
--- /dev/null
+++ b/types/correct-license-metadata/tsconfig.json
@@ -0,0 +1,19 @@
+{
+    "compilerOptions": {
+        "module": "node16",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "correct-license-metadata-tests.ts"
+    ]
+}
diff --git a/types/google-apps-script-oauth2/google-apps-script-oauth2-tests.ts b/types/google-apps-script-oauth2/google-apps-script-oauth2-tests.ts
index a4b767e003d1a0..f92d095c05cb06 100644
--- a/types/google-apps-script-oauth2/google-apps-script-oauth2-tests.ts
+++ b/types/google-apps-script-oauth2/google-apps-script-oauth2-tests.ts
@@ -1,4 +1,4 @@
-// Examples from https://github.com/googlesamples/apps-script-oauth2
+// Examples from https://github.com/googleworkspace/apps-script-oauth2
 
 /**
  * Create the OAuth2 service.
@@ -17,6 +17,73 @@ function getDriveService() {
         .setParam("approval_prompt", "force");
 }
 
+/**
+ * Create sample service for Twitter.
+ */
+function getTwitterService() {
+    const userProps = PropertiesService.getUserProperties();
+    const clientId = "sampleClientId";
+    const clientSecret = "sampleClientSecret";
+
+    return OAuth2.createService("Twitter")
+        .setAuthorizationBaseUrl("https://twitter.com/i/oauth2/authorize")
+        .setTokenUrl("https://api.twitter.com/2/oauth2/token")
+        .setClientId(clientId)
+        .setClientSecret(clientSecret)
+        .setCallbackFunction("authCallback")
+        .setPropertyStore(userProps)
+        .setScope("users.read tweet.read offline.access")
+        .generateCodeVerifier()
+        .setTokenHeaders({
+            "Authorization": "Basic " + Utilities.base64Encode(clientId + ":" + clientSecret),
+            "Content-Type": "application/x-www-form-urlencoded",
+        });
+}
+
+/**
+ * Create sample service with custom token method.
+ */
+function getTestClientWithCustomTokenMethod() {
+    return OAuth2.createService("TestService")
+        .setAuthorizationBaseUrl("https://example.com/auth")
+        .setTokenUrl("https://example.com/token")
+        .setClientId("sampleClientId")
+        .setClientSecret("sampleClientSecret")
+        .setCallbackFunction("authCallback")
+        .setPropertyStore(PropertiesService.getUserProperties())
+        .setTokenMethod("PUT");
+}
+
+/**
+ * Create sample service with code verifier and S256 code challenge method.
+ */
+function getTestClientWithAutoCodeVerifierAndS256ChallengeMethod() {
+    return OAuth2.createService("TestService")
+        .setAuthorizationBaseUrl("https://example.com/auth")
+        .setTokenUrl("https://example.com/token")
+        .setClientId("sampleClientId")
+        .setClientSecret("sampleClientSecret")
+        .setCallbackFunction("authCallback")
+        .setPropertyStore(PropertiesService.getUserProperties())
+        .generateCodeVerifier()
+        .setCodeChallengeMethod(GoogleAppsScriptOAuth2.CodeChallengeMethod.S256);
+}
+
+/**
+ * Create sample service with code verifier and S256 code challenge method.
+ */
+function getTestClientWithManualCodeVerifierAndPlainChallengeMethod() {
+    return OAuth2.createService("TestService")
+        .setAuthorizationBaseUrl("https://example.com/auth")
+        .setTokenUrl("https://example.com/token")
+        .setClientId("sampleClientId")
+        .setClientSecret("sampleClientSecret")
+        .setCallbackFunction("authCallback")
+        .setPropertyStore(PropertiesService.getUserProperties())
+        .setCodeVerififer("sampleCodeVerifier")
+        .setCodeChallengeMethod(GoogleAppsScriptOAuth2.CodeChallengeMethod.PLAIN);
+}
+
 /**
  * Handle the callback.
  */
diff --git a/types/google-apps-script-oauth2/index.d.ts b/types/google-apps-script-oauth2/index.d.ts
index ca70f3e969ec27..509ec16898c447 100644
--- a/types/google-apps-script-oauth2/index.d.ts
+++ b/types/google-apps-script-oauth2/index.d.ts
@@ -17,6 +17,13 @@ declare namespace GoogleAppsScriptOAuth2 {
          * Often this URI needs to be entered into a configuration screen of your OAuth provider.
          */
         getRedirectUri(scriptId?: string): string;
+        /**
+         * Gets the list of services with tokens stored in the given property store.
+         * This is useful if you connect to the same API with multiple accounts and
+         * need to keep track of them. If no stored tokens are found this will return
+         * an empty array.
+         */
+        getServiceNames(propertyStore: GoogleAppsScript.Properties.PropertiesService): string[];
     }
 
     interface Storage {
@@ -217,6 +224,26 @@ declare namespace GoogleAppsScriptOAuth2 {
          * For Google services this URL should be `https://accounts.google.com/o/oauth2/token`.
          */
         setTokenUrl(tokenUrl: string): OAuth2Service;
+        /**
+         * Sets the HTTP method to use when retrieving or refreshing the access token.
+         * Default: `post`.
+         */
+        setTokenMethod(tokenMethod: string): OAuth2Service;
+        /**
+         * Set the code verifier used for PKCE. For most use cases,
+         * prefer `generateCodeVerifier` to automatically initialize the
+         * value with a generated challenge string.
+         */
+        setCodeVerififer(codeVerifier: string): OAuth2Service;
+        /**
+         * Sets the code verifier to a randomly generated challenge string.
+         */
+        generateCodeVerifier(): OAuth2Service;
+        /**
+         * Set the code challenge method for PKCE. The default value method
+         * when a code verifier is set is `S256`.
+         */
+        setCodeChallengeMethod(method: CodeChallengeMethod): OAuth2Service;
     }
 
     enum TokenFormat {
@@ -230,6 +257,11 @@ declare namespace GoogleAppsScriptOAuth2 {
         FORM_URL_ENCODED = "application/x-www-form-urlencoded",
     }
 
+    enum CodeChallengeMethod {
+        S256 = "S256",
+        PLAIN = "plain",
+    }
+
     interface TokenPayload {
         code: string;
         client_id: string;
diff --git a/types/google-apps-script-oauth2/package.json b/types/google-apps-script-oauth2/package.json
index 2edb31abb24c13..7678d53519c6d3 100644
--- a/types/google-apps-script-oauth2/package.json
+++ b/types/google-apps-script-oauth2/package.json
@@ -1,11 +1,11 @@
 {
     "private": true,
     "name": "@types/google-apps-script-oauth2",
-    "version": "38.0.9999",
+    "version": "43.0.9999",
     "nonNpm": true,
     "nonNpmDescription": "google-apps-script-oauth2",
     "projects": [
-        "https://github.com/googlesamples/apps-script-oauth2"
+        "https://github.com/googleworkspace/apps-script-oauth2"
     ],
     "dependencies": {
         "@types/google-apps-script": "*"
diff --git a/types/jsbox-app/.npmignore b/types/jsbox-app/.npmignore
new file mode 100644
index 00000000000000..93e307400a5456
--- /dev/null
+++ b/types/jsbox-app/.npmignore
@@ -0,0 +1,5 @@
+*
+!**/*.d.ts
+!**/*.d.cts
+!**/*.d.mts
+!**/*.d.*.ts
diff --git a/types/jsbox-app/index.d.ts b/types/jsbox-app/index.d.ts
new file mode 100644
index 00000000000000..870084c666666b
--- /dev/null
+++ b/types/jsbox-app/index.d.ts
@@ -0,0 +1,50 @@
+/// <reference path="./src/addin.d.ts" />
+/// <reference path="./src/basic.d.ts" />
+/// <reference path="./src/constant.d.ts" />
+/// <reference path="./src/context.d.ts" />
+/// <reference path="./src/drive.d.ts" />
+/// <reference path="./src/file.d.ts" />
+/// <reference path="./src/function.d.ts" />
+/// <reference path="./src/input.d.ts" />
+/// <reference path="./src/keyboard.d.ts" />
+/// <reference path="./src/nodejs.d.ts" />
+/// <reference path="./src/picker.d.ts" />
+/// <reference path="./src/sqlite.d.ts" />
+/// <reference path="./src/ssh.d.ts" />
+/// <reference path="./src/ui.d.ts" />
+/// <reference path="./src/widget.d.ts" />
+/// <reference path="./src/extend/archiver.d.ts" />
+/// <reference path="./src/extend/browser.d.ts" />
+/// <reference path="./src/extend/detector.d.ts" />
+/// <reference path="./src/extend/editor.d.ts" />
+/// <reference path="./src/extend/push.d.ts" />
+/// <reference path="./src/extend/qrcode.d.ts" />
+/// <reference path="./src/extend/share.d.ts" />
+/// <reference path="./src/extend/text.d.ts" />
+/// <reference path="./src/extend/xml.d.ts" />
+/// <reference path="./src/foundation/app.d.ts" />
+/// <reference path="./src/foundation/cache.d.ts" />
+/// <reference path="./src/foundation/clipboard.d.ts" />
+/// <reference path="./src/foundation/device.d.ts" />
+/// <reference path="./src/foundation/http.d.ts" />
+/// <reference path="./src/foundation/keychain.d.ts" />
+/// <reference path="./src/foundation/network.d.ts" />
+/// <reference path="./src/foundation/prefs.d.ts" />
+/// <reference path="./src/foundation/system.d.ts" />
+/// <reference path="./src/foundation/thread.d.ts" />
+/// <reference path="./src/foundation/timer.d.ts" />
+/// <reference path="./src/media/audio.d.ts" />
+/// <reference path="./src/media/imagekit.d.ts" />
+/// <reference path="./src/media/pdf.d.ts" />
+/// <reference path="./src/media/photo.d.ts" />
+/// <reference path="./src/media/quicklook.d.ts" />
+/// <reference path="./src/network/server.d.ts" />
+/// <reference path="./src/network/socket.d.ts" />
+/// <reference path="./src/sdk/calendar.d.ts" />
+/// <reference path="./src/sdk/contact.d.ts" />
+/// <reference path="./src/sdk/location.d.ts" />
+/// <reference path="./src/sdk/message.d.ts" />
+/// <reference path="./src/sdk/motion.d.ts" />
+/// <reference path="./src/sdk/reminder.d.ts" />
+/// <reference path="./src/sdk/safari.d.ts" />
+/// <reference path="./src/shortcuts/intents.d.ts" />
diff --git a/types/jsbox-app/jsbox-app-tests.ts b/types/jsbox-app/jsbox-app-tests.ts
new file mode 100644
index 00000000000000..972e68223f98c9
--- /dev/null
+++ b/types/jsbox-app/jsbox-app-tests.ts
@@ -0,0 +1,2569 @@
+interface TestContext {
+    sampleData: NSData;
+    sampleImage: UIImage;
+    sampleColor: UIColor;
+    sampleDarkColor: UIColor;
+    sampleFont: UIFont;
+    samplePoint: JBPoint;
+    sampleSize: JBSize;
+    sampleInsets: JBInsets;
+}
+
+function createTestContext(): TestContext {
+    return {
+        sampleData: $data({ string: "Hello, JSBox" }),
+        sampleImage: $image("circle"),
+        sampleColor: $color("red"),
+        sampleDarkColor: $color({ light: "#ffffff", dark: "#000000" }),
+        sampleFont: $font("bold", 14),
+        samplePoint: $point(10, 20),
+        sampleSize: $size(100, 120),
+        sampleInsets: $insets(1, 2, 3, 4),
+    };
+}
+
+async function testAddin(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/addin.d.ts
+    const addinList: AddinTypes.AddinItem[] = $addin.list;
+    const addinCategories: string[] = $addin.categories;
+    const currentAddin: AddinTypes.AddinItem = $addin.current;
+    addinList.length.valueOf();
+    addinCategories.length.valueOf();
+    currentAddin.name.toUpperCase();
+    $addin.save({
+        name: "Example",
+        data: sampleData,
+        handler: (success) => {
+            success.valueOf();
+        },
+    });
+    $addin.delete("Example");
+    $addin.run("Example");
+    $addin.run({ name: "Example", query: { page: 1 } });
+    $addin.restart();
+    $addin.replay();
+    const compiledScript: string = $addin.compile("console.log('hello')");
+    compiledScript.toUpperCase();
+    $addin.eval("console.log('eval')");
+}
+
+async function testBasic(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/basic.d.ts
+    const rect: JBRect = $rect(0, 0, 100, 200);
+    const point: JBPoint = $point(1, 2);
+    const size: JBSize = $size(3, 4);
+    const insets: JBInsets = $insets(5, 6, 7, 8);
+    const range: JBRange = $range(0, 5);
+    rect.width.toFixed();
+    point.x.toFixed();
+    size.height.toFixed();
+    insets.left.toFixed();
+    range.length.toFixed();
+    sampleColor.components.red.toFixed();
+    sampleImage.averageColor.hexCode.toLowerCase();
+    sampleImage.size.width.toFixed();
+    sampleImage.colorAtPixel(samplePoint).components.blue.toFixed();
+    sampleImage.resizableImage(sampleInsets).size.height.toFixed();
+    sampleImage.resized(sampleSize).size.width.toFixed();
+    sampleImage.alwaysOriginal.scale.toFixed();
+    sampleImage.alwaysTemplate.scale.toFixed();
+    sampleData.info.mimeType.toLowerCase();
+    sampleData.byteArray.length.valueOf();
+    sampleData.gzipped.byteArray.length.valueOf();
+    sampleData.gunzipped.byteArray.length.valueOf();
+    sampleData.fileName.toLowerCase();
+    sampleData.jsValue();
+    const basicIndexPath: NSIndexPath = $indexPath(0, 1);
+    basicIndexPath.row.toFixed();
+    basicIndexPath.item.toFixed();
+}
+
+async function testConstant(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/constant.d.ts
+    const envApp: 1 = $env.app;
+    const alignCenter: 1 = $align.center;
+    const contentModeAspectFit: 1 = $contentMode.scaleAspectFit;
+    const buttonTypeSystem: 1 = $btnType.system;
+    const alertActionDestructive: 2 = $alertActionType.destructive;
+    const zeroRect = $zero.rect;
+    const layoutFill: (make: MASConstraintMaker, view: AllUIView) => void = $layout.fill;
+    const lineCapRound: 1 = $lineCap.round;
+    const lineJoinBevel: 2 = $lineJoin.bevel;
+    const mediaTypePng: "public.png" = $mediaType.png;
+    const imageQualityHigh: 0 = $imgPicker.quality.high;
+    const keyboardTypeSearch: 10 = $kbType.search;
+    const assetMediaVideo: 2 = $assetMedia.type.video;
+    const pageSizeA4: 10 = $pageSize.A4;
+    const touchUpInside: 64 = $UIEvent.touchUpInside;
+    const stackAxisHorizontal: 0 = $stackViewAxis.horizontal;
+    const stackDistributionFill: 0 = $stackViewDistribution.fill;
+    const stackAlignmentCenter: 3 = $stackViewAlignment.center;
+    const stackSpacingSystem: number = $stackViewSpacing.useSystem;
+    const popoverDirectionAny: 15 = $popoverDirection.any;
+    const scrollDirectionHorizontal: 1 = $scrollDirection.horizontal;
+    const blurStyleMaterial: 8 = $blurStyle.material;
+    const widgetFamilyMedium: 1 = $widgetFamily.medium;
+    const nsDictionary: any = NSDictionary;
+    const nsMutableDictionary: any = NSMutableDictionary;
+    const nsArray: any = NSArray;
+    const nsMutableArray: any = NSMutableArray;
+    const nsSet: any = NSSet;
+    const nsMutableSet: any = NSMutableSet;
+    const nsString: any = NSString;
+    const nsMutableString: any = NSMutableString;
+    const nsMutableData: any = NSMutableData;
+    const nsNumber: any = NSNumber;
+    const nsUrl: any = NSURL;
+    const nsEnumerator: any = NSEnumerator;
+    envApp.valueOf();
+    alignCenter.valueOf();
+    contentModeAspectFit.valueOf();
+    buttonTypeSystem.valueOf();
+    alertActionDestructive.valueOf();
+    zeroRect.width.toFixed();
+    lineCapRound.valueOf();
+    lineJoinBevel.valueOf();
+    mediaTypePng.toLowerCase();
+    imageQualityHigh.valueOf();
+    keyboardTypeSearch.valueOf();
+    assetMediaVideo.valueOf();
+    pageSizeA4.valueOf();
+    touchUpInside.valueOf();
+    stackAxisHorizontal.valueOf();
+    stackDistributionFill.valueOf();
+    stackAlignmentCenter.valueOf();
+    stackSpacingSystem.valueOf();
+    popoverDirectionAny.valueOf();
+    scrollDirectionHorizontal.valueOf();
+    blurStyleMaterial.valueOf();
+    widgetFamilyMedium.valueOf();
+    layoutFill;
+    nsDictionary;
+    nsMutableDictionary;
+    nsArray;
+    nsMutableArray;
+    nsSet;
+    nsMutableSet;
+    nsString;
+    nsMutableString;
+    nsMutableData;
+    nsNumber;
+    nsUrl;
+    nsEnumerator;
+}
+
+async function testContext(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/context.d.ts
+    const contextSafari: ContextTypes.SafariItem = $context.safari.items;
+    const contextAllItems: ContextTypes.AllItems = $context.allItems;
+    $context.query;
+    $context.text.toLowerCase();
+    $context.textItems.length.valueOf();
+    $context.link.toLowerCase();
+    $context.linkItems.length.valueOf();
+    $context.image.size.width.toFixed();
+    $context.imageItems.length.valueOf();
+    $context.data.byteArray.length.valueOf();
+    $context.dataItems.length.valueOf();
+    contextSafari.selection.text.toLowerCase();
+    contextAllItems.text;
+    $context.clear();
+    $context.close();
+}
+
+async function testDrive(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/drive.d.ts
+    $drive.open({
+        types: [$mediaType.image],
+        handler: (data) => {
+            data.byteArray.length.valueOf();
+        },
+    });
+    $drive.open({
+        multi: true,
+        types: [$mediaType.image],
+        handler: (files: NSData[]) => {
+            files[0].byteArray.length.valueOf();
+        },
+    });
+    const driveOpenedFile: NSData = await $drive.open({ types: [$mediaType.image] });
+    const driveOpenedFiles: NSData[] = await $drive.open({ multi: true, types: [$mediaType.image] });
+    let driveSavedPath = "";
+    $drive.save({
+        data: sampleData,
+        name: "hello.txt",
+        handler: (path) => {
+            driveSavedPath = path;
+            path.toLowerCase();
+        },
+    });
+    const driveReadData: NSData = $drive.read("shared/hello.txt");
+    const driveDownloadedData: NSData = await $drive.download("shared/hello.txt");
+    const driveWriteResult: boolean = $drive.write({ data: sampleData, path: "shared/hello.txt" });
+    const driveDeleteResult: boolean = $drive.delete("shared/hello.txt");
+    const driveList: string[] = $drive.list("shared");
+    const driveCopyResult: boolean = $drive.copy({ src: "shared/a.txt", dst: "shared/b.txt" });
+    const driveMoveResult: boolean = $drive.move({ src: "shared/a.txt", dst: "shared/b.txt" });
+    const driveMkdirResult: boolean = $drive.mkdir("shared/demo");
+    const driveExistsResult: boolean = $drive.exists("shared/demo");
+    const driveIsDirectoryResult: boolean = $drive.isDirectory("shared");
+    const driveAbsolutePath: string = $drive.absolutePath("shared/demo");
+    driveOpenedFile.byteArray.length.valueOf();
+    driveOpenedFiles.length.valueOf();
+    driveSavedPath.toLowerCase();
+    driveReadData.byteArray.length.valueOf();
+    driveDownloadedData.byteArray.length.valueOf();
+    driveWriteResult.valueOf();
+    driveDeleteResult.valueOf();
+    driveList.length.valueOf();
+    driveCopyResult.valueOf();
+    driveMoveResult.valueOf();
+    driveMkdirResult.valueOf();
+    driveExistsResult.valueOf();
+    driveIsDirectoryResult.valueOf();
+    driveAbsolutePath.toLowerCase();
+}
+
+async function testFile(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/file.d.ts
+    const fileReadData: NSData = $file.read("shared/hello.txt");
+    const fileDownloadedData: NSData = await $file.download("shared/hello.txt");
+    const fileWriteResult: boolean = $file.write({ data: sampleData, path: "shared/hello.txt" });
+    const fileDeleteResult: boolean = $file.delete("shared/hello.txt");
+    const fileList = $file.list("shared");
+    const fileCopyResult: boolean = $file.copy({ src: "shared/a.txt", dst: "shared/b.txt" });
+    const fileMoveResult: boolean = $file.move({ src: "shared/a.txt", dst: "shared/b.txt" });
+    const fileMkdirResult: boolean = $file.mkdir("shared/demo");
+    const fileExistsResult: boolean = $file.exists("shared/demo");
+    const fileIsDirectoryResult: boolean = $file.isDirectory("shared");
+    const fileAbsolutePath: string = $file.absolutePath("shared/demo");
+    const fileRootPath: string = $file.rootPath;
+    const fileExtensions: string[] = $file.extensions;
+    $file.merge({ files: ["shared/a.txt", "shared/b.txt"], dest: "shared/merged.txt", chunkSize: 1024 });
+    $file.split({ file: "shared/merged.txt", chunkSize: 1024 });
+    fileReadData.byteArray.length.valueOf();
+    fileDownloadedData.byteArray.length.valueOf();
+    fileWriteResult.valueOf();
+    fileDeleteResult.valueOf();
+    if (fileList) {
+        fileList.length.valueOf();
+    }
+    fileCopyResult.valueOf();
+    fileMoveResult.valueOf();
+    fileMkdirResult.valueOf();
+    fileExistsResult.valueOf();
+    fileIsDirectoryResult.valueOf();
+    fileAbsolutePath.toLowerCase();
+    fileRootPath.toLowerCase();
+    fileExtensions.length.valueOf();
+}
+
+async function testFunction(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/function.d.ts
+    const localizedText: string = $l10n("HELLO");
+    const delayedTask = $delay(0.1, () => {});
+    await $wait(0.1);
+    const namedColors: Record<string, UIColor> = $color("namedColors");
+    const twoColorValue: UIColor = $color("#ffffff", "#000000");
+    const rgbColor: UIColor = $rgb(255, 0, 0);
+    const rgbaColor: UIColor = $rgba(255, 0, 0, 0.5);
+    const fontBySize: UIFont = $font(14);
+    const fontByName: UIFont = $font("Menlo", 14);
+    const dataFromPath: NSData = $data({ path: "shared/hello.txt" });
+    const dataFromUrl: NSData = $data({ url: "https://example.com/hello.txt" });
+    const dataFromBase64: NSData = $data({ base64: "SGVsbG8=" });
+    const dataFromBytes: NSData = $data({ byteArray: [72, 101, 108, 108, 111] });
+    const imageByDarkMode: UIImage = $image({ light: sampleImage, dark: sampleImage }, 2);
+    const imageByVariants: UIImage = $image(sampleImage, sampleImage);
+    const iconImage: BBFileIcon = $icon("123", sampleColor, $size(20, 20));
+    const accessibilityAction: UIAccessibilityCustomAction = $accessibilityAction("Refresh", () => {});
+    const objcClass: any = $objc("UIView");
+    const definedClass: any = $define({ type: "JSBoxSampleView", events: {}, classEvents: {} });
+    const delegatedObject: any = $delegate({ type: "UITextFieldDelegate", events: {} });
+    const blockValue: any = $block("void, void", () => {});
+    const cFunctionValue: any = $defc("double", "pow", "double", "double");
+    const objcProtocol: any = $get_protocol("NSObject");
+    const selectedViewById: AllUIView = $("root");
+    localizedText.toLowerCase();
+    delayedTask.cancel();
+    namedColors.red.hexCode.toLowerCase();
+    twoColorValue.hexCode.toLowerCase();
+    rgbColor.components.red.toFixed();
+    rgbaColor.components.alpha.toFixed();
+    fontBySize.jsValue();
+    fontByName.jsValue();
+    dataFromPath.byteArray.length.valueOf();
+    dataFromUrl.byteArray.length.valueOf();
+    dataFromBase64.byteArray.length.valueOf();
+    dataFromBytes.byteArray.length.valueOf();
+    imageByDarkMode.size.width.toFixed();
+    imageByVariants.size.height.toFixed();
+    iconImage.ocValue();
+    accessibilityAction.ocValue();
+    $objc_retain(objcClass);
+    $objc_release(objcClass);
+    $objc_clean();
+    $include("helper.js");
+    $props(sampleImage).length.valueOf();
+    $desc(sampleImage);
+    definedClass;
+    delegatedObject;
+    blockValue;
+    cFunctionValue;
+    objcProtocol;
+    selectedViewById.hidden = false;
+    $notify("refresh", { now: Date.now() });
+}
+
+async function testInput(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/input.d.ts
+    $input.text({
+        text: "https://example.com",
+        type: $kbType.url,
+        placeholder: "Website",
+        handler: (text) => {
+            text.toLowerCase();
+        },
+    });
+    const inputTextResult: string = await $input.text({
+        text: "hello@example.com",
+        type: $kbType.email,
+        placeholder: "Email",
+    });
+    $input.speech({
+        locale: "en-US",
+        autoFinish: true,
+        handler: (text) => {
+            text.toLowerCase();
+        },
+    });
+    const inputSpeechResult: string = await $input.speech({ locale: "en-US", autoFinish: true });
+    inputTextResult.toLowerCase();
+    inputSpeechResult.toLowerCase();
+}
+
+async function testKeyboard(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/keyboard.d.ts
+    const keyboardHasText: boolean = $keyboard.hasText;
+    const keyboardSelectedText: string = $keyboard.selectedText;
+    const keyboardTextBeforeInput: string = $keyboard.textBeforeInput;
+    const keyboardTextAfterInput: string = $keyboard.textAfterInput;
+    $keyboard.insert("Hello");
+    $keyboard.delete();
+    $keyboard.moveCursor(1);
+    $keyboard.playInputClick();
+    $keyboard.getAllText((text) => {
+        text.toLowerCase();
+    });
+    $keyboard.next();
+    $keyboard.send();
+    $keyboard.dismiss();
+    $keyboard.barHidden = true;
+    $keyboard.height = 44;
+    keyboardHasText.valueOf();
+    keyboardSelectedText.toLowerCase();
+    keyboardTextBeforeInput.toLowerCase();
+    keyboardTextAfterInput.toLowerCase();
+}
+
+async function testNodejs(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/nodejs.d.ts
+    $nodejs.run("scripts/example.js");
+    $nodejs.run({
+        script: "console.log(process.argv)",
+        query: { page: 1 },
+        argv: ["--watch"],
+        listener: {
+            id: "node-listener",
+            handler: (result) => {
+                result;
+            },
+        },
+    });
+    $nodejs.run({
+        path: "scripts/example.js",
+        query: { page: 2 },
+        argv: ["--silent"],
+    });
+    $nodejs.listen("node-listener", (data) => {
+        data;
+    });
+    const nodeVersion: string = $nodejs.version;
+    const nodePath: string = $nodejs.path;
+    nodeVersion.toLowerCase();
+    nodePath.toLowerCase();
+}
+
+async function testPicker(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/picker.d.ts
+    $picker.date({
+        props: {
+            date: new Date(),
+            min: new Date(),
+            max: new Date(),
+            mode: 1,
+            interval: 5,
+        },
+        handler: (date: Date) => {
+            date.valueOf();
+        },
+    });
+    const pickerDate: Date = await $picker.date({
+        props: {
+            date: new Date(),
+            mode: 2,
+            interval: 10,
+        },
+    });
+    $picker.data({
+        props: {
+            items: [["One", "Two"], ["A", "B"]],
+        },
+        handler: (data: string[]) => {
+            data[0].toLowerCase();
+        },
+    });
+    const pickerData: string[] = await $picker.data({
+        props: {
+            items: [["One", "Two"], ["A", "B"]],
+        },
+    });
+    $picker.color({
+        color: sampleColor,
+        handler: (color: UIColor) => {
+            color.hexCode.toLowerCase();
+        },
+    });
+    const pickerColor: UIColor = await $picker.color({ color: sampleColor });
+    pickerDate.valueOf();
+    pickerData[0].toLowerCase();
+    pickerColor.hexCode.toLowerCase();
+}
+
+async function testSqlite(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/sqlite.d.ts
+    const sqliteDb: SqliteTypes.SqliteInstance = $sqlite.open("shared/demo.sqlite");
+    const sqliteUpdateResult: SqliteTypes.UpdateResult = sqliteDb.update({
+        sql: "CREATE TABLE IF NOT EXISTS items (id INTEGER PRIMARY KEY, name TEXT)",
+        args: [],
+    });
+    sqliteDb.query(
+        {
+            sql: "SELECT 1 AS value",
+            args: [],
+        },
+        (rs, err) => {
+            rs.columnCount.valueOf();
+            rs.next().valueOf();
+            rs.get(0);
+            rs.values.length.valueOf();
+            rs.nameForIndex(0).toLowerCase();
+            rs.indexForName("value").valueOf();
+            rs.query.toLowerCase();
+            rs.isNull(0).valueOf();
+            rs.close();
+            err.toLowerCase();
+        },
+    );
+    sqliteDb.beginTransaction();
+    sqliteDb.commit();
+    sqliteDb.rollback();
+    const sqliteQueue: SqliteTypes.SqliteQueueInstance = $sqlite.dbQueue("shared/demo.sqlite");
+    sqliteQueue.operations((db) => {
+        db.update({ sql: "INSERT INTO items(name) VALUES(?)", args: ["JSBox"] });
+    });
+    sqliteQueue.transaction((db) => {
+        db.update({ sql: "DELETE FROM items WHERE id = ?", args: [1] });
+    });
+    sqliteQueue.close();
+    sqliteUpdateResult.result.valueOf();
+    sqliteUpdateResult.error.toLowerCase();
+    sqliteDb.close();
+    $sqlite.close(sqliteDb);
+}
+
+async function testSsh(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/ssh.d.ts
+    $ssh.connect({
+        host: "example.com",
+        port: 22,
+        username: "root",
+        password: "secret",
+        handler: (session, response) => {
+            session.host.toLowerCase();
+            session.port.toFixed();
+            session.username.toLowerCase();
+            session.timeout.toFixed();
+            session.fingerprintHash.toLowerCase();
+            session.banner.toLowerCase();
+            session.remoteBanner.toLowerCase();
+            session.connected.valueOf();
+            session.authorized.valueOf();
+            response.toLowerCase();
+
+            session.channel.bufferSize.toFixed();
+            session.channel.type.toFixed();
+            session.channel.lastResponse.toLowerCase();
+            session.channel.requestPty = true;
+            session.channel.ptyTerminalType = 1;
+            session.channel.environmentVariables;
+
+            session.channel.execute({
+                script: "ls -la",
+                timeout: 10,
+                handler: (result) => {
+                    result.response.toLowerCase();
+                    if (result.error) {
+                        result.error.localizedDescription.toLowerCase();
+                    }
+                },
+            });
+            session.channel.write({
+                command: "pwd",
+                timeout: 10,
+                handler: (result) => {
+                    result.success.valueOf();
+                    if (result.error) {
+                        result.error.localizedDescription.toLowerCase();
+                    }
+                },
+            });
+            session.channel.upload({
+                path: "shared/hello.txt",
+                dest: "/tmp/hello.txt",
+                handler: (success) => {
+                    success.valueOf();
+                },
+            });
+            session.channel.download({
+                path: "/tmp/hello.txt",
+                dest: "shared/hello.txt",
+                handler: (success) => {
+                    success.valueOf();
+                },
+            });
+
+            const sftpConnectPromise: Promise<void> = session.sftp.connect();
+            session.sftp.bufferSize.toFixed();
+            session.sftp.connected.valueOf();
+            session.sftp.moveItem({ src: "/tmp/a.txt", dest: "/tmp/b.txt" });
+            session.sftp.directoryExists({
+                path: "/tmp",
+                handler: (exists) => {
+                    exists.valueOf();
+                },
+            });
+            session.sftp.createDirectory({
+                path: "/tmp/jsbox",
+                handler: (success) => {
+                    success.valueOf();
+                },
+            });
+            session.sftp.removeDirectory({
+                path: "/tmp/jsbox",
+                handler: (success) => {
+                    success.valueOf();
+                },
+            });
+            session.sftp.contentsOfDirectory({
+                path: "/tmp",
+                handler: (contents) => {
+                    contents[0].filename.toLowerCase();
+                },
+            });
+            session.sftp.infoForFile({
+                path: "/tmp/hello.txt",
+                handler: (file) => {
+                    file.filename.toLowerCase();
+                    file.isDirectory.valueOf();
+                    file.permissions.toLowerCase();
+                },
+            });
+            session.sftp.fileExists({
+                path: "/tmp/hello.txt",
+                handler: (exists) => {
+                    exists.valueOf();
+                },
+            });
+            session.sftp.createSymbolicLink({
+                path: "/tmp/hello.txt",
+                dest: "/tmp/hello.link",
+                handler: (success) => {
+                    success.valueOf();
+                },
+            });
+            session.sftp.removeFile({
+                path: "/tmp/hello.txt",
+                handler: (success) => {
+                    success.valueOf();
+                },
+            });
+            session.sftp.contents({
+                path: "/tmp/hello.txt",
+                handler: (file) => {
+                    file.byteArray.length.valueOf();
+                },
+            });
+            session.sftp.write({
+                file: sampleData,
+                path: "/tmp/hello.txt",
+                progress: (sent) => sent > 0,
+                handler: (success) => {
+                    success.valueOf();
+                },
+            });
+            session.sftp.append({
+                file: sampleData,
+                path: "/tmp/hello.txt",
+                handler: (success) => {
+                    success.valueOf();
+                },
+            });
+            session.sftp.copy({
+                path: "/tmp/hello.txt",
+                dest: "shared/hello.txt",
+                progress: (copied, totalBytes) => copied <= totalBytes,
+                handler: (success) => {
+                    success.valueOf();
+                },
+            });
+            sftpConnectPromise;
+        },
+    });
+    $ssh.disconnect();
+}
+
+async function testUi(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/ui.d.ts
+    $ui.render({
+        props: {
+            title: "JSBox",
+            theme: "auto",
+            navButtons: [
+                {
+                    title: "Done",
+                    handler: () => {},
+                },
+            ],
+        },
+        views: [
+            {
+                type: "label",
+                props: {
+                    id: "root-label",
+                    text: "Hello",
+                    textColor: sampleColor,
+                    align: $align.center,
+                },
+            },
+        ],
+        events: {
+            appeared: () => {},
+            keyboardHeightChanged: (height) => {
+                height.toFixed();
+            },
+        },
+    });
+    $ui.push({
+        props: {
+            title: "Details",
+        },
+        views: [
+            {
+                type: "view",
+                props: {},
+            },
+        ],
+    });
+    $ui.animate({
+        duration: 0.25,
+        animation: () => {},
+        completion: () => {},
+    });
+    $ui.pop();
+    $ui.popToRoot();
+    const uiView: UIView = $ui.create({
+        type: "view",
+        props: {
+            id: "box",
+            bgcolor: sampleColor,
+        },
+    });
+    const uiLabel: UILabelView = $ui.create({
+        type: "label",
+        props: {
+            text: "Label",
+            lines: 2,
+            textColor: sampleColor,
+        },
+    });
+    const uiButton: UIButtonView = $ui.create({
+        type: "button",
+        props: {
+            title: "Button",
+            type: $btnType.system,
+            image: sampleImage,
+        },
+    });
+    const uiInput: UIInputView = $ui.create({
+        type: "input",
+        props: {
+            text: "hello@example.com",
+            placeholder: "Email",
+            type: $kbType.email,
+        },
+    });
+    const uiSlider: UISliderView = $ui.create({
+        type: "slider",
+        props: {
+            value: 0.5,
+            min: 0,
+            max: 1,
+        },
+    });
+    const uiSwitch: UISwitchView = $ui.create({
+        type: "switch",
+        props: {
+            on: true,
+        },
+    });
+    const uiSpinner: UISpinnerView = $ui.create({
+        type: "spinner",
+        props: {
+            loading: true,
+            color: sampleColor,
+        },
+    });
+    const uiProgress: UIProgressView = $ui.create({
+        type: "progress",
+        props: {
+            value: 0.3,
+        },
+    });
+    const uiGallery: UIGalleryView = $ui.create({
+        type: "gallery",
+        props: {
+            items: [
+                {
+                    type: "label",
+                    props: {
+                        text: "Slide 1",
+                    },
+                },
+            ],
+        },
+    });
+    const uiStepper: UIStepperView = $ui.create({
+        type: "stepper",
+        props: {
+            value: 1,
+            min: 0,
+            max: 10,
+        },
+    });
+    const uiText: UITextView = $ui.create({
+        type: "text",
+        props: {
+            text: "Multiline text",
+            font: sampleFont,
+        },
+    });
+    const uiImage: UIImageView = $ui.create({
+        type: "image",
+        props: {
+            image: sampleImage,
+        },
+    });
+    const uiVideo: UIVideoView = $ui.create({
+        type: "video",
+        props: {
+            src: "https://example.com/video.mp4",
+        },
+    });
+    const uiScroll: UIScrollView = $ui.create({
+        type: "scroll",
+        props: {
+            contentSize: sampleSize,
+        },
+    });
+    const uiStack: UIStackView = $ui.create({
+        type: "stack",
+        props: {
+            axis: $stackViewAxis.vertical,
+            alignment: $stackViewAlignment.center,
+            spacing: 8,
+            stack: {
+                views: [
+                    {
+                        type: "label",
+                        props: {
+                            text: "Stack Item",
+                        },
+                    },
+                ],
+            },
+        },
+    });
+    const uiTab: UITabView = $ui.create({
+        type: "tab",
+        props: {
+            items: ["A", "B"],
+            index: 0,
+        },
+    });
+    const uiMenuView: UIMenuView = $ui.create({
+        type: "menu",
+        props: {
+            items: ["One", "Two"],
+            index: 1,
+        },
+    });
+    const uiMap: UIMapView = $ui.create({
+        type: "map",
+        props: {
+            location: {
+                lat: 0,
+                lng: 0,
+            },
+        },
+    });
+    const uiWeb: UIWebView = $ui.create({
+        type: "web",
+        props: {
+            html: "<strong>Hello</strong>",
+            showsProgress: true,
+        },
+    });
+    const uiList: UIListView = $ui.create({
+        type: "list",
+        props: {
+            data: ["One", "Two"],
+        },
+    });
+    const uiMatrix: UIMatrixView = $ui.create({
+        type: "matrix",
+        props: {
+            data: [{ title: "A" }, { title: "B" }],
+            itemSize: $size(60, 60),
+            columns: 2,
+        },
+    });
+    const uiBlur: UIBlurView = $ui.create({
+        type: "blur",
+        props: {
+            style: $blurStyle.material,
+        },
+    });
+    const uiGradient: UIGradientView = $ui.create({
+        type: "gradient",
+        props: {
+            colors: [sampleColor, sampleDarkColor],
+            startPoint: $point(0, 0),
+            endPoint: $point(1, 1),
+        },
+    });
+    const uiDatePicker: UIDatePickerView = $ui.create({
+        type: "date-picker",
+        props: {
+            date: new Date(),
+            interval: 5,
+        },
+    });
+    const uiPickerView: UIPickerView = $ui.create({
+        type: "picker",
+        props: {
+            items: [["One", "Two"]],
+        },
+    });
+    const uiCanvas: UICanvasView = $ui.create({
+        type: "canvas",
+        props: {},
+        events: {
+            draw: (view, ctx) => {
+                view.hidden = false;
+                ctx.fillColor = sampleColor;
+                ctx.addRect($rect(0, 0, 10, 10));
+                ctx.fillPath();
+                ctx.drawImage($rect(0, 0, 10, 10), sampleImage);
+                ctx.drawText($rect(0, 0, 50, 20), "JSBox", { color: sampleColor, font: sampleFont });
+            },
+        },
+    });
+    const uiMarkdown: UIMarkdownView = $ui.create({
+        type: "markdown",
+        props: {
+            content: "# Title",
+        },
+    });
+    const uiLottie: UILottieView = $ui.create({
+        type: "lottie",
+        props: {
+            src: "https://example.com/animation.json",
+            loop: true,
+        },
+    });
+    const uiChart: UIChartView = $ui.create({
+        type: "chart",
+        props: {
+            options: {
+                xAxis: {},
+                yAxis: {},
+                series: [],
+            },
+        },
+    });
+    const uiCode: UICodeView = $ui.create({
+        type: "code",
+        props: {
+            text: "const answer = 42;",
+            language: "javascript",
+            lineNumbers: true,
+        },
+    });
+    const uiRuntime: AllUIView = $ui.create({
+        type: "runtime",
+        props: {},
+    });
+    const uiFoundView: AllUIView = $ui.get("box");
+    const uiAlertResult: { title: string; index: number } = await $ui.alert({
+        title: "Alert",
+        message: "Hello",
+        actions: [{ title: "OK" }],
+    });
+    $ui.alert({
+        title: "Alert",
+        message: "With callback",
+        actions: [{ title: "OK", style: $alertActionType.default, handler: () => {} }],
+    });
+    const uiActionOptions: UiTypes.UIAlertNoHandlerOptions = {
+        title: "Actions",
+        actions: [{ title: "Delete", style: $alertActionType.destructive }],
+    };
+    const uiActionResult: { title: string; index: number } = await $ui.action(uiActionOptions);
+    $ui.action({
+        title: "Actions",
+        actions: [{ title: "Open", handler: () => {} }],
+    });
+    $ui.menu({
+        items: ["One", "Two"],
+        handler: (title, index) => {
+            title.toLowerCase();
+            index.toFixed();
+        },
+        finished: (cancelled) => {
+            cancelled.valueOf();
+        },
+    });
+    const uiMenuResult: { title: string; index: number } = await $ui.menu({
+        items: ["One", "Two"],
+    });
+    const uiPopoverResult: { title: string; index: number } = await $ui.popover({
+        sourceView: uiView,
+        directions: $popoverDirection.any,
+        items: ["Copy", "Delete"],
+    });
+    const uiPopover = $ui.popover({
+        sourceView: uiView,
+        directions: $popoverDirection.any,
+        views: [
+            {
+                type: "label",
+                props: {
+                    text: "Popover",
+                },
+            },
+        ],
+    });
+    $ui.toast("Saved", 1);
+    $ui.clearToast();
+    $ui.success("Success");
+    $ui.warning("Warning");
+    $ui.error("Error");
+    $ui.loading("Loading");
+    $ui.loading(false);
+    $ui.progress(0.5, "Half way");
+    $ui.preview({
+        title: "Preview",
+        html: "<strong>Hello</strong>",
+    });
+    const uiWindow: UIView = $ui.window;
+    const uiController: BBRenderVC = $ui.controller;
+    $ui.title = "JSBox";
+    const uiSelectedIcon: string = await $ui.selectIcon();
+    uiView.hidden = false;
+    uiLabel.text.toLowerCase();
+    uiButton.title?.toLowerCase();
+    uiInput.text.toLowerCase();
+    uiSlider.value.toFixed();
+    uiSwitch.on.valueOf();
+    uiSpinner.loading.valueOf();
+    uiProgress.value.toFixed();
+    uiGallery.page.toFixed();
+    uiStepper.value.toFixed();
+    uiText.text.toLowerCase();
+    uiImage.image.size.width.toFixed();
+    uiVideo.src.toLowerCase();
+    uiScroll.contentSize.width.toFixed();
+    uiStack.axis.toFixed();
+    uiTab.index.toFixed();
+    uiMenuView.index.toFixed();
+    uiMap.location?.lat.toFixed();
+    uiWeb.url.toLowerCase();
+    uiList.data;
+    uiMatrix.data.length.valueOf();
+    uiBlur.hidden = false;
+    uiGradient.colors.length.valueOf();
+    uiDatePicker.date.valueOf();
+    uiPickerView.items;
+    uiCanvas.hidden = false;
+    uiMarkdown.content.toLowerCase();
+    uiLottie.loop.valueOf();
+    await uiChart.getOption();
+    uiCode.theme.toLowerCase();
+    uiRuntime.hidden = false;
+    uiFoundView.hidden = false;
+    uiAlertResult.index.toFixed();
+    uiActionResult.title.toLowerCase();
+    uiMenuResult.title.toLowerCase();
+    uiPopoverResult.index.toFixed();
+    uiPopover.dismiss();
+    uiWindow.hidden = false;
+    uiController.dismiss();
+    uiSelectedIcon.toLowerCase();
+}
+
+async function testWidget(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/widget.d.ts
+    $widget.height = 180;
+    $widget.mode = 1;
+    $widget.modeChanged = (mode) => {
+        mode.toFixed();
+    };
+    $widget.family = $widgetFamily.medium;
+    const widgetTimeline: WidgetTypes.WidgetOptions = {
+        entries: [
+            {
+                date: new Date(),
+                info: {
+                    title: "Now",
+                },
+            },
+        ],
+        policy: {
+            afterDate: new Date(Date.now() + 60_000),
+        },
+        render: (ctx) => {
+            ctx.family.toFixed();
+            ctx.displaySize.width.toFixed();
+            ctx.isDarkMode.valueOf();
+            ctx.entry.info;
+            return {
+                type: "vstack",
+                props: {
+                    alignment: $widget.horizontalAlignment.leading,
+                    spacing: 8,
+                },
+                views: [
+                    {
+                        type: "text",
+                        props: {
+                            text: "Widget",
+                            font: {
+                                name: "AvenirNext-Regular",
+                                size: 14,
+                                weight: "medium",
+                            },
+                            bold: true,
+                        },
+                    },
+                    {
+                        type: "image",
+                        props: {
+                            symbol: {
+                                glyph: "star.fill",
+                                size: 18,
+                                weight: "medium",
+                            },
+                            resizable: true,
+                        },
+                    },
+                    {
+                        type: "hstack",
+                        props: {
+                            alignment: $widget.verticalAlignment.center,
+                            spacing: 4,
+                        },
+                        views: [
+                            {
+                                type: "color",
+                                props: {
+                                    light: "#ffffff",
+                                    dark: "#000000",
+                                },
+                            },
+                            {
+                                type: "gradient",
+                                props: {
+                                    startPoint: $point(0, 0),
+                                    endPoint: $point(1, 1),
+                                    colors: [sampleColor, sampleDarkColor],
+                                },
+                            },
+                            {
+                                type: "divider",
+                                props: {
+                                    background: sampleColor,
+                                },
+                            },
+                            {
+                                type: "spacer",
+                                props: {
+                                    minLength: 8,
+                                },
+                            },
+                        ],
+                    },
+                    {
+                        type: "vgrid",
+                        props: {
+                            alignment: $widget.horizontalAlignment.center,
+                            columns: [
+                                {
+                                    fixed: 44,
+                                },
+                                {
+                                    flexible: {
+                                        minimum: 20,
+                                        maximum: 60,
+                                    },
+                                },
+                            ],
+                        },
+                        views: [
+                            {
+                                type: "text",
+                                props: {
+                                    date: new Date(),
+                                    style: $widget.dateStyle.time,
+                                },
+                            },
+                            {
+                                type: "text",
+                                props: {
+                                    startDate: new Date(),
+                                    endDate: new Date(Date.now() + 60_000),
+                                },
+                            },
+                        ],
+                    },
+                ],
+            };
+        },
+    };
+    $widget.setTimeline(widgetTimeline);
+    $widget.setTimeline((ctx) => ({
+        type: "text",
+        props: {
+            text: String(ctx.family),
+        },
+    }));
+    $widget.reloadTimeline();
+    $widget.inputValue.toLowerCase();
+    $widget.displaySize.width.toFixed();
+    $widget.isDarkMode.valueOf();
+    $widget.alignment.center.valueOf();
+    $widget.horizontalAlignment.leading.valueOf();
+    $widget.verticalAlignment.bottom.valueOf();
+    $widget.dateStyle.relative.valueOf();
+}
+
+async function testExtendArchiver(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/extend/archiver.d.ts
+    $archiver.zip({
+        paths: ["shared/a.txt", "shared/b.txt"],
+        dest: "shared/archive.zip",
+        handler: (success) => {
+            success.valueOf();
+        },
+    });
+    const zippedByDirectory: boolean = await $archiver.zip({
+        directory: "shared",
+        dest: "shared/archive.zip",
+    });
+    const unzippedByPath: boolean = await $archiver.unzip({
+        path: "shared/archive.zip",
+        dest: "shared/archive",
+    });
+    $archiver.unzip({
+        file: sampleData,
+        dest: "shared/archive",
+        handler: (success) => {
+            success.valueOf();
+        },
+    });
+    zippedByDirectory.valueOf();
+    unzippedByPath.valueOf();
+}
+
+async function testExtendBrowser(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/extend/browser.d.ts
+    const browserExecResult: any = await $browser.exec({
+        script: "document.title",
+        handler: (result) => {
+            result;
+        },
+        customEvent: (message) => {
+            message;
+        },
+    });
+    const browserExecStringResult: any = await $browser.exec("document.location.href");
+    browserExecResult;
+    browserExecStringResult;
+}
+
+async function testExtendDetector(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/extend/detector.d.ts
+    const detectedDates: string[] = $detector.date("Meet me tomorrow at 8");
+    const detectedAddresses: string[] = $detector.address("1 Infinite Loop, Cupertino");
+    const detectedLinks: string[] = $detector.link("https://example.com");
+    const detectedPhones: string[] = $detector.phoneNumber("Call me at 123456789");
+    detectedDates.length.valueOf();
+    detectedAddresses.length.valueOf();
+    detectedLinks.length.valueOf();
+    detectedPhones.length.valueOf();
+}
+
+async function testExtendEditor(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/extend/editor.d.ts
+    const editorView: UIView = $editor.view;
+    const editorRange: JBRange = $editor.selectedRange;
+    $editor.text.toLowerCase();
+    $editor.selectedText.toLowerCase();
+    $editor.hasText.valueOf();
+    $editor.isActive.valueOf();
+    $editor.canUndo.valueOf();
+    $editor.canRedo.valueOf();
+    $editor.save();
+    $editor.undo();
+    $editor.redo();
+    $editor.activate();
+    $editor.deactivate();
+    $editor.insertText("Hello");
+    $editor.deleteBackward();
+    $editor.textInRange($range(0, 5)).toLowerCase();
+    $editor.setTextInRange("Hi", $range(0, 2));
+    editorView.hidden = false;
+    editorRange.length.toFixed();
+}
+
+async function testExtendPush(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/extend/push.d.ts
+    $push.schedule({
+        title: "Reminder",
+        body: "JSBox test",
+        id: "push-1",
+        delay: 60,
+        query: { page: 1 },
+        handler: (result) => {
+            result.toLowerCase();
+        },
+    });
+    $push.cancel({
+        id: "push-1",
+    });
+    $push.clear();
+}
+
+async function testExtendQrcode(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/extend/qrcode.d.ts
+    const encodedQr: UIImage = $qrcode.encode("https://example.com");
+    const decodedQr: string = $qrcode.decode(sampleImage);
+    $qrcode.scan({
+        useFrontCamera: true,
+        turnOnFlash: false,
+        handler: (result) => {
+            result.toLowerCase();
+        },
+        cancelled: () => {},
+    });
+    $qrcode.scan((result) => {
+        result.toLowerCase();
+    });
+    encodedQr.size.width.toFixed();
+    decodedQr.toLowerCase();
+}
+
+async function testExtendShare(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/extend/share.d.ts
+    $share.sheet({
+        item: "Hello",
+        handler: (success) => {
+            success.valueOf();
+        },
+    });
+    $share.sheet({
+        items: [sampleImage, sampleImage],
+        handler: (success) => {
+            success.valueOf();
+        },
+    });
+    $share.wechat(sampleImage);
+    $share.qq(sampleData);
+    $share.universal(sampleImage);
+}
+
+async function testExtendText(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/extend/text.d.ts
+    $text.tokenize({
+        text: "Hello JSBox",
+        handler: (results) => {
+            results[0].toLowerCase();
+        },
+    });
+    $text.analysis({
+        text: "Hello JSBox",
+        handler: (results) => {
+            results[0].token.toLowerCase();
+            results[0].tag.toLowerCase();
+        },
+    });
+    $text.lookup("Hello");
+    const availableVoices: TextTypes.Voice[] = $text.ttsVoices();
+    const chosenVoice: TextTypes.Voice = availableVoices[0];
+    const speechPlayer: TextTypes.Speech = $text.speech({
+        text: "Hello JSBox",
+        rate: 0.5,
+        language: "en-US",
+        voice: chosenVoice,
+        events: {
+            didStart: (sender) => {
+                sender.pause();
+            },
+            didFinish: (sender) => {
+                sender.stop();
+            },
+        },
+    });
+    const textUuid: string = $text.uuid;
+    const textBase64: string = $text.base64Encode("Hello");
+    const textDecodedBase64: string = $text.base64Decode(textBase64);
+    const encodedUrl: string = $text.URLEncode("a b");
+    const decodedUrl: string = $text.URLDecode(encodedUrl);
+    const htmlEscaped: string = $text.HTMLEscape("<b>Hello</b>");
+    const htmlUnescaped: string = $text.HTMLUnescape(htmlEscaped);
+    const textMd5: string = $text.MD5("Hello");
+    const textSha1: string = $text.SHA1("Hello");
+    const textSha256: string = $text.SHA256("Hello");
+    const pinYin: string = $text.convertToPinYin("中文");
+    const markdownHtml: string = $text.markdownToHtml("# Hello");
+    const markdownText: string = await $text.htmlToMarkdown({ html: "<strong>Hello</strong>" });
+    $text.htmlToMarkdown({
+        html: "<strong>Hello</strong>",
+        handler: (markdown: string) => {
+            markdown.toLowerCase();
+        },
+    });
+    const decodedDataText: string = $text.decodeData({ data: sampleData });
+    const textSize = $text.sizeThatFits({
+        text: "Hello JSBox",
+        width: 120,
+        font: sampleFont,
+        lineSpacing: 4,
+    });
+    speechPlayer.pause();
+    speechPlayer.continue();
+    speechPlayer.stop();
+    chosenVoice.language.toLowerCase();
+    chosenVoice.identifier.toLowerCase();
+    chosenVoice.name.toLowerCase();
+    chosenVoice.quality.toFixed();
+    chosenVoice.gender.toFixed();
+    chosenVoice.audioFileSettings;
+    textUuid.toLowerCase();
+    textDecodedBase64.toLowerCase();
+    decodedUrl.toLowerCase();
+    htmlUnescaped.toLowerCase();
+    textMd5.toLowerCase();
+    textSha1.toLowerCase();
+    textSha256.toLowerCase();
+    pinYin.toLowerCase();
+    markdownHtml.toLowerCase();
+    markdownText.toLowerCase();
+    decodedDataText.toLowerCase();
+    textSize.height.toFixed();
+}
+
+async function testExtendXml(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/extend/xml.d.ts
+    const xmlDocument: XmlTypes.XMLDocument = $xml.parse({
+        string: "<book id='1'><title>JSBox</title></book>",
+        mode: "xml",
+    });
+    const xmlRoot: XmlTypes.XMLElement = xmlDocument.rootElement;
+    const xmlTitle: XmlTypes.XMLElement = xmlRoot.firstChild({ tag: "title" });
+    const xmlChildren: XmlTypes.XMLElement[] = xmlRoot.children();
+    xmlDocument.version.toLowerCase();
+    xmlDocument.value({ attribute: "id" }).toLowerCase();
+    xmlDocument.definePrefix({ prefix: "x", namespace: "https://example.com/ns" });
+    xmlDocument.enumerate({
+        xPath: "//title",
+        handler: (element, idx) => {
+            element.tag.toLowerCase();
+            idx.toFixed();
+        },
+    });
+    xmlRoot.tag.toLowerCase();
+    xmlRoot.attributes.id.toLowerCase();
+    xmlRoot.number.valueOf();
+    xmlTitle.string.toLowerCase();
+    xmlChildren.length.valueOf();
+    xmlTitle.value({ attribute: "id" });
+    xmlTitle.enumerate({
+        selector: "title",
+        handler: (element, idx) => {
+            element.tag.toLowerCase();
+            idx.toFixed();
+        },
+    });
+}
+
+async function testFoundationApp(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/foundation/app.d.ts
+    $app.theme = "auto";
+    $app.tips("Tip");
+    $app.close(0.1);
+    $app.openURL("https://example.com");
+    $app.openBrowser({
+        type: 0,
+        url: "https://example.com",
+    });
+    $app.openExtension("today");
+    $app.listen({
+        ready: () => {},
+        pause: () => {},
+        resume: () => {},
+        custom: (object) => {
+            object;
+        },
+    });
+    $app.notify({
+        name: "refresh",
+        object: { source: "tests" },
+    });
+    const appInfo: AppTypes.AppInfo = $app.info;
+    const appStrings: AppTypes.Strings = $app.strings;
+    $app.idleTimerDisabled = true;
+    $app.autoKeyboardEnabled = false;
+    $app.keyboardToolbarEnabled = true;
+    $app.rotateDisabled = false;
+    appInfo.bundleID.toLowerCase();
+    appInfo.version.toLowerCase();
+    appInfo.build.toLowerCase();
+    $app.minSDKVer.toLowerCase();
+    $app.minOSVer.toLowerCase();
+    $app.isDebugging.valueOf();
+    $app.env.valueOf();
+    $app.widgetIndex.valueOf();
+    appStrings.en = { HELLO: "Hello" };
+}
+
+async function testFoundationCache(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/foundation/cache.d.ts
+    $cache.set("token", "value");
+    $cache.setAsync({
+        key: "token",
+        value: "value",
+        handler: (result) => {
+            result;
+        },
+    });
+    const cachedToken: any = $cache.get("token");
+    $cache.getAsync({
+        key: "token",
+        handler: (result) => {
+            result;
+        },
+    });
+    $cache.remove("token");
+    $cache.removeAsync({
+        key: "token",
+        handler: () => {},
+    });
+    $cache.clear();
+    $cache.clearAsync({
+        handler: () => {},
+    });
+    cachedToken;
+}
+
+async function testFoundationClipboard(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/foundation/clipboard.d.ts
+    const clipboardText: string | undefined = $clipboard.text;
+    const clipboardImage: NSData | undefined = $clipboard.image;
+    const clipboardItems: any[] = $clipboard.items;
+    const clipboardPhones: string[] = $clipboard.phoneNumbers;
+    const clipboardPhone: string | undefined = $clipboard.phoneNumber;
+    const clipboardLinks: string[] = $clipboard.links;
+    const clipboardLink: string | undefined = $clipboard.link;
+    const clipboardEmails: string[] = $clipboard.emails;
+    const clipboardEmail: string | undefined = $clipboard.email;
+    const clipboardDates: Date[] = $clipboard.dates;
+    const clipboardDate: Date | undefined = $clipboard.date;
+    $clipboard.setTextLocalOnly("Local text");
+    $clipboard.set({ type: "public.text", value: "Hello" });
+    $clipboard.copy({
+        text: "Hello",
+        ttl: 60,
+        locally: true,
+    });
+    $clipboard.clear();
+    clipboardText?.toLowerCase();
+    clipboardImage?.byteArray.length.valueOf();
+    clipboardItems.length.valueOf();
+    clipboardPhones.length.valueOf();
+    clipboardPhone?.toLowerCase();
+    clipboardLinks.length.valueOf();
+    clipboardLink?.toLowerCase();
+    clipboardEmails.length.valueOf();
+    clipboardEmail?.toLowerCase();
+    clipboardDates.length.valueOf();
+    clipboardDate?.valueOf();
+}
+
+async function testFoundationDevice(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/foundation/device.d.ts
+    const deviceInfo: DeviceTypes.DeviceInfo = $device.info;
+    const wifiInfo: DeviceTypes.WifiInfo = $device.ssid;
+    const spaceInfo: DeviceTypes.SpaceInfo = $device.space;
+    $device.taptic(1);
+    deviceInfo.model.toLowerCase();
+    deviceInfo.language.toLowerCase();
+    deviceInfo.version.toLowerCase();
+    deviceInfo.name.toLowerCase();
+    deviceInfo.screen.width.toFixed();
+    deviceInfo.battery.level.toFixed();
+    wifiInfo.BSSID.toLowerCase();
+    wifiInfo.SSID.toLowerCase();
+    spaceInfo.disk.free.bytes.toFixed();
+    spaceInfo.memory.total.string.toLowerCase();
+    $device.networkType.valueOf();
+    $device.wlanAddress.toLowerCase();
+    $device.isDarkMode.valueOf();
+    $device.isIphoneX.valueOf();
+    $device.isIphonePlus.valueOf();
+    $device.isIpad.valueOf();
+    $device.isIpadPro.valueOf();
+    $device.hasTouchID.valueOf();
+    $device.hasFaceID.valueOf();
+    $device.isJailbroken.valueOf();
+    $device.isVoiceOverOn.valueOf();
+}
+
+async function testFoundationHttp(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/foundation/http.d.ts
+    const httpCancelledCode: HttpTypes.NSURLErrorDomain = HttpTypes.NSURLErrorDomain.NSURLErrorCancelled;
+    $http.request({
+        url: "https://example.com/api",
+        method: "POST",
+        header: { Authorization: "Bearer token" },
+        body: { query: "jsbox" },
+        timeout: 30,
+        handler: (response) => {
+            response.rawData.byteArray.length.valueOf();
+            response.response.statusCode.toFixed();
+            response.response.headers["content-type"].toLowerCase();
+            if (response.error) {
+                response.error.localizedDescription.toLowerCase();
+            }
+        },
+    });
+    const httpGetResponse: HttpTypes.HttpResponse = await $http.get("https://example.com");
+    const httpPostResponse: HttpTypes.HttpResponse = await $http.post({
+        url: "https://example.com/search",
+        form: { keyword: "jsbox" },
+    });
+    const httpDownloadResponse: HttpTypes.DownloadResponse = await $http.download({
+        url: "https://example.com/file.png",
+        showsProgress: true,
+        progress: (bytesWritten, totalBytes) => {
+            bytesWritten.toFixed();
+            totalBytes.toFixed();
+        },
+    });
+    const httpUploadResponse: HttpTypes.HttpResponse = await $http.upload({
+        url: "https://example.com/upload",
+        files: [
+            {
+                data: sampleData,
+                name: "file",
+                filename: "hello.txt",
+                "content-type": "text/plain",
+            },
+        ],
+        showsProgress: true,
+        progress: (percentage) => {
+            percentage.toFixed();
+        },
+    });
+    $http.startServer({
+        port: 8080,
+        path: "shared/www",
+        handler: (result) => {
+            result.success.valueOf();
+            result.publicServerURL.toLowerCase();
+            result.url.toLowerCase();
+            result.port.toFixed();
+            if (result.error) {
+                result.error.localizedDescription.toLowerCase();
+            }
+        },
+    });
+    $http.stopServer();
+    $http.shorten({
+        url: "https://example.com",
+        handler: (url) => {
+            url.toLowerCase();
+        },
+    });
+    const httpLengthenedUrl: string = await $http.lengthen({
+        url: "https://example.com/short",
+    });
+    httpCancelledCode.valueOf();
+    httpGetResponse.response.url.toLowerCase();
+    httpGetResponse.response.MIMEType.toLowerCase();
+    httpGetResponse.response.expectedContentLength.toFixed();
+    httpGetResponse.response.textEncodingName.toLowerCase();
+    httpGetResponse.response.suggestedFilename.toLowerCase();
+    if (httpGetResponse.error) {
+        const httpErrorCode: HttpTypes.NSURLErrorDomain = httpGetResponse.error.code;
+        httpErrorCode.valueOf();
+    }
+    httpPostResponse.response.statusCode.toFixed();
+    httpDownloadResponse.data.byteArray.length.valueOf();
+    httpUploadResponse.response.statusCode.toFixed();
+    httpLengthenedUrl.toLowerCase();
+}
+
+async function testFoundationKeychain(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/foundation/keychain.d.ts
+    const keychainSetResult: boolean = $keychain.set("token", "value", "jsbox");
+    const keychainValue: string = $keychain.get("token", "jsbox");
+    const keychainRemoveResult: boolean = $keychain.remove("token", "jsbox");
+    const keychainClearResult: boolean = $keychain.clear("jsbox");
+    const keychainKeys: string[] = $keychain.keys("jsbox");
+    keychainSetResult.valueOf();
+    keychainValue.toLowerCase();
+    keychainRemoveResult.valueOf();
+    keychainClearResult.valueOf();
+    keychainKeys.length.valueOf();
+}
+
+async function testFoundationNetwork(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/foundation/network.d.ts
+    const networkIfaData = $network.ifa_data;
+    const networkInterfaces: NetworkTypes.NetworkInterfaceInfo = $network.interfaces;
+    const networkProxySettings: any = $network.proxy_settings;
+    $network.startPinging({
+        host: "example.com",
+        timeout: 2,
+        period: 1,
+        payloadSize: 64,
+        ttl: 64,
+        didReceiveReply: (summary) => {
+            summary.sequenceNumber.toFixed();
+            summary.payloadSize.toFixed();
+            summary.ttl.toFixed();
+            summary.host.toLowerCase();
+            summary.rtt.toFixed();
+            summary.status.toFixed();
+            summary.sendDate?.valueOf();
+            summary.receiveDate?.valueOf();
+        },
+        didReceiveUnexpectedReply: (summary) => {
+            summary.sequenceNumber.toFixed();
+        },
+        didSendPing: (summary) => {
+            summary.sequenceNumber.toFixed();
+        },
+        didTimeout: (summary) => {
+            summary.sequenceNumber.toFixed();
+        },
+        didFail: (error) => {
+            error.localizedDescription.toLowerCase();
+        },
+        didFailToSendPing: (response) => {
+            response;
+        },
+    });
+    $network.stopPinging();
+    networkIfaData.en0?.received.toFixed();
+    networkInterfaces.en0?.toLowerCase();
+    networkProxySettings;
+}
+
+async function testFoundationPrefs(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/foundation/prefs.d.ts
+    const prefsValue: any = $prefs.get("theme");
+    $prefs.set("theme", "dark");
+    const allPrefs: { [key: string]: any } = $prefs.all();
+    $prefs.open(() => {});
+    const prefsConfig: PrefsTypes.PrefsJson = {
+        title: "Settings",
+        groups: [
+            {
+                title: "General",
+                items: [
+                    {
+                        title: "Username",
+                        type: "string",
+                        key: "username",
+                    },
+                    {
+                        title: "Notifications",
+                        type: "boolean",
+                        key: "notifications",
+                    },
+                    {
+                        title: "Options",
+                        type: "child",
+                        key: "options",
+                        items: [
+                            {
+                                title: "Theme",
+                                type: "list",
+                                key: "theme",
+                                items: ["light", "dark"],
+                            },
+                        ],
+                    },
+                ],
+            },
+        ],
+    };
+    const editedPrefs: PrefsTypes.PrefsJson = await $prefs.edit(prefsConfig);
+    prefsValue;
+    allPrefs.theme;
+    editedPrefs.groups[0].items[0].key.toLowerCase();
+}
+
+async function testFoundationSystem(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/foundation/system.d.ts
+    $system.brightness = 0.5;
+    $system.volume = 0.5;
+    $system.call("10086");
+    $system.sms("10086");
+    $system.mailto("hello@example.com");
+    $system.facetime("10086");
+    $system.makeIcon({
+        title: "JSBox",
+        url: "https://example.com",
+        icon: sampleImage,
+    });
+    $system.brightness.toFixed();
+    $system.volume.toFixed();
+}
+
+async function testFoundationThread(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/foundation/thread.d.ts
+    $thread.background(() => {});
+    $thread.background({
+        delay: 0.1,
+        handler: () => {},
+    });
+    $thread.main(() => {});
+    $thread.main({
+        delay: 0.1,
+        handler: () => {},
+    });
+}
+
+async function testFoundationTimer(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/foundation/timer.d.ts
+    const scheduledTimer: TimerTypes.Timer = $timer.schedule({
+        interval: 1,
+        handler: () => {},
+    });
+    scheduledTimer.invalidate();
+}
+
+async function testMediaAudio(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/media/audio.d.ts
+    $audio.play({
+        path: "assets/test.mp3",
+        events: {
+            itemEnded: () => {},
+            playbackStalled: () => {},
+        },
+    });
+    $audio.pause();
+    $audio.resume();
+    $audio.stop();
+    $audio.seek(3);
+    $audio.status.valueOf();
+    $audio.duration.toFixed();
+    $audio.offset.toFixed();
+}
+
+async function testMediaImagekit(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/media/imagekit.d.ts
+    const renderedImage: UIImage = $imagekit.render(
+        {
+            size: $size(40, 40),
+            color: sampleColor,
+            scale: 2,
+            opaque: false,
+        },
+        (ctx) => {
+            ctx.fillColor = sampleColor;
+            ctx.addRect($rect(0, 0, 40, 40));
+            ctx.fillPath();
+        },
+    );
+    const imageInfo: ImagekitTypes.ImageInfo = $imagekit.info(sampleImage);
+    const grayImage: UIImage = $imagekit.grayscale(sampleImage);
+    const invertedImage: UIImage = $imagekit.invert(sampleImage);
+    const brighterImage: UIImage = $imagekit.adjustBrightness(sampleImage, 10);
+    const croppedImage: UIImage = $imagekit.cropTo(sampleImage, $size(20, 20), ImagekitTypes.CropToMode.Center);
+    const scaledImage: UIImage = $imagekit.scaleAspectFit(sampleImage, $size(50, 50));
+    const flippedImage: UIImage = $imagekit.flip(sampleImage, ImagekitTypes.OrientationMode.horizontally);
+    const roundedImage: UIImage = $imagekit.rounded(sampleImage, 8);
+    const circularImage: UIImage = $imagekit.circular(sampleImage);
+    const extractedGif: ImagekitTypes.GIFExtractResult = await $imagekit.extractGIF(sampleData);
+    const madeGif: NSData = await $imagekit.makeGIF([sampleImage, sampleImage], { duration: 0.2, size: 320 });
+    const madeVideo: NSData = await $imagekit.makeVideo([sampleImage, sampleImage], { durations: [0.1, 0.2] });
+    renderedImage.size.width.toFixed();
+    imageInfo.width.toFixed();
+    imageInfo.props.width.toFixed();
+    grayImage.size.height.toFixed();
+    invertedImage.size.height.toFixed();
+    brighterImage.size.height.toFixed();
+    croppedImage.size.width.toFixed();
+    scaledImage.size.height.toFixed();
+    flippedImage.size.width.toFixed();
+    roundedImage.size.height.toFixed();
+    circularImage.size.width.toFixed();
+    extractedGif.images.length.valueOf();
+    extractedGif.durations.length.valueOf();
+    madeGif.byteArray.length.valueOf();
+    madeVideo.byteArray.length.valueOf();
+}
+
+async function testMediaPdf(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/media/pdf.d.ts
+    $pdf.make({
+        html: "<h1>Hello</h1>",
+        pageSize: $pageSize.A4,
+        handler: (resp) => {
+            resp.data.byteArray.length.valueOf();
+        },
+    });
+    const pdfDataResponse = await $pdf.make({
+        html: "<h1>Hello</h1>",
+        pageSize: $pageSize.A4,
+    });
+    const pdfImages: UIImage[] = $pdf.toImages(pdfDataResponse.data);
+    const pdfCover: UIImage = $pdf.toImage(pdfDataResponse.data);
+    pdfDataResponse.data.byteArray.length.valueOf();
+    pdfImages.length.valueOf();
+    pdfCover.size.width.toFixed();
+}
+
+async function testMediaPhoto(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/media/photo.d.ts
+    $photo.take({
+        edit: true,
+        handler: (resp) => {
+            resp.status.valueOf();
+            resp.image.size.width.toFixed();
+            resp.filename.toLowerCase();
+        },
+    });
+    const takenPhoto: PhotoTypes.PhotoResponse<"image"> = await $photo.take({ edit: true });
+    $photo.pick({
+        handler: (resp) => {
+            resp.status.valueOf();
+            resp.image.size.width.toFixed();
+        },
+    });
+    $photo.pick({
+        format: "data",
+        multi: true,
+        handler: (resp) => {
+            resp.results[0].data.byteArray.length.valueOf();
+        },
+    });
+    const pickedPhoto: PhotoTypes.PickResponse<"image", false> = await $photo.pick({ edit: true });
+    const pickedPhotoData: PhotoTypes.PickResponse<"data", false> = await $photo.pick({ format: "data" });
+    const pickedMultiPhotos: PhotoTypes.PickResponse<"image", true> = await $photo.pick({ multi: true });
+    $photo.prompt({
+        edit: true,
+        handler: (resp) => {
+            resp.image.size.height.toFixed();
+        },
+    });
+    $photo.scan({
+        handler: (resp) => {
+            resp.results[0].size.width.toFixed();
+        },
+    });
+    const scannedPhotos: PhotoTypes.ScanResponse = await $photo.scan();
+    $photo.save({
+        data: sampleData,
+        handler: (success) => {
+            success.valueOf();
+        },
+    });
+    $photo.fetch({
+        count: 3,
+        handler: (images) => {
+            images[0].size.width.toFixed();
+        },
+    });
+    const fetchedPhotos: UIImage[] = await $photo.fetch({ count: 3 });
+    const fetchedPhotoData: NSData[] = await $photo.fetch({ count: 3, format: "data" });
+    $photo.delete({
+        count: 3,
+        handler: (success) => {
+            success.valueOf();
+        },
+    });
+    takenPhoto.image.size.width.toFixed();
+    pickedPhoto.image.size.width.toFixed();
+    pickedPhotoData.data.byteArray.length.valueOf();
+    pickedMultiPhotos.results.length.valueOf();
+    scannedPhotos.results.length.valueOf();
+    fetchedPhotos.length.valueOf();
+    fetchedPhotoData.length.valueOf();
+}
+
+async function testMediaQuicklook(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/media/quicklook.d.ts
+    $quicklook.open({
+        image: sampleImage,
+        handler: () => {},
+    });
+    $quicklook.open({
+        html: "<strong>Hello</strong>",
+        type: "public.html",
+    });
+    $quicklook.open({
+        list: ["https://example.com"],
+    });
+}
+
+async function testNetworkServer(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/network/server.d.ts
+    const simpleServer: ServerTypes.ServerInstance = $server.start({
+        port: 6060,
+        path: "shared/www",
+        handler: () => {},
+    });
+    const customServer: ServerTypes.ServerInstance = new $server();
+    customServer.listen({
+        didStart: (server) => {
+            server.stop();
+        },
+        didConnect: (server) => {
+            server.clearHandlers();
+        },
+        didDisconnect: (server) => {
+            server.stop();
+        },
+    });
+    customServer.addHandler({
+        filter: (rules) => {
+            rules.method.toLowerCase();
+            rules.url.toLowerCase();
+            rules.path.toLowerCase();
+            rules.headers;
+            rules.query;
+            return "data";
+        },
+        response: (request) => {
+            request.method.toLowerCase();
+            request.url.toLowerCase();
+            request.headers;
+            request.path.toLowerCase();
+            request.query;
+            request.contentType.toLowerCase();
+            request.contentLength.toFixed();
+            request.ifModifiedSince.valueOf();
+            request.ifNoneMatch.valueOf();
+            request.acceptsGzip.valueOf();
+            request.localAddressData.byteArray.length.valueOf();
+            request.localAddress.toLowerCase();
+            request.remoteAddressData.byteArray.length.valueOf();
+            request.remoteAddress.toLowerCase();
+            request.hasBody.valueOf();
+            request.hasByteRange.valueOf();
+            return {
+                type: "data",
+                props: {
+                    html: "<h1>Hello</h1>",
+                    statusCode: 200,
+                    gzipEnabled: true,
+                },
+            };
+        },
+        asyncResponse: (request, completion) => {
+            request.method.toLowerCase();
+            completion({
+                type: "file",
+                props: {
+                    path: "shared/www/index.html",
+                    isAttachment: false,
+                },
+            });
+        },
+    });
+    customServer.start({
+        port: 6061,
+        bonjourName: "JSBox",
+        bonjourType: "_http._tcp",
+    });
+    customServer.clearHandlers();
+    simpleServer.stop();
+    customServer.stop();
+}
+
+async function testNetworkSocket(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/network/socket.d.ts
+    const webSocket: SocketTypes.Socket = $socket.new({
+        url: "wss://example.com/socket",
+        protocols: ["json"],
+        allowsUntrustedSSLCertificates: true,
+    });
+    webSocket.listen({
+        didOpen: (sock) => {
+            sock.readyState.toFixed();
+        },
+        didFail: (sock, error) => {
+            sock.readyState.toFixed();
+            error.localizedDescription.toLowerCase();
+        },
+        didClose: (sock, code, reason, wasClean) => {
+            sock.readyState.toFixed();
+            code.toFixed();
+            reason.toLowerCase();
+            wasClean.valueOf();
+        },
+        didReceiveString: (sock, string) => {
+            sock.readyState.toFixed();
+            string.toLowerCase();
+        },
+        didReceiveData: (sock, data) => {
+            sock.readyState.toFixed();
+            data.byteArray.length.valueOf();
+        },
+        didReceivePing: (sock, data) => {
+            sock.readyState.toFixed();
+            data.byteArray.length.valueOf();
+        },
+        didReceivePong: (sock, data) => {
+            sock.readyState.toFixed();
+            data.byteArray.length.valueOf();
+        },
+    });
+    webSocket.open();
+    const socketSendResult = webSocket.send("hello");
+    const socketSendDataResult = webSocket.send({ data: sampleData, noCopy: true });
+    const socketPingResult = webSocket.ping(sampleData);
+    webSocket.close({
+        code: 1000,
+        reason: "done",
+    });
+    socketSendResult.result.valueOf();
+    socketSendDataResult.result.valueOf();
+    socketPingResult.result.valueOf();
+}
+
+async function testSdkCalendar(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/sdk/calendar.d.ts
+    $calendar.fetch({
+        startDate: new Date(),
+        hours: 2,
+        handler: (response) => {
+            response.status.valueOf();
+            const event = response.events[0];
+            event.title.toLowerCase();
+            event.startDate.valueOf();
+            $calendar.save({
+                event,
+                alarmDate: new Date(),
+                handler: (saveResponse) => {
+                    saveResponse.status.valueOf();
+                    saveResponse.error?.localizedDescription.toLowerCase();
+                },
+            });
+            $calendar.delete({
+                event,
+                handler: (deleteResponse) => {
+                    deleteResponse.status.valueOf();
+                    deleteResponse.error?.localizedDescription.toLowerCase();
+                },
+            });
+        },
+    });
+    $calendar.create({
+        title: "JSBox Calendar Event",
+        startDate: new Date(),
+        hours: 1,
+        notes: "Created from tests",
+        handler: (response) => {
+            response.status.valueOf();
+            response.error?.localizedDescription.toLowerCase();
+        },
+    });
+}
+
+async function testSdkContact(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/sdk/contact.d.ts
+    $contact.pick({
+        multi: false,
+        handler: (contact) => {
+            contact.givenName.toLowerCase();
+            contact.phoneNumbers[0].content.toLowerCase();
+            $contact.save({
+                contact,
+                handler: (resp) => {
+                    resp.status.valueOf();
+                    resp.error?.localizedDescription.toLowerCase();
+                },
+            });
+            $contact.delete({
+                contacts: [contact],
+                handler: (resp) => {
+                    resp.status.valueOf();
+                },
+            });
+            $contact.fetchGroups().then((groups) => {
+                const group = groups[0];
+                group.name.toLowerCase();
+                $contact.addToGroup({ contact, group });
+                $contact.removeFromGroup({ contact, group });
+            });
+        },
+    });
+    $contact.pick({
+        multi: true,
+        handler: (contacts) => {
+            contacts[0].familyName.toLowerCase();
+        },
+    });
+    $contact.fetch({
+        key: "givenName",
+        handler: (contacts) => {
+            contacts[0].nickname.toLowerCase();
+        },
+    });
+    $contact.create({
+        givenName: "JS",
+        familyName: "Box",
+        phoneNumbers: { mobile: "123456789" },
+        emails: { work: "hello@example.com" },
+        handler: (resp) => {
+            resp.status.valueOf();
+            resp.error?.localizedDescription.toLowerCase();
+        },
+    });
+    const createdContactPromise: Promise<void> = $contact.create({
+        givenName: "Promise",
+        familyName: "Contact",
+    });
+    const contactGroups: ContactTypes.Group[] = await $contact.fetchGroups();
+    $contact.addGroup({
+        name: "Friends",
+        handler: (group) => {
+            group.name.toLowerCase();
+            group.identifier.toLowerCase();
+            $contact.updateGroup(group);
+            $contact.deleteGroup(group);
+        },
+    });
+    const addGroupPromise: Promise<void> = $contact.addGroup({ name: "Team" });
+    createdContactPromise;
+    contactGroups[0].name.toLowerCase();
+    addGroupPromise;
+}
+
+async function testSdkLocation(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/sdk/location.d.ts
+    const locationAvailable: boolean = $location.available;
+    $location.fetch({
+        handler: (resp) => {
+            resp.lat.toFixed();
+            resp.lng.toFixed();
+            resp.alt.toFixed();
+        },
+    });
+    $location.startUpdates({
+        handler: (resp) => {
+            resp.lat.toFixed();
+        },
+    });
+    $location.trackHeading({
+        handler: (resp) => {
+            resp.magneticHeading.toFixed();
+            resp.trueHeading.toFixed();
+            resp.headingAccuracy.toFixed();
+            resp.x.toFixed();
+            resp.y.toFixed();
+            resp.z.toFixed();
+        },
+    });
+    $location.stopUpdates();
+    $location.select({
+        handler: (result) => {
+            result.lat.toFixed();
+            result.lng.toFixed();
+        },
+    });
+    const currentLocation: LocationTypes.LocationResponse = await $location.get();
+    const locationSnapshot: UIImage = await $location.snapshot({
+        region: { lat: 0, lng: 0, distance: 1000 },
+        size: { width: 200, height: 100 },
+        showsPin: true,
+        style: 1,
+    });
+    locationAvailable.valueOf();
+    currentLocation.lat.toFixed();
+    locationSnapshot.size.width.toFixed();
+}
+
+async function testSdkMessage(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/sdk/message.d.ts
+    $message.sms({
+        recipients: ["10086"],
+        body: "Hello",
+        subject: "Greeting",
+        attachments: [sampleData],
+        handler: (result) => {
+            const smsResult: 0 | 1 | 2 = result;
+            smsResult.valueOf();
+        },
+    });
+    $message.mail({
+        subject: "Hello",
+        to: ["hello@example.com"],
+        cc: ["copy@example.com"],
+        bcc: ["blind@example.com"],
+        body: "<strong>Hello</strong>",
+        isHTML: true,
+        attachments: [sampleData],
+        handler: (result) => {
+            const mailResult: 0 | 1 | 2 | 3 = result;
+            mailResult.valueOf();
+        },
+    });
+}
+
+async function testSdkMotion(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/sdk/motion.d.ts
+    $motion.startUpdates({
+        interval: 0.1,
+        handler: (resp) => {
+            resp.attitude.yaw.toFixed();
+            resp.attitude.pitch.toFixed();
+            resp.attitude.roll.toFixed();
+            resp.attitude.quaternion.w.toFixed();
+            resp.magneticField.accuracy.toFixed();
+            resp.rotationRate.x.toFixed();
+            resp.acceleration.y.toFixed();
+            resp.gravity.z.toFixed();
+        },
+    });
+    $motion.stopUpdates();
+}
+
+async function testSdkReminder(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/sdk/reminder.d.ts
+    $reminder.fetch({
+        startDate: new Date(),
+        hours: 2,
+        handler: (resp) => {
+            resp.status.valueOf();
+            const reminder = resp.events[0];
+            reminder.title.toLowerCase();
+            $reminder.save({
+                event: reminder,
+                handler: (saveResp) => {
+                    saveResp.status.valueOf();
+                    saveResp.error?.localizedDescription.toLowerCase();
+                },
+            });
+            $reminder.delete({
+                event: reminder,
+                handler: (deleteResp) => {
+                    deleteResp.status.valueOf();
+                    deleteResp.error?.localizedDescription.toLowerCase();
+                },
+            });
+        },
+    });
+    $reminder.create({
+        title: "JSBox Reminder",
+        alarmDate: new Date(),
+        notes: "Created from tests",
+        url: "https://example.com",
+        handler: (resp) => {
+            resp.status.valueOf();
+            resp.error?.localizedDescription.toLowerCase();
+        },
+    });
+}
+
+async function testSdkSafari(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/sdk/safari.d.ts
+    $safari.open({
+        url: "https://example.com",
+        entersReader: true,
+        height: 400,
+        handler: () => {},
+    });
+    const safariItems: any = $safari.items;
+    $safari.inject("document.body.style.background = 'red'");
+    $safari.addReadingItem({
+        url: "https://example.com",
+        title: "Example",
+        preview: "Example preview",
+    });
+    safariItems;
+}
+
+async function testShortcutsIntents(context: TestContext): Promise<void> {
+    const { sampleData, sampleImage, sampleColor, sampleDarkColor, sampleFont, samplePoint, sampleSize, sampleInsets } =
+        context;
+
+    // src/shortcuts/intents.d.ts
+    $intents.height.toFixed();
+    $intents.finish({ result: "done" });
+}
+
+async function test() {
+    const context = createTestContext();
+    const tests: Array<{
+        title: string;
+        handler: () => Promise<void>;
+    }> = [
+        { title: "addin.d.ts", handler: () => testAddin(context) },
+        { title: "basic.d.ts", handler: () => testBasic(context) },
+        { title: "constant.d.ts", handler: () => testConstant(context) },
+        { title: "context.d.ts", handler: () => testContext(context) },
+        { title: "drive.d.ts", handler: () => testDrive(context) },
+        { title: "file.d.ts", handler: () => testFile(context) },
+        { title: "function.d.ts", handler: () => testFunction(context) },
+        { title: "input.d.ts", handler: () => testInput(context) },
+        { title: "keyboard.d.ts", handler: () => testKeyboard(context) },
+        { title: "nodejs.d.ts", handler: () => testNodejs(context) },
+        { title: "picker.d.ts", handler: () => testPicker(context) },
+        { title: "sqlite.d.ts", handler: () => testSqlite(context) },
+        { title: "ssh.d.ts", handler: () => testSsh(context) },
+        { title: "ui.d.ts", handler: () => testUi(context) },
+        { title: "widget.d.ts", handler: () => testWidget(context) },
+        { title: "extend/archiver.d.ts", handler: () => testExtendArchiver(context) },
+        { title: "extend/browser.d.ts", handler: () => testExtendBrowser(context) },
+        { title: "extend/detector.d.ts", handler: () => testExtendDetector(context) },
+        { title: "extend/editor.d.ts", handler: () => testExtendEditor(context) },
+        { title: "extend/push.d.ts", handler: () => testExtendPush(context) },
+        { title: "extend/qrcode.d.ts", handler: () => testExtendQrcode(context) },
+        { title: "extend/share.d.ts", handler: () => testExtendShare(context) },
+        { title: "extend/text.d.ts", handler: () => testExtendText(context) },
+        { title: "extend/xml.d.ts", handler: () => testExtendXml(context) },
+        { title: "foundation/app.d.ts", handler: () => testFoundationApp(context) },
+        { title: "foundation/cache.d.ts", handler: () => testFoundationCache(context) },
+        { title: "foundation/clipboard.d.ts", handler: () => testFoundationClipboard(context) },
+        { title: "foundation/device.d.ts", handler: () => testFoundationDevice(context) },
+        { title: "foundation/http.d.ts", handler: () => testFoundationHttp(context) },
+        { title: "foundation/keychain.d.ts", handler: () => testFoundationKeychain(context) },
+        { title: "foundation/network.d.ts", handler: () => testFoundationNetwork(context) },
+        { title: "foundation/prefs.d.ts", handler: () => testFoundationPrefs(context) },
+        { title: "foundation/system.d.ts", handler: () => testFoundationSystem(context) },
+        { title: "foundation/thread.d.ts", handler: () => testFoundationThread(context) },
+        { title: "foundation/timer.d.ts", handler: () => testFoundationTimer(context) },
+        { title: "media/audio.d.ts", handler: () => testMediaAudio(context) },
+        { title: "media/imagekit.d.ts", handler: () => testMediaImagekit(context) },
+        { title: "media/pdf.d.ts", handler: () => testMediaPdf(context) },
+        { title: "media/photo.d.ts", handler: () => testMediaPhoto(context) },
+        { title: "media/quicklook.d.ts", handler: () => testMediaQuicklook(context) },
+        { title: "network/server.d.ts", handler: () => testNetworkServer(context) },
+        { title: "network/socket.d.ts", handler: () => testNetworkSocket(context) },
+        { title: "sdk/calendar.d.ts", handler: () => testSdkCalendar(context) },
+        { title: "sdk/contact.d.ts", handler: () => testSdkContact(context) },
+        { title: "sdk/location.d.ts", handler: () => testSdkLocation(context) },
+        { title: "sdk/message.d.ts", handler: () => testSdkMessage(context) },
+        { title: "sdk/motion.d.ts", handler: () => testSdkMotion(context) },
+        { title: "sdk/reminder.d.ts", handler: () => testSdkReminder(context) },
+        { title: "sdk/safari.d.ts", handler: () => testSdkSafari(context) },
+        { title: "shortcuts/intents.d.ts", handler: () => testShortcutsIntents(context) },
+    ];
+
+    $ui.render({
+        props: {
+            title: "JSBox Tests",
+        },
+        views: [
+            {
+                type: "list",
+                props: {
+                    data: tests.map((item) => item.title),
+                },
+                layout: $layout.fill,
+                events: {
+                    didSelect: async (sender, indexPath, data) => {
+                        sender;
+                        const selectedTitle: string = data;
+                        selectedTitle.toLowerCase();
+                        await tests[indexPath.row].handler();
+                    },
+                },
+            },
+        ],
+    });
+}
diff --git a/types/jsbox-app/package.json b/types/jsbox-app/package.json
new file mode 100644
index 00000000000000..2374580a038195
--- /dev/null
+++ b/types/jsbox-app/package.json
@@ -0,0 +1,19 @@
+{
+    "private": true,
+    "name": "@types/jsbox-app",
+    "version": "2.0.9999",
+    "nonNpm": true,
+    "nonNpmDescription": "JSBox iOS App runtime API",
+    "projects": [
+        "https://docs.xteko.com/"
+    ],
+    "devDependencies": {
+        "@types/jsbox-app": "workspace:."
+    },
+    "owners": [
+        {
+            "name": "Gandum2077",
+            "githubUsername": "Gandum2077"
+        }
+    ]
+}
diff --git a/types/jsbox-app/src/addin.d.ts b/types/jsbox-app/src/addin.d.ts
new file mode 100644
index 00000000000000..6045edd7d37f24
--- /dev/null
+++ b/types/jsbox-app/src/addin.d.ts
@@ -0,0 +1,34 @@
+// JSBox Addin API TypeScript Declaration
+
+declare namespace AddinTypes {
+    interface AddinItem {
+        name: string;
+        category?: string;
+        url?: string;
+        data: NSData;
+        id?: string;
+        version?: string;
+        icon?: string;
+        readonly iconImage?: UIImage;
+        module?: boolean;
+        author?: string;
+        website?: string;
+    }
+}
+
+interface JBAddin {
+    list: AddinTypes.AddinItem[];
+    categories: string[];
+    readonly current: AddinTypes.AddinItem;
+
+    save(addin: { name: string; data: NSData; handler?: (success: boolean) => void }): void;
+
+    delete(name: string): void;
+    run(name: string | { name: string; query?: any }): void;
+    restart(): void;
+    replay(): void;
+    compile(script: string): string;
+    eval(script: string): void;
+}
+
+declare const $addin: JBAddin;
diff --git a/types/jsbox-app/src/basic.d.ts b/types/jsbox-app/src/basic.d.ts
new file mode 100644
index 00000000000000..d4f6ff666ea66f
--- /dev/null
+++ b/types/jsbox-app/src/basic.d.ts
@@ -0,0 +1,1074 @@
+interface JBRect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+
+interface JBSize {
+    width: number;
+    height: number;
+}
+
+interface JBPoint {
+    x: number;
+    y: number;
+}
+
+interface JBInsets {
+    top: number;
+    left: number;
+    bottom: number;
+    right: number;
+}
+
+interface JBRange {
+    location: number;
+    length: number;
+}
+
+interface JBBasicValue {
+    jsValue(): any;
+    ocValue(): any;
+    invoke(...args: any[]): any;
+}
+
+interface NSError extends JBBasicValue {
+    code: number;
+    domain: string;
+    userInfo: any;
+    localizedDescription: string;
+    localizedFailureReason: string;
+    localizedRecoverySuggestion: string;
+}
+
+interface MASConstraintMaker extends JBBasicValue {
+    // Margins
+    leftMargin: MASViewConstraint;
+    rightMargin: MASViewConstraint;
+    topMargin: MASViewConstraint;
+    bottomMargin: MASViewConstraint;
+    leadingMargin: MASViewConstraint;
+    trailingMargin: MASViewConstraint;
+    centerXWithinMargins: MASViewConstraint;
+    centerYWithinMargins: MASViewConstraint;
+
+    // Center
+    centerX: MASViewConstraint;
+    centerY: MASViewConstraint;
+    center: MASCompositeConstraint;
+
+    // Size
+    width: MASViewConstraint;
+    height: MASViewConstraint;
+    size: MASCompositeConstraint;
+
+    // Edges
+    left: MASViewConstraint;
+    right: MASViewConstraint;
+    top: MASViewConstraint;
+    bottom: MASViewConstraint;
+    leading: MASViewConstraint;
+    trailing: MASViewConstraint;
+    edges: MASCompositeConstraint;
+
+    // Baseline
+    baseline: MASViewConstraint;
+    firstBaseline: MASViewConstraint;
+    lastBaseline: MASViewConstraint;
+
+    // Other
+    updateExisting: boolean;
+    removeExisting: boolean;
+    attributes: () => MASCompositeConstraint;
+}
+
+interface MASViewConstraint extends JBBasicValue {
+    // Margins
+    leftMargin: MASViewConstraint;
+    rightMargin: MASViewConstraint;
+    topMargin: MASViewConstraint;
+    bottomMargin: MASViewConstraint;
+    leadingMargin: MASViewConstraint;
+    trailingMargin: MASViewConstraint;
+
+    // Alignment
+    left: MASViewConstraint;
+    right: MASViewConstraint;
+    top: MASViewConstraint;
+    bottom: MASViewConstraint;
+    leading: MASViewConstraint;
+    trailing: MASViewConstraint;
+    centerX: MASViewConstraint;
+    centerY: MASViewConstraint;
+    firstBaseline: MASViewConstraint;
+    lastBaseline: MASViewConstraint;
+    baseline: MASViewConstraint;
+
+    // Center Alignment within Margins
+    centerXWithinMargins: MASViewConstraint;
+    centerYWithinMargins: MASViewConstraint;
+
+    // Size
+    width: MASViewConstraint;
+    height: MASViewConstraint;
+
+    // Priority
+    priority: (value: number) => MASViewConstraint;
+    priorityToLow: MASViewConstraint;
+    priorityToMedium: MASViewConstraint;
+    priorityToHigh: MASViewConstraint;
+
+    // Constraint Operations
+    equalTo: (target: number | MASViewConstraint | MASViewAttribute | AllUIView) => MASViewConstraint;
+    lessThanOrEqualTo: (target: number | MASViewConstraint | MASViewAttribute | AllUIView) => MASViewConstraint;
+    greaterThanOrEqualTo: (target: number | MASViewConstraint | MASViewAttribute | AllUIView) => MASViewConstraint;
+    offset: (value: number) => MASViewConstraint;
+    inset: (value: number) => MASViewConstraint;
+    insets: (value: JBInsets) => MASViewConstraint;
+    centerOffset: (value: number) => MASViewConstraint;
+    valueOffset: (value: number) => MASViewConstraint;
+    sizeOffset: (value: JBSize) => MASViewConstraint;
+    multipliedBy: (value: number) => MASViewConstraint;
+    dividedBy: (value: number) => MASViewConstraint;
+
+    // Chaining Operations
+    and: MASViewConstraint;
+    with: MASViewConstraint;
+}
+
+interface MASCompositeConstraint extends JBBasicValue {
+    // Positioning and Alignment
+    leading: MASCompositeConstraint;
+    trailing: MASCompositeConstraint;
+    left: MASCompositeConstraint;
+    right: MASCompositeConstraint;
+    top: MASCompositeConstraint;
+    bottom: MASCompositeConstraint;
+    centerX: MASCompositeConstraint;
+    centerY: MASCompositeConstraint;
+    baseline: MASCompositeConstraint;
+    firstBaseline: MASCompositeConstraint;
+    lastBaseline: MASCompositeConstraint;
+
+    // Margin Alignment
+    leadingMargin: MASCompositeConstraint;
+    trailingMargin: MASCompositeConstraint;
+    leftMargin: MASCompositeConstraint;
+    rightMargin: MASCompositeConstraint;
+    topMargin: MASCompositeConstraint;
+    bottomMargin: MASCompositeConstraint;
+    centerXWithinMargins: MASCompositeConstraint;
+    centerYWithinMargins: MASCompositeConstraint;
+
+    // Dimension Constraints
+    width: MASCompositeConstraint;
+    height: MASCompositeConstraint;
+
+    // Priority
+    priority: MASCompositeConstraint;
+    priorityToHigh: MASCompositeConstraint;
+    priorityToMedium: MASCompositeConstraint;
+    priorityToLow: MASCompositeConstraint;
+
+    // Value Setting Methods (taking any value)
+    inset: (value: number) => MASCompositeConstraint;
+    dividedBy: (value: number) => MASCompositeConstraint;
+    multipliedBy: (value: number) => MASCompositeConstraint;
+    centerOffset: (value: number) => MASCompositeConstraint;
+    offset: (value: number) => MASCompositeConstraint;
+    insets: (value: JBInsets) => MASCompositeConstraint;
+    valueOffset: (value: number) => MASCompositeConstraint;
+    sizeOffset: (value: JBSize) => MASCompositeConstraint;
+
+    // Relational Constraints
+    equalTo: (value: MASCompositeConstraint | JBPoint | JBSize | JBInsets | AllUIView) => MASCompositeConstraint;
+    greaterThanOrEqualTo: (
+        value: MASCompositeConstraint | JBPoint | JBSize | JBInsets | AllUIView,
+    ) => MASCompositeConstraint;
+    lessThanOrEqualTo: (
+        value: MASCompositeConstraint | JBPoint | JBSize | JBInsets | AllUIView,
+    ) => MASCompositeConstraint;
+
+    // Others
+    and: MASCompositeConstraint;
+    with: MASCompositeConstraint;
+}
+
+interface UIBaseView extends JBBasicValue {
+    // Id and theme
+    id: string;
+    theme: string;
+
+    // Size and positions
+    bounds: { y: number; x: number; width: number; height: number };
+    center: { x: number; y: number };
+    size: { width: number; height: number };
+    frame: { y: number; x: number; width: number; height: number };
+    intrinsicSize: { width: number; height: number };
+    flex: string;
+
+    // Alignment, margins, center and constraints
+    top: MASViewAttribute;
+    bottom: MASViewAttribute;
+    left: MASViewAttribute;
+    right: MASViewAttribute;
+    leading: MASViewAttribute;
+    trailing: MASViewAttribute;
+    centerX: MASViewAttribute;
+    centerY: MASViewAttribute;
+    width: MASViewAttribute;
+    height: MASViewAttribute;
+    topMargin: MASViewAttribute;
+    bottomMargin: MASViewAttribute;
+    leftMargin: MASViewAttribute;
+    rightMargin: MASViewAttribute;
+    leadingMargin: MASViewAttribute;
+    trailingMargin: MASViewAttribute;
+    safeArea: MASViewAttribute;
+    safeAreaTop: MASViewAttribute;
+    safeAreaBottom: MASViewAttribute;
+    safeAreaLeft: MASViewAttribute;
+    safeAreaRight: MASViewAttribute;
+    safeAreaLeading: MASViewAttribute;
+    safeAreaTrailing: MASViewAttribute;
+    safeAreaCenterX: MASViewAttribute;
+    safeAreaCenterY: MASViewAttribute;
+    safeAreaWidth: MASViewAttribute;
+    safeAreaHeight: MASViewAttribute;
+    centerXWithinMargins: MASViewAttribute;
+    centerYWithinMargins: MASViewAttribute;
+    baseline: MASViewAttribute;
+    lastBaseline: MASViewAttribute;
+    firstBaseline: MASViewAttribute;
+
+    // View props
+    bgcolor: UIColor;
+    borderColor: UIColor;
+    tintColor: UIColor;
+    borderWidth: number;
+    cornerRadius: number;
+    alpha: number;
+    contentMode: number;
+    clipsToBounds: boolean;
+    hidden: boolean;
+    opaque: boolean;
+    smoothCorners: boolean;
+    smoothRadius: number;
+    radius: number;
+    info: { [key: string]: any };
+    // circular: boolean; // Wrong documentation; this property does not exist in `UIView` and is write-only.
+
+    // Touch and interaction
+    exclusiveTouch: boolean;
+    multipleTouchEnabled: boolean;
+    userInteractionEnabled: boolean;
+
+    // Accessibility
+    isAccessibilityElement: boolean;
+    accessibilityLabel?: string;
+    accessibilityHint?: string;
+    accessibilityValue?: string;
+    accessibilityCustomActions?: UIAccessibilityCustomAction[];
+
+    // Animation
+    readonly animator: JHChainableAnimator;
+
+    // View operations and event handler functions
+    snapshot: UIImage;
+    add(view: AllUIView | UiTypes.AllViewOptions): void;
+    remove(): void;
+    get(key: string): AllUIView;
+    insertAbove(view: AllUIView, other: AllUIView): void;
+    insertBelow(view: AllUIView, other: AllUIView): void;
+    insertAtIndex(view: AllUIView, index: number): void;
+    moveToFront(): void;
+    moveToBack(): void;
+    sizeToFit(): void;
+    scale(scale: number): void;
+    snapshotWithScale(scale: number): UIImage;
+    rotate(angle: number): void;
+    whenTapped(handler: (sender: AllUIView) => void): void;
+    whenDoubleTapped(handler: (sender: AllUIView) => void): void;
+    whenTouched(args: { touches: number; taps: number; handler: (sender: AllUIView) => void }): void;
+    addEventHandler(args: { events: number; handler: (sender: AllUIView) => void }): void;
+    // This only available on components like button, text, input, since they are UI controls
+    removeEventHandlers(events: number): void;
+    layout(callback: (make: MASConstraintMaker, view: AllUIView) => void): void;
+    relayout(): void;
+    updateLayout(callback: (make: MASConstraintMaker, view: AllUIView) => void): void;
+    remakeLayout(callback: (make: MASConstraintMaker, view: AllUIView) => void): void;
+    setNeedsLayout(): void;
+    layoutIfNeeded(): void;
+
+    // Subview and hierarchy relationships
+    readonly super: AllUIView;
+    readonly prev: AllUIView;
+    readonly next: AllUIView;
+    readonly window: AppWindow; // Only available after fully loaded
+    readonly views: AllUIView[];
+
+    // Props not yet fully understood
+    // bounce: Function;
+    // startLoading: Function;
+    // stopLoading: Function;
+    // valueForKey: Function;
+    // setValueForKey: Function;
+    // valueForKeyPath: Function;
+    // setValueForKeyPath: Function;
+}
+
+type UIView = UIBaseView;
+
+type AppWindow = Omit<UIView, "id" | "bgcolor">;
+type UIButtonBarButton = UIButtonView;
+
+interface UILabelView extends UIBaseView {
+    text: string;
+    styledText?: UiTypes.StyledTextOptions;
+    autoFontSize: boolean;
+    lines: number;
+    align: number;
+    font: UIFont;
+    shadowOffset: JBPoint;
+    textColor: UIColor;
+    shadowColor?: UIColor;
+}
+
+interface UIButtonView extends UIBaseView {
+    title?: string;
+    titleColor?: UIColor;
+    font?: UIFont;
+    src?: string;
+    source?: {
+        url: string;
+        placeholder?: UIImage;
+        header: Record<string, string>;
+    };
+    symbol?: string;
+    image?: UIImage;
+    icon?: BBFileIcon;
+    type: number; // $btnType
+    menu?: UIMenu;
+
+    enabled: boolean; // Not documented but actually exists; indicates whether it is enabled.
+
+    // The following properties are not documented but actually exist; their purpose is unclear.
+    touchInside: boolean;
+    selected: boolean;
+    highlighted: boolean;
+    tracking: boolean;
+    state: number;
+}
+
+interface UIInputView extends UIBaseView {
+    type: number; // $kbType
+    darkKeyboard?: boolean;
+    text: string;
+    styledText?: UiTypes.StyledTextOptions;
+    textColor: UIColor;
+    font: UIFont;
+    align: number; // $align
+    placeholder?: string;
+    clearsOnBeginEditing: boolean;
+    autoFontSize: boolean;
+    editing: boolean;
+    secure: boolean;
+
+    focus(): void;
+    blur(): void;
+
+    enabled: boolean;
+
+    // The following properties are not documented but actually exist; their purpose is unclear.
+    returnKeyType: number;
+    tracking: boolean;
+    selected: boolean;
+    highlighted: boolean;
+    touchInside: boolean;
+    contentVerticalAlignment: number;
+    contentHorizontalAlignment: number;
+    effectiveContentHorizontalAlignment: number;
+    clearButtonMode: number;
+    state: number;
+}
+
+interface UISliderView extends UIBaseView {
+    value: number;
+    min: number;
+    max: number;
+    continuous: boolean;
+    minColor?: UIColor;
+    maxColor?: UIColor;
+    thumbColor?: UIColor;
+
+    enabled: boolean;
+
+    // The following properties are not documented but actually exist; their purpose is unclear.
+    touchInside: boolean;
+    selected: boolean;
+    highlighted: boolean;
+    tracking: boolean;
+    state: number;
+    contentHorizontalAlignment: number;
+    contentVerticalAlignment: number;
+    effectiveContentHorizontalAlignment: number;
+}
+
+interface UISwitchView extends UIBaseView {
+    on: boolean;
+    onColor: UIColor;
+    thumbColor?: UIColor;
+
+    enabled: boolean;
+
+    // The following properties are not documented but actually exist; their purpose is unclear.
+    touchInside: boolean;
+    selected: boolean;
+    highlighted: boolean;
+    tracking: boolean;
+    state: number;
+    contentHorizontalAlignment: number;
+    contentVerticalAlignment: number;
+    effectiveContentHorizontalAlignment: number;
+}
+
+interface UISpinnerView extends UIBaseView {
+    loading: boolean;
+    color: UIColor;
+    // style?: number; // BUG: this property that does not actually exist.
+    start(): void;
+    stop(): void;
+    toggle(): void;
+}
+
+interface UIProgressView extends UIBaseView {
+    value: number;
+    progressColor?: UIColor;
+    trackColor: UIColor;
+}
+
+interface UIGalleryView extends UIScrollView {
+    itemViews: AllUIView[];
+    page: number;
+    interval: number;
+    pageControl: UIPageControl;
+
+    viewWithIndex(index: number): AllUIView;
+    scrollToPage(index: number): void;
+}
+
+interface UIStepperView extends UIBaseView {
+    value: number;
+    min: number;
+    max: number;
+    step: number;
+    autorepeat: boolean;
+    continuous: boolean;
+
+    enabled: boolean;
+
+    // The following properties are not documented but actually exist; their purpose is unclear.
+    touchInside: boolean;
+    selected: boolean;
+    highlighted: boolean;
+    tracking: boolean;
+    state: number;
+    contentHorizontalAlignment: number;
+    contentVerticalAlignment: number;
+    effectiveContentHorizontalAlignment: number;
+    wraps: boolean;
+}
+
+interface UITextView extends UIScrollView {
+    text: string;
+    styledText?: string | UiTypes.StyledTextOptions;
+    html: string;
+    type: number; // $kbType
+    darkKeyboard: boolean;
+    font: UIFont;
+    textColor: UIColor;
+    align: number; // $align
+    placeholder: string;
+    selectedRange: JBRange;
+    editable: boolean;
+    selectable: boolean;
+    // insets?: JBInsets; // BUG: this property cannot be read.
+    accessoryView?: AllUIView;
+    keyboardView?: AllUIView;
+
+    focus(): void;
+    blur(): void;
+
+    // The following properties are not documented but actually exist; their purpose is unclear.
+    returnKeyType: number;
+}
+
+interface UIImageView extends UIBaseView {
+    image: UIImage;
+    data: NSData;
+    src?: string;
+    source?: {
+        url: string;
+        placeholder?: UIImage;
+        header?: Record<string, string>;
+    };
+    symbol?: string;
+    icon?: BBFileIcon;
+
+    // The following properties are not documented but actually exist; their purpose is unclear.
+    highlighted: boolean;
+}
+
+interface UIVideoView extends UIWebView {
+    src: string;
+    poster?: string;
+
+    pause(): void;
+    play(): void;
+    toggle(): void;
+}
+
+interface UIScrollView extends UIBaseView {
+    contentOffset: JBPoint;
+    contentSize: JBSize;
+    alwaysBounceVertical: boolean;
+    alwaysBounceHorizontal: boolean;
+    pagingEnabled: boolean;
+    scrollEnabled: boolean;
+    showsHorizontalIndicator: boolean;
+    showsVerticalIndicator: boolean;
+    // contentInset?: JBInsets; // BUG: it's documented but does not actually exist
+    // indicatorInsets?: JBInsets; // BUG: it's documented but does not actually exist
+    keyboardDismissMode: number; // 0: none, 1: on-drag, 2: interactive
+
+    zoomEnabled: boolean;
+    maxZoomScale: number;
+    zoomScale: number; // Not documented but actually exist.
+    doubleTapToZoom: boolean;
+
+    tracking: boolean;
+    dragging: boolean;
+    decelerating: boolean;
+
+    beginRefreshing(): void;
+    endRefreshing(): void;
+    resize(): void;
+    updateZoomScale(): void;
+    scrollToOffset(point: JBPoint): void;
+    beginFetchingMore(): void;
+    endFetchingMore(): void;
+
+    // The following properties are not documented but actually exist; their purpose is unclear.
+    zoomToRect: (...args: any[]) => any;
+    setZoomScale: (...args: any[]) => any;
+    directionalLockEnabled: boolean;
+    delaysContentTouches: boolean;
+    indicatorStyle: number;
+}
+
+interface UIStackView extends UIBaseView {
+    stack: BBStackViewStack;
+    axis: number; // $stackViewAxis
+    distribution: number; // $stackViewDistribution
+    alignment: number; // $stackViewAlignment
+    spacing: number; // $stackViewSpacing
+    baselineRelative: boolean;
+    layoutMarginsRelative: boolean;
+}
+
+interface UITabView extends UIBaseView {
+    items: string[];
+    index: number;
+
+    enabled: boolean;
+    disable: () => void;
+    enable: () => void;
+
+    // The following properties are not documented but actually exist; their purpose is unclear.
+    touchInside: boolean;
+    selected: boolean;
+    highlighted: boolean;
+    tracking: boolean;
+    state: number;
+    contentHorizontalAlignment: number;
+    contentVerticalAlignment: number;
+    effectiveContentHorizontalAlignment: number;
+}
+
+interface UIMenuView extends UIBaseView {
+    items: string[];
+    index: number;
+    dynamicWidth?: boolean;
+
+    enabled: boolean;
+
+    // The following properties are not documented but actually exist; their purpose is unclear.
+    touchInside: boolean;
+    selected: boolean;
+    highlighted: boolean;
+    tracking: boolean;
+    state: number;
+    contentHorizontalAlignment: number;
+    contentVerticalAlignment: number;
+    effectiveContentHorizontalAlignment: number;
+}
+
+interface UIMapView extends UIBaseView {
+    location?: {
+        lat: number;
+        lng: number;
+    };
+}
+
+interface UIWebView extends UIBaseView {
+    title: string;
+    url: string;
+    request?: {
+        url: string;
+        method?: string;
+        headers?: Record<string, string>;
+        body?: NSData;
+    };
+    toolbar: boolean;
+    loading: boolean;
+    progress: number;
+    canGoBack: boolean;
+    canGoForward: boolean;
+    ua: string;
+    scrollEnabled: boolean;
+    bounces: boolean;
+    transparent: boolean;
+    allowsNavigation: boolean;
+    allowsLinkPreview: boolean;
+
+    goBack(): void;
+    goForward(): void;
+    reload(): void;
+    reloadFromOrigin(): void;
+    stopLoading(): void;
+    eval(args: { script: string; handler: (result: any, error?: NSError) => void }): void;
+    exec(script: string): Promise<{ result: any; error?: NSError }>;
+    notify(args: { event: string; message: any }): void;
+
+    // The following properties are not documented but actually exist; their purpose is unclear.
+    scrollView: UIScrollView;
+    pageZoom: number;
+}
+
+interface UIListView extends UIScrollView {
+    // style?: number; // not readable
+    data: any[];
+    // template // not readable
+    // separatorInset?: JBInsets; // not readable
+    separatorHidden: boolean;
+    separatorColor: UIColor;
+    header: AllUIView;
+    footer: AllUIView;
+    // rowHeight?: number; // not readable
+    // autoRowHeight?: boolean; // not readable
+    // estimatedRowHeight?: number; // not readable
+    // sectionTitleHeight?: number; // not readable
+    selectable: boolean;
+    // stickyHeader?: boolean; // not readable
+    reorder: boolean;
+    crossSections: boolean;
+    hasActiveAction: boolean;
+    // actions // not readable
+
+    reload(): void; // not documneted but important
+    object(indexPath: NSIndexPath): any;
+    insert(
+        args:
+            | {
+                indexPath: NSIndexPath;
+                value: any; // The value here must conform to the format of data
+            }
+            | {
+                index: number;
+                value: any;
+            },
+    ): void;
+    delete(indexPathOrIndex: NSIndexPath | number): void;
+    cell(indexPath: NSIndexPath): AllUIView;
+    setEditing(editing: boolean): void;
+    scrollTo(args: { indexPath: NSIndexPath; animated?: boolean }): void;
+}
+
+interface UIMatrixView extends UIScrollView {
+    data: any;
+    // template // not readable
+    // spacing?: number; // not readable
+    // itemSize?: JSSize; // not readable
+    // autoItemSize?: boolean; // not readable
+    // estimatedItemSize?: JSSize; // not readable
+    // columns?: number; // not readable
+    // itemHeight?: number; // not readable
+    // square?: boolean; // not readable
+    // direction?: number; // not readable
+    selectable: boolean;
+    // waterfall?: boolean; // not readable
+    // header // not readable (unlike UIListView)
+    // footer // not readable (unlike UIListView)
+    reorder: boolean;
+    // actions // not readable
+    reload(): void; // not documneted but important
+    object(indexPath: NSIndexPath): any;
+    insert(
+        args:
+            | {
+                indexPath: NSIndexPath;
+                value: any; // The value here must conform to the format of data
+            }
+            | {
+                index: number;
+                value: any;
+            },
+    ): void;
+    delete(indexPathOrIndex: NSIndexPath | number): void;
+    cell(indexPath: NSIndexPath): AllUIView;
+    scrollTo(args: { indexPath: NSIndexPath; animated?: boolean }): void;
+}
+
+type UIBlurView = UIView;
+
+interface UIGradientView extends UIBaseView {
+    colors: UIColor[];
+    locations?: number[];
+    startPoint: JBPoint;
+    endPoint: JBPoint;
+}
+
+interface UIDatePickerView extends UIBaseView {
+    date: Date;
+    min?: Date;
+    max?: Date;
+    mode: number;
+    interval: number;
+
+    enabled: boolean;
+
+    // The following properties are not documented but actually exist; their purpose is unclear.
+    touchInside: boolean;
+    selected: boolean;
+    highlighted: boolean;
+    tracking: boolean;
+    state: number;
+    contentHorizontalAlignment: number;
+    contentVerticalAlignment: number;
+    effectiveContentHorizontalAlignment: number;
+}
+
+interface UIPickerView extends UIBaseView {
+    items: any[];
+    selectedRows: number[];
+    data: string[];
+}
+
+type UICanvasView = UIView;
+
+interface UIMarkdownView extends UIBaseView {
+    content: string;
+    style: string;
+    scrollEnabled: boolean;
+    webView: UIWebView;
+
+    // The following properties are not documented but actually exist; their purpose is unclear.
+    baseURL: string;
+}
+
+interface UILottieView extends UIBaseView {
+    json: any;
+    // data: NSData; // not readable
+    src?: string; // Documentation error; it is not a write-only property.
+    playing: boolean;
+    loop: boolean;
+    autoReverse: boolean;
+    progress: number | null;
+    frameIndex: number;
+    speed: number;
+    duration: number | null;
+
+    play(args: {
+        fromFrame?: number;
+        toFrame?: number;
+        fromProgress?: number;
+        toProgress?: number;
+        handler: (finished: boolean) => void;
+    }): void;
+    play(args: { fromFrame?: number; toFrame?: number; fromProgress?: number; toProgress?: number }): Promise<boolean>;
+    pause(): void;
+    stop(): void;
+    update(): void;
+    progressForFrame(progress: number): number;
+    frameForProgress(progress: number): number;
+
+    // The following properties are not documented but actually exist; their purpose is unclear.
+    shouldRasterize: false;
+    cacheEnable: false;
+    model: LOTComposition;
+}
+
+interface UIChartView extends UIWebView {
+    render(data: any): void;
+    dispatchAction(data: any): void;
+    getWidth(): Promise<number>;
+    getWidth(handler: (width: number) => void): void;
+    getHeight(): Promise<number>;
+    getHeight(handler: (height: number) => void): void;
+    getOption(): Promise<any>;
+    getOption(handler: (option: any) => void): void;
+    resize(size: JBSize): void;
+    showLoading(): void;
+    hideLoading(): void;
+    clear(): void;
+}
+
+interface UICodeView extends UITextView {
+    theme: string; // Meaning changed; now refers to the editor theme.
+    // language?: string; // not readable
+    // adjustInsets?: boolean; // not readable
+    // lineNumbers?: boolean; // not readable
+    // invisibles?: boolean; // not readable
+    // linePadding?: number; // not readable
+    // keys?: string[]; // not readable
+
+    accessoryView: AllUIView;
+}
+
+// There is no UIRuntimeView, because what Runtime renders is the component generated by Runtime itself.
+
+interface UIPageControl extends UIBaseView {
+    enabled: boolean;
+
+    // The following properties are not documented but actually exist; their purpose is unclear.
+    touchInside: boolean;
+    selected: boolean;
+    highlighted: boolean;
+    tracking: boolean;
+    state: number;
+    contentHorizontalAlignment: number;
+    contentVerticalAlignment: number;
+    effectiveContentHorizontalAlignment: number;
+}
+
+type AllUIView =
+    | UIView
+    | UILabelView
+    | UIButtonView
+    | UIInputView
+    | UISliderView
+    | UISwitchView
+    | UISpinnerView
+    | UIProgressView
+    | UIGalleryView
+    | UIStepperView
+    | UITextView
+    | UIImageView
+    | UIVideoView
+    | UIScrollView
+    | UIStackView
+    | UITabView
+    | UIMenuView
+    | UIMapView
+    | UIWebView
+    | UIListView
+    | UIMatrixView
+    | UIBlurView
+    | UIGradientView
+    | UIDatePickerView
+    | UIPickerView
+    | UICanvasView
+    | UIMarkdownView
+    | UILottieView
+    | UIChartView
+    | UICodeView
+    | UIPageControl;
+
+interface BBStackViewStack extends JBBasicValue {
+    __clsName: string;
+    views: AllUIView[];
+    add(view: UIView): void;
+    insert(view: UIView, atIndex: number): void;
+    remove(view: UIView): void;
+    setSpacingAfterView(view: UIView, spacing: number): void;
+    spacingAfterView(view: UIView): number;
+}
+
+interface BBRenderVC extends JBBasicValue {
+    dismiss(): void;
+    view: AllUIView;
+    __clsName: string;
+}
+
+interface MASViewAttribute extends JBBasicValue {
+    __clsName: string;
+}
+
+interface UIColor extends JBBasicValue {
+    hexCode: string;
+    components: {
+        red: number;
+        alpha: number;
+        blue: number;
+        green: number;
+    };
+    __clsName: string;
+}
+
+interface JHChainableAnimator extends JBBasicValue {
+    // Very complex. But the feature itself has been deprecated, so the interface is no longer maintained.
+    [propertyName: string]: any;
+}
+
+interface NSIndexPath extends JBBasicValue {
+    section: number;
+    row: number;
+    item: number;
+    __clsName: string;
+}
+
+interface NSData extends JBBasicValue {
+    string?: string;
+    image?: UIImage;
+    imageWithScale?: (scale: number) => UIImage;
+    append: (...args: any[]) => any;
+    subdata: (...args: any[]) => any;
+    fileName: string;
+    byteArray: number[];
+    isGzipped: boolean;
+    __clsName: string;
+    gzipped: NSData;
+    gunzipped: NSData;
+    info: {
+        size: number;
+        mimeType: string;
+    };
+}
+
+interface UIImage extends JBBasicValue {
+    averageColor: UIColor;
+    scale: number;
+    orientation: number;
+    alwaysTemplate: UIImage; // Returns a new image with the template rendering image
+    jpg: (compression: number) => NSData;
+    size: {
+        width: number;
+        height: number;
+    };
+    colorAtPixel: (point: JBPoint) => UIColor;
+    resizableImage(
+        args:
+            | JBInsets
+            | {
+                insets: JBInsets;
+                mode: "tile" | "stretch"; // default stretch
+            },
+    ): UIImage;
+    resized: (size: JBSize) => UIImage;
+    __clsName: string;
+    orientationFixedImage: UIImage;
+    png: NSData;
+    alwaysOriginal: UIImage;
+    info: {
+        scale: number;
+        props: {
+            "{JFIF}": {
+                XDensity: number;
+                YDensity: number;
+                JFIFVersion: number[];
+                DensityUnit: number;
+            };
+            "{Exif}": {
+                PixelXDimension: number;
+                PixelYDimension: number;
+                ColorSpace: number;
+            };
+            DPIWidth: number;
+            "{TIFF}": {
+                Orientation: number;
+                ResolutionUnit: number;
+                XResolution: number;
+                YResolution: number;
+            };
+            ColorModel: string;
+            PixelHeight: number;
+            ProfileName: string;
+            Depth: number;
+            DPIHeight: number;
+            Orientation: number;
+            PixelWidth: number;
+        };
+        width: number;
+        height: number;
+        orientation: number;
+    };
+}
+
+interface UIFont extends JBBasicValue {
+    __clsName: string;
+}
+
+interface BBCanvasContext extends JBBasicValue {
+    fillColor: UIColor;
+    strokeColor: UIColor;
+    font: string;
+    fontSize: number;
+    allowsAntialiasing: boolean;
+
+    saveGState(): void;
+    restoreGState(): void;
+    scaleCTM(sx: number, sy: number): void;
+    translateCTM(tx: number, ty: number): void;
+    rotateCTM(angle: number): void;
+    setLineWidth(width: number): void;
+    setLineCap(lineCap: number): void;
+    setLineJoin(lineJoin: number): void;
+    setMiterLimit(miterLimit: number): void;
+    setAlpha(alpha: number): void;
+    beginPath(): void;
+    moveToPoint(x: number, y: number): void;
+    addLineToPoint(x: number, y: number): void;
+    addCurveToPoint(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number): void;
+    addQuadCurveToPoint(cpx: number, cpy: number, x: number, y: number): void;
+    closePath(): void;
+    addRect(rect: JBRect): void;
+    addArc(x: number, y: number, radius: number, startAngle: number, endAngle: number, clockwise: boolean): void;
+    addArcToPoint(x1: number, y1: number, x2: number, y2: number, radius: number): void;
+    fillRect(rect: JBRect): void;
+    strokeRect(rect: JBRect): void;
+    clearRect(rect: JBRect): void;
+    fillPath(): void;
+    strokePath(): void;
+    drawPath(mode: number): void;
+    drawImage(rect: JBRect, image: UIImage): void;
+    drawText(rect: JBRect, text: string, attributes: { color?: UIColor; font?: UIFont }): void;
+}
+
+interface UIAccessibilityCustomAction extends JBBasicValue {
+    __clsName: string;
+}
+
+interface UIMenu extends JBBasicValue {
+    __clsName: string;
+}
+
+interface BBFileIcon extends JBBasicValue {
+    __clsName: string;
+}
+
+interface LOTComposition extends JBBasicValue {
+    __clsName: string;
+}
+
+interface WKNavigation extends JBBasicValue {
+    __clsName: string;
+}
+
+interface WKNavigationAction extends JBBasicValue {
+    __clsName: string;
+    type: number;
+    sourceURL?: string;
+    targetURL: string;
+    requestURL: string;
+}
diff --git a/types/jsbox-app/src/constant.d.ts b/types/jsbox-app/src/constant.d.ts
new file mode 100644
index 00000000000000..23f640719af6bb
--- /dev/null
+++ b/types/jsbox-app/src/constant.d.ts
@@ -0,0 +1,319 @@
+declare const $env: {
+    app: 1;
+    today: 2;
+    action: 4;
+    safari: 8;
+    notification: 16;
+    keyboard: 32;
+    siri: 64;
+    widget: 128;
+    all: 255;
+};
+
+declare const $align: {
+    left: 0;
+    center: 1;
+    right: 2;
+    justified: 3;
+    natural: 4;
+};
+
+declare const $contentMode: {
+    scaleToFill: 0;
+    scaleAspectFit: 1;
+    scaleAspectFill: 2;
+    redraw: 3;
+    center: 4;
+    top: 5;
+    bottom: 6;
+    left: 7;
+    right: 8;
+};
+
+declare const $btnType: {
+    custom: 0;
+    system: 1;
+    disclosure: 2;
+    infoLight: 3;
+    infoDark: 4;
+    contactAdd: 5;
+};
+
+declare const $alertActionType: {
+    default: 0;
+    cancel: 1;
+    destructive: 2;
+};
+
+declare const $zero: {
+    point: { x: 0; y: 0 };
+    size: { width: 0; height: 0 };
+    rect: { x: 0; y: 0; width: 0; height: 0 };
+    insets: { top: 0; left: 0; bottom: 0; right: 0 };
+};
+
+declare const $layout: {
+    fill: (make: MASConstraintMaker, view: AllUIView) => void;
+    fillSafeArea: (make: MASConstraintMaker, view: AllUIView) => void;
+    center: (make: MASConstraintMaker, view: AllUIView) => void;
+};
+
+declare const $lineCap: {
+    butt: 0;
+    round: 1;
+    square: 2;
+};
+
+declare const $lineJoin: {
+    miter: 0;
+    round: 1;
+    bevel: 2;
+};
+
+declare const $mediaType: {
+    image: "public.image";
+    jpeg: "public.jpeg";
+    jpeg2000: "public.jpeg-2000";
+    tiff: "public.tiff";
+    pict: "com.apple.pict";
+    gif: "com.compuserve.gif";
+    png: "public.png";
+    icns: "com.apple.icns";
+    bmp: "com.microsoft.bmp";
+    ico: "com.microsoft.ico";
+    raw: "public.camera-raw-image";
+    live: "com.apple.live-photo";
+    movie: "public.movie";
+    video: "public.video";
+    audio: "public.audio";
+    mov: "com.apple.quicktime-movie";
+    mpeg: "public.mpeg";
+    mpeg2: "public.mpeg-2-video";
+    mp3: "public.mp3";
+    mp4: "public.mpeg-4";
+    avi: "public.avi";
+    wav: "com.microsoft.waveform-audio";
+    midi: "public.midi-audio";
+};
+
+declare const $imgPicker: {
+    quality: {
+        high: 0;
+        medium: 1;
+        low: 2;
+        r640x480: 3;
+        r1280x720: 4;
+        r960x540: 5;
+    };
+    captureMode: {
+        photo: 0;
+        video: 1;
+    };
+    device: {
+        rear: 0;
+        front: 1;
+    };
+    flashMode: {
+        off: -1;
+        auto: 0;
+        on: 1;
+    };
+};
+
+declare const $kbType: {
+    default: 0;
+    ascii: 1;
+    nap: 2;
+    url: 3;
+    number: 4;
+    phone: 5;
+    namePhone: 6;
+    email: 7;
+    decimal: 8;
+    twitter: 9;
+    search: 10;
+    asciiPhone: 11;
+};
+
+declare const $assetMedia: {
+    type: {
+        unknown: 0;
+        image: 1;
+        video: 2;
+        audio: 3;
+    };
+    subType: {
+        none: 0;
+        panorama: 1;
+        hdr: 2;
+        screenshot: 4;
+        live: 8;
+        depthEffect: 16;
+        streamed: 65536;
+        highFrameRate: 131072;
+        timelapse: 2621448;
+    };
+};
+
+declare const $pageSize: {
+    letter: 0;
+    governmentLetter: 1;
+    legal: 2;
+    juniorLegal: 3;
+    ledger: 4;
+    tabloid: 5;
+    A0: 6;
+    A1: 7;
+    A2: 8;
+    A3: 9;
+    A4: 10;
+    A5: 11;
+    A6: 12;
+    A7: 13;
+    A8: 14;
+    A9: 15;
+    A10: 16;
+    B0: 17;
+    B1: 18;
+    B2: 19;
+    B3: 20;
+    B4: 21;
+    B5: 22;
+    B6: 23;
+    B7: 24;
+    B8: 25;
+    B9: 26;
+    B10: 27;
+    C0: 28;
+    C1: 29;
+    C2: 30;
+    C3: 31;
+    C4: 32;
+    C5: 33;
+    C6: 34;
+    C7: 35;
+    C8: 36;
+    C9: 37;
+    C10: 38;
+    custom: 52;
+};
+
+declare const $UIEvent: {
+    touchDown: 1;
+    touchDownRepeat: 2;
+    touchDragInside: 4;
+    touchDragOutside: 8;
+    touchDragEnter: 16;
+    touchDragExit: 32;
+    touchUpInside: 64;
+    touchUpOutside: 128;
+    touchCancel: 256;
+    valueChanged: 22;
+    primaryActionTriggered: 23;
+    editingDidBegin: 26;
+    editingChanged: 27;
+    editingDidEnd: 28;
+    editingDidEndOnExit: 29;
+    allTouchEvents: 0x00000fff;
+    allEditingEvents: 0x000f0000;
+    applicationReserved: 0x0f000000;
+    systemReserved: 0xf0000000;
+    allEvents: 0xffffffff;
+};
+
+declare const $stackViewAxis: {
+    horizontal: 0;
+    vertical: 1;
+};
+
+declare const $stackViewDistribution: {
+    fill: 0;
+    fillEqually: 1;
+    fillProportionally: 2;
+    equalSpacing: 3;
+    equalCentering: 4;
+};
+
+declare const $stackViewAlignment: {
+    fill: 0;
+    leading: 1;
+    top: 1;
+    firstBaseline: 2;
+    center: 3;
+    trailing: 4;
+    bottom: 4;
+    lastBaseline: 5;
+};
+
+declare const $stackViewSpacing: {
+    useDefault: number;
+    useSystem: number;
+};
+
+declare const $popoverDirection: {
+    up: 1;
+    down: 2;
+    left: 4;
+    right: 8;
+    any: 15;
+};
+
+declare const $scrollDirection: {
+    vertical: 0;
+    horizontal: 1;
+};
+
+declare const $blurStyle: {
+    // Additional Styles
+    extraLight: 0;
+    light: 1;
+    dark: 2;
+    extraDark: 3;
+    regular: 4;
+    prominent: 5;
+    // Adaptable Styles (iOS 13)
+    ultraThinMaterial: 6;
+    thinMaterial: 7;
+    material: 8;
+    thickMaterial: 9;
+    chromeMaterial: 10;
+    // Light Styles (iOS 13)
+    ultraThinMaterialLight: 11;
+    thinMaterialLight: 12;
+    materialLight: 13;
+    thickMaterialLight: 14;
+    chromeMaterialLight: 15;
+    // Dark Styles (iOS 13)
+    ultraThinMaterialDark: 16;
+    thinMaterialDark: 17;
+    materialDark: 18;
+    thickMaterialDark: 19;
+    chromeMaterialDark: 20;
+};
+
+declare const $widgetFamily: {
+    small: 0;
+    medium: 1;
+    large: 2;
+    xLarge: 3; // iPadOS 15
+
+    // iOS 16 lock screen sizes
+    // BUG: Up to version 2.32.0, $widget.family actually returns 6, 7, and 8
+    // for the circular, rectangular, and inline variants, respectively.
+    accessoryCircular: 5;
+    accessoryRectangular: 6;
+    accessoryInline: 7;
+};
+
+declare const NSDictionary: any;
+declare const NSMutableDictionary: any;
+declare const NSArray: any;
+declare const NSMutableArray: any;
+declare const NSSet: any;
+declare const NSMutableSet: any;
+declare const NSString: any;
+declare const NSMutableString: any;
+declare const NSMutableData: any;
+declare const NSNumber: any;
+declare const NSURL: any;
+declare const NSEnumerator: any;
diff --git a/types/jsbox-app/src/context.d.ts b/types/jsbox-app/src/context.d.ts
new file mode 100644
index 00000000000000..cae1bedbfa0e33
--- /dev/null
+++ b/types/jsbox-app/src/context.d.ts
@@ -0,0 +1,51 @@
+// JSBox $context API TypeScript Declaration
+
+declare namespace ContextTypes {
+    interface SafariItem {
+        baseURI: string;
+        source: string;
+        location: string;
+        contentType: string;
+        title: string;
+        selection: {
+            html: string;
+            text: string;
+            style: string;
+        };
+    }
+
+    interface AllItems {
+        text?: string;
+        textItems?: string[];
+        link?: string;
+        linkItems?: string[];
+        image?: UIImage;
+        imageItems?: UIImage[];
+        data?: NSData;
+        dataItems?: NSData[];
+        safari?: {
+            items: SafariItem;
+        };
+    }
+}
+
+interface JBContext {
+    query: any;
+    text: string;
+    textItems: string[];
+    link: string;
+    linkItems: string[];
+    image: UIImage;
+    imageItems: UIImage[];
+    data: NSData;
+    dataItems: NSData[];
+    safari: {
+        items: ContextTypes.SafariItem;
+    };
+    allItems: ContextTypes.AllItems;
+
+    clear(): void;
+    close(): void;
+}
+
+declare const $context: JBContext;
diff --git a/types/jsbox-app/src/drive.d.ts b/types/jsbox-app/src/drive.d.ts
new file mode 100644
index 00000000000000..5c36367d66bf5d
--- /dev/null
+++ b/types/jsbox-app/src/drive.d.ts
@@ -0,0 +1,46 @@
+// JSBox iCloud API TypeScript Declaration
+
+declare namespace DriveTypes {
+    interface DriveOpenOptions {
+        types?: string[];
+        handler: (data: NSData) => void;
+    }
+
+    interface DriveOpenOptionsMulti {
+        types?: string[];
+        multi: true;
+        handler: (files: NSData[]) => void;
+    }
+
+    interface SaveOptions {
+        data: NSData;
+        name: string;
+        handler?: (path: string) => void;
+        // Empirical testing shows that the handler has an available parameter, which is the file path.
+    }
+}
+
+interface JBDrive {
+    open(options: DriveTypes.DriveOpenOptions): void;
+    open(options?: Omit<DriveTypes.DriveOpenOptions, "handler">): Promise<NSData>;
+    open(options: DriveTypes.DriveOpenOptionsMulti): void;
+    open(options: Omit<DriveTypes.DriveOpenOptionsMulti, "handler">): Promise<NSData[]>;
+
+    save(options: DriveTypes.SaveOptions): void;
+    save(options: Omit<DriveTypes.SaveOptions, "handler">): Promise<string>;
+    // Empirical testing shows that this method returns a file path.
+
+    read(path: string): NSData;
+    download(path: string): Promise<NSData>;
+    write(args: { data: NSData; path: string }): boolean;
+    delete(path: string): boolean;
+    list(path: string): string[];
+    copy(args: { src: string; dst: string }): boolean;
+    move(args: { src: string; dst: string }): boolean;
+    mkdir(path: string): boolean;
+    exists(path: string): boolean;
+    isDirectory(path: string): boolean;
+    absolutePath(path: string): string;
+}
+
+declare const $drive: JBDrive;
diff --git a/types/jsbox-app/src/extend/archiver.d.ts b/types/jsbox-app/src/extend/archiver.d.ts
new file mode 100644
index 00000000000000..68c1732b2152f6
--- /dev/null
+++ b/types/jsbox-app/src/extend/archiver.d.ts
@@ -0,0 +1,49 @@
+// JSBox Archiver API TypeScript Declaration
+
+declare namespace ArchiverTypes {
+    type ZipInput =
+        | {
+            files: NSData[];
+        }
+        | {
+            paths: string[];
+        }
+        | {
+            directory: string;
+        };
+
+    type ZipOptions = {
+        dest: string;
+        handler: (success: boolean) => void;
+    } & ZipInput;
+
+    type ZipPromiseOptions = {
+        dest: string;
+    } & ZipInput;
+
+    type UnzipInput =
+        | {
+            file: NSData;
+        }
+        | {
+            path: string;
+        };
+
+    type UnzipOptions = {
+        dest: string;
+        handler: (success: boolean) => void;
+    } & UnzipInput;
+
+    type UnzipPromiseOptions = {
+        dest: string;
+    } & UnzipInput;
+}
+
+interface JBArchiver {
+    zip(options: ArchiverTypes.ZipOptions): void;
+    zip(options: ArchiverTypes.ZipPromiseOptions): Promise<boolean>;
+    unzip(options: ArchiverTypes.UnzipOptions): void;
+    unzip(options: ArchiverTypes.UnzipPromiseOptions): Promise<boolean>;
+}
+
+declare const $archiver: JBArchiver;
diff --git a/types/jsbox-app/src/extend/browser.d.ts b/types/jsbox-app/src/extend/browser.d.ts
new file mode 100644
index 00000000000000..3dfb4ef59a380e
--- /dev/null
+++ b/types/jsbox-app/src/extend/browser.d.ts
@@ -0,0 +1,15 @@
+// JSBox Browser API TypeScript Declaration
+
+declare namespace BrowserTypes {
+    interface ExecOptions {
+        script: string | (() => void);
+        handler?: (result: any) => void;
+        customEvent?: (message: any) => void;
+    }
+}
+
+interface JBBrowser {
+    exec(options: BrowserTypes.ExecOptions | string): Promise<any>;
+}
+
+declare const $browser: JBBrowser;
diff --git a/types/jsbox-app/src/extend/detector.d.ts b/types/jsbox-app/src/extend/detector.d.ts
new file mode 100644
index 00000000000000..63426608367c05
--- /dev/null
+++ b/types/jsbox-app/src/extend/detector.d.ts
@@ -0,0 +1,10 @@
+// JSBox Detector API TypeScript Declaration
+
+interface JBDetector {
+    date(text: string): string[];
+    address(text: string): string[];
+    link(text: string): string[];
+    phoneNumber(text: string): string[];
+}
+
+declare const $detector: JBDetector;
diff --git a/types/jsbox-app/src/extend/editor.d.ts b/types/jsbox-app/src/extend/editor.d.ts
new file mode 100644
index 00000000000000..534d508731c0e0
--- /dev/null
+++ b/types/jsbox-app/src/extend/editor.d.ts
@@ -0,0 +1,24 @@
+// JSBox Editor API TypeScript Declaration
+
+interface JBEditor {
+    text: string;
+    view: UIView;
+    selectedRange: JBRange;
+    selectedText: string;
+    hasText: boolean;
+    isActive: boolean;
+    canUndo: boolean;
+    canRedo: boolean;
+
+    save(): void;
+    undo(): void;
+    redo(): void;
+    activate(): void;
+    deactivate(): void;
+    insertText(text: string): void;
+    deleteBackward(): void;
+    textInRange(range: JBRange): string;
+    setTextInRange(text: string, range: JBRange): void;
+}
+
+declare const $editor: JBEditor;
diff --git a/types/jsbox-app/src/extend/push.d.ts b/types/jsbox-app/src/extend/push.d.ts
new file mode 100644
index 00000000000000..3b874503a35d64
--- /dev/null
+++ b/types/jsbox-app/src/extend/push.d.ts
@@ -0,0 +1,41 @@
+// JSBox Push API TypeScript Declaration
+
+declare namespace PushTypes {
+    interface ScheduleOptions {
+        title: string;
+        body: string;
+        id?: string;
+        sound?: string;
+        mute?: boolean;
+        repeats?: boolean;
+        script?: string;
+        height?: number;
+        query?: any;
+        attachments?: string[];
+        renew?: boolean;
+        delay?: number;
+        date?: Date;
+        region?: {
+            lat: number;
+            lng: number;
+            radius: number;
+            notifyOnEntry?: boolean;
+            notifyOnExit?: boolean;
+        };
+        handler?: (result: string) => void;
+    }
+
+    interface CancelOptions {
+        title?: string;
+        body?: string;
+        id?: string;
+    }
+}
+
+interface JBPush {
+    schedule(options: PushTypes.ScheduleOptions): void;
+    cancel(options: PushTypes.CancelOptions): void;
+    clear(): void;
+}
+
+declare const $push: JBPush;
diff --git a/types/jsbox-app/src/extend/qrcode.d.ts b/types/jsbox-app/src/extend/qrcode.d.ts
new file mode 100644
index 00000000000000..1a08c0a0d1fd1d
--- /dev/null
+++ b/types/jsbox-app/src/extend/qrcode.d.ts
@@ -0,0 +1,18 @@
+// JSBox Qrcode API TypeScript Declaration
+
+declare namespace QrcodeTypes {
+    interface ScanOptions {
+        useFrontCamera?: boolean; // default false
+        turnOnFlash?: boolean; // default false
+        handler: (result: string) => void;
+        cancelled?: () => void;
+    }
+}
+
+interface JBQrcode {
+    encode(text: string): UIImage;
+    decode(image: UIImage): string;
+    scan(options: QrcodeTypes.ScanOptions | ((result: string) => void)): void;
+}
+
+declare const $qrcode: JBQrcode;
diff --git a/types/jsbox-app/src/extend/share.d.ts b/types/jsbox-app/src/extend/share.d.ts
new file mode 100644
index 00000000000000..31c2750a41ef42
--- /dev/null
+++ b/types/jsbox-app/src/extend/share.d.ts
@@ -0,0 +1,34 @@
+// JSBox Share API TypeScript Declaration
+
+declare namespace ShareTypes {
+    interface ShareItem {
+        name?: string;
+        data: NSData;
+    }
+
+    type ShareSheetItems = ShareItem[] | NSData[] | UIImage[] | string[];
+    type ShareSheetItem = ShareItem | NSData | UIImage | string;
+
+    type ShareSheetOptions =
+        | {
+            items: ShareSheetItems;
+            item?: never;
+            handler: (success: boolean) => void; // Required
+        }
+        | {
+            item: ShareSheetItem;
+            items?: never;
+            handler: (success: boolean) => void; // Required
+        };
+}
+
+interface JBShare {
+    sheet(options: ShareTypes.ShareSheetOptions | NSData[] | UIImage[] | string[] | NSData | UIImage | string): void;
+    // Although the sheet method can accept a mixed-type array, it has no practical effect.
+    // So there is no corresponding type support.
+    wechat(content: NSData | UIImage | string): void;
+    qq(content: NSData | UIImage | string): void;
+    universal(content: NSData | UIImage): void; // do not support string
+}
+
+declare const $share: JBShare;
diff --git a/types/jsbox-app/src/extend/text.d.ts b/types/jsbox-app/src/extend/text.d.ts
new file mode 100644
index 00000000000000..9a238c8065892a
--- /dev/null
+++ b/types/jsbox-app/src/extend/text.d.ts
@@ -0,0 +1,61 @@
+// JSBox Text API TypeScript Declaration
+
+declare namespace TextTypes {
+    interface SpeechConfig {
+        text: string;
+        rate?: number;
+        language?: string;
+        voice?: Voice;
+        events?: {
+            didStart?: (sender: Speech) => void;
+            didFinish?: (sender: Speech) => void;
+            didPause?: (sender: Speech) => void;
+            didContinue?: (sender: Speech) => void;
+            didCancel?: (sender: Speech) => void;
+        };
+    }
+
+    interface Speech {
+        pause: () => void;
+        continue: () => void;
+        stop: () => void;
+    }
+
+    interface Voice {
+        readonly language: string;
+        readonly identifier: string;
+        readonly name: string;
+        readonly quality: number;
+        readonly gender: number;
+        readonly audioFileSettings: any;
+    }
+}
+
+interface JBText {
+    uuid: string;
+    tokenize(config: { text: string; handler: (results: string[]) => void }): void;
+    analysis(config: { text: string; handler: (results: { token: string; tag: string }[]) => void }): void;
+    lookup(text: string): void;
+    speech(config: TextTypes.SpeechConfig): TextTypes.Speech;
+    ttsVoices(): TextTypes.Voice[];
+    base64Encode(text: string): string;
+    base64Decode(text: string): string;
+    URLEncode(text: string): string;
+    URLDecode(text: string): string;
+    HTMLEscape(text: string): string;
+    HTMLUnescape(text: string): string;
+    MD5(text: string): string;
+    SHA1(text: string): string;
+    SHA256(text: string): string;
+    convertToPinYin(text: string): string;
+    markdownToHtml(text: string): string;
+    htmlToMarkdown(config: { html: string }): Promise<string>;
+    htmlToMarkdown(config: { html: string; handler: (markdown: string) => void }): void;
+    decodeData(config: { data: NSData; encoding?: number }): string;
+    sizeThatFits(config: { text: string; width: number; font: UIFont; lineSpacing?: number }): {
+        width: number;
+        height: number;
+    };
+}
+
+declare const $text: JBText;
diff --git a/types/jsbox-app/src/extend/xml.d.ts b/types/jsbox-app/src/extend/xml.d.ts
new file mode 100644
index 00000000000000..52efd0098d1c6d
--- /dev/null
+++ b/types/jsbox-app/src/extend/xml.d.ts
@@ -0,0 +1,61 @@
+// JSBox Xml API TypeScript Declaration
+
+declare namespace XmlTypes {
+    type ParseOptions =
+        | {
+            string: string;
+            mode?: "xml" | "html";
+        }
+        | {
+            data: NSData;
+            mode?: "xml" | "html";
+        };
+
+    interface XMLDocument {
+        version: string;
+        rootElement: XMLElement;
+        enumerate(options: {
+            xPath?: string;
+            selector?: string;
+            handler: (element: XMLElement, idx: number) => void;
+        }): void;
+        value(options: { attribute: string; namespace?: string }): string;
+        definePrefix(options: DefinePrefixOptions): void;
+    }
+
+    interface XMLElement {
+        node: string;
+        document: XMLDocument;
+        blank: boolean;
+        namespace: string;
+        tag: string;
+        lineNumber: number;
+        attributes: { [key: string]: string };
+        parent: XMLElement;
+        previous: XMLElement;
+        next: XMLElement;
+        string: string;
+        number: number;
+        date: Date;
+
+        firstChild(options: { xPath?: string; selector?: string; tag?: string; namespace?: string }): XMLElement;
+        children(options?: { tag?: string; namespace?: string }): XMLElement[];
+        enumerate(options: {
+            xPath?: string;
+            selector?: string;
+            handler: (element: XMLElement, idx: number) => void;
+        }): void;
+        value(options: { attribute: string; namespace?: string }): string;
+    }
+
+    interface DefinePrefixOptions {
+        prefix: string;
+        namespace: string;
+    }
+}
+
+interface JBXml {
+    parse(options: XmlTypes.ParseOptions): XmlTypes.XMLDocument;
+}
+
+declare const $xml: JBXml;
diff --git a/types/jsbox-app/src/file.d.ts b/types/jsbox-app/src/file.d.ts
new file mode 100644
index 00000000000000..b5a13ce940b928
--- /dev/null
+++ b/types/jsbox-app/src/file.d.ts
@@ -0,0 +1,21 @@
+// JSBox File API TypeScript Declaration
+
+interface JBFile {
+    read(path: string): NSData;
+    download(path: string): Promise<NSData>;
+    write(args: { data: NSData; path: string }): boolean;
+    delete(path: string): boolean;
+    list(path: string): string[] | undefined;
+    copy(args: { src: string; dst: string }): boolean;
+    move(args: { src: string; dst: string }): boolean;
+    mkdir(path: string): boolean;
+    exists(path: string): boolean;
+    isDirectory(path: string): boolean;
+    merge(args: { files: string[]; dest: string; chunkSize?: number }): void;
+    split(args: { file: string; chunkSize?: number }): void;
+    absolutePath(path: string): string;
+    rootPath: string;
+    extensions: string[];
+}
+
+declare const $file: JBFile;
diff --git a/types/jsbox-app/src/foundation/app.d.ts b/types/jsbox-app/src/foundation/app.d.ts
new file mode 100644
index 00000000000000..7fa751699fadcd
--- /dev/null
+++ b/types/jsbox-app/src/foundation/app.d.ts
@@ -0,0 +1,57 @@
+// JSBox App API TypeScript Declaration
+
+declare namespace AppTypes {
+    interface AppInfo {
+        bundleID: string;
+        version: string;
+        build: string;
+    }
+
+    interface OpenBrowserOptions {
+        type: number;
+        url: string;
+    }
+
+    interface ListenEvents {
+        ready?: () => void;
+        exit?: () => void;
+        pause?: () => void;
+        resume?: () => void;
+        [event: string]: ((object?: any) => void) | undefined;
+    }
+
+    interface NotifyOptions {
+        name: string;
+        object?: any;
+    }
+
+    interface Strings {
+        [language: string]: {
+            [key: string]: string;
+        };
+    }
+}
+
+interface JBApp {
+    theme: "light" | "dark" | "auto";
+    minSDKVer: string;
+    minOSVer: string;
+    tips(message: string): void;
+    info: AppTypes.AppInfo;
+    idleTimerDisabled: boolean;
+    close(delay?: number): void;
+    isDebugging: boolean;
+    env: number; // The value is in $env.
+    widgetIndex: number; // 0 ~ 2; other values indicate that it is not a widget.
+    autoKeyboardEnabled: boolean;
+    keyboardToolbarEnabled: boolean;
+    rotateDisabled: boolean;
+    openURL(url: string): void;
+    openBrowser(options: AppTypes.OpenBrowserOptions): void;
+    openExtension(extension: string): void;
+    listen(events: AppTypes.ListenEvents): void;
+    notify(options: AppTypes.NotifyOptions): void;
+    strings: AppTypes.Strings;
+}
+
+declare const $app: JBApp;
diff --git a/types/jsbox-app/src/foundation/cache.d.ts b/types/jsbox-app/src/foundation/cache.d.ts
new file mode 100644
index 00000000000000..6bf8e3bfaeff4c
--- /dev/null
+++ b/types/jsbox-app/src/foundation/cache.d.ts
@@ -0,0 +1,36 @@
+// JSBox Cache API TypeScript Declaration
+
+declare namespace CacheTypes {
+    interface SetAsyncOptions {
+        key: string;
+        value: any;
+        handler: (result: any) => void;
+    }
+
+    interface GetAsyncOptions {
+        key: string;
+        handler: (result: any) => void;
+    }
+
+    interface RemoveAsyncOptions {
+        key: string;
+        handler: () => void;
+    }
+
+    interface ClearAsyncOptions {
+        handler?: () => void;
+    }
+}
+
+interface JBCache {
+    set(key: string, value: any): void;
+    setAsync(options: CacheTypes.SetAsyncOptions): void;
+    get(key: string): any;
+    getAsync(options: CacheTypes.GetAsyncOptions): void;
+    remove(key: string): void;
+    removeAsync(options: CacheTypes.RemoveAsyncOptions): void;
+    clear(): void;
+    clearAsync(options: CacheTypes.ClearAsyncOptions): void;
+}
+
+declare const $cache: JBCache;
diff --git a/types/jsbox-app/src/foundation/clipboard.d.ts b/types/jsbox-app/src/foundation/clipboard.d.ts
new file mode 100644
index 00000000000000..f0e506fdbb30bc
--- /dev/null
+++ b/types/jsbox-app/src/foundation/clipboard.d.ts
@@ -0,0 +1,37 @@
+// JSBox Clipboard API TypeScript Declaration
+
+declare namespace ClipboardTypes {
+    interface ClipboardItem {
+        type: string;
+        value: string;
+    }
+
+    interface ClipboardCopyOptions {
+        text?: string;
+        image?: NSData;
+        data?: NSData;
+        ttl?: number;
+        locally?: boolean;
+    }
+}
+
+interface JBClipboard {
+    text?: string;
+    image?: NSData; // Note: The return value is binary data, not image.
+    items: any[];
+    phoneNumbers: string[];
+    phoneNumber?: string;
+    links: string[];
+    link?: string;
+    emails: string[];
+    email?: string;
+    dates: Date[];
+    date?: Date;
+
+    setTextLocalOnly(text: string): void;
+    set(item: ClipboardTypes.ClipboardItem): void;
+    copy(options: ClipboardTypes.ClipboardCopyOptions): void;
+    clear(): void;
+}
+
+declare const $clipboard: JBClipboard;
diff --git a/types/jsbox-app/src/foundation/device.d.ts b/types/jsbox-app/src/foundation/device.d.ts
new file mode 100644
index 00000000000000..78c800c04b5c40
--- /dev/null
+++ b/types/jsbox-app/src/foundation/device.d.ts
@@ -0,0 +1,69 @@
+// JSBox Device API TypeScript Declaration
+
+declare namespace DeviceTypes {
+    interface DeviceInfo {
+        model: string;
+        language: string;
+        version: string;
+        name: string;
+        screen: {
+            width: number;
+            height: number;
+            scale: number;
+            orientation: number;
+        };
+        battery: {
+            state: number; // 0: unknown, 1: uncharging, 2: charging, 3: full
+            level: number;
+        };
+    }
+
+    interface WifiInfo {
+        SSIDDATA: any;
+        BSSID: string;
+        SSID: string;
+    }
+
+    interface SpaceInfo {
+        disk: {
+            free: {
+                bytes: number;
+                string: string;
+            };
+            total: {
+                bytes: number;
+                string: string;
+            };
+        };
+        memory: {
+            free: {
+                bytes: number;
+                string: string;
+            };
+            total: {
+                bytes: number;
+                string: string;
+            };
+        };
+    }
+}
+
+interface JBDevice {
+    info: DeviceTypes.DeviceInfo;
+    ssid: DeviceTypes.WifiInfo;
+    networkType: number;
+    space: DeviceTypes.SpaceInfo;
+    taptic(level: number): void;
+    wlanAddress: string;
+    isDarkMode: boolean;
+    isIphoneX: boolean;
+    isIphonePlus: boolean;
+    isIpad: boolean;
+    isIpadPro: boolean;
+    hasTouchID: boolean;
+    hasFaceID: boolean;
+    isJailbroken: boolean;
+    isVoiceOverOn: boolean;
+}
+
+declare const $device: JBDevice;
diff --git a/types/jsbox-app/src/foundation/http.d.ts b/types/jsbox-app/src/foundation/http.d.ts
new file mode 100644
index 00000000000000..f3e7e0623bcdaf
--- /dev/null
+++ b/types/jsbox-app/src/foundation/http.d.ts
@@ -0,0 +1,169 @@
+// JSBox Network API TypeScript Declaration
+
+// The official documentation for this module is somewhat confusing;
+// the type annotations in this module are mixed with some empirically verified results.
+
+declare namespace HttpTypes {
+    enum NSURLErrorDomain {
+        NSURLErrorUnknown = -1,
+        NSURLErrorCancelled = -999,
+        NSURLErrorBadURL = -1000,
+        NSURLErrorTimedOut = -1001,
+        NSURLErrorUnsupportedURL = -1002,
+        NSURLErrorCannotFindHost = -1003,
+        NSURLErrorCannotConnectToHost = -1004,
+        NSURLErrorNetworkConnectionLost = -1005,
+        NSURLErrorDNSLookupFailed = -1006,
+        NSURLErrorHTTPTooManyRedirects = -1007,
+        NSURLErrorResourceUnavailable = -1008,
+        NSURLErrorNotConnectedToInternet = -1009,
+        NSURLErrorRedirectToNonExistentLocation = -1010,
+        NSURLErrorBadServerResponse = -1011,
+        NSURLErrorUserCancelledAuthentication = -1012,
+        NSURLErrorUserAuthenticationRequired = -1013,
+        NSURLErrorZeroByteResource = -1014,
+        NSURLErrorCannotDecodeRawData = -1015,
+        NSURLErrorCannotDecodeContentData = -1016,
+        NSURLErrorCannotParseResponse = -1017,
+        NSURLErrorAppTransportSecurityRequiresSecureConnection = -1022,
+        NSURLErrorFileDoesNotExist = -1100,
+        NSURLErrorFileIsDirectory = -1101,
+        NSURLErrorNoPermissionsToReadFile = -1102,
+        NSURLErrorDataLengthExceedsMaximum = -1103,
+        NSURLErrorSecureConnectionFailed = -1200,
+        NSURLErrorServerCertificateHasBadDate = -1201,
+        NSURLErrorServerCertificateUntrusted = -1202,
+        NSURLErrorServerCertificateHasUnknownRoot = -1203,
+        NSURLErrorServerCertificateNotYetValid = -1204,
+        NSURLErrorClientCertificateRejected = -1205,
+        NSURLErrorClientCertificateRequired = -1206,
+        NSURLErrorCannotLoadFromNetwork = -2000,
+        NSURLErrorCannotCreateFile = -3000,
+        NSURLErrorCannotOpenFile = -3001,
+        NSURLErrorCannotCloseFile = -3002,
+        NSURLErrorCannotWriteToFile = -3003,
+        NSURLErrorCannotRemoveFile = -3004,
+        NSURLErrorCannotMoveFile = -3005,
+        NSURLErrorDownloadDecodingFailedMidStream = -3006,
+        NSURLErrorDownloadDecodingFailedToComplete = -3007,
+        NSURLErrorInternationalRoamingOff = -1018,
+        NSURLErrorCallIsActive = -1019,
+        NSURLErrorDataNotAllowed = -1020,
+        NSURLErrorRequestBodyStreamExhausted = -1021,
+        NSURLErrorBackgroundSessionRequiresSharedContainer = -995,
+        NSURLErrorBackgroundSessionInUseByAnotherProcess = -996,
+        NSURLErrorBackgroundSessionWasDisconnected = -997,
+    }
+    interface NSURLError extends NSError {
+        code: NSURLErrorDomain;
+    }
+
+    interface HttpRequestOptions {
+        method?: string;
+        url: string;
+        header?: Record<string, any>;
+        body?: Record<string, any> | NSData;
+        timeout?: number;
+        form?: Record<string, any>;
+        files?: {
+            image?: UIImage;
+            data?: NSData;
+            name: string;
+            filename?: string;
+            "content-type"?: string;
+        }[];
+        proxy?: {
+            HTTPEnable: boolean;
+            HTTPProxy: string;
+            HTTPPort: number;
+            HTTPSEnable: boolean;
+            HTTPSProxy: string;
+            HTTPSPort: number;
+        };
+        handler: (response: HttpResponse) => void;
+    }
+
+    interface DownloadOptions {
+        url: string;
+        header?: Record<string, any>;
+        body?: Record<string, any> | NSData;
+        // timeout?: number; // Empirical testing shows that timeout is ineffective for $http.download
+        form?: Record<string, any>;
+        proxy?: {
+            HTTPEnable: boolean;
+            HTTPProxy: string;
+            HTTPPort: number;
+            HTTPSEnable: boolean;
+            HTTPSProxy: string;
+            HTTPSPort: number;
+        };
+        showsProgress?: boolean;
+        backgroundFetch?: boolean;
+        progress?: (bytesWritten: number, totalBytes: number) => void;
+        message?: string;
+        handler: (response: DownloadResponse) => void;
+    }
+
+    interface UploadOptions extends HttpRequestOptions {
+        showsProgress?: boolean;
+        message?: string;
+        progress?: (percentage: number) => void;
+    }
+
+    interface HttpResponse {
+        data: any;
+        rawData: NSData;
+        response: Response;
+        error?: NSURLError;
+    }
+
+    interface DownloadResponse {
+        data: NSData;
+        response: Response;
+        error?: NSURLError;
+    }
+
+    interface Response {
+        url: string;
+        MIMEType: string;
+        expectedContentLength: number;
+        textEncodingName: string;
+        suggestedFilename: string;
+        statusCode: number;
+        headers: Record<string, string>;
+    }
+
+    interface ServerResult {
+        success: boolean;
+        publicServerURL: string;
+        url: string;
+        error?: NSURLError;
+        port: number;
+    }
+}
+
+interface JBHttp {
+    request(options: HttpTypes.HttpRequestOptions): void;
+    request(options: Omit<HttpTypes.HttpRequestOptions, "handler">): Promise<HttpTypes.HttpResponse>;
+
+    get(options: HttpTypes.HttpRequestOptions): void;
+    get(options: string | Omit<HttpTypes.HttpRequestOptions, "handler">): Promise<HttpTypes.HttpResponse>;
+
+    post(options: HttpTypes.HttpRequestOptions): void;
+    post(options: Omit<HttpTypes.HttpRequestOptions, "handler">): Promise<HttpTypes.HttpResponse>;
+
+    download(options: HttpTypes.DownloadOptions): void;
+    download(options: Omit<HttpTypes.DownloadOptions, "handler">): Promise<HttpTypes.DownloadResponse>;
+
+    upload(options: HttpTypes.UploadOptions): void;
+    upload(options: Omit<HttpTypes.UploadOptions, "handler">): Promise<HttpTypes.HttpResponse>;
+
+    startServer(options: { port: number; path: string; handler: (result: HttpTypes.ServerResult) => void }): void;
+    stopServer(): void;
+    shorten(options: { url: string; handler: (url: string) => void }): void;
+    // shorten: deprecated
+    lengthen(options: { url: string; handler: (url: string) => void }): void;
+    lengthen(options: { url: string }): Promise<string>;
+}
+
+declare const $http: JBHttp;
diff --git a/types/jsbox-app/src/foundation/keychain.d.ts b/types/jsbox-app/src/foundation/keychain.d.ts
new file mode 100644
index 00000000000000..6d92c2e0dbc6ae
--- /dev/null
+++ b/types/jsbox-app/src/foundation/keychain.d.ts
@@ -0,0 +1,11 @@
+// JSBox Keychain API TypeScript Declaration
+
+interface JBKeychain {
+    set(key: string, value: string, domain?: string): boolean;
+    get(key: string, domain?: string): string;
+    remove(key: string, domain?: string): boolean;
+    clear(domain: string): boolean;
+    keys(domain: string): string[];
+}
+
+declare const $keychain: JBKeychain;
diff --git a/types/jsbox-app/src/foundation/network.d.ts b/types/jsbox-app/src/foundation/network.d.ts
new file mode 100644
index 00000000000000..2ae7ae49b2d1ad
--- /dev/null
+++ b/types/jsbox-app/src/foundation/network.d.ts
@@ -0,0 +1,42 @@
+// JSBox Network API TypeScript Declaration
+
+declare namespace NetworkTypes {
+    interface NetworkInterfaceInfo {
+        [interfaceName: string]: string;
+    }
+
+    interface PingOptions {
+        host: string;
+        timeout?: number;
+        period?: number;
+        payloadSize?: number;
+        ttl?: number;
+        didReceiveReply?: (summary: PingSummary) => void;
+        didReceiveUnexpectedReply?: (summary: PingSummary) => void;
+        didSendPing?: (summary: PingSummary) => void;
+        didTimeout?: (summary: PingSummary) => void;
+        didFail?: (error: NSError) => void;
+        didFailToSendPing?: (response: any) => void;
+    }
+
+    interface PingSummary {
+        sequenceNumber: number;
+        payloadSize: number;
+        ttl: number;
+        host: string;
+        sendDate: Date | null;
+        receiveDate: Date | null;
+        rtt: number;
+        status: number;
+    }
+}
+
+interface JBNetwork {
+    ifa_data: Record<string, { received: number; sent: number }>;
+    interfaces: NetworkTypes.NetworkInterfaceInfo;
+    startPinging(options: NetworkTypes.PingOptions): void;
+    stopPinging(): void;
+    proxy_settings: any; // The documentation lacks specific details, so any is used here as a fallback.
+}
+
+declare const $network: JBNetwork;
diff --git a/types/jsbox-app/src/foundation/prefs.d.ts b/types/jsbox-app/src/foundation/prefs.d.ts
new file mode 100644
index 00000000000000..3ce7b43f09bdfc
--- /dev/null
+++ b/types/jsbox-app/src/foundation/prefs.d.ts
@@ -0,0 +1,92 @@
+// JSBox Prefs API TypeScript Declaration
+
+declare namespace PrefsTypes {
+    // Types for prefs.json structure (optional, based on your usage)
+    interface PrefsJson {
+        title: string;
+        groups: PrefsGroup[];
+    }
+
+    interface PrefsGroup {
+        title: string;
+        items: allPrefsItemTypes[];
+    }
+
+    interface PrefsItem {
+        title: string;
+        type: string;
+        // type: string, password, number, boolean,
+        // slider, list, info, link, script, child.
+        key: string;
+        value?: any;
+        placeholder?: string;
+        insetGrouped?: boolean;
+        inline?: boolean;
+        // ... other properties based on the type
+    }
+
+    interface PrefsItemString extends PrefsItem {
+        type: "string";
+    }
+
+    interface PrefsItemPassword extends PrefsItem {
+        type: "password";
+    }
+
+    interface PrefsItemNumber extends PrefsItem {
+        type: "number";
+    }
+
+    interface PrefsItemBoolean extends PrefsItem {
+        type: "boolean";
+    }
+
+    interface PrefsItemSlider extends PrefsItem {
+        type: "slider";
+    }
+
+    interface PrefsItemList extends PrefsItem {
+        type: "list";
+        items: string[];
+    }
+
+    interface PrefsItemInfo extends PrefsItem {
+        type: "info";
+    }
+
+    interface PrefsItemLink extends PrefsItem {
+        type: "link";
+    }
+
+    interface PrefsItemScript extends PrefsItem {
+        type: "script";
+        script: string;
+    }
+
+    interface PrefsItemChild extends PrefsItem {
+        type: "child";
+        items: allPrefsItemTypes[];
+    }
+
+    type allPrefsItemTypes =
+        | PrefsItemString
+        | PrefsItemPassword
+        | PrefsItemNumber
+        | PrefsItemBoolean
+        | PrefsItemSlider
+        | PrefsItemList
+        | PrefsItemInfo
+        | PrefsItemLink
+        | PrefsItemScript
+        | PrefsItemChild;
+}
+
+interface JBPrefs {
+    get(key: string): any;
+    set(key: string, value: any): void;
+    all(): { [key: string]: any };
+    open(callback: () => void): void;
+    edit(config: PrefsTypes.PrefsJson): Promise<PrefsTypes.PrefsJson>;
+}
+
+declare const $prefs: JBPrefs;
diff --git a/types/jsbox-app/src/foundation/system.d.ts b/types/jsbox-app/src/foundation/system.d.ts
new file mode 100644
index 00000000000000..2f47f08a7beb3b
--- /dev/null
+++ b/types/jsbox-app/src/foundation/system.d.ts
@@ -0,0 +1,21 @@
+// JSBox System API TypeScript Declaration
+
+declare namespace SystemTypes {
+    interface IconOptions {
+        title: string;
+        url: string;
+        icon: UIImage;
+    }
+}
+
+interface JBSystem {
+    brightness: number; // 0.0 ~ 1.0
+    volume: number; // 0.0 ~ 1.0
+    call(number: string): void;
+    sms(number: string): void;
+    mailto(email: string): void;
+    facetime(number: string): void;
+    makeIcon(options: SystemTypes.IconOptions): void;
+}
+
+declare const $system: JBSystem;
diff --git a/types/jsbox-app/src/foundation/thread.d.ts b/types/jsbox-app/src/foundation/thread.d.ts
new file mode 100644
index 00000000000000..3adc2d71b32ff7
--- /dev/null
+++ b/types/jsbox-app/src/foundation/thread.d.ts
@@ -0,0 +1,20 @@
+// JSBox Thread API TypeScript Declaration
+
+declare namespace ThreadTypes {
+    interface BackgroundTask {
+        delay?: number;
+        handler: () => void;
+    }
+
+    interface MainTask {
+        delay?: number;
+        handler: () => void;
+    }
+}
+
+interface JBThread {
+    background(task: ThreadTypes.BackgroundTask | (() => void)): void;
+    main(task: ThreadTypes.MainTask | (() => void)): void;
+}
+
+declare const $thread: JBThread;
diff --git a/types/jsbox-app/src/foundation/timer.d.ts b/types/jsbox-app/src/foundation/timer.d.ts
new file mode 100644
index 00000000000000..7e199b08ddcb7d
--- /dev/null
+++ b/types/jsbox-app/src/foundation/timer.d.ts
@@ -0,0 +1,18 @@
+// JSBox Timer API TypeScript Declaration
+
+declare namespace TimerTypes {
+    interface TimerTask {
+        interval: number;
+        handler: () => void;
+    }
+
+    interface Timer {
+        invalidate(): void;
+    }
+}
+
+interface JBTimer {
+    schedule(task: TimerTypes.TimerTask): TimerTypes.Timer;
+}
+
+declare const $timer: JBTimer;
diff --git a/types/jsbox-app/src/function.d.ts b/types/jsbox-app/src/function.d.ts
new file mode 100644
index 00000000000000..98716a79eaec3e
--- /dev/null
+++ b/types/jsbox-app/src/function.d.ts
@@ -0,0 +1,46 @@
+// JSBox Built-in Functions TypeScript Declaration
+
+declare function $l10n(key: string): string;
+declare function $delay(seconds: number, callback: () => void): { cancel: () => void };
+declare function $wait(seconds: number): Promise<void>;
+declare function $rect(x: number, y: number, width: number, height: number): JBRect;
+declare function $size(width: number, height: number): JBSize;
+declare function $point(x: number, y: number): JBPoint;
+declare function $insets(top: number, left: number, bottom: number, right: number): JBInsets;
+declare function $color(name: "namedColors"): Record<string, UIColor>;
+declare function $color(hexOrName: string): UIColor;
+declare function $color(DarkModeOptions: { light: string; dark: string; black?: string }): UIColor;
+declare function $color(lightColor: string | UIColor, darkColor: string | UIColor): UIColor;
+declare function $rgb(red: number, green: number, blue: number): UIColor;
+declare function $rgba(red: number, green: number, blue: number, alpha: number): UIColor;
+declare function $font(size: number): UIFont;
+declare function $font(name: string, size: number): UIFont;
+declare function $range(location: number, length: number): JBRange;
+declare function $indexPath(section: number, row: number): NSIndexPath;
+declare function $data(content: { string: string; encoding?: number }): NSData;
+declare function $data(content: { path: string }): NSData;
+declare function $data(content: { url: string }): NSData;
+declare function $data(content: { base64: string }): NSData;
+declare function $data(content: { byteArray: number[] }): NSData;
+declare function $image(source: string, scale?: number): UIImage;
+declare function $image(lightModeSource: string | UIImage, darkModeSource: string | UIImage): UIImage;
+declare function $image(source: { light: string | UIImage; dark: string | UIImage }, scale?: number): UIImage;
+declare function $icon(code: string, color?: UIColor, size?: JBSize): BBFileIcon;
+declare function $accessibilityAction(name: string, handler: () => void): UIAccessibilityCustomAction;
+
+declare function $objc(className: string): any;
+declare function $define(options: { type: string; events?: any; classEvents?: any }): any;
+declare function $delegate(options: { type: string; events?: any }): any;
+declare function $block(definition: string, handler: (...args: any[]) => void): any;
+declare function $defc(...args: string[]): any;
+declare function $objc_retain(object: any): void;
+declare function $objc_release(object: any): void;
+declare function $get_protocol(name: string): any;
+declare function $objc_clean(): void;
+
+declare function $include(path: string): void;
+declare function $props(object: any): string[];
+declare function $desc(object: any): any;
+
+declare function $(selector: string): AllUIView;
+declare function $notify(event: string, message?: any): void;
diff --git a/types/jsbox-app/src/input.d.ts b/types/jsbox-app/src/input.d.ts
new file mode 100644
index 00000000000000..04b23bcc10ae60
--- /dev/null
+++ b/types/jsbox-app/src/input.d.ts
@@ -0,0 +1,25 @@
+// JSBox Input API TypeScript Declaration
+
+declare namespace InputTypes {
+    interface TextOptions {
+        text?: string; // It is not documented, but it exists based on empirical testing.
+        type?: number; // $kbType
+        placeholder?: string;
+        handler: (text: string) => void;
+    }
+
+    interface SpeechOptions {
+        locale?: string;
+        autoFinish?: boolean;
+        handler: (text: string) => void;
+    }
+}
+
+interface JBInput {
+    text(options: InputTypes.TextOptions): void;
+    text(options?: Omit<InputTypes.TextOptions, "handler">): Promise<string>;
+    speech(options: InputTypes.SpeechOptions): void;
+    speech(options?: Omit<InputTypes.SpeechOptions, "handler">): Promise<string>;
+}
+
+declare const $input: JBInput;
diff --git a/types/jsbox-app/src/keyboard.d.ts b/types/jsbox-app/src/keyboard.d.ts
new file mode 100644
index 00000000000000..43a9a12382dfa1
--- /dev/null
+++ b/types/jsbox-app/src/keyboard.d.ts
@@ -0,0 +1,20 @@
+// JSBox Keyboard API TypeScript Declaration
+
+interface JBKeyboard {
+    insert(text: string): void;
+    delete(): void;
+    moveCursor(position: number): void;
+    playInputClick(): void;
+    readonly hasText: boolean;
+    readonly selectedText: string;
+    readonly textBeforeInput: string;
+    readonly textAfterInput: string;
+    getAllText(handler: (text: string) => void): void;
+    next(): void;
+    send(): void;
+    dismiss(): void;
+    barHidden: boolean;
+    height: number;
+}
+
+declare const $keyboard: JBKeyboard;
diff --git a/types/jsbox-app/src/media/audio.d.ts b/types/jsbox-app/src/media/audio.d.ts
new file mode 100644
index 00000000000000..0f3128226815c6
--- /dev/null
+++ b/types/jsbox-app/src/media/audio.d.ts
@@ -0,0 +1,31 @@
+// JSBox Audio API TypeScript Declaration
+
+declare namespace AudioTypes {
+    interface PlayOptions {
+        id?: number;
+        url?: string;
+        path?: string;
+        events?: {
+            itemEnded?: () => void;
+            timeJumped?: () => void;
+            didPlayToEndTime?: () => void;
+            failedToPlayToEndTime?: () => void;
+            playbackStalled?: () => void;
+            newAccessLogEntry?: () => void;
+            newErrorLogEntry?: () => void;
+        };
+    }
+}
+
+interface JBAudio {
+    play(options: AudioTypes.PlayOptions): void;
+    pause(): void;
+    resume(): void;
+    stop(): void;
+    seek(seconds: number): void;
+    status: number; // 0: paused, 1: waiting, 2: playing
+    duration: number;
+    offset: number;
+}
+
+declare const $audio: JBAudio;
diff --git a/types/jsbox-app/src/media/imagekit.d.ts b/types/jsbox-app/src/media/imagekit.d.ts
new file mode 100644
index 00000000000000..321d440a4e743d
--- /dev/null
+++ b/types/jsbox-app/src/media/imagekit.d.ts
@@ -0,0 +1,124 @@
+// JSBox Imagekit API TypeScript Declaration
+
+declare namespace ImagekitTypes {
+    interface ImageInfo {
+        width: number;
+        height: number;
+        orientation: number;
+        scale: number;
+        props: UIImage["info"];
+    }
+
+    interface GIFExtractResult {
+        images: UIImage[];
+        durations: number[];
+    }
+
+    type GIFMakeOptions =
+        | {
+            duration: number;
+            durations?: never;
+            size?: number;
+        }
+        | {
+            durations: number[];
+            duration?: never;
+            size?: number;
+        };
+
+    type VideoMakeOptions =
+        | {
+            duration: number;
+            durations?: never;
+        }
+        | {
+            durations: number[];
+            duration?: never;
+        };
+
+    enum CropToMode {
+        TopLeft = 0,
+        TopCenter = 1,
+        TopRight = 2,
+        BottomLeft = 3,
+        BottomCenter = 4,
+        BottomRight = 5,
+        LeftCenter = 6,
+        RightCenter = 7,
+        Center = 8,
+    }
+
+    enum ScaleToMode {
+        scaleFill = 0,
+        scaleAspectFit = 1,
+        scaleAspectFill = 2,
+    }
+
+    enum OrientationMode {
+        vertically = 0,
+        horizontally = 1,
+    }
+}
+
+interface JBImageKit {
+    render(
+        options: { size: JBSize; color?: UIColor; scale?: number; opaque?: boolean },
+        handler: (ctx: BBCanvasContext) => void,
+    ): UIImage;
+    info(image: UIImage): ImagekitTypes.ImageInfo; // Get image information
+    grayscale(image: UIImage): UIImage; // Get grayscaled image
+    invert(image: UIImage): UIImage; // Invert colors
+    sepia(image: UIImage): UIImage; // Apply sepia filter
+    adjustEnhance(image: UIImage): UIImage; // Enhance image automatically
+    adjustRedEye(image: UIImage): UIImage; // Red-eye adjustment
+    adjustBrightness(image: UIImage, value: number): UIImage;
+    // Adjust brightness, value range: (-255, 255)
+    adjustContrast(image: UIImage, value: number): UIImage;
+    // Adjust contrast, value range: (-255, 255)
+    adjustGamma(image: UIImage, value: number): UIImage;
+    // Adjust gamma value, value range: (0.01, 8)
+    adjustOpacity(image: UIImage, value: number): UIImage;
+    // Adjust opacity, value range: (0, 1)
+    blur(image: UIImage, bias: number): UIImage; // Apply gaussian blur
+    emboss(image: UIImage, bias: number): UIImage; // Emboss effect
+    sharpen(image: UIImage, bias: number): UIImage; // Sharpen
+    unsharpen(image: UIImage, bias: number): UIImage; // Unsharpen
+    detectEdge(image: UIImage, bias: number): UIImage; // Edge detection
+    mask(image: UIImage, mask: UIImage): UIImage; // Crop an image with mask
+    reflect(image: UIImage, height: number, fromAlpha: number, toAlpha: number): UIImage;
+    // Create an up-down reflected image, from height position, change alpha value from fromAlpha to toAlpha
+    cropTo(image: UIImage, size: JBSize, mode: number): UIImage;
+    // Crop an image
+    scaleBy(image: UIImage, value: number): UIImage;
+    // Resize an image with scale
+    scaleTo(image: UIImage, size: JBSize, mode: number): UIImage;
+    // Resize an image to a specific size
+    scaleFill(image: UIImage, size: JBSize): UIImage;
+    // Resize an image using scaleFill mode
+    scaleAspectFit(image: UIImage, size: JBSize): UIImage;
+    // Resize an image using scaleAspectFit mode
+    scaleAspectFill(image: UIImage, size: JBSize): UIImage;
+    // Resize an image using scaleAspectFill mode
+    rotate(image: UIImage, radians: number): UIImage;
+    // Rotate an image (it may change the size)
+    rotatePixels(image: UIImage, radians: number): UIImage;
+    // Rotate an image (keeps the image size, some contents might be clipped)
+    flip(image: UIImage, mode: number): UIImage;
+    // Flip an image
+    concatenate(images: UIImage[], space: number, mode: number): UIImage;
+    // Concatenate images with space
+    combine(image: UIImage, mask: UIImage, mode: number | JBPoint): UIImage;
+    // Add mask directly on image
+    rounded(image: UIImage, radius: number): UIImage;
+    // Get an image with rounded corners
+    circular(image: UIImage): UIImage;
+    // Get a circular image, it will be centered and clipped if the source image isn't a square
+    extractGIF(data: NSData): Promise<ImagekitTypes.GIFExtractResult>;
+    // Extract GIF data to frames
+    makeGIF(images: UIImage[], options: ImagekitTypes.GIFMakeOptions): Promise<NSData>;
+    // Make GIF with image array or video data
+    makeVideo(source: UIImage[], options: ImagekitTypes.VideoMakeOptions): Promise<NSData>;
+    // Make video with image array or GIF data
+}
+
+declare const $imagekit: JBImageKit;
diff --git a/types/jsbox-app/src/media/pdf.d.ts b/types/jsbox-app/src/media/pdf.d.ts
new file mode 100644
index 00000000000000..8d5684fc05201a
--- /dev/null
+++ b/types/jsbox-app/src/media/pdf.d.ts
@@ -0,0 +1,32 @@
+// JSBox PDF API TypeScript Declaration
+
+declare namespace PdfTypes {
+    type PDFMakeInput =
+        | {
+            url: string;
+        }
+        | {
+            html: string;
+        }
+        | {
+            images: UIImage[];
+        };
+
+    type PDFMakeOptions = {
+        pageSize?: number; // The value is in $pageSize
+        handler: (resp: { data: NSData }) => void;
+    } & PDFMakeInput;
+
+    type PDFMakePromiseOptions = {
+        pageSize?: number; // The value is in $pageSize
+    } & PDFMakeInput;
+}
+
+interface JBPdf {
+    make(options: PdfTypes.PDFMakeOptions): void;
+    make(options: PdfTypes.PDFMakePromiseOptions): Promise<{ data: NSData }>;
+    toImages(data: NSData): UIImage[];
+    toImage(data: NSData): UIImage;
+}
+
+declare const $pdf: JBPdf;
diff --git a/types/jsbox-app/src/media/photo.d.ts b/types/jsbox-app/src/media/photo.d.ts
new file mode 100644
index 00000000000000..d8b3a54d97f17b
--- /dev/null
+++ b/types/jsbox-app/src/media/photo.d.ts
@@ -0,0 +1,129 @@
+// JSBox Photo API TypeScript Declaration
+
+// Known bugs in this module:
+// 1. $photo.take does not support a format parameter, so if mediaTypes is set to [$mediaTypes.movie],
+//    no data can be returned. In other words, it cannot be used to record videos.
+// 2. Although the documentation claims that $photo.pick accepts the same parameters as $photo.take,
+//    using any parameter other than edit and mediaTypes will cause a crash.
+// 3. $photo.prompt can accept additional parameters, including those from $photo.take and the format parameter. However:
+//      1. If taking a photo, and format is data or mediaTypes is [$mediaTypes.movie], no data will be returned.
+//      2. If picking from the photo library, adding any parameter other than edit, mediaTypes, and format will cause a crash.
+//      Summary: only the edit parameter is safe.
+
+declare namespace PhotoTypes {
+    type PhotoFormat = "image" | "data";
+
+    interface PhotoResponseBase {
+        status: boolean;
+        filename: string;
+        metadata: any; // A highly complex object; no type definition is provided.
+    }
+
+    type PhotoPayload<F extends PhotoFormat> = F extends "image" ? { image: UIImage } : { data: NSData };
+    type PhotoResponse<F extends PhotoFormat = "image"> = PhotoResponseBase & PhotoPayload<F>;
+
+    interface TakeOptions {
+        edit?: boolean;
+        mediaTypes?: string[];
+        maxDuration?: number;
+        quality?: number;
+        showsControls?: boolean;
+        device?: number;
+        flashMode?: number;
+        handler: (resp: PhotoResponse<"image">) => void;
+    }
+
+    interface PickOptionsBase {
+        edit?: boolean;
+        mediaTypes?: string[];
+    }
+
+    interface PickOptionsMultiBase {
+        multi: true;
+        selectionLimit?: number;
+    }
+
+    type PickPayload<F extends PhotoFormat, M extends boolean = false> = F extends "image"
+        ? { format?: "image"; handler: (resp: PickResponse<"image", M>) => void }
+        : { format: "data"; handler: (resp: PickResponse<"data", M>) => void };
+    type PickOptions<F extends PhotoFormat = "image", M extends boolean = false> =
+        & PickOptionsBase
+        & (M extends true ? PickOptionsMultiBase : {})
+        & PickPayload<F, M>;
+
+    type PickResponse<F extends PhotoFormat = "image", M extends boolean = false> = M extends true
+        ? { status: boolean; results: Omit<PhotoResponse<F>, "status">[] }
+        : PhotoResponse<F>;
+
+    interface PromptOptions {
+        edit?: boolean;
+        handler: (resp: PhotoResponse<"image">) => void;
+    }
+
+    interface ScanOptions {
+        handler: (resp: ScanResponse) => void;
+    }
+
+    interface ScanResponse {
+        status: boolean;
+        results: UIImage[];
+    }
+
+    type SaveOptions =
+        | {
+            image: UIImage;
+            handler: (success: boolean) => void;
+        }
+        | {
+            data: NSData;
+            handler: (success: boolean) => void;
+        };
+
+    interface FetchOptionsBase {
+        count?: number;
+        type?: number;
+        subType?: number;
+        size?: JBSize;
+    }
+
+    type FetchPayload<F extends PhotoFormat = "image"> = F extends "image"
+        ? { format?: "image"; handler: (images: UIImage[]) => void }
+        : { format: "data"; handler: (datas: NSData[]) => void };
+    type FetchOptions<F extends PhotoFormat = "image"> = FetchOptionsBase & FetchPayload<F>;
+
+    interface DeleteOptions {
+        count: number;
+        handler: (success: boolean) => void;
+    }
+}
+
+interface JBPhoto {
+    take(options: PhotoTypes.TakeOptions): void;
+    take(options?: Omit<PhotoTypes.TakeOptions, "handler">): Promise<PhotoTypes.PhotoResponse<"image">>;
+    pick(options: PhotoTypes.PickOptions<"image", true>): void;
+    pick(options: PhotoTypes.PickOptions<"data", true>): void;
+    pick(options: PhotoTypes.PickOptions<"image", false>): void;
+    pick(options: PhotoTypes.PickOptions<"data", false>): void;
+    pick(
+        options?: Omit<PhotoTypes.PickOptions<"image", false>, "handler">,
+    ): Promise<PhotoTypes.PickResponse<"image", false>>;
+    pick(
+        options: Omit<PhotoTypes.PickOptions<"data", false>, "handler">,
+    ): Promise<PhotoTypes.PickResponse<"data", false>>;
+    pick(
+        options: Omit<PhotoTypes.PickOptions<"image", true>, "handler">,
+    ): Promise<PhotoTypes.PickResponse<"image", true>>;
+    pick(
+        options: Omit<PhotoTypes.PickOptions<"data", true>, "handler">,
+    ): Promise<PhotoTypes.PickResponse<"data", true>>;
+    prompt(options: PhotoTypes.PromptOptions): void; // Only callback is supported
+    scan(options: PhotoTypes.ScanOptions): void;
+    scan(options?: Omit<PhotoTypes.ScanOptions, "handler">): Promise<PhotoTypes.ScanResponse>;
+    save(options: PhotoTypes.SaveOptions): void; // Only callback is supported
+    fetch(options: PhotoTypes.FetchOptions<"image"> | PhotoTypes.FetchOptions<"data">): void;
+    fetch(options?: Omit<PhotoTypes.FetchOptions<"image">, "handler">): Promise<UIImage[]>;
+    fetch(options: Omit<PhotoTypes.FetchOptions<"data">, "handler">): Promise<NSData[]>;
+    delete(options?: PhotoTypes.DeleteOptions): void; // Only callback is supported
+}
+
+declare const $photo: JBPhoto;
diff --git a/types/jsbox-app/src/media/quicklook.d.ts b/types/jsbox-app/src/media/quicklook.d.ts
new file mode 100644
index 00000000000000..094d46e33f0a01
--- /dev/null
+++ b/types/jsbox-app/src/media/quicklook.d.ts
@@ -0,0 +1,38 @@
+// JSBox QuickLook API TypeScript Declaration
+
+declare namespace QuicklookTypes {
+    type QuickLookOpenOptions =
+        & {
+            type?: string; // Please note, we can set type to indicate the file type, it's optional, but it's better to have one.
+            handler?: () => void; // Handle dismiss action, optional
+        }
+        & (
+            | {
+                url: string;
+            }
+            | {
+                data: NSData;
+            }
+            | {
+                image: UIImage;
+            }
+            | {
+                text: string;
+            }
+            | {
+                json: string;
+            }
+            | {
+                html: string;
+            }
+            | {
+                list: string[] | NSData[]; // either file or url
+            }
+        );
+}
+
+interface JBQuickLook {
+    open(options: QuicklookTypes.QuickLookOpenOptions): void;
+}
+
+declare const $quicklook: JBQuickLook;
diff --git a/types/jsbox-app/src/network/server.d.ts b/types/jsbox-app/src/network/server.d.ts
new file mode 100644
index 00000000000000..affd5ce022ae63
--- /dev/null
+++ b/types/jsbox-app/src/network/server.d.ts
@@ -0,0 +1,141 @@
+// JSBox Server API TypeScript Declaration
+
+declare namespace ServerTypes {
+    interface ServerOptions {
+        port: number;
+        bonjourName?: string;
+        bonjourType?: string;
+    }
+
+    interface ServerStartOptions {
+        port: number;
+        path: string;
+        handler?: () => void;
+    }
+
+    interface BaseRequest {
+        method: string;
+        url: string;
+        headers: any;
+        path: string;
+        query: any;
+        contentType: string;
+        contentLength: number;
+        ifModifiedSince: Date;
+        ifNoneMatch: boolean;
+        acceptsGzip: boolean;
+        localAddressData: NSData;
+        localAddress: string;
+        remoteAddressData: NSData;
+        remoteAddress: string;
+        hasBody: boolean;
+        hasByteRange: boolean;
+    }
+
+    interface DataRequest extends BaseRequest {
+        data: NSData;
+        text: string;
+        json: any;
+    }
+
+    interface FileRequest extends BaseRequest {
+        temporaryPath: string;
+    }
+
+    interface MultipartRequest extends BaseRequest {
+        arguments: {
+            controlName: string;
+            contentType: string;
+            mimeType: string;
+            data: NSData;
+            string: string;
+            fileName: string;
+            temporaryPath: string;
+        }[];
+        files: {
+            mimeType: string;
+            fileName: string;
+            controlName: string;
+            contentType: string;
+            temporaryPath: string;
+        }[];
+        mimeType: string;
+    }
+
+    interface BaseResponse {
+        redirect?: string;
+        statusCode?: number;
+        contentType?: string;
+        contentLength?: string;
+        cacheControlMaxAge?: number;
+        lastModifiedDate?: Date;
+        eTag?: string;
+        gzipEnabled?: boolean;
+        hasBody?: boolean;
+    }
+
+    interface DataResponse extends BaseResponse {
+        text?: string;
+        html?: string;
+        json?: any;
+    }
+
+    interface FileResponse extends BaseResponse {
+        path: string;
+        isAttachment?: boolean;
+        byteRange?: JBRange;
+    }
+
+    type ResponseOptions =
+        | {
+            type: "default" | "error";
+            props: BaseResponse;
+        }
+        | {
+            type: "data";
+            props: DataResponse;
+        }
+        | {
+            type: "file";
+            props: FileResponse;
+        };
+
+    interface ServerInstance {
+        start: (options: ServerOptions) => void;
+        stop: () => void;
+        listen: (events: EventHandler) => void;
+        addHandler: (handler: RequestHandler) => void;
+        clearHandlers: () => void;
+    }
+
+    interface EventHandler {
+        didStart?: (server: ServerInstance) => void;
+        didConnect?: (server: ServerInstance) => void;
+        didDisconnect?: (server: ServerInstance) => void;
+        didStop?: (server: ServerInstance) => void;
+        didCompleteBonjourRegistration?: (server: ServerInstance) => void;
+        didUpdateNATPortMapping?: (server: ServerInstance) => void;
+    }
+
+    interface RequestHandler {
+        filter?: (rules: {
+            method: string;
+            url: string;
+            headers: Record<string, any>;
+            path: string;
+            query: Record<string, any>;
+        }) => "default" | "data" | "file" | "multipart" | "urlencoded" | { type: string; method: string };
+        response?: (request: BaseRequest | DataRequest | FileRequest | MultipartRequest) => ResponseOptions;
+        asyncResponse?: (
+            request: BaseRequest | DataRequest | FileRequest | MultipartRequest,
+            completion: (response: ResponseOptions) => void,
+        ) => void;
+    }
+}
+
+interface JBServer {
+    start(options: ServerTypes.ServerStartOptions): ServerTypes.ServerInstance;
+    new(): ServerTypes.ServerInstance;
+}
+
+declare const $server: JBServer;
diff --git a/types/jsbox-app/src/network/socket.d.ts b/types/jsbox-app/src/network/socket.d.ts
new file mode 100644
index 00000000000000..d25ab004babc22
--- /dev/null
+++ b/types/jsbox-app/src/network/socket.d.ts
@@ -0,0 +1,44 @@
+// JSBox Socket API TypeScript Declaration
+
+declare namespace SocketTypes {
+    interface SocketOptions {
+        url: string;
+        protocols?: string[];
+        allowsUntrustedSSLCertificates?: boolean;
+    }
+
+    interface CloseOptions {
+        code?: number;
+        reason?: string;
+    }
+
+    interface SendOptions {
+        data: NSData;
+        noCopy?: boolean;
+    }
+
+    interface SocketEventHandlers {
+        didOpen?: (sock: Socket) => void;
+        didFail?: (sock: Socket, error: NSError) => void;
+        didClose?: (sock: Socket, code: number, reason: string, wasClean: boolean) => void;
+        didReceiveString?: (sock: Socket, string: string) => void;
+        didReceiveData?: (sock: Socket, data: NSData) => void;
+        didReceivePing?: (sock: Socket, data: NSData) => void;
+        didReceivePong?: (sock: Socket, data: NSData) => void;
+    }
+
+    interface Socket {
+        listen(eventHandlers: SocketEventHandlers): void;
+        open(): void;
+        close(closeOptions?: CloseOptions): void;
+        send(data: string | SendOptions): { result: boolean; error?: NSError };
+        ping(data: NSData): { result: boolean; error?: NSError };
+        readyState: number; // 0: connecting, 1: open, 2: closing, 3: closed
+    }
+}
+
+interface JBSocket {
+    new: (options: SocketTypes.SocketOptions | string) => SocketTypes.Socket;
+}
+
+declare const $socket: JBSocket;
diff --git a/types/jsbox-app/src/nodejs.d.ts b/types/jsbox-app/src/nodejs.d.ts
new file mode 100644
index 00000000000000..e38e945cc8bfcd
--- /dev/null
+++ b/types/jsbox-app/src/nodejs.d.ts
@@ -0,0 +1,40 @@
+// JSBox Nodejs API TypeScript Declaration
+
+interface JBNodejs {
+    run(
+        args:
+            | string
+            | {
+                name: string;
+                query?: any;
+                argv?: any[];
+                listener?: {
+                    id: string;
+                    handler: (result: any) => void;
+                };
+            }
+            | {
+                script: string;
+                query?: any;
+                argv?: any[];
+                listener?: {
+                    id: string;
+                    handler: (result: any) => void;
+                };
+            }
+            | {
+                path: string;
+                query?: any;
+                argv?: any[];
+                listener?: {
+                    id: string;
+                    handler: (result: any) => void;
+                };
+            },
+    ): void;
+    listen(eventId: string, handler: (data: any) => void): void;
+    version: string;
+    path: string;
+}
+
+declare const $nodejs: JBNodejs;
diff --git a/types/jsbox-app/src/picker.d.ts b/types/jsbox-app/src/picker.d.ts
new file mode 100644
index 00000000000000..224a4805bddd1f
--- /dev/null
+++ b/types/jsbox-app/src/picker.d.ts
@@ -0,0 +1,38 @@
+// JSBox Picker API TypeScript Declaration
+
+interface JBPicker {
+    date(args?: {
+        props: {
+            date?: Date;
+            min?: Date;
+            max?: Date;
+            mode?: number;
+            interval?: number;
+        };
+    }): Promise<Date>;
+    date(args?: {
+        props: {
+            date?: Date;
+            min?: Date;
+            max?: Date;
+            mode?: number;
+            interval?: number;
+        };
+        handler: (date: Date) => void;
+    }): void;
+    data(args: {
+        props: {
+            items: any[];
+        };
+    }): Promise<string[]>;
+    data(args: {
+        props: {
+            items: any[];
+        };
+        handler: (data: string[]) => void;
+    }): void;
+    color(args?: { color: UIColor }): Promise<UIColor>; // The parameter is the default color
+    color(args?: { color: UIColor; handler: (color: UIColor) => void }): void;
+}
+
+declare const $picker: JBPicker;
diff --git a/types/jsbox-app/src/sdk/calendar.d.ts b/types/jsbox-app/src/sdk/calendar.d.ts
new file mode 100644
index 00000000000000..0ca943f81771a0
--- /dev/null
+++ b/types/jsbox-app/src/sdk/calendar.d.ts
@@ -0,0 +1,53 @@
+// JSBox Calendar API TypeScript Declaration
+
+declare namespace CalendarTypes {
+    interface CalendarItem {
+        title: string;
+        location: string;
+        notes: string;
+        url: string;
+        allDay: boolean;
+        startDate: Date;
+        endDate: Date;
+        readonly status: number;
+        readonly eventIdentifier: string;
+        readonly creationDate: Date;
+        readonly modifiedDate: Date;
+    }
+
+    interface FetchOptions {
+        startDate: Date;
+        endDate?: Date;
+        hours?: number;
+        handler: (response: { status: boolean; events: CalendarItem[] }) => void;
+    }
+
+    interface CreateOptions {
+        title: string;
+        startDate: Date;
+        hours?: number;
+        notes?: string;
+        handler: (response: { status: number; error?: NSError }) => void;
+    }
+
+    interface SaveOptions {
+        event: CalendarItem;
+        alarmDate?: Date;
+        alarmDates?: Date[];
+        handler: (response: { status: number; error?: NSError }) => void;
+    }
+
+    interface DeleteOptions {
+        event: CalendarItem;
+        handler: (response: { status: number; error?: NSError }) => void;
+    }
+}
+
+interface JBCalendar {
+    fetch(options: CalendarTypes.FetchOptions): void;
+    create(options: CalendarTypes.CreateOptions): void;
+    save(options: CalendarTypes.SaveOptions): void;
+    delete(options: CalendarTypes.DeleteOptions): void;
+}
+
+declare const $calendar: JBCalendar;
diff --git a/types/jsbox-app/src/sdk/contact.d.ts b/types/jsbox-app/src/sdk/contact.d.ts
new file mode 100644
index 00000000000000..f74bf78639bc3d
--- /dev/null
+++ b/types/jsbox-app/src/sdk/contact.d.ts
@@ -0,0 +1,111 @@
+// JSBox Contact API TypeScript Declaration
+
+declare namespace ContactTypes {
+    interface ContactItem {
+        readonly identifier: string;
+        readonly content: string;
+        readonly contactType: number;
+        namePrefix: string;
+        givenName: string;
+        middleName: string;
+        familyName: string;
+        nameSuffix: string;
+        nickname: string;
+        organizationName: string;
+        departmentName: string;
+        jobTitle: string;
+        note: string;
+        imageData: NSData;
+        phoneNumbers: {
+            label: string;
+            content: string;
+            identifier: string;
+        }[];
+        emailAddresses: {
+            label: string;
+            value: string;
+            content: string;
+            identifier: string;
+        }[];
+        postalAddresses: {
+            label: string;
+            content: string;
+            identifier: string;
+        }[];
+        urlAddresses: {
+            label: string;
+            content: string;
+            identifier: string;
+        }[];
+        instantMessageAddresses: {
+            label: string;
+            content: string;
+            identifier: string;
+        }[];
+    }
+
+    interface Group {
+        name: string;
+        identifier: string;
+        __clsName: string;
+    }
+
+    interface ContactPickOptions {
+        multi?: false;
+        handler: (contact: ContactItem) => void;
+    }
+
+    interface ContactMultiPickOptions {
+        multi: true;
+        handler: (contact: ContactItem[]) => void;
+    }
+
+    interface ContactFetchOptions {
+        key?: string;
+        group?: Group;
+        handler: (contacts: ContactItem[]) => void;
+    }
+
+    interface ContactCreateOptions {
+        givenName?: string;
+        familyName?: string;
+        phoneNumbers?: Record<string, string>;
+        emails?: Record<string, string>;
+        handler: (resp: { status: number; error?: NSError }) => void;
+    }
+
+    interface ContactSaveOptions {
+        contact: ContactItem;
+        handler: (resp: { status: number; error?: NSError }) => void;
+    }
+
+    interface ContactDeleteOptions {
+        contacts: ContactItem[];
+        handler: (resp: { status: boolean }) => void;
+    }
+}
+
+interface JBContact {
+    pick(options: ContactTypes.ContactPickOptions): void;
+    pick(options?: Omit<ContactTypes.ContactPickOptions, "handler">): Promise<ContactTypes.ContactItem>;
+    pick(options: ContactTypes.ContactMultiPickOptions): void;
+    pick(options?: Omit<ContactTypes.ContactMultiPickOptions, "handler">): Promise<ContactTypes.ContactItem[]>;
+    fetch(options: ContactTypes.ContactFetchOptions): void; // This API is actually unusable.
+    create(options: ContactTypes.ContactCreateOptions): void;
+    create(options: Omit<ContactTypes.ContactCreateOptions, "handler">): Promise<void>;
+    save(options: ContactTypes.ContactSaveOptions): void;
+    save(options: Omit<ContactTypes.ContactSaveOptions, "handler">): Promise<void>;
+    delete(options: ContactTypes.ContactDeleteOptions): void;
+    delete(options: Omit<ContactTypes.ContactDeleteOptions, "handler">): Promise<void>;
+    fetchGroups(): Promise<ContactTypes.Group[]>;
+    addGroup(options: { name: string; handler: (resp: ContactTypes.Group) => void }): void;
+    // It is not documented, but it exists based on empirical testing.
+    addGroup(options: { name: string }): Promise<void>;
+    // The documentation is incorrect; the asynchronous call actually does not return a value.
+    deleteGroup(group: ContactTypes.Group): void;
+    updateGroup(group: ContactTypes.Group): void;
+    addToGroup(options: { contact: ContactTypes.ContactItem; group: ContactTypes.Group }): void;
+    removeFromGroup(options: { contact: ContactTypes.ContactItem; group: ContactTypes.Group }): void;
+}
+
+declare const $contact: JBContact;
diff --git a/types/jsbox-app/src/sdk/location.d.ts b/types/jsbox-app/src/sdk/location.d.ts
new file mode 100644
index 00000000000000..19ae360d8a6ff8
--- /dev/null
+++ b/types/jsbox-app/src/sdk/location.d.ts
@@ -0,0 +1,49 @@
+// JSBox Location API TypeScript Declaration
+
+declare namespace LocationTypes {
+    interface LocationResponse {
+        lat: number;
+        lng: number;
+        alt: number;
+    }
+
+    interface HeadingResponse {
+        magneticHeading: number;
+        trueHeading: number;
+        headingAccuracy: number;
+        x: number;
+        y: number;
+        z: number;
+    }
+
+    interface Region {
+        lat: number;
+        lng: number;
+        distance?: number;
+    }
+
+    interface SnapshotOptions {
+        region: Region;
+        size?: { width: number; height: number };
+        showsPin?: boolean;
+        style?: 0 | 1 | 2; // 0: unspecified, 1: light, 2: dark
+    }
+
+    interface SelectResult {
+        lat: number;
+        lng: number;
+    }
+}
+
+interface JBLocation {
+    available: boolean;
+    fetch(options: { handler: (resp: LocationTypes.LocationResponse) => void }): void;
+    startUpdates(options: { handler: (resp: LocationTypes.LocationResponse) => void }): void;
+    trackHeading(options: { handler: (resp: LocationTypes.HeadingResponse) => void }): void;
+    stopUpdates(): void;
+    select(options: { handler: (result: LocationTypes.SelectResult) => void }): void;
+    get(): Promise<LocationTypes.LocationResponse>;
+    snapshot(options: LocationTypes.SnapshotOptions): Promise<UIImage>;
+}
+
+declare const $location: JBLocation;
diff --git a/types/jsbox-app/src/sdk/message.d.ts b/types/jsbox-app/src/sdk/message.d.ts
new file mode 100644
index 00000000000000..e49d64d681a3cc
--- /dev/null
+++ b/types/jsbox-app/src/sdk/message.d.ts
@@ -0,0 +1,29 @@
+// JSBox Message API TypeScript Declaration
+
+declare namespace MessageTypes {
+    interface SMSOptions {
+        recipients: string[];
+        body: string;
+        subject?: string;
+        attachments?: NSData[];
+        handler?: (result: 0 | 1 | 2) => void; // 0: cancelled 1: succeeded 2: failed
+    }
+
+    interface MailOptions {
+        subject: string;
+        to: string[];
+        cc?: string[];
+        bcc?: string[];
+        body: string;
+        isHTML?: boolean;
+        attachments?: NSData[];
+        handler?: (result: 0 | 1 | 2 | 3) => void; // 0: cancelled 1: succeeded 2: failed
+    }
+}
+
+interface JBMessage {
+    sms(options: MessageTypes.SMSOptions): void;
+    mail(options: MessageTypes.MailOptions): void;
+}
+
+declare const $message: JBMessage;
diff --git a/types/jsbox-app/src/sdk/motion.d.ts b/types/jsbox-app/src/sdk/motion.d.ts
new file mode 100644
index 00000000000000..f3707806b7565d
--- /dev/null
+++ b/types/jsbox-app/src/sdk/motion.d.ts
@@ -0,0 +1,58 @@
+// JSBox Motion API TypeScript Declaration
+
+declare namespace MotionTypes {
+    interface MotionData {
+        attitude: {
+            yaw: number;
+            quaternion: {
+                y: number;
+                w: number;
+                z: number;
+                x: number;
+            };
+            rotationMatrix: {
+                m31: number;
+                m21: number;
+                m11: number;
+                m33: number;
+                m23: number;
+                m13: number;
+                m32: number;
+                m22: number;
+                m12: number;
+            };
+            pitch: number;
+            roll: number;
+        };
+        magneticField: {
+            field: {
+                x: number;
+                y: number;
+                z: number;
+            };
+            accuracy: number;
+        };
+        rotationRate: {
+            x: number;
+            y: number;
+            z: number;
+        };
+        acceleration: {
+            x: number;
+            y: number;
+            z: number;
+        };
+        gravity: {
+            x: number;
+            y: number;
+            z: number;
+        };
+    }
+}
+
+interface JBMotion {
+    startUpdates(options: { interval: number; handler: (resp: MotionTypes.MotionData) => void }): void;
+    stopUpdates(): void;
+}
+
+declare const $motion: JBMotion;
diff --git a/types/jsbox-app/src/sdk/reminder.d.ts b/types/jsbox-app/src/sdk/reminder.d.ts
new file mode 100644
index 00000000000000..85d28b3b4c38c3
--- /dev/null
+++ b/types/jsbox-app/src/sdk/reminder.d.ts
@@ -0,0 +1,50 @@
+// JSBox Reminder API TypeScript Declaration
+
+declare namespace ReminderTypes {
+    interface ReminderItem {
+        title: string;
+        location?: string;
+        notes?: string;
+        url?: string;
+        priority?: number;
+        completed: boolean;
+        readonly completionDate?: Date;
+        alarmDate?: Date;
+        readonly modifiedDate?: Date;
+        readonly creationDate?: Date;
+    }
+
+    interface FetchOptions {
+        startDate: Date;
+        hours: number;
+        handler: (resp: { status: number; events: ReminderItem[] }) => void;
+    }
+
+    interface CreateOptions {
+        title: string;
+        alarmDate?: Date;
+        alarmDates?: Date[];
+        notes?: string;
+        url?: string;
+        handler: (resp: { status: number; error?: NSError }) => void;
+    }
+
+    interface SaveOptions {
+        event: ReminderItem;
+        handler: (resp: { status: number; error?: NSError }) => void;
+    }
+
+    interface DeleteOptions {
+        event: ReminderItem;
+        handler: (resp: { status: number; error?: NSError }) => void;
+    }
+}
+
+interface JBReminder {
+    fetch(options: ReminderTypes.FetchOptions): void;
+    create(options: ReminderTypes.CreateOptions): void;
+    save(options: ReminderTypes.SaveOptions): void;
+    delete(options: ReminderTypes.DeleteOptions): void;
+}
+
+declare const $reminder: JBReminder;
diff --git a/types/jsbox-app/src/sdk/safari.d.ts b/types/jsbox-app/src/sdk/safari.d.ts
new file mode 100644
index 00000000000000..a0286ea70bd4f8
--- /dev/null
+++ b/types/jsbox-app/src/sdk/safari.d.ts
@@ -0,0 +1,25 @@
+// JSBox Safari API TypeScript Declaration
+
+declare namespace SafariTypes {
+    interface OpenOptions {
+        url: string;
+        entersReader?: boolean;
+        height?: number;
+        handler?: () => void; // callback to handle dismiss event
+    }
+
+    interface ReadingItemOptions {
+        url: string;
+        title?: string;
+        preview?: string;
+    }
+}
+
+interface JBSafari {
+    open(options: SafariTypes.OpenOptions): void;
+    items: any; // JSON format
+    inject(script: string): void; // Deprecated
+    addReadingItem(options: SafariTypes.ReadingItemOptions): void;
+}
+
+declare const $safari: JBSafari;
diff --git a/types/jsbox-app/src/shortcuts/intents.d.ts b/types/jsbox-app/src/shortcuts/intents.d.ts
new file mode 100644
index 00000000000000..fcd244668a821f
--- /dev/null
+++ b/types/jsbox-app/src/shortcuts/intents.d.ts
@@ -0,0 +1,8 @@
+// JSBox Intents API TypeScript Declaration
+
+interface JBIntents {
+    height: number;
+    finish(data: any): void;
+}
+
+declare const $intents: JBIntents;
diff --git a/types/jsbox-app/src/sqlite.d.ts b/types/jsbox-app/src/sqlite.d.ts
new file mode 100644
index 00000000000000..7305db202390a8
--- /dev/null
+++ b/types/jsbox-app/src/sqlite.d.ts
@@ -0,0 +1,53 @@
+// JSBox Sqlite API TypeScript Declaration
+
+declare namespace SqliteTypes {
+    interface SqliteInstance {
+        update(sql: string | UpdateQuery): UpdateResult;
+        query(sql: string | Query, callback: (rs: ResultSet, err: string) => void): void;
+        beginTransaction(): void;
+        commit(): void;
+        rollback(): void;
+        close(): void;
+    }
+
+    interface SqliteQueueInstance {
+        operations(callback: (db: SqliteInstance) => void): void;
+        transaction(callback: (db: SqliteInstance) => void): void;
+        close(): void;
+    }
+
+    interface UpdateQuery {
+        sql: string;
+        args: any[];
+    }
+
+    interface UpdateResult {
+        result: boolean;
+        error: string;
+    }
+
+    interface Query {
+        sql: string;
+        args: any[];
+    }
+
+    interface ResultSet {
+        next(): boolean;
+        get(column: string | number): any;
+        close(): void;
+        readonly columnCount: number;
+        readonly values: any[];
+        nameForIndex(index: number): string;
+        indexForName(name: string): number;
+        readonly query: string;
+        isNull(indexOrName: number | string): boolean;
+    }
+}
+
+interface JBSqlite {
+    open(path: string): SqliteTypes.SqliteInstance;
+    dbQueue(path: string): SqliteTypes.SqliteQueueInstance;
+    close(db: SqliteTypes.SqliteInstance): void;
+}
+
+declare const $sqlite: JBSqlite;
diff --git a/types/jsbox-app/src/ssh.d.ts b/types/jsbox-app/src/ssh.d.ts
new file mode 100644
index 00000000000000..b8cff9cbc21582
--- /dev/null
+++ b/types/jsbox-app/src/ssh.d.ts
@@ -0,0 +1,107 @@
+// JSBox SSH API TypeScript Declaration
+
+declare namespace SshTypes {
+    interface ConnectOptions {
+        host: string;
+        port: number;
+        username: string;
+        public_key?: string;
+        private_key?: string;
+        password?: string;
+        script?: string; // The script execution result is the response below.
+        handler: (session: Session, response: string) => void;
+    }
+
+    interface Session {
+        host: string;
+        port: number;
+        username: string;
+        timeout: number;
+        lastError?: NSError;
+        fingerprintHash: string;
+        banner: string;
+        remoteBanner: string;
+        connected: boolean;
+        authorized: boolean;
+        channel: Channel;
+        sftp: Sftp;
+    }
+
+    interface Channel {
+        session: Session;
+        bufferSize: number;
+        type: number;
+        lastResponse: string;
+        requestPty: boolean;
+        ptyTerminalType: number;
+        environmentVariables: any; // JSON
+
+        execute(options: {
+            script: string;
+            timeout: number;
+            handler: (result: { response: string; error?: NSError }) => void;
+        }): void;
+
+        write(options: {
+            command: string;
+            timeout: number;
+            handler: (result: { success: boolean; error?: NSError }) => void;
+        }): void;
+
+        upload(options: { path: string; dest: string; handler: (success: boolean) => void }): void;
+
+        download(options: { path: string; dest: string; handler: (success: boolean) => void }): void;
+    }
+
+    interface SftpFile {
+        filename: string;
+        isDirectory: boolean;
+        modificationDate: Date;
+        lastAccess: Date;
+        fileSize: number;
+        ownerUserID: number;
+        ownerGroupID: number;
+        permissions: string;
+        flags: number;
+    }
+
+    interface Sftp {
+        session: Session;
+        bufferSize: number;
+        connected: boolean;
+
+        connect(): Promise<void>;
+        moveItem(options: { src: string; dest: string; handler?: (success: boolean) => void }): void;
+        directoryExists(options: { path: string; handler: (exists: boolean) => void }): void;
+        createDirectory(options: { path: string; handler: (success: boolean) => void }): void;
+        removeDirectory(options: { path: string; handler: (success: boolean) => void }): void;
+        contentsOfDirectory(options: { path: string; handler: (contents: SftpFile[]) => void }): void;
+        infoForFile(options: { path: string; handler: (file: SftpFile) => void }): void;
+        fileExists(options: { path: string; handler: (exists: boolean) => void }): void;
+        createSymbolicLink(options: { path: string; dest: string; handler: (success: boolean) => void }): void;
+        removeFile(options: { path: string; handler: (success: boolean) => void }): void;
+        contents(options: { path: string; handler: (file: NSData) => void }): void;
+        write(options: {
+            file: NSData;
+            path: string;
+            progress?: (sent: number) => boolean;
+            // Optional: determine whether is finished here
+            handler: (success: boolean) => void;
+        }): void;
+        append(options: { file: NSData; path: string; handler: (success: boolean) => void }): void;
+        copy(options: {
+            path: string;
+            dest: string;
+            progress?: (copied: number, totalBytes: number) => boolean;
+            // Optional: determine whether is finished here
+            handler: (success: boolean) => void;
+        }): void;
+    }
+}
+
+interface JBSsh {
+    connect(options: SshTypes.ConnectOptions): void;
+    disconnect(): void;
+}
+
+declare const $ssh: JBSsh;
diff --git a/types/jsbox-app/src/ui.d.ts b/types/jsbox-app/src/ui.d.ts
new file mode 100644
index 00000000000000..b23a858ba61ef9
--- /dev/null
+++ b/types/jsbox-app/src/ui.d.ts
@@ -0,0 +1,1035 @@
+// JSBox UI API TypeScript Declaration
+
+declare namespace UiTypes {
+    interface StyledTextOptions {
+        text: string;
+        font?: UIFont;
+        color?: UIColor;
+        markdown?: boolean;
+        // Markdown syntax is disable when styles is used; it can be turned on by specifying markdown: true.
+        styles?: {
+            range: JBRange;
+            font?: UIFont;
+            color?: UIColor;
+            bgcolor?: UIColor;
+            kern?: number;
+            strikethroughStyle?: number;
+            strikethroughColor?: UIColor;
+            underlineStyle?: number;
+            underlineColor?: UIColor;
+            strokeWidth?: number;
+            strokeColor?: UIColor;
+            link?: string;
+            baselineOffset?: number;
+            obliqueness?: number;
+        }[];
+    }
+
+    interface NavButtonOptions {
+        title?: string;
+        image?: UIImage;
+        icon?: string;
+        symbol?: string;
+        menu?: ContextMenuOptions<UIView>;
+        handler: (sender: UIButtonBarButton) => void;
+    }
+
+    interface ContextMenuOptions<T extends AllUIView> {
+        title?: string;
+        pullDown?: boolean;
+        asPrimary?: boolean;
+        items: ContextMenuSubItem<T>[];
+    }
+
+    interface ContextMenuSubItem<T extends AllUIView> {
+        title?: string;
+        symbol?: string;
+        destructive?: boolean;
+        handler?: (sender: T, indexPath: NSIndexPath) => void; // sender is source view
+        items?: ContextMenuSubItem<T>[];
+        inline?: boolean;
+    }
+
+    interface BaseViewProps {
+        id?: string;
+        height?: number; // Only applies to accessoryView, keyboardView, header, footer
+        selectable?: boolean; // Only applies to static cells in UIListView
+
+        theme?: string;
+        alpha?: number;
+        bgcolor?: UIColor;
+        cornerRadius?: number;
+        smoothCorners?: boolean;
+        radius?: number; // deprecated
+        smoothRadius?: number; // deprecated
+        frame?: JBRect;
+        size?: JBSize;
+        center?: JBPoint;
+        flex?: string;
+        userInteractionEnabled?: boolean;
+        multipleTouchEnabled?: boolean;
+        views?: AllViewOptions[];
+        clipsToBounds?: boolean;
+        opaque?: boolean;
+        hidden?: boolean;
+        contentMode?: number; // $contentMode
+        tintColor?: UIColor;
+        borderWidth?: number;
+        borderColor?: UIColor;
+        circular?: boolean;
+        info?: any;
+        intrinsicSize?: JBSize;
+        isAccessibilityElement?: boolean;
+        accessibilityLabel?: string;
+        accessibilityHint?: string;
+        accessibilityValue?: string;
+        accessibilityCustomActions?: UIAccessibilityCustomAction[];
+    }
+
+    interface BaseViewEvents<T = UIBaseView> {
+        ready?: (sender: T) => void;
+        tapped?: (sender: T) => void;
+        pencilTapped?: (info: {
+            action: number; // 0: Ignore, 1: Switch Eraser, 2: Switch Previous, 3: Show Color Palette
+            enabled: boolean; // Whether the system reports double taps on Apple Pencil to your app
+        }) => void;
+        hoverEntered?: (sender: T) => void;
+        hoverExited?: (sender: T) => void;
+        themeChanged?: (sender: T, isDarkMode: boolean) => void;
+        longPressed?: (info: { location: JBPoint; sender: T }) => void;
+        doubleTapped?: (sender: T) => void;
+        touchesBegan?: (sender: T, location: JBPoint, locations: JBPoint[]) => void;
+        touchesMoved?: (sender: T, location: JBPoint, locations: JBPoint[]) => void;
+        touchesEnded?: (sender: T, location: JBPoint, locations: JBPoint[]) => void;
+        touchesCancelled?: (sender: T, location: JBPoint, locations: JBPoint[]) => void;
+        layoutSubviews?: (sender: T) => void;
+        height?: (sender: T) => number; // Only applies to header and footer in UIMatrixView
+    }
+
+    interface BaseViewOptions {
+        views?: AllViewOptions[];
+    }
+
+    interface KeyCommand {
+        input: string;
+        modifiers: number;
+        title: string;
+        handler: () => void;
+    }
+
+    interface RootViewPrefs extends BaseViewProps {
+        theme?: "light" | "dark" | "auto";
+        title?: string;
+        titleColor?: UIColor;
+        barColor?: UIColor;
+        iconColor?: UIColor;
+        debugging?: boolean;
+        navBarHidden?: boolean;
+        statusBarHidden?: boolean;
+        statusBarStyle?: 0 | 1; // 0 for black, 1 for white
+        fullScreen?: boolean;
+        formSheet?: boolean;
+        pageSheet?: boolean;
+        bottomSheet?: boolean;
+        modalInPresentation?: boolean;
+        homeIndicatorHidden?: boolean;
+        clipsToSafeArea?: boolean;
+        keyCommands?: KeyCommand[];
+
+        navButtons?: NavButtonOptions[];
+        titleView?: AllViewOptions;
+    }
+
+    interface RootViewEvents extends BaseViewEvents {
+        appeared?: () => void;
+        disappeared?: () => void;
+        dealloc?: () => void;
+        keyboardHeightChanged?: (height: number) => void;
+        shakeDetected?: () => void;
+    }
+
+    interface RootViewOptions extends BaseViewOptions {
+        prefs: RootViewPrefs;
+        layout?: (make: MASConstraintMaker, view: UIView) => void;
+        events?: RootViewEvents;
+    }
+
+    interface ViewProps extends BaseViewProps {
+        menu?: ContextMenuOptions<UIView>;
+    }
+
+    interface ViewOptions extends BaseViewOptions {
+        type: "view";
+        props: ViewProps;
+        layout?: (make: MASConstraintMaker, view: UIView) => void;
+        events?: BaseViewEvents;
+    }
+
+    interface LabelProps extends BaseViewProps {
+        text?: string;
+        styledText?: StyledTextOptions;
+        font?: UIFont;
+        textColor?: UIColor;
+        shadowColor?: UIColor;
+        align?: number; // $align
+        lines?: number;
+        autoFontSize?: boolean;
+        lineSpacing?: number; // not documented but actually exists
+        menu?: ContextMenuOptions<UILabelView>;
+    }
+
+    interface LabelOptions extends BaseViewOptions {
+        type: "label";
+        props: LabelProps;
+        layout?: (make: MASConstraintMaker, view: UILabelView) => void;
+        events?: BaseViewEvents<UILabelView>;
+    }
+
+    interface ButtonProps extends BaseViewProps {
+        title?: string;
+        titleColor?: UIColor;
+        font?: UIFont;
+        src?: string;
+        source?: {
+            url: string;
+            placeholder?: UIImage;
+            header: Record<string, string>;
+        };
+        symbol?: string;
+        image?: UIImage;
+        icon?: BBFileIcon;
+        type?: number; // $btnType
+        contentEdgeInsets?: JBInsets;
+        titleEdgeInsets?: JBInsets;
+        imageEdgeInsets?: JBInsets;
+        enabled?: boolean; // not documented but actually exists
+        menu?: ContextMenuOptions<UIButtonView>;
+    }
+
+    interface ButtonOptions extends BaseViewOptions {
+        type: "button";
+        props: ButtonProps;
+        layout?: (make: MASConstraintMaker, view: UIButtonView) => void;
+        events?: BaseViewEvents<UIButtonView>;
+    }
+
+    interface InputProps extends BaseViewProps {
+        type?: number; // $kbType
+        darkKeyboard?: boolean;
+        text?: string;
+        styledText?: StyledTextOptions;
+        textColor?: UIColor;
+        font?: UIFont;
+        align?: number; // $align
+        placeholder?: string;
+        clearsOnBeginEditing?: boolean;
+        autoFontSize?: boolean;
+        // editing: boolean; // only readable
+        secure?: boolean;
+        keyboardView?: AllViewOptions;
+        accessoryView?: AllViewOptions;
+        menu?: ContextMenuOptions<UIInputView>;
+    }
+
+    interface InputEvents extends BaseViewEvents<UIInputView> {
+        changed?: (sender: UIInputView) => void;
+        returned?: (sender: UIInputView) => void;
+        didBeginEditing?: (sender: UIInputView) => void;
+        didEndEditing?: (sender: UIInputView) => void;
+    }
+
+    interface InputOptions extends BaseViewOptions {
+        type: "input";
+        props: InputProps;
+        layout?: (make: MASConstraintMaker, view: UIInputView) => void;
+        events?: InputEvents;
+    }
+
+    interface SliderProps extends BaseViewProps {
+        value?: number;
+        min?: number;
+        max?: number;
+        continuous?: boolean;
+        minColor?: UIColor;
+        maxColor?: UIColor;
+        thumbColor?: UIColor;
+        menu?: ContextMenuOptions<UISliderView>;
+    }
+
+    interface SliderEvents extends BaseViewEvents<UISliderView> {
+        changed?: (sender: UISliderView) => void;
+    }
+
+    interface SliderOptions extends BaseViewOptions {
+        type: "slider";
+        props: SliderProps;
+        layout?: (make: MASConstraintMaker, view: UISliderView) => void;
+        events?: SliderEvents;
+    }
+
+    interface SwitchProps extends BaseViewProps {
+        on?: boolean;
+        onColor?: UIColor;
+        thumbColor?: UIColor;
+        menu?: ContextMenuOptions<UISwitchView>;
+    }
+
+    interface SwitchEvents extends BaseViewEvents<UISwitchView> {
+        changed?: (sender: UISwitchView) => void;
+    }
+
+    interface SwitchOptions extends BaseViewOptions {
+        type: "switch";
+        props: SwitchProps;
+        layout?: (make: MASConstraintMaker, view: UISwitchView) => void;
+        events?: SwitchEvents;
+    }
+
+    interface SpinnerProps extends BaseViewProps {
+        loading?: boolean;
+        color?: UIColor;
+        style?: number; // 0 ~ 2
+        menu?: ContextMenuOptions<UISpinnerView>;
+    }
+
+    interface SpinnerOptions extends BaseViewOptions {
+        type: "spinner";
+        props: SpinnerProps;
+        layout?: (make: MASConstraintMaker, view: UISpinnerView) => void;
+        events?: BaseViewEvents<UISpinnerView>;
+    }
+
+    interface ProgressProps extends BaseViewProps {
+        value?: number;
+        progressColor?: UIColor;
+        trackColor?: UIColor;
+        menu?: ContextMenuOptions<UIProgressView>;
+    }
+
+    interface ProgressOptions extends BaseViewOptions {
+        type: "progress";
+        props: ProgressProps;
+        layout?: (make: MASConstraintMaker, view: UIProgressView) => void;
+        events?: BaseViewEvents<UIProgressView>;
+    }
+
+    interface GalleryProps extends BaseViewProps {
+        items: AllViewOptions[];
+        page?: number;
+        interval?: number;
+        // pageControl?: UIView; // only readable
+        menu?: ContextMenuOptions<UIGalleryView>;
+    }
+
+    interface GalleryEvents extends BaseViewEvents<UIGalleryView> {
+        changed?: (sender: UIGalleryView) => void;
+    }
+
+    interface GalleryOptions extends BaseViewOptions {
+        type: "gallery";
+        props: GalleryProps;
+        layout?: (make: MASConstraintMaker, view: UIGalleryView) => void;
+        events?: GalleryEvents;
+    }
+
+    interface StepperProps extends BaseViewProps {
+        value?: number;
+        min?: number;
+        max?: number;
+        step?: number;
+        autorepeat?: boolean;
+        continuous?: boolean;
+        menu?: ContextMenuOptions<UIStepperView>;
+    }
+
+    interface StepperEvents extends BaseViewEvents<UIStepperView> {
+        changed?: (sender: UIStepperView) => void;
+    }
+
+    interface StepperOptions extends BaseViewOptions {
+        type: "stepper";
+        props: StepperProps;
+        layout?: (make: MASConstraintMaker, view: UIStepperView) => void;
+        events?: StepperEvents;
+    }
+
+    interface TextProps<T2 extends AllUIView = UITextView> extends ScrollProps<T2> {
+        text?: string;
+        styledText?: string | StyledTextOptions;
+        html?: string;
+        type?: number; // $kbType
+        darkKeyboard?: boolean;
+        font?: UIFont;
+        textColor?: UIColor;
+        align?: number; // $align
+        placeholder?: string;
+        selectedRange?: JBRange;
+        editable?: boolean;
+        selectable?: boolean;
+        insets?: JBInsets;
+        accessoryView?: AllViewOptions;
+        keyboardView?: AllViewOptions;
+        menu?: ContextMenuOptions<T2>;
+    }
+
+    interface TextEvents<T3 = UITextView> extends ScrollEvents<T3> {
+        didBeginEditing?: (sender: T3) => void;
+        didEndEditing?: (sender: T3) => void;
+        didChange?: (sender: T3) => void;
+        didChangeSelection?: (sender: T3) => void;
+    }
+
+    interface TextOptions extends BaseViewOptions {
+        type: "text";
+        props: TextProps;
+        layout?: (make: MASConstraintMaker, view: UITextView) => void;
+        events?: TextEvents;
+    }
+
+    interface ImageProps extends BaseViewProps {
+        image?: UIImage;
+        src?: string;
+        source?: {
+            url: string;
+            placeholder?: UIImage;
+            header: Record<string, string>;
+        };
+        symbol?: string;
+        data?: NSData;
+        icon?: BBFileIcon;
+        menu?: ContextMenuOptions<UIImageView>;
+    }
+
+    interface ImageOptions extends BaseViewOptions {
+        type: "image";
+        props: ImageProps;
+        layout?: (make: MASConstraintMaker, view: UIImageView) => void;
+        events?: BaseViewEvents<UIImageView>;
+    }
+
+    interface VideoProps extends BaseViewProps {
+        src: string;
+        poster?: string;
+        menu?: ContextMenuOptions<UIVideoView>;
+    }
+
+    interface VideoOptions extends BaseViewOptions {
+        type: "video";
+        props: VideoProps;
+        layout?: (make: MASConstraintMaker, view: UIVideoView) => void;
+        events?: BaseViewEvents<UIVideoView>;
+    }
+
+    interface ScrollProps<T extends AllUIView = UIScrollView> extends BaseViewProps {
+        contentOffset?: JBPoint;
+        contentSize?: JBSize;
+        alwaysBounceVertical?: boolean;
+        alwaysBounceHorizontal?: boolean;
+        pagingEnabled?: boolean;
+        scrollEnabled?: boolean;
+        showsHorizontalIndicator?: boolean;
+        showsVerticalIndicator?: boolean;
+        contentInset?: JBInsets;
+        indicatorInsets?: JBInsets;
+        // tracking?: boolean;
+        // dragging?: boolean;
+        // decelerating?: boolean;
+        keyboardDismissMode?: number; // 0: none, 1: on-drag, 2: interactive
+        zoomEnabled?: boolean;
+        maxZoomScale?: number;
+        doubleTapToZoom?: boolean;
+        menu?: ContextMenuOptions<T>;
+    }
+
+    interface ScrollEvents<T2 = UIScrollView> extends BaseViewEvents<T2> {
+        pulled?: (sender: T2) => void;
+        didScroll?: (sender: T2) => void;
+        willBeginDragging?: (sender: T2) => void;
+        willEndDragging?:
+            | ((sender: T2, velocity: JBPoint, target: JBPoint) => JBPoint)
+            | ((sender: T2, velocity: JBPoint, target: JBPoint) => void);
+        didEndDragging?: (sender: T2, decelerate: boolean) => void;
+        willBeginDecelerating?: (sender: T2) => void;
+        didEndDecelerating?: (sender: T2) => void;
+        didEndScrollingAnimation?: (sender: T2) => void;
+        didScrollToTop?: (sender: T2) => void;
+    }
+
+    interface ScrollOptions extends BaseViewOptions {
+        type: "scroll";
+        props: ScrollProps;
+        layout?: (make: MASConstraintMaker, view: UIScrollView) => void;
+        events?: ScrollEvents<UIScrollView>;
+    }
+
+    interface StackProps extends BaseViewProps {
+        stack: { views: AllViewOptions[] };
+        axis?: number; // $stackViewAxis
+        distribution?: number; // $stackViewDistribution
+        alignment?: number; // $stackViewAlignment
+        spacing?: number; // $stackViewSpacing
+        baselineRelative?: boolean;
+        // BUG: The property name in the documentation is incorrect; it is not `isBaselineRelative`.
+        layoutMarginsRelative?: boolean;
+        // BUG: The property name in the documentation is incorrect; it is not `isLayoutMarginsRelative`.
+        menu?: ContextMenuOptions<UIStackView>;
+    }
+
+    interface StackOptions extends BaseViewOptions {
+        type: "stack";
+        props: StackProps;
+        layout?: (make: MASConstraintMaker, view: UIStackView) => void;
+        events?: BaseViewEvents<UIStackView>;
+    }
+
+    interface TabProps extends BaseViewProps {
+        items?: string[];
+        index?: number;
+        menu?: ContextMenuOptions<UITabView>;
+    }
+
+    interface TabEvents extends BaseViewEvents<UITabView> {
+        changed?: (sender: UITabView) => void;
+    }
+
+    interface TabOptions extends BaseViewOptions {
+        type: "tab";
+        props: TabProps;
+        layout?: (make: MASConstraintMaker, view: UITabView) => void;
+        events?: TabEvents;
+    }
+
+    interface MenuProps extends BaseViewProps {
+        items?: string[];
+        index?: number;
+        dynamicWidth?: boolean; // dynamic item width, default is false
+        menu?: ContextMenuOptions<UIMenuView>;
+    }
+
+    interface MenuEvents extends BaseViewEvents<UIMenuView> {
+        changed?: (sender: UIMenuView) => void;
+    }
+
+    interface MenuOptions extends BaseViewOptions {
+        type: "menu";
+        props: MenuProps;
+        layout?: (make: MASConstraintMaker, view: UIMenuView) => void;
+        events?: MenuEvents;
+    }
+
+    interface MapProps extends BaseViewProps {
+        location: {
+            lat: number;
+            lng: number;
+        };
+        menu?: ContextMenuOptions<UIMapView>;
+    }
+
+    interface MapOptions extends BaseViewOptions {
+        type: "map";
+        props: MapProps;
+        layout?: (make: MASConstraintMaker, view: UIMapView) => void;
+        events?: BaseViewEvents<UIMapView>;
+    }
+
+    interface WebProps<T extends AllUIView = UIWebView> extends BaseViewProps {
+        url?: string;
+        request?: {
+            url: string;
+            method?: string;
+            headers?: Record<string, string>;
+            body?: NSData;
+        };
+        html?: string;
+        text?: string;
+        toolbar?: boolean;
+        // loading?: boolean;
+        // progress?: number;
+        // canGoBack?: boolean;
+        // canGoForward?: boolean;
+        ua?: string;
+        scrollEnabled?: boolean;
+        bounces?: boolean;
+        transparent?: boolean;
+        showsProgress?: boolean;
+        inlineMedia?: boolean;
+        airPlay?: boolean;
+        pictureInPicture?: boolean;
+        allowsNavigation?: boolean;
+        allowsLinkPreview?: boolean;
+        script?: string | (() => void);
+        style?: string;
+        menu?: ContextMenuOptions<T>;
+    }
+
+    interface WebEvents<T2 = UIWebView> extends BaseViewEvents<T2> {
+        didClose?: (sender: T2) => void;
+        decideNavigation?: (sender: T2, action: WKNavigationAction) => boolean;
+        didStart?: (sender: T2, navigation: WKNavigation) => void;
+        didReceiveServerRedirect?: (sender: T2, navigation: WKNavigation) => void;
+        didFinish?: (sender: T2, navigation: WKNavigation) => void;
+        didFail?: (sender: T2, navigation: WKNavigation, error: NSError | null) => void;
+        didSendRequest?: (request: { method: string; url: string; header: Record<string, string>; body: any }) => void;
+        [customEvent: string]: ((...args: any[]) => void) | undefined;
+    }
+
+    interface WebOptions extends BaseViewOptions {
+        type: "web";
+        props: WebProps;
+        layout?: (make: MASConstraintMaker, view: UIWebView) => void;
+        events?: WebEvents<UIWebView>;
+    }
+
+    interface ListProps extends ScrollProps<UIListView> {
+        style?: number; // 0 ~ 2
+        data?: any;
+        template?: {
+            props?: BaseViewProps;
+            views: AllViewOptions[];
+        };
+        separatorInset?: JBInsets;
+        separatorHidden?: boolean;
+        separatorColor?: UIColor;
+        header?: AllViewOptions;
+        footer?: AllViewOptions;
+        rowHeight?: number;
+        autoRowHeight?: boolean;
+        estimatedRowHeight?: number;
+        sectionTitleHeight?: number;
+        selectable?: boolean;
+        stickyHeader?: boolean;
+        reorder?: boolean;
+        crossSections?: boolean;
+        // hasActiveAction?: boolean; // only readable
+        actions?: {
+            title: string;
+            color?: UIColor;
+            handler: (sender: UIListView, indexPath: NSIndexPath) => void;
+        }[];
+        menu?: ContextMenuOptions<UIListView>;
+    }
+
+    interface ListEvents extends ScrollEvents<UIListView> {
+        swipeEnabled?: (sender: UIListView, indexPath: NSIndexPath) => boolean;
+        rowHeight?: (sender: UIListView, indexPath: NSIndexPath) => number;
+        sectionTitleHeight?: (sender: UIListView, section: number) => number;
+        didSelect?: (sender: UIListView, indexPath: NSIndexPath, data: any) => void;
+        didLongPress?: (sender: UIListView, indexPath: NSIndexPath, data: any) => void;
+        forEachItem?: (sender: UIListView, indexPath: NSIndexPath) => void;
+        reorderBegan?: (indexPath: NSIndexPath) => void;
+        reorderMoved?: (from: NSIndexPath, to: NSIndexPath) => void;
+        reorderFinished?: (data: any) => void;
+        canMoveItem?: (sender: UIListView, indexPath: NSIndexPath) => boolean;
+        didReachBottom?: (sender: UIListView) => void;
+    }
+
+    interface ListOptions extends BaseViewOptions {
+        type: "list";
+        props: ListProps;
+        layout?: (make: MASConstraintMaker, view: UIListView) => void;
+        events?: ListEvents;
+    }
+
+    interface MatrixProps extends ScrollProps<UIMatrixView> {
+        data?: any[];
+        template?: {
+            props?: BaseViewProps;
+            views: AllViewOptions[];
+        };
+        spacing?: number;
+        itemSize?: JBSize;
+        autoItemSize?: boolean;
+        estimatedItemSize?: JBSize;
+        columns?: number;
+        itemHeight?: number;
+        square?: boolean;
+        direction?: number; // $scrollDirection
+        selectable?: boolean;
+        waterfall?: boolean;
+        header?: AllViewOptions | ((sender: UIMatrixView) => AllViewOptions);
+        footer?: AllViewOptions | ((sender: UIMatrixView) => AllViewOptions);
+        // BUG: Although the header and footer can be loaded dynamically,
+        // it seems meaningless, as them won't be reloaded when the matrix reloads.
+        reorder?: boolean;
+        menu?: ContextMenuOptions<UIMatrixView>;
+    }
+
+    interface MatrixEvents extends ScrollEvents<UIMatrixView> {
+        didSelect?: (sender: UIMatrixView, indexPath: NSIndexPath, data: any) => void;
+        didLongPress?: (sender: UIMatrixView, indexPath: NSIndexPath, data: any) => void;
+        forEachItem?: (sender: UIMatrixView, indexPath: NSIndexPath) => void;
+        highlighted?: (sender: UIMatrixView) => void;
+        itemSize?: (sender: UIMatrixView, indexPath: NSIndexPath) => void;
+        reorderBegan?: (indexPath: NSIndexPath) => void;
+        reorderMoved?: (from: NSIndexPath, to: NSIndexPath) => void;
+        reorderFinished?: (data: any) => void;
+        canMoveItem?: (sender: UIMatrixView, indexPath: NSIndexPath) => boolean;
+        didReachBottom?: (sender: UIMatrixView) => void;
+    }
+
+    interface MatrixOptions extends BaseViewOptions {
+        type: "matrix";
+        props: MatrixProps;
+        layout?: (make: MASConstraintMaker, view: UIMatrixView) => void;
+        events?: MatrixEvents;
+    }
+
+    interface BlurProps extends BaseViewProps {
+        style?: number; // $blurStyle
+        menu?: ContextMenuOptions<UIBlurView>;
+    }
+
+    interface BlurOptions extends BaseViewOptions {
+        type: "blur";
+        props: BlurProps;
+        layout?: (make: MASConstraintMaker, view: UIBlurView) => void;
+        events?: BaseViewEvents<UIBlurView>;
+    }
+
+    interface GradientProps extends BaseViewProps {
+        colors: UIColor[];
+        locations?: number[];
+        startPoint?: JBPoint;
+        endPoint?: JBPoint;
+        menu?: ContextMenuOptions<UIGradientView>;
+    }
+
+    interface GradientOptions extends BaseViewOptions {
+        type: "gradient";
+        props: GradientProps;
+        layout?: (make: MASConstraintMaker, view: UIGradientView) => void;
+        events?: BaseViewEvents<UIGradientView>;
+    }
+
+    interface DatePickerProps extends BaseViewProps {
+        date?: Date;
+        min?: Date;
+        max?: Date;
+        mode?: number; // 0 ~ 4
+        interval?: number;
+        menu?: ContextMenuOptions<UIDatePickerView>;
+    }
+
+    interface DatePickerEvents extends BaseViewEvents<UIDatePickerView> {
+        changed?: (sender: UIDatePickerView) => void;
+    }
+
+    interface DatePickerOptions extends BaseViewOptions {
+        type: "date-picker";
+        props: DatePickerProps;
+        layout?: (make: MASConstraintMaker, view: UIDatePickerView) => void;
+        events?: DatePickerEvents;
+    }
+
+    interface PickerProps extends BaseViewProps {
+        items: any;
+        menu?: ContextMenuOptions<UIPickerView>;
+    }
+
+    interface PickerEvents extends BaseViewEvents<UIPickerView> {
+        changed?: (sender: UIPickerView) => void;
+    }
+
+    interface PickerOptions extends BaseViewOptions {
+        type: "picker";
+        props: PickerProps;
+        layout?: (make: MASConstraintMaker, view: UIPickerView) => void;
+        events?: PickerEvents;
+    }
+
+    interface CanvasProps extends BaseViewProps {
+        menu?: ContextMenuOptions<UICanvasView>;
+    }
+
+    interface CanvasEvents extends BaseViewEvents<UICanvasView> {
+        draw?: (view: UICanvasView, ctx: BBCanvasContext) => void;
+    }
+
+    interface CanvasOptions extends BaseViewOptions {
+        type: "canvas";
+        props: CanvasProps;
+        layout?: (make: MASConstraintMaker, view: UICanvasView) => void;
+        events?: CanvasEvents;
+    }
+
+    interface MarkdownProps extends BaseViewProps {
+        content?: string;
+        style?: string;
+        scrollEnabled?: boolean;
+        menu?: ContextMenuOptions<UIMarkdownView>;
+    }
+
+    interface MarkdownOptions extends BaseViewOptions {
+        type: "markdown";
+        props: MarkdownProps;
+        layout?: (make: MASConstraintMaker, view: UIMarkdownView) => void;
+        events?: BaseViewEvents<UIMarkdownView>;
+    }
+
+    interface LottieProps extends BaseViewProps {
+        json?: any;
+        data?: NSData;
+        src?: string;
+        // playing?: boolean; // only readable
+        loop?: boolean;
+        autoReverse?: boolean;
+        progress?: number;
+        frameIndex?: number;
+        speed?: number;
+        // duration?: number; // only readable
+        menu?: ContextMenuOptions<UILottieView>;
+    }
+
+    interface LottieOptions extends BaseViewOptions {
+        type: "lottie";
+        props: LottieProps;
+        layout?: (make: MASConstraintMaker, view: UILottieView) => void;
+        events?: BaseViewEvents<UILottieView>;
+    }
+
+    interface ChartProps extends WebProps<UIChartView> {
+        options?: any; // Please refer to the ECharts documentation.
+        menu?: ContextMenuOptions<UIChartView>;
+    }
+
+    interface ChartEvents extends WebEvents<UIChartView> {
+        rendered?: () => void;
+        finished?: () => void;
+    }
+
+    interface ChartOptions extends BaseViewOptions {
+        type: "chart";
+        props: ChartProps;
+        layout?: (make: MASConstraintMaker, view: UIChartView) => void;
+        events?: ChartEvents;
+    }
+
+    interface CodeProps extends TextProps<UICodeView> {
+        language?: string;
+        theme?: string;
+        darkKeyboard?: boolean;
+        adjustInsets?: boolean;
+        lineNumbers?: boolean;
+        invisibles?: boolean;
+        linePadding?: number;
+        keys?: string[]; // customize toolbar keys and conflicts with the accessoryView property.
+        menu?: ContextMenuOptions<UICodeView>;
+    }
+
+    interface CodeOptions extends BaseViewOptions {
+        type: "code";
+        props: CodeProps;
+        layout?: (make: MASConstraintMaker, view: UICodeView) => void;
+        events?: TextEvents<UICodeView>;
+    }
+
+    interface RuntimeProps extends BaseViewProps {
+        view?: any; // view created by Runtime
+    }
+
+    interface RuntimeOptions extends BaseViewOptions {
+        type: "runtime";
+        props: RuntimeProps;
+        layout?: (make: MASConstraintMaker, view: UIView) => void;
+        events?: BaseViewEvents;
+    }
+
+    type AllViewOptions =
+        | ViewOptions
+        | LabelOptions
+        | ButtonOptions
+        | InputOptions
+        | SliderOptions
+        | SwitchOptions
+        | SpinnerOptions
+        | ProgressOptions
+        | GalleryOptions
+        | StepperOptions
+        | TextOptions
+        | ImageOptions
+        | VideoOptions
+        | ScrollOptions
+        | StackOptions
+        | TabOptions
+        | MenuOptions
+        | MapOptions
+        | WebOptions
+        | ListOptions
+        | MatrixOptions
+        | BlurOptions
+        | GradientOptions
+        | DatePickerOptions
+        | PickerOptions
+        | CanvasOptions
+        | MarkdownOptions
+        | LottieOptions
+        | ChartOptions
+        | CodeOptions
+        | RuntimeOptions;
+
+    type AllViewTypes =
+        | "view"
+        | "label"
+        | "button"
+        | "input"
+        | "slider"
+        | "switch"
+        | "spinner"
+        | "progress"
+        | "gallery"
+        | "stepper"
+        | "text"
+        | "image"
+        | "video"
+        | "scroll"
+        | "stack"
+        | "tab"
+        | "menu"
+        | "map"
+        | "web"
+        | "list"
+        | "matrix"
+        | "blur"
+        | "gradient"
+        | "date-picker"
+        | "picker"
+        | "canvas"
+        | "markdown"
+        | "lottie"
+        | "chart"
+        | "code"
+        | "runtime";
+
+    interface UIAnimationOptions {
+        duration: number;
+        delay?: number;
+        damping?: number;
+        velocity?: number;
+        options?: number;
+        animation?: () => void;
+        completion?: () => void;
+    }
+
+    interface UIAlertOptions {
+        title?: string;
+        message?: string;
+        actions?: {
+            title: string;
+            disabled?: boolean;
+            style?: number;
+            handler?: () => void;
+        }[];
+    }
+
+    interface UIAlertNoHandlerOptions {
+        title?: string;
+        message?: string;
+        actions?: {
+            title: string;
+            disabled?: boolean;
+            style?: number;
+        }[];
+    }
+
+    interface UIMenuOptions {
+        items: string[];
+        handler: (title: string, index: number) => void;
+        finished?: (cancelled: boolean) => void;
+    }
+
+    interface UIPopoverSimpleOptions {
+        sourceView: AllUIView;
+        sourceRect?: JBRect; // sender.bounds by default
+        directions?: number; // $popoverDirection.up by default
+        size?: JBSize; // fits content by default
+        items: string[];
+        dismissed?: () => void;
+    }
+
+    interface UIPopoverOptions {
+        sourceView: AllUIView;
+        sourceRect?: JBRect; // sender.bounds by default
+        directions?: number; // $popoverDirection.any by default
+        size?: JBSize; // fits screen width by default
+        views: AllViewOptions[];
+        dismissed?: () => void;
+    }
+}
+
+interface JBUi {
+    render(
+        options:
+            | string
+            | {
+                props?: UiTypes.RootViewPrefs;
+                views: UiTypes.AllViewOptions[];
+                events?: UiTypes.RootViewEvents;
+            },
+    ): void;
+    push(
+        options:
+            | string
+            | {
+                props?: UiTypes.RootViewPrefs;
+                views: UiTypes.AllViewOptions[];
+                events?: UiTypes.RootViewEvents;
+            },
+    ): void;
+    animate(args: UiTypes.UIAnimationOptions): void;
+    pop(): void;
+    popToRoot(): void;
+    get(id: string): AllUIView;
+    alert(options: UiTypes.UIAlertNoHandlerOptions): Promise<{ title: string; index: number }>;
+    alert(options: UiTypes.UIAlertOptions | string): void;
+    action(options: UiTypes.UIAlertOptions | string): void;
+    action(options: UiTypes.UIAlertNoHandlerOptions): Promise<{ title: string; index: number }>;
+    menu(options: UiTypes.UIMenuOptions): void;
+    menu(options: Omit<UiTypes.UIMenuOptions, "handler">): Promise<{ title: string; index: number }>;
+    popover(options: UiTypes.UIPopoverSimpleOptions): Promise<{ title: string; index: number }>;
+    popover(options: UiTypes.UIPopoverOptions): { dismiss: () => void };
+    toast(message: string, time?: number): void;
+    clearToast(): void;
+    success(message: string): void;
+    warning(message: string): void;
+    error(message: string): void;
+    loading(flagOrMessage: boolean | string): void;
+    progress(percent: number, message?: string): void;
+    preview(options: { title: string; url?: string; html?: string; text?: string }): void;
+    create(options: UiTypes.ViewOptions): UIView;
+    create(options: UiTypes.LabelOptions): UILabelView;
+    create(options: UiTypes.ButtonOptions): UIButtonView;
+    create(options: UiTypes.InputOptions): UIInputView;
+    create(options: UiTypes.SliderOptions): UISliderView;
+    create(options: UiTypes.SwitchOptions): UISwitchView;
+    create(options: UiTypes.SpinnerOptions): UISpinnerView;
+    create(options: UiTypes.ProgressOptions): UIProgressView;
+    create(options: UiTypes.GalleryOptions): UIGalleryView;
+    create(options: UiTypes.StepperOptions): UIStepperView;
+    create(options: UiTypes.TextOptions): UITextView;
+    create(options: UiTypes.ImageOptions): UIImageView;
+    create(options: UiTypes.VideoOptions): UIVideoView;
+    create(options: UiTypes.ScrollOptions): UIScrollView;
+    create(options: UiTypes.StackOptions): UIStackView;
+    create(options: UiTypes.TabOptions): UITabView;
+    create(options: UiTypes.MenuOptions): UIMenuView;
+    create(options: UiTypes.MapOptions): UIMapView;
+    create(options: UiTypes.WebOptions): UIWebView;
+    create(options: UiTypes.ListOptions): UIListView;
+    create(options: UiTypes.MatrixOptions): UIMatrixView;
+    create(options: UiTypes.BlurOptions): UIBlurView;
+    create(options: UiTypes.GradientOptions): UIGradientView;
+    create(options: UiTypes.DatePickerOptions): UIDatePickerView;
+    create(options: UiTypes.PickerOptions): UIPickerView;
+    create(options: UiTypes.CanvasOptions): UICanvasView;
+    create(options: UiTypes.MarkdownOptions): UIMarkdownView;
+    create(options: UiTypes.LottieOptions): UILottieView;
+    create(options: UiTypes.ChartOptions): UIChartView;
+    create(options: UiTypes.CodeOptions): UICodeView;
+    create(options: UiTypes.RuntimeOptions): AllUIView;
+    window: UIView; // BUG: not match the documentation; it returns RootView instead of AppWindow.
+    controller: BBRenderVC;
+    title: string;
+    selectIcon(): Promise<string>;
+}
+
+declare const $ui: JBUi;
diff --git a/types/jsbox-app/src/widget.d.ts b/types/jsbox-app/src/widget.d.ts
new file mode 100644
index 00000000000000..2a5213cf1f982a
--- /dev/null
+++ b/types/jsbox-app/src/widget.d.ts
@@ -0,0 +1,361 @@
+// JSBox Widget API TypeScript Declaration
+
+declare namespace WidgetTypes {
+    interface WidgetEntry {
+        date?: Date;
+        info?: any;
+    }
+
+    type WidgetPolicy =
+        | {
+            atEnd: boolean;
+        }
+        | {
+            afterDate: Date;
+        }
+        | {
+            never: boolean;
+        };
+
+    interface WidgetContext {
+        entry: WidgetEntry;
+        family: number; // $widgetFamily
+        // BUG: Up to version 2.32.0, $widget.family actually returns 6, 7, and 8
+        // for the circular, rectangular, and inline variants, respectively.
+        displaySize: JBSize;
+        isDarkMode: boolean;
+    }
+
+    interface WidgetOptions {
+        entries?: WidgetEntry[];
+        policy?: WidgetPolicy;
+        render: (ctx: WidgetContext) => AllWidgetOptions;
+    }
+
+    type AllWidgetTypes =
+        | "text"
+        | "image"
+        | "color"
+        | "gradient"
+        | "divider"
+        | "hstack"
+        | "vstack"
+        | "zstack"
+        | "spacer"
+        | "hgrid"
+        | "vgrid";
+
+    type AllWidgetOptions =
+        | WidgetTextOptions
+        | WidgetImageOptions
+        | WidgetColorOptions
+        | WidgetGradientOptions
+        | WidgetDividerOptions
+        | WidgetHstackOptions
+        | WidgetVstackOptions
+        | WidgetZstackOptions
+        | WidgetSpacerOptions
+        | WidgetHgridOptions
+        | WidgetVgridOptions;
+
+    interface WidgetBaseOptions {
+        type: AllWidgetTypes;
+        views?: AllWidgetOptions[];
+    }
+
+    interface BasePropsModifiers {
+        frame?: {
+            width?: number;
+            height?: number;
+            alignment?: number | string;
+            minWidth?: number;
+            idealWidth?: number;
+            maxWidth?: number;
+            minHeight?: number;
+            idealHeight?: number;
+            maxHeight?: number;
+        };
+        position?: JBPoint;
+        offset?: JBPoint;
+        padding?: number | JBInsets;
+        layoutPriority?: number;
+        cornerRadius?:
+            | number
+            | {
+                value: number;
+                style: 0 | 1; // 0: circular, 1: continuous
+            };
+        border?: {
+            color?: UIColor;
+            width?: number;
+        };
+        clipped?: boolean | { antialiased: boolean };
+        opacity?: number;
+        rotationEffect?: number; // Arc angle
+        blur?: number;
+        color?: UIColor | string;
+        background?: UIColor | UIImage | WidgetImageOptions | WidgetGradientOptions;
+        link?: string;
+        widgetURL?: string;
+    }
+
+    interface TextPropsModifiers extends BasePropsModifiers {
+        bold?: boolean;
+        font?:
+            | UIFont
+            | {
+                name: string;
+                size: number;
+                weight?:
+                    | "ultraLight"
+                    | "thin"
+                    | "light"
+                    | "regular"
+                    | "medium"
+                    | "semibold"
+                    | "bold"
+                    | "heavy"
+                    | "black";
+                monospaced?: boolean;
+            };
+        lineLimit?: number;
+        minimumScaleFactor?: number;
+    }
+
+    interface ImagePropsModifiers extends BasePropsModifiers {
+        resizable?: boolean;
+        scaledToFill?: boolean;
+        scaledToFit?: boolean;
+        accessibilityHidden?: boolean;
+        accessibilityLabel?: string;
+        accessibilityHint?: string;
+    }
+
+    type TextProps =
+        & TextPropsModifiers
+        & (
+            | {
+                text: string;
+            }
+            | {
+                date: Date;
+                style: number | string; // $widget.dateStyle, or string literals
+            }
+            | {
+                startDate: Date; // display a time interval
+                endDate: Date;
+            }
+        );
+
+    interface WidgetTextOptions extends WidgetBaseOptions {
+        type: "text";
+        props?: TextProps;
+        modifiers?: TextPropsModifiers[];
+    }
+
+    type ImageProps =
+        & ImagePropsModifiers
+        & (
+            | {
+                image: UIImage;
+            }
+            | {
+                data: NSData;
+            }
+            | {
+                symbol:
+                    | string
+                    | {
+                        glyph: string;
+                        size: number; // Default: 24
+                        weight:
+                            | "ultraLight"
+                            | "thin"
+                            | "light"
+                            | "regular"
+                            | "medium"
+                            | "semibold"
+                            | "bold"
+                            | "heavy"
+                            | "black"; // Default: "regular"
+                    };
+            }
+            | {
+                path: string;
+            }
+            | {
+                uri: string; // URL or Base64
+            }
+        );
+
+    interface WidgetImageOptions extends WidgetBaseOptions {
+        type: "image";
+        props?: ImageProps;
+        modifiers?: ImagePropsModifiers[];
+    }
+
+    type ColorProps =
+        & BasePropsModifiers
+        & (
+            | {
+                color: UIColor | string;
+            }
+            | {
+                light: UIColor | string;
+                dark: UIColor | string;
+            }
+        );
+
+    interface WidgetColorOptions extends WidgetBaseOptions {
+        type: "color";
+        props?: ColorProps;
+        modifiers?: BasePropsModifiers[];
+    }
+
+    interface GradientProps extends BasePropsModifiers {
+        startPoint?: JBPoint;
+        endPoint?: JBPoint;
+        locations?: number[];
+        colors: UIColor[];
+    }
+
+    interface WidgetGradientOptions extends WidgetBaseOptions {
+        type: "gradient";
+        props?: GradientProps;
+        modifiers?: BasePropsModifiers[];
+    }
+
+    interface WidgetDividerOptions extends WidgetBaseOptions {
+        type: "divider";
+        props?: BasePropsModifiers;
+        modifiers?: BasePropsModifiers[];
+    }
+
+    interface HstackProps extends BasePropsModifiers {
+        alignment?: number | string; // $widget.verticalAlignment, or string literals
+        spacing?: number;
+    }
+
+    interface WidgetHstackOptions extends WidgetBaseOptions {
+        type: "hstack";
+        props?: HstackProps;
+        modifiers?: BasePropsModifiers[];
+    }
+
+    interface VstackProps extends BasePropsModifiers {
+        alignment?: number | string; // $widget.horizontalAlignment, or string literals
+        spacing?: number;
+    }
+
+    interface WidgetVstackOptions extends WidgetBaseOptions {
+        type: "vstack";
+        props?: VstackProps;
+        modifiers?: BasePropsModifiers[];
+    }
+
+    interface ZstackProps extends BasePropsModifiers {
+        alignment?: number | string; // $widget.alignment, or string literals
+    }
+
+    interface WidgetZstackOptions extends WidgetBaseOptions {
+        type: "zstack";
+        props?: ZstackProps;
+        modifiers?: BasePropsModifiers[];
+    }
+
+    interface SpacerProps extends BasePropsModifiers {
+        minLength?: number;
+    }
+
+    interface WidgetSpacerOptions extends WidgetBaseOptions {
+        type: "spacer";
+        props?: SpacerProps;
+        modifiers?: BasePropsModifiers[];
+    }
+
+    interface GridItems {
+        fixed?: number;
+        flexible?: {
+            minimum: number;
+            maximum: number;
+        };
+        adaptive?: {
+            minimum: number;
+            maximum: number;
+        };
+        spacing?: number;
+        alignment?: number | string; // $widget.alignment, or string literals
+    }
+
+    interface HgridProps extends BasePropsModifiers {
+        alignment?: number | string; // $widget.verticalAlignment, or string literals
+        spacing?: number;
+        rows?: GridItems[];
+    }
+
+    interface WidgetHgridOptions extends WidgetBaseOptions {
+        type: "hgrid";
+        props?: HgridProps;
+        modifiers?: BasePropsModifiers[];
+    }
+
+    interface VgridProps extends BasePropsModifiers {
+        alignment?: number | string; // $widget.horizontalAlignment, or string literals
+        spacing?: number;
+        columns?: GridItems[];
+    }
+
+    interface WidgetVgridOptions extends WidgetBaseOptions {
+        type: "vgrid";
+        props?: VgridProps;
+        modifiers?: BasePropsModifiers[];
+    }
+}
+
+interface JBWidget {
+    // The following 3 APIs are deprecated. They belong to iOS Today Widgets.
+    height: number;
+    mode: number; // 0: less 1: more.
+    modeChanged: (mode: number) => void;
+
+    setTimeline(args: WidgetTypes.WidgetOptions | WidgetTypes.WidgetOptions["render"]): void;
+    reloadTimeline(): void;
+    inputValue: string;
+    family: number; // $widgetFamily
+    // BUG: Up to version 2.32.0, $widget.family actually returns 6, 7, and 8
+    // for the circular, rectangular, and inline variants, respectively.
+    displaySize: JBSize;
+    isDarkMode: boolean;
+    alignment: {
+        center: 0;
+        leading: 1;
+        trailing: 2;
+        top: 3;
+        bottom: 4;
+        topLeading: 5;
+        topTrailing: 6;
+        bottomLeading: 7;
+        bottomTrailing: 8;
+    };
+    horizontalAlignment: {
+        leading: 0;
+        center: 1;
+        trailing: 2;
+    };
+    verticalAlignment: {
+        top: 0;
+        center: 1;
+        bottom: 2;
+        firstTextBaseline: 3;
+        lastTextBaseline: 4;
+    };
+    dateStyle: {
+        time: 0;
+        date: 1;
+        relative: 2;
+        offset: 3;
+        timer: 4;
+    };
+}
+
+declare const $widget: JBWidget;
diff --git a/types/jsbox-app/tsconfig.json b/types/jsbox-app/tsconfig.json
new file mode 100644
index 00000000000000..a933b88fbd5d3a
--- /dev/null
+++ b/types/jsbox-app/tsconfig.json
@@ -0,0 +1,19 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictFunctionTypes": true,
+        "strictNullChecks": true,
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "jsbox-app-tests.ts"
+    ]
+}
diff --git a/types/licensee/.npmignore b/types/licensee/.npmignore
new file mode 100644
index 00000000000000..93e307400a5456
--- /dev/null
+++ b/types/licensee/.npmignore
@@ -0,0 +1,5 @@
+*
+!**/*.d.ts
+!**/*.d.cts
+!**/*.d.mts
+!**/*.d.*.ts
diff --git a/types/licensee/index.d.ts b/types/licensee/index.d.ts
new file mode 100644
index 00000000000000..51af56b6b74c7f
--- /dev/null
+++ b/types/licensee/index.d.ts
@@ -0,0 +1,55 @@
+declare function licensee(
+    configuration: licensee.Configuration,
+    path: string,
+    callback: (error: Error | null, results?: licensee.Result[]) => void,
+): void;
+
+declare namespace licensee {
+    interface LicensesConfiguration {
+        spdx?: string[] | undefined;
+        blueOak?: string | undefined;
+        osi?: boolean | undefined;
+    }
+
+    interface IgnoreScope {
+        scope: string;
+    }
+
+    interface IgnorePrefix {
+        prefix: string;
+    }
+
+    interface IgnoreAuthor {
+        author: string;
+    }
+
+    type IgnoreRule = IgnoreScope | IgnorePrefix | IgnoreAuthor;
+
+    interface Configuration {
+        licenses: LicensesConfiguration;
+        packages?: Record<string, string> | undefined;
+        corrections?: boolean | undefined;
+        ignore?: IgnoreRule[] | undefined;
+        productionOnly?: boolean | undefined;
+        filterPackages?: ((dependencies: any[]) => any[]) | undefined;
+    }
+
+    interface Result {
+        name: string;
+        version: string;
+        license: string;
+        author: any;
+        contributors: any;
+        repository: any;
+        homepage: string;
+        parent: any;
+        path: string;
+        approved: boolean;
+        corrected?: "manual" | "automatic" | undefined;
+        ignored?: boolean | undefined;
+        package?: boolean | undefined;
+        duplicates?: Result[] | undefined;
+    }
+}
+
+export = licensee;
diff --git a/types/licensee/licensee-tests.ts b/types/licensee/licensee-tests.ts
new file mode 100644
index 00000000000000..618dd3009e51aa
--- /dev/null
+++ b/types/licensee/licensee-tests.ts
@@ -0,0 +1,67 @@
+import licensee = require("licensee");
+
+const configuration: licensee.Configuration = {
+    licenses: {
+        spdx: ["MIT", "BSD-2-Clause", "BSD-3-Clause", "Apache-2.0"],
+    },
+    packages: {
+        optimist: "<=0.6.1",
+    },
+    corrections: true,
+    ignore: [
+        { scope: "kemitchell" },
+        { prefix: "commonform-" },
+        { author: "Kyle E. Mitchell" },
+    ],
+};
+
+licensee(configuration, "/path/to/package", (error, results) => {
+    if (error) {
+        return;
+    }
+    if (results) {
+        const result: licensee.Result = results[0];
+    }
+});
+
+const exampleResult: licensee.Result = {
+    name: "example",
+    version: "1.0.0",
+    license: "MIT",
+    author: null,
+    contributors: null,
+    repository: null,
+    homepage: "",
+    parent: null,
+    path: "/path",
+    approved: true,
+};
+
+// $ExpectType string
+exampleResult.name;
+
+// $ExpectType string
+exampleResult.version;
+
+// $ExpectType string
+exampleResult.license;
+
+// $ExpectType boolean
+exampleResult.approved;
+
+const blueOakConfig: licensee.Configuration = {
+    licenses: {
+        blueOak: "bronze",
+    },
+};
+
+const osiConfig: licensee.Configuration = {
+    licenses: {
+        spdx: ["CC-BY-4.0"],
+        blueOak: "gold",
+        osi: true,
+    },
+    productionOnly: true,
+};
+
+licensee(osiConfig, ".", (err, results) => {});
diff --git a/types/licensee/package.json b/types/licensee/package.json
new file mode 100644
index 00000000000000..98632f50814686
--- /dev/null
+++ b/types/licensee/package.json
@@ -0,0 +1,17 @@
+{
+    "private": true,
+    "name": "@types/licensee",
+    "version": "12.0.9999",
+    "projects": [
+        "https://github.com/jslicense/licensee.js"
+    ],
+    "devDependencies": {
+        "@types/licensee": "workspace:."
+    },
+    "owners": [
+        {
+            "name": "Jamie Magee",
+            "githubUsername": "JamieMagee"
+        }
+    ]
+}
diff --git a/types/licensee/tsconfig.json b/types/licensee/tsconfig.json
new file mode 100644
index 00000000000000..618a54d10fd5f1
--- /dev/null
+++ b/types/licensee/tsconfig.json
@@ -0,0 +1,19 @@
+{
+    "compilerOptions": {
+        "module": "node16",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "licensee-tests.ts"
+    ]
+}
diff --git a/types/npm-license-corrections/.npmignore b/types/npm-license-corrections/.npmignore
new file mode 100644
index 00000000000000..93e307400a5456
--- /dev/null
+++ b/types/npm-license-corrections/.npmignore
@@ -0,0 +1,5 @@
+*
+!**/*.d.ts
+!**/*.d.cts
+!**/*.d.mts
+!**/*.d.*.ts
diff --git a/types/npm-license-corrections/index.d.ts b/types/npm-license-corrections/index.d.ts
new file mode 100644
index 00000000000000..5440ca499bd7d9
--- /dev/null
+++ b/types/npm-license-corrections/index.d.ts
@@ -0,0 +1,8 @@
+interface NpmLicenseCorrection {
+    name: string;
+    version: string;
+    license: string;
+}
+
+declare const npmLicenseCorrections: NpmLicenseCorrection[];
+export = npmLicenseCorrections;
diff --git a/types/npm-license-corrections/npm-license-corrections-tests.ts b/types/npm-license-corrections/npm-license-corrections-tests.ts
new file mode 100644
index 00000000000000..1811b57e127e26
--- /dev/null
+++ b/types/npm-license-corrections/npm-license-corrections-tests.ts
@@ -0,0 +1,15 @@
+import npmLicenseCorrections = require("npm-license-corrections");
+
+// $ExpectType NpmLicenseCorrection[]
+npmLicenseCorrections;
+
+const correction = npmLicenseCorrections[0];
+
+// $ExpectType string
+correction.name;
+
+// $ExpectType string
+correction.version;
+
+// $ExpectType string
+correction.license;
diff --git a/types/npm-license-corrections/package.json b/types/npm-license-corrections/package.json
new file mode 100644
index 00000000000000..c77d3f5eeed53a
--- /dev/null
+++ b/types/npm-license-corrections/package.json
@@ -0,0 +1,17 @@
+{
+    "private": true,
+    "name": "@types/npm-license-corrections",
+    "version": "1.9.9999",
+    "projects": [
+        "https://github.com/jslicense/npm-license-corrections.json"
+    ],
+    "devDependencies": {
+        "@types/npm-license-corrections": "workspace:."
+    },
+    "owners": [
+        {
+            "name": "Jamie Magee",
+            "githubUsername": "JamieMagee"
+        }
+    ]
+}
diff --git a/types/npm-license-corrections/tsconfig.json b/types/npm-license-corrections/tsconfig.json
new file mode 100644
index 00000000000000..000f4a5a5fbace
--- /dev/null
+++ b/types/npm-license-corrections/tsconfig.json
@@ -0,0 +1,19 @@
+{
+    "compilerOptions": {
+        "module": "node16",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "npm-license-corrections-tests.ts"
+    ]
+}
diff --git a/types/spdx-compare/.npmignore b/types/spdx-compare/.npmignore
new file mode 100644
index 00000000000000..93e307400a5456
--- /dev/null
+++ b/types/spdx-compare/.npmignore
@@ -0,0 +1,5 @@
+*
+!**/*.d.ts
+!**/*.d.cts
+!**/*.d.mts
+!**/*.d.*.ts
diff --git a/types/spdx-compare/index.d.ts b/types/spdx-compare/index.d.ts
new file mode 100644
index 00000000000000..1ea651afa8d85e
--- /dev/null
+++ b/types/spdx-compare/index.d.ts
@@ -0,0 +1,3 @@
+export function gt(first: string, second: string): boolean;
+export function lt(first: string, second: string): boolean;
+export function eq(first: string, second: string): boolean;
diff --git a/types/spdx-compare/package.json b/types/spdx-compare/package.json
new file mode 100644
index 00000000000000..6a0e08212a41c1
--- /dev/null
+++ b/types/spdx-compare/package.json
@@ -0,0 +1,17 @@
+{
+    "private": true,
+    "name": "@types/spdx-compare",
+    "version": "1.0.9999",
+    "projects": [
+        "https://github.com/jslicense/spdx-compare.js"
+    ],
+    "devDependencies": {
+        "@types/spdx-compare": "workspace:."
+    },
+    "owners": [
+        {
+            "name": "Jamie Magee",
+            "githubUsername": "JamieMagee"
+        }
+    ]
+}
diff --git a/types/spdx-compare/spdx-compare-tests.ts b/types/spdx-compare/spdx-compare-tests.ts
new file mode 100644
index 00000000000000..e21ef0c2db7b7e
--- /dev/null
+++ b/types/spdx-compare/spdx-compare-tests.ts
@@ -0,0 +1,10 @@
+import { eq, gt, lt } from "spdx-compare";
+
+// $ExpectType boolean
+gt("GPL-3.0", "GPL-2.0");
+
+// $ExpectType boolean
+lt("GPL-2.0", "GPL-3.0");
+
+// $ExpectType boolean
+eq("GPL-2.0", "GPL-2.0");
diff --git a/types/spdx-compare/tsconfig.json b/types/spdx-compare/tsconfig.json
new file mode 100644
index 00000000000000..dde35102039905
--- /dev/null
+++ b/types/spdx-compare/tsconfig.json
@@ -0,0 +1,19 @@
+{
+    "compilerOptions": {
+        "module": "node16",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "spdx-compare-tests.ts"
+    ]
+}
diff --git a/types/spdx-copyleft/.npmignore b/types/spdx-copyleft/.npmignore
new file mode 100644
index 00000000000000..93e307400a5456
--- /dev/null
+++ b/types/spdx-copyleft/.npmignore
@@ -0,0 +1,5 @@
+*
+!**/*.d.ts
+!**/*.d.cts
+!**/*.d.mts
+!**/*.d.*.ts
diff --git a/types/spdx-copyleft/index.d.ts b/types/spdx-copyleft/index.d.ts
new file mode 100644
index 00000000000000..3014f900e5c272
--- /dev/null
+++ b/types/spdx-copyleft/index.d.ts
@@ -0,0 +1,2 @@
+declare const spdxCopyleft: string[];
+export = spdxCopyleft;
diff --git a/types/spdx-copyleft/package.json b/types/spdx-copyleft/package.json
new file mode 100644
index 00000000000000..1931dd3dff3d7a
--- /dev/null
+++ b/types/spdx-copyleft/package.json
@@ -0,0 +1,17 @@
+{
+    "private": true,
+    "name": "@types/spdx-copyleft",
+    "version": "1.0.9999",
+    "projects": [
+        "https://github.com/jslicense/spdx-copyleft.json"
+    ],
+    "devDependencies": {
+        "@types/spdx-copyleft": "workspace:."
+    },
+    "owners": [
+        {
+            "name": "Jamie Magee",
+            "githubUsername": "JamieMagee"
+        }
+    ]
+}
diff --git a/types/spdx-copyleft/spdx-copyleft-tests.ts b/types/spdx-copyleft/spdx-copyleft-tests.ts
new file mode 100644
index 00000000000000..7378108abfa04d
--- /dev/null
+++ b/types/spdx-copyleft/spdx-copyleft-tests.ts
@@ -0,0 +1,4 @@
+import spdxCopyleft = require("spdx-copyleft");
+
+// $ExpectType string[]
+spdxCopyleft;
diff --git a/types/spdx-copyleft/tsconfig.json b/types/spdx-copyleft/tsconfig.json
new file mode 100644
index 00000000000000..e36b8155abac8c
--- /dev/null
+++ b/types/spdx-copyleft/tsconfig.json
@@ -0,0 +1,19 @@
+{
+    "compilerOptions": {
+        "module": "node16",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "spdx-copyleft-tests.ts"
+    ]
+}
diff --git a/types/spdx-exceptions/.npmignore b/types/spdx-exceptions/.npmignore
new file mode 100644
index 00000000000000..93e307400a5456
--- /dev/null
+++ b/types/spdx-exceptions/.npmignore
@@ -0,0 +1,5 @@
+*
+!**/*.d.ts
+!**/*.d.cts
+!**/*.d.mts
+!**/*.d.*.ts
diff --git a/types/spdx-exceptions/deprecated.d.ts b/types/spdx-exceptions/deprecated.d.ts
new file mode 100644
index 00000000000000..4a816354925cde
--- /dev/null
+++ b/types/spdx-exceptions/deprecated.d.ts
@@ -0,0 +1,2 @@
+declare const deprecatedSpdxExceptions: string[];
+export = deprecatedSpdxExceptions;
diff --git a/types/spdx-exceptions/index.d.ts b/types/spdx-exceptions/index.d.ts
new file mode 100644
index 00000000000000..27a248ee681680
--- /dev/null
+++ b/types/spdx-exceptions/index.d.ts
@@ -0,0 +1,4 @@
+/// <reference path="deprecated.d.ts" />
+
+declare const spdxExceptions: string[];
+export = spdxExceptions;
diff --git a/types/spdx-exceptions/package.json b/types/spdx-exceptions/package.json
new file mode 100644
index 00000000000000..0a40ea47a01816
--- /dev/null
+++ b/types/spdx-exceptions/package.json
@@ -0,0 +1,17 @@
+{
+    "private": true,
+    "name": "@types/spdx-exceptions",
+    "version": "2.5.9999",
+    "projects": [
+        "https://github.com/jslicense/spdx-exceptions.json"
+    ],
+    "devDependencies": {
+        "@types/spdx-exceptions": "workspace:."
+    },
+    "owners": [
+        {
+            "name": "Jamie Magee",
+            "githubUsername": "JamieMagee"
+        }
+    ]
+}
diff --git a/types/spdx-exceptions/spdx-exceptions-tests.ts b/types/spdx-exceptions/spdx-exceptions-tests.ts
new file mode 100644
index 00000000000000..96ef0d1c0f4467
--- /dev/null
+++ b/types/spdx-exceptions/spdx-exceptions-tests.ts
@@ -0,0 +1,8 @@
+import spdxExceptions = require("spdx-exceptions");
+import deprecatedExceptions = require("spdx-exceptions/deprecated");
+
+// $ExpectType string[]
+spdxExceptions;
+
+// $ExpectType string[]
+deprecatedExceptions;
diff --git a/types/spdx-exceptions/tsconfig.json b/types/spdx-exceptions/tsconfig.json
new file mode 100644
index 00000000000000..524f3e56e38cba
--- /dev/null
+++ b/types/spdx-exceptions/tsconfig.json
@@ -0,0 +1,19 @@
+{
+    "compilerOptions": {
+        "module": "node16",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "spdx-exceptions-tests.ts"
+    ]
+}
diff --git a/types/spdx-expression-parse/index.d.ts b/types/spdx-expression-parse/index.d.ts
index 27a1fde8191051..ff0b3d268b80e1 100644
--- a/types/spdx-expression-parse/index.d.ts
+++ b/types/spdx-expression-parse/index.d.ts
@@ -10,6 +10,7 @@ declare namespace parse {
     interface LicenseInfo {
         license: string;
         plus?: true | undefined;
+        exception?: string | undefined;
     }
 
     interface ConjunctionInfo {
diff --git a/types/spdx-expression-parse/package.json b/types/spdx-expression-parse/package.json
index ef72a0f686cc7d..3650d739c88647 100644
--- a/types/spdx-expression-parse/package.json
+++ b/types/spdx-expression-parse/package.json
@@ -1,7 +1,7 @@
 {
     "private": true,
     "name": "@types/spdx-expression-parse",
-    "version": "3.0.9999",
+    "version": "4.0.9999",
     "projects": [
         "https://github.com/jslicense/spdx-expression-parse.js#readme"
     ],
diff --git a/types/spdx-expression-parse/spdx-expression-parse-tests.ts b/types/spdx-expression-parse/spdx-expression-parse-tests.ts
index 5e4d8235e8b7b8..aff5b56697db03 100644
--- a/types/spdx-expression-parse/spdx-expression-parse-tests.ts
+++ b/types/spdx-expression-parse/spdx-expression-parse-tests.ts
@@ -22,6 +22,15 @@ const infos: Info[] = [
     {
         license: "MIT",
     },
+    {
+        license: "GPL-2.0-only",
+        exception: "Classpath-exception-2.0",
+    },
+    {
+        license: "Apache-2.0",
+        plus: true,
+        exception: "LLVM-exception",
+    },
     {
         left: {
             license: "MIT",
diff --git a/types/spdx-expression-validate/.npmignore b/types/spdx-expression-validate/.npmignore
new file mode 100644
index 00000000000000..93e307400a5456
--- /dev/null
+++ b/types/spdx-expression-validate/.npmignore
@@ -0,0 +1,5 @@
+*
+!**/*.d.ts
+!**/*.d.cts
+!**/*.d.mts
+!**/*.d.*.ts
diff --git a/types/spdx-expression-validate/index.d.ts b/types/spdx-expression-validate/index.d.ts
new file mode 100644
index 00000000000000..b2e498c9f0bfa2
--- /dev/null
+++ b/types/spdx-expression-validate/index.d.ts
@@ -0,0 +1,2 @@
+declare function spdxExpressionValidate(expression: string): boolean;
+export = spdxExpressionValidate;
diff --git a/types/spdx-expression-validate/package.json b/types/spdx-expression-validate/package.json
new file mode 100644
index 00000000000000..7c2e305b6de8d5
--- /dev/null
+++ b/types/spdx-expression-validate/package.json
@@ -0,0 +1,17 @@
+{
+    "private": true,
+    "name": "@types/spdx-expression-validate",
+    "version": "2.0.9999",
+    "projects": [
+        "https://github.com/jslicense/spdx-expression-validate.js"
+    ],
+    "devDependencies": {
+        "@types/spdx-expression-validate": "workspace:."
+    },
+    "owners": [
+        {
+            "name": "Jamie Magee",
+            "githubUsername": "JamieMagee"
+        }
+    ]
+}
diff --git a/types/spdx-expression-validate/spdx-expression-validate-tests.ts b/types/spdx-expression-validate/spdx-expression-validate-tests.ts
new file mode 100644
index 00000000000000..f26a9780c857cd
--- /dev/null
+++ b/types/spdx-expression-validate/spdx-expression-validate-tests.ts
@@ -0,0 +1,10 @@
+import spdxExpressionValidate = require("spdx-expression-validate");
+
+// $ExpectType boolean
+spdxExpressionValidate("MIT");
+
+// $ExpectType boolean
+spdxExpressionValidate("(MIT OR Apache-2.0)");
+
+// $ExpectType boolean
+spdxExpressionValidate("Invalid-Identifier");
diff --git a/types/spdx-expression-validate/tsconfig.json b/types/spdx-expression-validate/tsconfig.json
new file mode 100644
index 00000000000000..5a5f7778f804a9
--- /dev/null
+++ b/types/spdx-expression-validate/tsconfig.json
@@ -0,0 +1,19 @@
+{
+    "compilerOptions": {
+        "module": "node16",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "spdx-expression-validate-tests.ts"
+    ]
+}
diff --git a/types/spdx-id-to-url/.npmignore b/types/spdx-id-to-url/.npmignore
new file mode 100644
index 00000000000000..93e307400a5456
--- /dev/null
+++ b/types/spdx-id-to-url/.npmignore
@@ -0,0 +1,5 @@
+*
+!**/*.d.ts
+!**/*.d.cts
+!**/*.d.mts
+!**/*.d.*.ts
diff --git a/types/spdx-id-to-url/index.d.ts b/types/spdx-id-to-url/index.d.ts
new file mode 100644
index 00000000000000..19d8b629b2ac43
--- /dev/null
+++ b/types/spdx-id-to-url/index.d.ts
@@ -0,0 +1,2 @@
+declare function spdxIdToUrl(id: string): string;
+export = spdxIdToUrl;
diff --git a/types/spdx-id-to-url/package.json b/types/spdx-id-to-url/package.json
new file mode 100644
index 00000000000000..986811024b5e8c
--- /dev/null
+++ b/types/spdx-id-to-url/package.json
@@ -0,0 +1,17 @@
+{
+    "private": true,
+    "name": "@types/spdx-id-to-url",
+    "version": "1.0.9999",
+    "projects": [
+        "https://github.com/jslicense/spdx-id-to-url.js"
+    ],
+    "devDependencies": {
+        "@types/spdx-id-to-url": "workspace:."
+    },
+    "owners": [
+        {
+            "name": "Jamie Magee",
+            "githubUsername": "JamieMagee"
+        }
+    ]
+}
diff --git a/types/spdx-id-to-url/spdx-id-to-url-tests.ts b/types/spdx-id-to-url/spdx-id-to-url-tests.ts
new file mode 100644
index 00000000000000..e0919101d52507
--- /dev/null
+++ b/types/spdx-id-to-url/spdx-id-to-url-tests.ts
@@ -0,0 +1,7 @@
+import spdxIdToUrl = require("spdx-id-to-url");
+
+// $ExpectType string
+spdxIdToUrl("MIT");
+
+// $ExpectType string
+spdxIdToUrl("Apache-2.0");
diff --git a/types/spdx-id-to-url/tsconfig.json b/types/spdx-id-to-url/tsconfig.json
new file mode 100644
index 00000000000000..a866a6f5650268
--- /dev/null
+++ b/types/spdx-id-to-url/tsconfig.json
@@ -0,0 +1,19 @@
+{
+    "compilerOptions": {
+        "module": "node16",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "spdx-id-to-url-tests.ts"
+    ]
+}
diff --git a/types/spdx-is-osi/.npmignore b/types/spdx-is-osi/.npmignore
new file mode 100644
index 00000000000000..93e307400a5456
--- /dev/null
+++ b/types/spdx-is-osi/.npmignore
@@ -0,0 +1,5 @@
+*
+!**/*.d.ts
+!**/*.d.cts
+!**/*.d.mts
+!**/*.d.*.ts
diff --git a/types/spdx-is-osi/index.d.ts b/types/spdx-is-osi/index.d.ts
new file mode 100644
index 00000000000000..602a80a61c23e7
--- /dev/null
+++ b/types/spdx-is-osi/index.d.ts
@@ -0,0 +1,2 @@
+declare function spdxIsOsi(expression: string): boolean;
+export = spdxIsOsi;
diff --git a/types/spdx-is-osi/package.json b/types/spdx-is-osi/package.json
new file mode 100644
index 00000000000000..d144405dce11d3
--- /dev/null
+++ b/types/spdx-is-osi/package.json
@@ -0,0 +1,17 @@
+{
+    "private": true,
+    "name": "@types/spdx-is-osi",
+    "version": "1.0.9999",
+    "projects": [
+        "https://github.com/jslicense/spdx-is-osi.js"
+    ],
+    "devDependencies": {
+        "@types/spdx-is-osi": "workspace:."
+    },
+    "owners": [
+        {
+            "name": "Jamie Magee",
+            "githubUsername": "JamieMagee"
+        }
+    ]
+}
diff --git a/types/spdx-is-osi/spdx-is-osi-tests.ts b/types/spdx-is-osi/spdx-is-osi-tests.ts
new file mode 100644
index 00000000000000..8a74d67c3088da
--- /dev/null
+++ b/types/spdx-is-osi/spdx-is-osi-tests.ts
@@ -0,0 +1,7 @@
+import spdxIsOsi = require("spdx-is-osi");
+
+// $ExpectType boolean
+spdxIsOsi("MIT");
+
+// $ExpectType boolean
+spdxIsOsi("(MIT OR Apache-2.0)");
diff --git a/types/spdx-is-osi/tsconfig.json b/types/spdx-is-osi/tsconfig.json
new file mode 100644
index 00000000000000..49e7e7cdb10b72
--- /dev/null
+++ b/types/spdx-is-osi/tsconfig.json
@@ -0,0 +1,19 @@
+{
+    "compilerOptions": {
+        "module": "node16",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "spdx-is-osi-tests.ts"
+    ]
+}
diff --git a/types/spdx-osi/.npmignore b/types/spdx-osi/.npmignore
new file mode 100644
index 00000000000000..93e307400a5456
--- /dev/null
+++ b/types/spdx-osi/.npmignore
@@ -0,0 +1,5 @@
+*
+!**/*.d.ts
+!**/*.d.cts
+!**/*.d.mts
+!**/*.d.*.ts
diff --git a/types/spdx-osi/index.d.ts b/types/spdx-osi/index.d.ts
new file mode 100644
index 00000000000000..8354a6480c3334
--- /dev/null
+++ b/types/spdx-osi/index.d.ts
@@ -0,0 +1,2 @@
+declare const spdxOsi: string[];
+export = spdxOsi;
diff --git a/types/spdx-osi/package.json b/types/spdx-osi/package.json
new file mode 100644
index 00000000000000..cdb4f9e9396e2b
--- /dev/null
+++ b/types/spdx-osi/package.json
@@ -0,0 +1,17 @@
+{
+    "private": true,
+    "name": "@types/spdx-osi",
+    "version": "3.0.9999",
+    "projects": [
+        "https://github.com/jslicense/spdx-osi.json"
+    ],
+    "devDependencies": {
+        "@types/spdx-osi": "workspace:."
+    },
+    "owners": [
+        {
+            "name": "Jamie Magee",
+            "githubUsername": "JamieMagee"
+        }
+    ]
+}
diff --git a/types/spdx-osi/spdx-osi-tests.ts b/types/spdx-osi/spdx-osi-tests.ts
new file mode 100644
index 00000000000000..462b9c6b66317f
--- /dev/null
+++ b/types/spdx-osi/spdx-osi-tests.ts
@@ -0,0 +1,4 @@
+import spdxOsi = require("spdx-osi");
+
+// $ExpectType string[]
+spdxOsi;
diff --git a/types/spdx-osi/tsconfig.json b/types/spdx-osi/tsconfig.json
new file mode 100644
index 00000000000000..671dc5235a027d
--- /dev/null
+++ b/types/spdx-osi/tsconfig.json
@@ -0,0 +1,19 @@
+{
+    "compilerOptions": {
+        "module": "node16",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "spdx-osi-tests.ts"
+    ]
+}
diff --git a/types/spdx-ranges/.npmignore b/types/spdx-ranges/.npmignore
new file mode 100644
index 00000000000000..93e307400a5456
--- /dev/null
+++ b/types/spdx-ranges/.npmignore
@@ -0,0 +1,5 @@
+*
+!**/*.d.ts
+!**/*.d.cts
+!**/*.d.mts
+!**/*.d.*.ts
diff --git a/types/spdx-ranges/index.d.ts b/types/spdx-ranges/index.d.ts
new file mode 100644
index 00000000000000..47a04eaffbda46
--- /dev/null
+++ b/types/spdx-ranges/index.d.ts
@@ -0,0 +1,2 @@
+declare const spdxRanges: Array<Array<string | string[]>>;
+export = spdxRanges;
diff --git a/types/spdx-ranges/package.json b/types/spdx-ranges/package.json
new file mode 100644
index 00000000000000..fda2a26d369b48
--- /dev/null
+++ b/types/spdx-ranges/package.json
@@ -0,0 +1,17 @@
+{
+    "private": true,
+    "name": "@types/spdx-ranges",
+    "version": "2.1.9999",
+    "projects": [
+        "https://github.com/jslicense/spdx-ranges.js"
+    ],
+    "devDependencies": {
+        "@types/spdx-ranges": "workspace:."
+    },
+    "owners": [
+        {
+            "name": "Jamie Magee",
+            "githubUsername": "JamieMagee"
+        }
+    ]
+}
diff --git a/types/spdx-ranges/spdx-ranges-tests.ts b/types/spdx-ranges/spdx-ranges-tests.ts
new file mode 100644
index 00000000000000..6b99376f9438ba
--- /dev/null
+++ b/types/spdx-ranges/spdx-ranges-tests.ts
@@ -0,0 +1,9 @@
+import spdxRanges = require("spdx-ranges");
+
+// $ExpectType (string | string[])[][]
+spdxRanges;
+
+const range = spdxRanges[0];
+
+// $ExpectType (string | string[])[]
+range;
diff --git a/types/spdx-ranges/tsconfig.json b/types/spdx-ranges/tsconfig.json
new file mode 100644
index 00000000000000..e084c1e0e5442d
--- /dev/null
+++ b/types/spdx-ranges/tsconfig.json
@@ -0,0 +1,19 @@
+{
+    "compilerOptions": {
+        "module": "node16",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "spdx-ranges-tests.ts"
+    ]
+}
diff --git a/types/spdx-to-html/.npmignore b/types/spdx-to-html/.npmignore
new file mode 100644
index 00000000000000..93e307400a5456
--- /dev/null
+++ b/types/spdx-to-html/.npmignore
@@ -0,0 +1,5 @@
+*
+!**/*.d.ts
+!**/*.d.cts
+!**/*.d.mts
+!**/*.d.*.ts
diff --git a/types/spdx-to-html/index.d.ts b/types/spdx-to-html/index.d.ts
new file mode 100644
index 00000000000000..6920b5a3954b62
--- /dev/null
+++ b/types/spdx-to-html/index.d.ts
@@ -0,0 +1,2 @@
+declare function spdxToHtml(expression: string): string | null;
+export = spdxToHtml;
diff --git a/types/spdx-to-html/package.json b/types/spdx-to-html/package.json
new file mode 100644
index 00000000000000..266a500f55c5f0
--- /dev/null
+++ b/types/spdx-to-html/package.json
@@ -0,0 +1,17 @@
+{
+    "private": true,
+    "name": "@types/spdx-to-html",
+    "version": "1.0.9999",
+    "projects": [
+        "https://github.com/jslicense/spdx-to-html.js"
+    ],
+    "devDependencies": {
+        "@types/spdx-to-html": "workspace:."
+    },
+    "owners": [
+        {
+            "name": "Jamie Magee",
+            "githubUsername": "JamieMagee"
+        }
+    ]
+}
diff --git a/types/spdx-to-html/spdx-to-html-tests.ts b/types/spdx-to-html/spdx-to-html-tests.ts
new file mode 100644
index 00000000000000..c68145e1517c16
--- /dev/null
+++ b/types/spdx-to-html/spdx-to-html-tests.ts
@@ -0,0 +1,10 @@
+import spdxToHtml = require("spdx-to-html");
+
+// $ExpectType string | null
+spdxToHtml("MIT");
+
+// $ExpectType string | null
+spdxToHtml("(MIT OR Apache-2.0)");
+
+// $ExpectType string | null
+spdxToHtml("Invalid-Expression");
diff --git a/types/spdx-to-html/tsconfig.json b/types/spdx-to-html/tsconfig.json
new file mode 100644
index 00000000000000..e21ef51dd4d290
--- /dev/null
+++ b/types/spdx-to-html/tsconfig.json
@@ -0,0 +1,19 @@
+{
+    "compilerOptions": {
+        "module": "node16",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "spdx-to-html-tests.ts"
+    ]
+}
diff --git a/types/spdx-whitelisted/.npmignore b/types/spdx-whitelisted/.npmignore
new file mode 100644
index 00000000000000..93e307400a5456
--- /dev/null
+++ b/types/spdx-whitelisted/.npmignore
@@ -0,0 +1,5 @@
+*
+!**/*.d.ts
+!**/*.d.cts
+!**/*.d.mts
+!**/*.d.*.ts
diff --git a/types/spdx-whitelisted/index.d.ts b/types/spdx-whitelisted/index.d.ts
new file mode 100644
index 00000000000000..a2e93b35e184d2
--- /dev/null
+++ b/types/spdx-whitelisted/index.d.ts
@@ -0,0 +1,8 @@
+import type { ConjunctionInfo, LicenseInfo } from "spdx-expression-parse";
+
+declare function spdxWhitelisted(
+    first: LicenseInfo | ConjunctionInfo,
+    second: LicenseInfo[],
+): boolean;
+
+export = spdxWhitelisted;
diff --git a/types/spdx-whitelisted/package.json b/types/spdx-whitelisted/package.json
new file mode 100644
index 00000000000000..47d9ac22bbd6a1
--- /dev/null
+++ b/types/spdx-whitelisted/package.json
@@ -0,0 +1,20 @@
+{
+    "private": true,
+    "name": "@types/spdx-whitelisted",
+    "version": "1.0.9999",
+    "projects": [
+        "https://github.com/jslicense/spdx-whitelisted.js"
+    ],
+    "dependencies": {
+        "@types/spdx-expression-parse": "*"
+    },
+    "devDependencies": {
+        "@types/spdx-whitelisted": "workspace:."
+    },
+    "owners": [
+        {
+            "name": "Jamie Magee",
+            "githubUsername": "JamieMagee"
+        }
+    ]
+}
diff --git a/types/spdx-whitelisted/spdx-whitelisted-tests.ts b/types/spdx-whitelisted/spdx-whitelisted-tests.ts
new file mode 100644
index 00000000000000..abcc04da0c2009
--- /dev/null
+++ b/types/spdx-whitelisted/spdx-whitelisted-tests.ts
@@ -0,0 +1,20 @@
+import spdxWhitelisted = require("spdx-whitelisted");
+import parse = require("spdx-expression-parse");
+
+// $ExpectType boolean
+spdxWhitelisted({ license: "MIT" }, [{ license: "MIT" }]);
+
+// $ExpectType boolean
+spdxWhitelisted(parse("MIT"), [
+    parse("ISC") as parse.LicenseInfo,
+    parse("MIT") as parse.LicenseInfo,
+]);
+
+// $ExpectType boolean
+spdxWhitelisted({ license: "GPL-3.0" }, [{ license: "GPL-2.0", plus: true }]);
+
+// $ExpectType boolean
+spdxWhitelisted(
+    { conjunction: "or", left: { license: "MIT" }, right: { license: "ISC" } },
+    [{ license: "MIT" }],
+);
diff --git a/types/spdx-whitelisted/tsconfig.json b/types/spdx-whitelisted/tsconfig.json
new file mode 100644
index 00000000000000..c399eb3d08dfb3
--- /dev/null
+++ b/types/spdx-whitelisted/tsconfig.json
@@ -0,0 +1,19 @@
+{
+    "compilerOptions": {
+        "module": "node16",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "spdx-whitelisted-tests.ts"
+    ]
+}