fix: check for create permissions
This commit is contained in:
@@ -1,26 +1,5 @@
|
||||
import { Ionicons } from "@expo/vector-icons";
|
||||
import { useRouter } from "expo-router";
|
||||
import { Icon, Label, NativeTabs } from "expo-router/unstable-native-tabs";
|
||||
import React from "react";
|
||||
import { StyleSheet, TouchableOpacity, View } from "react-native";
|
||||
import { useColorScheme } from "../../hooks/use-color-scheme";
|
||||
|
||||
export function DevicesHeader() {
|
||||
const router = useRouter();
|
||||
const isDark = useColorScheme() === "dark";
|
||||
const activityColor = isDark ? "#0A84FF" : "#007AFF";
|
||||
|
||||
return (
|
||||
<View style={styles.headerRight}>
|
||||
<TouchableOpacity
|
||||
onPress={() => router.push("/scan-devices")}
|
||||
style={styles.headerButton}
|
||||
>
|
||||
<Ionicons name="add-circle-outline" size={24} color={activityColor} />
|
||||
</TouchableOpacity>
|
||||
</View>
|
||||
);
|
||||
}
|
||||
|
||||
export default function TabsLayout() {
|
||||
return (
|
||||
@@ -36,13 +15,3 @@ export default function TabsLayout() {
|
||||
</NativeTabs>
|
||||
);
|
||||
}
|
||||
|
||||
const styles = StyleSheet.create({
|
||||
headerRight: {
|
||||
flexDirection: "row",
|
||||
gap: 16,
|
||||
},
|
||||
headerButton: {
|
||||
paddingHorizontal: 8,
|
||||
},
|
||||
});
|
||||
|
||||
@@ -2,19 +2,21 @@ import { Ionicons } from '@expo/vector-icons';
|
||||
import { Stack, useRouter, useSegments } from 'expo-router';
|
||||
import { Text, TouchableOpacity } from 'react-native';
|
||||
import { useColorScheme } from '../hooks/use-color-scheme';
|
||||
import { AuthProvider } from '../src/context/AuthContext';
|
||||
import { AuthProvider, useAuth } from '../src/context/AuthContext';
|
||||
|
||||
function DevicesHeader() {
|
||||
const router = useRouter();
|
||||
const isDark = useColorScheme() === 'dark';
|
||||
const activityColor = isDark ? '#0A84FF' : '#007AFF';
|
||||
const { canCreate } = useAuth();
|
||||
|
||||
return (
|
||||
<TouchableOpacity
|
||||
onPress={() => router.push('/scan-devices')}
|
||||
disabled={!canCreate}
|
||||
style={{ paddingHorizontal: 8 }}
|
||||
>
|
||||
<Ionicons name="add-circle-outline" size={24} color={activityColor} />
|
||||
<Ionicons name="add-circle-outline" size={24} color={canCreate ? activityColor : 'gray'} />
|
||||
</TouchableOpacity>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -9,6 +9,7 @@ interface AuthContextType {
|
||||
token: string | null;
|
||||
isAuthenticated: boolean;
|
||||
isLoading: boolean;
|
||||
canCreate: boolean;
|
||||
login: (serverAddress: string, identity: string, password: string) => Promise<void>;
|
||||
logout: () => Promise<void>;
|
||||
}
|
||||
@@ -20,6 +21,7 @@ export const AuthProvider: React.FC<{ children: React.ReactNode }> = ({ children
|
||||
const [serverAddress, setServerAddress] = useState<string | null>(null);
|
||||
const [token, setToken] = useState<string | null>(null);
|
||||
const [isLoading, setIsLoading] = useState(true);
|
||||
const [canCreate, setCanCreate] = useState<boolean>(false);
|
||||
|
||||
useEffect(() => {
|
||||
loadAuth();
|
||||
@@ -30,6 +32,11 @@ export const AuthProvider: React.FC<{ children: React.ReactNode }> = ({ children
|
||||
const storedToken = await AsyncStorage.getItem('auth_token');
|
||||
const storedUser = await AsyncStorage.getItem('auth_user');
|
||||
const storedServerAddress = await AsyncStorage.getItem('auth_server_address');
|
||||
const storedCanCreate = await AsyncStorage.getItem('auth_can_create');
|
||||
|
||||
if (storedCanCreate) {
|
||||
setCanCreate(storedCanCreate === 'true');
|
||||
}
|
||||
|
||||
if (storedToken && storedUser) {
|
||||
setToken(storedToken);
|
||||
@@ -55,10 +62,12 @@ export const AuthProvider: React.FC<{ children: React.ReactNode }> = ({ children
|
||||
await AsyncStorage.setItem('auth_token', response.token);
|
||||
await AsyncStorage.setItem('auth_user', JSON.stringify(response.record));
|
||||
await AsyncStorage.setItem('auth_server_address', serverAddress);
|
||||
await AsyncStorage.setItem('auth_can_create', api.getCanCreate() ? 'true' : 'false');
|
||||
|
||||
setToken(response.token);
|
||||
setUser(response.record);
|
||||
setServerAddress(serverAddress);
|
||||
setCanCreate(api.getCanCreate() || false);
|
||||
} catch (error) {
|
||||
throw error;
|
||||
}
|
||||
@@ -87,6 +96,7 @@ export const AuthProvider: React.FC<{ children: React.ReactNode }> = ({ children
|
||||
token,
|
||||
isAuthenticated: !!token && !!user,
|
||||
isLoading,
|
||||
canCreate,
|
||||
login,
|
||||
logout,
|
||||
}}
|
||||
|
||||
@@ -1,256 +1,287 @@
|
||||
import { Device, AuthResponse, NetworkScanResult } from "../types";
|
||||
import {
|
||||
Device,
|
||||
AuthResponse,
|
||||
NetworkScanResult,
|
||||
PermissionResponse,
|
||||
} from '../types';
|
||||
|
||||
class UpSnapAPI {
|
||||
private token: string | null = null;
|
||||
private address: string | null = null;
|
||||
private token: string | null = null;
|
||||
private address: string | null = null;
|
||||
private canCreate: boolean | null = null;
|
||||
|
||||
setToken(token: string) {
|
||||
this.token = token;
|
||||
}
|
||||
setToken(token: string) {
|
||||
this.token = token;
|
||||
}
|
||||
|
||||
getToken(): string | null {
|
||||
return this.token;
|
||||
}
|
||||
getToken(): string | null {
|
||||
return this.token;
|
||||
}
|
||||
|
||||
clearToken() {
|
||||
this.token = null;
|
||||
}
|
||||
clearToken() {
|
||||
this.token = null;
|
||||
}
|
||||
|
||||
setAddress(address: string) {
|
||||
this.address = address;
|
||||
}
|
||||
setAddress(address: string) {
|
||||
this.address = address;
|
||||
}
|
||||
|
||||
getAddress(): string | null {
|
||||
return this.address;
|
||||
}
|
||||
getAddress(): string | null {
|
||||
return this.address;
|
||||
}
|
||||
|
||||
clearAddress() {
|
||||
this.address = null;
|
||||
}
|
||||
clearAddress() {
|
||||
this.address = null;
|
||||
}
|
||||
|
||||
private getHeaders(): HeadersInit {
|
||||
const headers: HeadersInit = {
|
||||
"Content-Type": "application/json",
|
||||
};
|
||||
setCanCreate(canCreate: boolean) {
|
||||
this.canCreate = canCreate;
|
||||
}
|
||||
|
||||
if (this.token) {
|
||||
headers["Authorization"] = `Bearer ${this.token}`;
|
||||
}
|
||||
getCanCreate(): boolean | null {
|
||||
return this.canCreate;
|
||||
}
|
||||
|
||||
return headers;
|
||||
}
|
||||
clearCanCreate() {
|
||||
this.canCreate = null;
|
||||
}
|
||||
|
||||
async authenticate(
|
||||
serverAddress: string,
|
||||
identity: string,
|
||||
password: string
|
||||
): Promise<AuthResponse> {
|
||||
this.address = serverAddress + "/api";
|
||||
private getHeaders(): HeadersInit {
|
||||
const headers: HeadersInit = {
|
||||
'Content-Type': 'application/json',
|
||||
};
|
||||
|
||||
const response = await fetch(
|
||||
`${this.address}/collections/users/auth-with-password`,
|
||||
{
|
||||
method: "POST",
|
||||
headers: this.getHeaders(),
|
||||
body: JSON.stringify({ identity, password }),
|
||||
}
|
||||
);
|
||||
if (this.token) {
|
||||
headers['Authorization'] = `Bearer ${this.token}`;
|
||||
}
|
||||
|
||||
if (!response.ok) {
|
||||
const response = await fetch(
|
||||
`${this.address}/collections/_superusers/auth-with-password`,
|
||||
{
|
||||
method: "POST",
|
||||
headers: this.getHeaders(),
|
||||
body: JSON.stringify({ identity, password }),
|
||||
}
|
||||
);
|
||||
return headers;
|
||||
}
|
||||
|
||||
if (!response.ok) {
|
||||
const error = await response.json();
|
||||
throw new Error(error.message || "Authentication failed");
|
||||
}
|
||||
async authenticate(
|
||||
serverAddress: string,
|
||||
identity: string,
|
||||
password: string
|
||||
): Promise<AuthResponse> {
|
||||
this.address = serverAddress + '/api';
|
||||
|
||||
const data: AuthResponse = await response.json();
|
||||
this.token = data.token;
|
||||
return data;
|
||||
}
|
||||
const response = await fetch(
|
||||
`${this.address}/collections/users/auth-with-password`,
|
||||
{
|
||||
method: 'POST',
|
||||
headers: this.getHeaders(),
|
||||
body: JSON.stringify({ identity, password }),
|
||||
}
|
||||
);
|
||||
|
||||
const data: AuthResponse = await response.json();
|
||||
this.token = data.token;
|
||||
return data;
|
||||
}
|
||||
if (!response.ok) {
|
||||
const response = await fetch(
|
||||
`${this.address}/collections/_superusers/auth-with-password`,
|
||||
{
|
||||
method: 'POST',
|
||||
headers: this.getHeaders(),
|
||||
body: JSON.stringify({ identity, password }),
|
||||
}
|
||||
);
|
||||
|
||||
async getDevices(page = 1, perPage = 100): Promise<Device[]> {
|
||||
const response = await fetch(
|
||||
`${this.address}/collections/devices/records?page=${page}&perPage=${perPage}`,
|
||||
{
|
||||
headers: this.getHeaders(),
|
||||
}
|
||||
);
|
||||
if (!response.ok) {
|
||||
const error = await response.json();
|
||||
throw new Error(error.message || 'Authentication failed');
|
||||
}
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error("Failed to fetch devices");
|
||||
}
|
||||
const data: AuthResponse = await response.json();
|
||||
this.token = data.token;
|
||||
this.canCreate = true;
|
||||
return data;
|
||||
}
|
||||
|
||||
const data = await response.json();
|
||||
return data.items;
|
||||
}
|
||||
const data: AuthResponse = await response.json();
|
||||
this.token = data.token;
|
||||
|
||||
async getDevice(id: string): Promise<Device> {
|
||||
const response = await fetch(
|
||||
`${this.address}/collections/devices/records/${id}`,
|
||||
{
|
||||
headers: this.getHeaders(),
|
||||
}
|
||||
);
|
||||
const userID = data.record.id;
|
||||
const userPermissionResponse = await fetch(
|
||||
`${this.address}/collections/permissions/records/${userID}?expand=user,read,update,delete,power`,
|
||||
{
|
||||
headers: this.getHeaders(),
|
||||
}
|
||||
);
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error("Failed to fetch device");
|
||||
}
|
||||
const user: PermissionResponse = await userPermissionResponse.json();
|
||||
this.canCreate = user.create;
|
||||
|
||||
return response.json();
|
||||
}
|
||||
return data;
|
||||
}
|
||||
|
||||
async createDevice(device: Partial<Device>): Promise<Device> {
|
||||
const response = await fetch(
|
||||
`${this.address}/collections/devices/records`,
|
||||
{
|
||||
method: "POST",
|
||||
headers: this.getHeaders(),
|
||||
body: JSON.stringify(device),
|
||||
}
|
||||
);
|
||||
async getDevices(page = 1, perPage = 100): Promise<Device[]> {
|
||||
const response = await fetch(
|
||||
`${this.address}/collections/devices/records?page=${page}&perPage=${perPage}`,
|
||||
{
|
||||
headers: this.getHeaders(),
|
||||
}
|
||||
);
|
||||
|
||||
if (!response.ok) {
|
||||
const error = await response.json();
|
||||
throw new Error(error.message || "Failed to create device");
|
||||
}
|
||||
if (!response.ok) {
|
||||
throw new Error('Failed to fetch devices');
|
||||
}
|
||||
|
||||
return response.json();
|
||||
}
|
||||
const data = await response.json();
|
||||
return data.items;
|
||||
}
|
||||
|
||||
async updateDevice(id: string, device: Partial<Device>): Promise<Device> {
|
||||
const response = await fetch(
|
||||
`${this.address}/collections/devices/records/${id}`,
|
||||
{
|
||||
method: "PATCH",
|
||||
headers: this.getHeaders(),
|
||||
body: JSON.stringify(device),
|
||||
}
|
||||
);
|
||||
async getDevice(id: string): Promise<Device> {
|
||||
const response = await fetch(
|
||||
`${this.address}/collections/devices/records/${id}`,
|
||||
{
|
||||
headers: this.getHeaders(),
|
||||
}
|
||||
);
|
||||
|
||||
if (!response.ok) {
|
||||
const error = await response.json();
|
||||
throw new Error(error.message || "Failed to update device");
|
||||
}
|
||||
if (!response.ok) {
|
||||
throw new Error('Failed to fetch device');
|
||||
}
|
||||
|
||||
return response.json();
|
||||
}
|
||||
return response.json();
|
||||
}
|
||||
|
||||
async deleteDevice(id: string): Promise<void> {
|
||||
const response = await fetch(
|
||||
`${this.address}/collections/devices/records/${id}`,
|
||||
{
|
||||
method: "DELETE",
|
||||
headers: this.getHeaders(),
|
||||
}
|
||||
);
|
||||
async createDevice(device: Partial<Device>): Promise<Device> {
|
||||
const response = await fetch(
|
||||
`${this.address}/collections/devices/records`,
|
||||
{
|
||||
method: 'POST',
|
||||
headers: this.getHeaders(),
|
||||
body: JSON.stringify(device),
|
||||
}
|
||||
);
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error("Failed to delete device");
|
||||
}
|
||||
}
|
||||
if (!response.ok) {
|
||||
const error = await response.json();
|
||||
throw new Error(error.message || 'Failed to create device');
|
||||
}
|
||||
|
||||
async wakeDevice(id: string): Promise<void> {
|
||||
const response = await fetch(`${this.address}/upsnap/wake/${id}`, {
|
||||
headers: this.getHeaders(),
|
||||
});
|
||||
return response.json();
|
||||
}
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error("Failed to wake device");
|
||||
}
|
||||
}
|
||||
async updateDevice(id: string, device: Partial<Device>): Promise<Device> {
|
||||
const response = await fetch(
|
||||
`${this.address}/collections/devices/records/${id}`,
|
||||
{
|
||||
method: 'PATCH',
|
||||
headers: this.getHeaders(),
|
||||
body: JSON.stringify(device),
|
||||
}
|
||||
);
|
||||
|
||||
async wakeGroup(id: string): Promise<void> {
|
||||
const response = await fetch(`${this.address}/upsnap/wakegroup/${id}`, {
|
||||
headers: this.getHeaders(),
|
||||
});
|
||||
if (!response.ok) {
|
||||
const error = await response.json();
|
||||
throw new Error(error.message || 'Failed to update device');
|
||||
}
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error("Failed to wake group");
|
||||
}
|
||||
}
|
||||
return response.json();
|
||||
}
|
||||
|
||||
async sleepDevice(id: string): Promise<void> {
|
||||
const response = await fetch(`${this.address}/upsnap/sleep/${id}`, {
|
||||
headers: this.getHeaders(),
|
||||
});
|
||||
async deleteDevice(id: string): Promise<void> {
|
||||
const response = await fetch(
|
||||
`${this.address}/collections/devices/records/${id}`,
|
||||
{
|
||||
method: 'DELETE',
|
||||
headers: this.getHeaders(),
|
||||
}
|
||||
);
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error("Failed to sleep device");
|
||||
}
|
||||
}
|
||||
if (!response.ok) {
|
||||
throw new Error('Failed to delete device');
|
||||
}
|
||||
}
|
||||
|
||||
async rebootDevice(id: string): Promise<void> {
|
||||
const response = await fetch(`${this.address}/upsnap/reboot/${id}`, {
|
||||
headers: this.getHeaders(),
|
||||
});
|
||||
async wakeDevice(id: string): Promise<void> {
|
||||
const response = await fetch(`${this.address}/upsnap/wake/${id}`, {
|
||||
headers: this.getHeaders(),
|
||||
});
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error("Failed to reboot device");
|
||||
}
|
||||
}
|
||||
if (!response.ok) {
|
||||
throw new Error('Failed to wake device');
|
||||
}
|
||||
}
|
||||
|
||||
async shutdownDevice(id: string): Promise<void> {
|
||||
const response = await fetch(`${this.address}/upsnap/shutdown/${id}`, {
|
||||
headers: this.getHeaders(),
|
||||
});
|
||||
async wakeGroup(id: string): Promise<void> {
|
||||
const response = await fetch(`${this.address}/upsnap/wakegroup/${id}`, {
|
||||
headers: this.getHeaders(),
|
||||
});
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error("Failed to shutdown device");
|
||||
}
|
||||
}
|
||||
if (!response.ok) {
|
||||
throw new Error('Failed to wake group');
|
||||
}
|
||||
}
|
||||
|
||||
async scanNetwork(): Promise<NetworkScanResult[]> {
|
||||
const response = await fetch(`${this.address}/upsnap/scan`, {
|
||||
headers: this.getHeaders(),
|
||||
});
|
||||
async sleepDevice(id: string): Promise<void> {
|
||||
const response = await fetch(`${this.address}/upsnap/sleep/${id}`, {
|
||||
headers: this.getHeaders(),
|
||||
});
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error("Failed to scan network");
|
||||
}
|
||||
if (!response.ok) {
|
||||
throw new Error('Failed to sleep device');
|
||||
}
|
||||
}
|
||||
|
||||
const data = await response.json();
|
||||
if (data.devices && Array.isArray(data.devices)) {
|
||||
return data.devices.map((item: any) => ({
|
||||
name: item.name || item.hostname || "Unknown",
|
||||
ip: item.ip || item.ip_address || "",
|
||||
mac: item.mac || item.mac_address || "",
|
||||
mac_vendor: item.mac_vendor || "Unknown",
|
||||
}));
|
||||
}
|
||||
async rebootDevice(id: string): Promise<void> {
|
||||
const response = await fetch(`${this.address}/upsnap/reboot/${id}`, {
|
||||
headers: this.getHeaders(),
|
||||
});
|
||||
|
||||
if (Array.isArray(data)) {
|
||||
return data.map((item: any) => ({
|
||||
name: item.name || item.hostname || "Unknown",
|
||||
ip: item.ip || item.ip_address || "",
|
||||
mac: item.mac || item.mac_address || "",
|
||||
mac_vendor: item.mac_vendor || "Unknown",
|
||||
}));
|
||||
}
|
||||
if (!response.ok) {
|
||||
throw new Error('Failed to reboot device');
|
||||
}
|
||||
}
|
||||
|
||||
if (data.items && Array.isArray(data.items)) {
|
||||
return data.items.map((item: any) => ({
|
||||
name: item.name || item.hostname || "Unknown",
|
||||
ip: item.ip || item.ip_address || "",
|
||||
mac: item.mac || item.mac_address || "",
|
||||
mac_vendor: item.mac_vendor || "Unknown",
|
||||
}));
|
||||
}
|
||||
async shutdownDevice(id: string): Promise<void> {
|
||||
const response = await fetch(`${this.address}/upsnap/shutdown/${id}`, {
|
||||
headers: this.getHeaders(),
|
||||
});
|
||||
|
||||
return [];
|
||||
}
|
||||
if (!response.ok) {
|
||||
throw new Error('Failed to shutdown device');
|
||||
}
|
||||
}
|
||||
|
||||
async scanNetwork(): Promise<NetworkScanResult[]> {
|
||||
const response = await fetch(`${this.address}/upsnap/scan`, {
|
||||
headers: this.getHeaders(),
|
||||
});
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error('Failed to scan network');
|
||||
}
|
||||
|
||||
const data = await response.json();
|
||||
if (data.devices && Array.isArray(data.devices)) {
|
||||
return data.devices.map((item: any) => ({
|
||||
name: item.name || item.hostname || 'Unknown',
|
||||
ip: item.ip || item.ip_address || '',
|
||||
mac: item.mac || item.mac_address || '',
|
||||
mac_vendor: item.mac_vendor || 'Unknown',
|
||||
}));
|
||||
}
|
||||
|
||||
if (Array.isArray(data)) {
|
||||
return data.map((item: any) => ({
|
||||
name: item.name || item.hostname || 'Unknown',
|
||||
ip: item.ip || item.ip_address || '',
|
||||
mac: item.mac || item.mac_address || '',
|
||||
mac_vendor: item.mac_vendor || 'Unknown',
|
||||
}));
|
||||
}
|
||||
|
||||
if (data.items && Array.isArray(data.items)) {
|
||||
return data.items.map((item: any) => ({
|
||||
name: item.name || item.hostname || 'Unknown',
|
||||
ip: item.ip || item.ip_address || '',
|
||||
mac: item.mac || item.mac_address || '',
|
||||
mac_vendor: item.mac_vendor || 'Unknown',
|
||||
}));
|
||||
}
|
||||
|
||||
return [];
|
||||
}
|
||||
}
|
||||
|
||||
export default new UpSnapAPI();
|
||||
|
||||
@@ -20,6 +20,20 @@ export interface AuthResponse {
|
||||
record: User;
|
||||
}
|
||||
|
||||
export interface PermissionResponse {
|
||||
id: string;
|
||||
collectionId: string;
|
||||
collectionName: string;
|
||||
user: User;
|
||||
create: boolean;
|
||||
read: Device[];
|
||||
update: Device[];
|
||||
delete: Device[];
|
||||
power: Device[];
|
||||
created: string;
|
||||
updated: string;
|
||||
}
|
||||
|
||||
export interface User {
|
||||
id: string;
|
||||
collectionId: string;
|
||||
|
||||
Reference in New Issue
Block a user