@symbiote-native/application 1.0.0 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/README.md +38 -38
  2. package/package.json +13 -13
package/README.md CHANGED
@@ -62,7 +62,7 @@ stays a physical file/subpath since Angular ships through a separate `ngc`/AOT b
62
62
  ```tsx
63
63
  // React
64
64
  import { useEffect, useState } from 'react';
65
- import { Platform, Text, View } from '@symbiote-native/react';
65
+ import { Platform } from '@symbiote-native/react';
66
66
  import {
67
67
  applicationId,
68
68
  applicationName,
@@ -79,17 +79,17 @@ function ApplicationScreen() {
79
79
  }, []);
80
80
 
81
81
  return (
82
- <View>
83
- <Text>
82
+ <view>
83
+ <text>
84
84
  {applicationName} ({applicationId})
85
- </Text>
86
- <Text>
85
+ </text>
86
+ <text>
87
87
  v{nativeApplicationVersion} (build {nativeBuildVersion})
88
- </Text>
88
+ </text>
89
89
  {Platform.OS === 'android' && installedAt && (
90
- <Text>Installed {installedAt.toLocaleDateString()}</Text>
90
+ <text>Installed {installedAt.toLocaleDateString()}</text>
91
91
  )}
92
- </View>
92
+ </view>
93
93
  );
94
94
  }
95
95
  ```
@@ -98,7 +98,7 @@ function ApplicationScreen() {
98
98
  <!-- Vue -->
99
99
  <script setup lang="ts">
100
100
  import { onMounted, ref } from 'vue';
101
- import { Platform, Text, View } from '@symbiote-native/vue';
101
+ import { Platform } from '@symbiote-native/vue';
102
102
  import {
103
103
  applicationId,
104
104
  applicationName,
@@ -115,22 +115,22 @@ onMounted(() => {
115
115
  </script>
116
116
 
117
117
  <template>
118
- <View>
119
- <Text>{{ applicationName }} ({{ applicationId }})</Text>
120
- <Text
121
- >v{{ nativeApplicationVersion }} (build {{ nativeBuildVersion }})</Text
118
+ <view>
119
+ <text>{{ applicationName }} ({{ applicationId }})</text>
120
+ <text
121
+ >v{{ nativeApplicationVersion }} (build {{ nativeBuildVersion }})</text
122
122
  >
123
- <Text v-if="Platform.OS === 'android' && installedAt">
123
+ <text v-if="Platform.OS === 'android' && installedAt">
124
124
  Installed {{ installedAt?.toLocaleDateString() }}
125
- </Text>
126
- </View>
125
+ </text>
126
+ </view>
127
127
  </template>
128
128
  ```
129
129
 
130
130
  ```ts
131
131
  // Angular
132
132
  import { Component, signal } from '@angular/core';
133
- import { Platform, Text, View } from '@symbiote-native/angular';
133
+ import { Platform, SYMBIOTE_ELEMENTS } from '@symbiote-native/angular';
134
134
  import {
135
135
  applicationId,
136
136
  applicationName,
@@ -141,17 +141,17 @@ import {
141
141
 
142
142
  @Component({
143
143
  standalone: true,
144
- imports: [Text, View],
144
+ imports: [SYMBIOTE_ELEMENTS],
145
145
  template: `
146
- <View>
147
- <Text>{{ applicationName }} ({{ applicationId }})</Text>
148
- <Text
149
- >v{{ nativeApplicationVersion }} (build {{ nativeBuildVersion }})</Text
146
+ <view>
147
+ <text>{{ applicationName }} ({{ applicationId }})</text>
148
+ <text
149
+ >v{{ nativeApplicationVersion }} (build {{ nativeBuildVersion }})</text
150
150
  >
151
151
  @if (Platform.OS === 'android' && installedAt(); as date) {
152
- <Text>Installed {{ date.toLocaleDateString() }}</Text>
152
+ <text>Installed {{ date.toLocaleDateString() }}</text>
153
153
  }
154
- </View>
154
+ </view>
155
155
  `,
156
156
  })
157
157
  export class ApplicationScreen {
@@ -167,7 +167,7 @@ export class ApplicationScreen {
167
167
  ```svelte
168
168
  <!-- Svelte -->
169
169
  <script lang="ts">
170
- import { Platform, Text, View } from '@symbiote-native/svelte';
170
+ import { Platform } from '@symbiote-native/svelte';
171
171
  import {
172
172
  applicationId,
173
173
  applicationName,
@@ -183,19 +183,19 @@ export class ApplicationScreen {
183
183
  });
184
184
  </script>
185
185
 
186
- <View>
187
- <Text>{applicationName} ({applicationId})</Text>
188
- <Text>v{nativeApplicationVersion} (build {nativeBuildVersion})</Text>
186
+ <view>
187
+ <text>{applicationName} ({applicationId})</text>
188
+ <text>v{nativeApplicationVersion} (build {nativeBuildVersion})</text>
189
189
  {#if Platform.OS === 'android' && installedAt !== null}
190
- <Text>Installed {installedAt.toLocaleDateString()}</Text>
190
+ <text>Installed {installedAt.toLocaleDateString()}</text>
191
191
  {/if}
192
- </View>
192
+ </view>
193
193
  ```
194
194
 
195
195
  ```tsx
196
196
  // Solid
197
197
  import { createSignal } from 'solid-js';
198
- import { Platform, Text, View } from '@symbiote-native/solid';
198
+ import { Platform } from '@symbiote-native/solid';
199
199
  import {
200
200
  applicationId,
201
201
  applicationName,
@@ -210,17 +210,17 @@ function ApplicationScreen() {
210
210
  getInstallationTimeAsync().then(setInstalledAt);
211
211
 
212
212
  return (
213
- <View>
214
- <Text>
213
+ <view>
214
+ <text>
215
215
  {applicationName} ({applicationId})
216
- </Text>
217
- <Text>
216
+ </text>
217
+ <text>
218
218
  v{nativeApplicationVersion} (build {nativeBuildVersion})
219
- </Text>
219
+ </text>
220
220
  {Platform.OS === 'android' && installedAt() !== null && (
221
- <Text>Installed {installedAt()!.toLocaleDateString()}</Text>
221
+ <text>Installed {installedAt()!.toLocaleDateString()}</text>
222
222
  )}
223
- </View>
223
+ </view>
224
224
  );
225
225
  }
226
226
  ```
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@symbiote-native/application",
3
- "version": "1.0.0",
3
+ "version": "2.0.0",
4
4
  "description": "expo-application wrapped for SymbioteNative — one framework-agnostic core, built once and reachable from the React, Vue, Svelte, Solid, and Angular adapters. Native app version/build/name/ID constants, the Android ID, install-referrer and install/update-time lookups, and the iOS vendor ID, release type, and push-notification-service environment.",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -80,12 +80,12 @@
80
80
  "solid-js": ">=1.9.0",
81
81
  "svelte": ">=5.56.0",
82
82
  "vue": ">=3.5.0",
83
- "@symbiote-native/angular": "^1.0.0",
84
- "@symbiote-native/engine": "^0.4.0",
85
- "@symbiote-native/react": "^1.0.0",
86
- "@symbiote-native/solid": "^1.0.0",
87
- "@symbiote-native/svelte": "^1.0.0",
88
- "@symbiote-native/vue": "^1.0.0"
83
+ "@symbiote-native/angular": "^2.0.0",
84
+ "@symbiote-native/engine": "^0.5.0",
85
+ "@symbiote-native/react": "^2.0.0",
86
+ "@symbiote-native/solid": "^2.0.0",
87
+ "@symbiote-native/svelte": "^2.0.0",
88
+ "@symbiote-native/vue": "^2.0.0"
89
89
  },
90
90
  "peerDependenciesMeta": {
91
91
  "@symbiote-native/angular": {
@@ -133,13 +133,13 @@
133
133
  "solid-js": "^1.9.14",
134
134
  "svelte": "^5.56.0",
135
135
  "typescript": "~6.0.0",
136
- "@symbiote-native/angular": "1.0.0",
137
- "@symbiote-native/engine": "0.4.0",
138
- "@symbiote-native/react": "1.0.0",
139
- "@symbiote-native/solid": "1.0.0",
140
- "@symbiote-native/svelte": "1.0.0",
136
+ "@symbiote-native/angular": "2.0.0",
137
+ "@symbiote-native/engine": "0.5.0",
138
+ "@symbiote-native/react": "2.0.0",
139
+ "@symbiote-native/solid": "2.0.0",
140
+ "@symbiote-native/svelte": "2.0.0",
141
141
  "@symbiote-native/test-utils": "0.3.0",
142
- "@symbiote-native/vue": "1.0.0"
142
+ "@symbiote-native/vue": "2.0.0"
143
143
  },
144
144
  "scripts": {
145
145
  "typecheck": "tsc --build",