Compare commits
51 Commits
@nhost/rea
...
@nhost/apo
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
ac3f12c878 | ||
|
|
65cabb089f | ||
|
|
2905beb0a1 | ||
|
|
83fee54460 | ||
|
|
82898b6dae | ||
|
|
500f76a38d | ||
|
|
5e1e80aa8b | ||
|
|
6d0a126907 | ||
|
|
1b7dcf2121 | ||
|
|
2b9205b6cf | ||
|
|
bdc4d4a88c | ||
|
|
45759c4d4c | ||
|
|
5f9886577a | ||
|
|
fa65496327 | ||
|
|
03777680c1 | ||
|
|
72c81207ff | ||
|
|
5ca2a394e8 | ||
|
|
e63b8da58a | ||
|
|
bf8543cd34 | ||
|
|
8a557bbd02 | ||
|
|
327e30b859 | ||
|
|
bbfaf9732b | ||
|
|
c064a53256 | ||
|
|
ebda86f1f0 | ||
|
|
8948be9d3d | ||
|
|
54e9b141f1 | ||
|
|
dba71483df | ||
|
|
77ef68232a | ||
|
|
8fbc7f9f95 | ||
|
|
ca9f0f6ae9 | ||
|
|
e819903f1b | ||
|
|
f780b17581 | ||
|
|
032c0bd217 | ||
|
|
5d278709cb | ||
|
|
3a012e089a | ||
|
|
7aed620e12 | ||
|
|
dd0a5cf3c1 | ||
|
|
5187fd3a4b | ||
|
|
d8dfd6bf80 | ||
|
|
6ea6ad61db | ||
|
|
fd0b904ed4 | ||
|
|
8989e314a6 | ||
|
|
5b5a1219c5 | ||
|
|
2fa828fef1 | ||
|
|
d5ec69ac37 | ||
|
|
09fc852c3a | ||
|
|
27e1c90624 | ||
|
|
1cc53d550a | ||
|
|
22d3f71e02 | ||
|
|
010b816866 | ||
|
|
4a6e62e673 |
@@ -6,5 +6,5 @@
|
||||
"access": "restricted",
|
||||
"baseBranch": "main",
|
||||
"updateInternalDependencies": "patch",
|
||||
"ignore": []
|
||||
}
|
||||
"ignore": ["@nhost-examples/sveltekit"]
|
||||
}
|
||||
|
||||
3
.gitignore
vendored
3
.gitignore
vendored
@@ -19,10 +19,8 @@ logs/
|
||||
coverage/
|
||||
dist/
|
||||
umd/
|
||||
lib/
|
||||
node_modules/
|
||||
tmp/
|
||||
.docz/
|
||||
.pnpm-store
|
||||
.turbo
|
||||
.env
|
||||
@@ -32,7 +30,6 @@ out/
|
||||
# Custom
|
||||
*.min.js
|
||||
*.map
|
||||
todo.md
|
||||
|
||||
# Config files that are not part of the repository root anymore. Should be removed in the future.
|
||||
/.eslintignore
|
||||
|
||||
@@ -1,5 +1,20 @@
|
||||
# @nhost/dashboard
|
||||
|
||||
## 0.20.9
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- 5e1e80aa8: fix(dashboard): show correct locales in user details
|
||||
- @nhost/react-apollo@5.0.35
|
||||
- @nhost/nextjs@1.13.37
|
||||
|
||||
## 0.20.8
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- @nhost/react-apollo@5.0.34
|
||||
- @nhost/nextjs@1.13.36
|
||||
|
||||
## 0.20.7
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nhost/dashboard",
|
||||
"version": "0.20.7",
|
||||
"version": "0.20.9",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"preinstall": "npx only-allow pnpm",
|
||||
@@ -106,6 +106,7 @@
|
||||
"@testing-library/user-event": "^14.4.3",
|
||||
"@types/ace": "^0.0.48",
|
||||
"@types/bcryptjs": "^2.4.2",
|
||||
"@types/jest": "^29.5.3",
|
||||
"@types/lodash.debounce": "^4.0.7",
|
||||
"@types/node": "^16.11.7",
|
||||
"@types/pluralize": "^0.0.30",
|
||||
|
||||
@@ -38,6 +38,10 @@ query GetAuthenticationSettings($appId: uuid!) {
|
||||
default
|
||||
rating
|
||||
}
|
||||
locale {
|
||||
allowed
|
||||
default
|
||||
}
|
||||
}
|
||||
version
|
||||
}
|
||||
|
||||
@@ -24,6 +24,7 @@ import { copy } from '@/utils/copy';
|
||||
import { getServerError } from '@/utils/getServerError';
|
||||
import {
|
||||
RemoteAppGetUsersDocument,
|
||||
useGetProjectLocalesQuery,
|
||||
useGetRolesPermissionsQuery,
|
||||
useUpdateRemoteAppUserMutation,
|
||||
} from '@/utils/__generated__/graphql';
|
||||
@@ -146,6 +147,14 @@ export default function EditUserForm({
|
||||
dataRoles?.config?.auth?.user?.roles?.allowed,
|
||||
);
|
||||
|
||||
const { data } = useGetProjectLocalesQuery({
|
||||
variables: {
|
||||
appId: currentProject?.id,
|
||||
},
|
||||
});
|
||||
|
||||
const allowedLocales = data?.config?.auth?.user?.locale?.allowed || [];
|
||||
|
||||
/**
|
||||
* This will change the `disabled` field in the user to its opposite.
|
||||
* If the user is disabled, it will be enabled and vice versa.
|
||||
@@ -374,12 +383,11 @@ export default function EditUserForm({
|
||||
error={!!errors.locale}
|
||||
helperText={errors?.locale?.message}
|
||||
>
|
||||
<Option key="en" value="en">
|
||||
en
|
||||
</Option>
|
||||
<Option key="fr" value="fr">
|
||||
fr
|
||||
</Option>
|
||||
{allowedLocales.map((locale) => (
|
||||
<Option key={locale} value={locale}>
|
||||
{locale}
|
||||
</Option>
|
||||
))}
|
||||
</ControlledSelect>
|
||||
</Box>
|
||||
<Box
|
||||
|
||||
@@ -2,8 +2,9 @@ import permissionVariablesQuery from '@/tests/msw/mocks/graphql/permissionVariab
|
||||
import hasuraMetadataQuery from '@/tests/msw/mocks/rest/hasuraMetadataQuery';
|
||||
import tableQuery from '@/tests/msw/mocks/rest/tableQuery';
|
||||
import { render, screen } from '@/tests/testUtils';
|
||||
import '@testing-library/jest-dom';
|
||||
import { setupServer } from 'msw/node';
|
||||
import { test, vi } from 'vitest';
|
||||
import { afterAll, afterEach, beforeAll, test, vi } from 'vitest';
|
||||
import ColumnAutocomplete from './ColumnAutocomplete';
|
||||
|
||||
const server = setupServer(
|
||||
|
||||
@@ -1,4 +1,5 @@
|
||||
import type { PermissionVariable } from '@/types/application';
|
||||
import { expect, test } from 'vitest';
|
||||
import getAllPermissionVariables from './getAllPermissionVariables';
|
||||
|
||||
test('should convert permission variable object to array', () => {
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import { test } from 'vitest';
|
||||
import { expect, test } from 'vitest';
|
||||
import getAllocatedResources from './getAllocatedResources';
|
||||
|
||||
test('should return the total number of allocated resources', () => {
|
||||
|
||||
12
dashboard/src/gql/app/getProjectLocales.graphql
Normal file
12
dashboard/src/gql/app/getProjectLocales.graphql
Normal file
@@ -0,0 +1,12 @@
|
||||
query getProjectLocales($appId: uuid!) {
|
||||
config(appID: $appId, resolve: true) {
|
||||
auth {
|
||||
user {
|
||||
locale {
|
||||
allowed
|
||||
default
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
368
dashboard/src/utils/__generated__/graphql.ts
generated
368
dashboard/src/utils/__generated__/graphql.ts
generated
@@ -2052,6 +2052,12 @@ export type Int_Comparison_Exp = {
|
||||
_nin?: InputMaybe<Array<Scalars['Int']>>;
|
||||
};
|
||||
|
||||
export type InvoiceSummary = {
|
||||
__typename?: 'InvoiceSummary';
|
||||
AmountDue: Scalars['float64'];
|
||||
PeriodEnd: Scalars['Timestamp'];
|
||||
};
|
||||
|
||||
export type Log = {
|
||||
__typename?: 'Log';
|
||||
log: Scalars['String'];
|
||||
@@ -10475,6 +10481,10 @@ export type Mutation_Root = {
|
||||
deleteUser?: Maybe<Users>;
|
||||
/** delete data from the table: "auth.users" */
|
||||
deleteUsers?: Maybe<Users_Mutation_Response>;
|
||||
/** delete single row from the table: "users_usage" */
|
||||
deleteUsersUsage?: Maybe<Users_Usage>;
|
||||
/** delete data from the table: "users_usage" */
|
||||
deleteUsersUsages?: Maybe<Users_Usage_Mutation_Response>;
|
||||
/** delete single row from the table: "workspaces" */
|
||||
deleteWorkspace?: Maybe<Workspaces>;
|
||||
/** delete single row from the table: "workspace_members" */
|
||||
@@ -10614,6 +10624,10 @@ export type Mutation_Root = {
|
||||
insertUser?: Maybe<Users>;
|
||||
/** insert data into the table: "auth.users" */
|
||||
insertUsers?: Maybe<Users_Mutation_Response>;
|
||||
/** insert a single row into the table: "users_usage" */
|
||||
insertUsersUsage?: Maybe<Users_Usage>;
|
||||
/** insert data into the table: "users_usage" */
|
||||
insertUsersUsages?: Maybe<Users_Usage_Mutation_Response>;
|
||||
/** insert a single row into the table: "workspaces" */
|
||||
insertWorkspace?: Maybe<Workspaces>;
|
||||
/** insert a single row into the table: "workspace_members" */
|
||||
@@ -10760,6 +10774,10 @@ export type Mutation_Root = {
|
||||
updateUser?: Maybe<Users>;
|
||||
/** update data of the table: "auth.users" */
|
||||
updateUsers?: Maybe<Users_Mutation_Response>;
|
||||
/** update single row of the table: "users_usage" */
|
||||
updateUsersUsage?: Maybe<Users_Usage>;
|
||||
/** update data of the table: "users_usage" */
|
||||
updateUsersUsages?: Maybe<Users_Usage_Mutation_Response>;
|
||||
/** update single row of the table: "workspaces" */
|
||||
updateWorkspace?: Maybe<Workspaces>;
|
||||
/** update single row of the table: "workspace_members" */
|
||||
@@ -10854,6 +10872,8 @@ export type Mutation_Root = {
|
||||
update_run_service_many?: Maybe<Array<Maybe<Run_Service_Mutation_Response>>>;
|
||||
/** update multiples rows of table: "auth.users" */
|
||||
update_users_many?: Maybe<Array<Maybe<Users_Mutation_Response>>>;
|
||||
/** update multiples rows of table: "users_usage" */
|
||||
update_users_usage_many?: Maybe<Array<Maybe<Users_Usage_Mutation_Response>>>;
|
||||
/** update multiples rows of table: "workspace_member_invites" */
|
||||
update_workspaceMemberInvites_many?: Maybe<Array<Maybe<WorkspaceMemberInvites_Mutation_Response>>>;
|
||||
/** update multiples rows of table: "workspace_members" */
|
||||
@@ -11284,6 +11304,18 @@ export type Mutation_RootDeleteUsersArgs = {
|
||||
};
|
||||
|
||||
|
||||
/** mutation root */
|
||||
export type Mutation_RootDeleteUsersUsageArgs = {
|
||||
id: Scalars['uuid'];
|
||||
};
|
||||
|
||||
|
||||
/** mutation root */
|
||||
export type Mutation_RootDeleteUsersUsagesArgs = {
|
||||
where: Users_Usage_Bool_Exp;
|
||||
};
|
||||
|
||||
|
||||
/** mutation root */
|
||||
export type Mutation_RootDeleteWorkspaceArgs = {
|
||||
id: Scalars['uuid'];
|
||||
@@ -11768,6 +11800,20 @@ export type Mutation_RootInsertUsersArgs = {
|
||||
};
|
||||
|
||||
|
||||
/** mutation root */
|
||||
export type Mutation_RootInsertUsersUsageArgs = {
|
||||
object: Users_Usage_Insert_Input;
|
||||
on_conflict?: InputMaybe<Users_Usage_On_Conflict>;
|
||||
};
|
||||
|
||||
|
||||
/** mutation root */
|
||||
export type Mutation_RootInsertUsersUsagesArgs = {
|
||||
objects: Array<Users_Usage_Insert_Input>;
|
||||
on_conflict?: InputMaybe<Users_Usage_On_Conflict>;
|
||||
};
|
||||
|
||||
|
||||
/** mutation root */
|
||||
export type Mutation_RootInsertWorkspaceArgs = {
|
||||
object: Workspaces_Insert_Input;
|
||||
@@ -12383,6 +12429,20 @@ export type Mutation_RootUpdateUsersArgs = {
|
||||
};
|
||||
|
||||
|
||||
/** mutation root */
|
||||
export type Mutation_RootUpdateUsersUsageArgs = {
|
||||
_set?: InputMaybe<Users_Usage_Set_Input>;
|
||||
pk_columns: Users_Usage_Pk_Columns_Input;
|
||||
};
|
||||
|
||||
|
||||
/** mutation root */
|
||||
export type Mutation_RootUpdateUsersUsagesArgs = {
|
||||
_set?: InputMaybe<Users_Usage_Set_Input>;
|
||||
where: Users_Usage_Bool_Exp;
|
||||
};
|
||||
|
||||
|
||||
/** mutation root */
|
||||
export type Mutation_RootUpdateWorkspaceArgs = {
|
||||
_set?: InputMaybe<Workspaces_Set_Input>;
|
||||
@@ -12685,6 +12745,12 @@ export type Mutation_RootUpdate_Users_ManyArgs = {
|
||||
};
|
||||
|
||||
|
||||
/** mutation root */
|
||||
export type Mutation_RootUpdate_Users_Usage_ManyArgs = {
|
||||
updates: Array<Users_Usage_Updates>;
|
||||
};
|
||||
|
||||
|
||||
/** mutation root */
|
||||
export type Mutation_RootUpdate_WorkspaceMemberInvites_ManyArgs = {
|
||||
updates: Array<WorkspaceMemberInvites_Updates>;
|
||||
@@ -13905,7 +13971,7 @@ export type Query_Root = {
|
||||
billingDedicatedComputeReportsAggregate: Billing_Dedicated_Compute_Reports_Aggregate;
|
||||
/** fetch data from the table: "billing.dedicated_compute" */
|
||||
billingDedicatedComputes: Array<Billing_Dedicated_Compute>;
|
||||
billingDummy: Scalars['Boolean'];
|
||||
billingGetNextInvoice?: Maybe<InvoiceSummary>;
|
||||
/** fetch data from the table: "billing.subscriptions" using primary key columns */
|
||||
billingSubscription?: Maybe<Billing_Subscriptions>;
|
||||
/** fetch data from the table: "billing.subscriptions" */
|
||||
@@ -14048,6 +14114,12 @@ export type Query_Root = {
|
||||
users: Array<Users>;
|
||||
/** fetch aggregated fields from the table: "auth.users" */
|
||||
usersAggregate: Users_Aggregate;
|
||||
/** fetch data from the table: "users_usage" using primary key columns */
|
||||
usersUsage?: Maybe<Users_Usage>;
|
||||
/** fetch data from the table: "users_usage" */
|
||||
usersUsages: Array<Users_Usage>;
|
||||
/** fetch aggregated fields from the table: "users_usage" */
|
||||
usersUsagesAggregate: Users_Usage_Aggregate;
|
||||
/** fetch data from the table: "workspaces" using primary key columns */
|
||||
workspace?: Maybe<Workspaces>;
|
||||
/** fetch data from the table: "workspace_members" using primary key columns */
|
||||
@@ -14419,6 +14491,11 @@ export type Query_RootBillingDedicatedComputesArgs = {
|
||||
};
|
||||
|
||||
|
||||
export type Query_RootBillingGetNextInvoiceArgs = {
|
||||
appID: Scalars['uuid'];
|
||||
};
|
||||
|
||||
|
||||
export type Query_RootBillingSubscriptionArgs = {
|
||||
id: Scalars['uuid'];
|
||||
};
|
||||
@@ -14973,6 +15050,29 @@ export type Query_RootUsersAggregateArgs = {
|
||||
};
|
||||
|
||||
|
||||
export type Query_RootUsersUsageArgs = {
|
||||
id: Scalars['uuid'];
|
||||
};
|
||||
|
||||
|
||||
export type Query_RootUsersUsagesArgs = {
|
||||
distinct_on?: InputMaybe<Array<Users_Usage_Select_Column>>;
|
||||
limit?: InputMaybe<Scalars['Int']>;
|
||||
offset?: InputMaybe<Scalars['Int']>;
|
||||
order_by?: InputMaybe<Array<Users_Usage_Order_By>>;
|
||||
where?: InputMaybe<Users_Usage_Bool_Exp>;
|
||||
};
|
||||
|
||||
|
||||
export type Query_RootUsersUsagesAggregateArgs = {
|
||||
distinct_on?: InputMaybe<Array<Users_Usage_Select_Column>>;
|
||||
limit?: InputMaybe<Scalars['Int']>;
|
||||
offset?: InputMaybe<Scalars['Int']>;
|
||||
order_by?: InputMaybe<Array<Users_Usage_Order_By>>;
|
||||
where?: InputMaybe<Users_Usage_Bool_Exp>;
|
||||
};
|
||||
|
||||
|
||||
export type Query_RootWorkspaceArgs = {
|
||||
id: Scalars['uuid'];
|
||||
};
|
||||
@@ -16401,8 +16501,16 @@ export type Subscription_Root = {
|
||||
users: Array<Users>;
|
||||
/** fetch aggregated fields from the table: "auth.users" */
|
||||
usersAggregate: Users_Aggregate;
|
||||
/** fetch data from the table: "users_usage" using primary key columns */
|
||||
usersUsage?: Maybe<Users_Usage>;
|
||||
/** fetch data from the table: "users_usage" */
|
||||
usersUsages: Array<Users_Usage>;
|
||||
/** fetch aggregated fields from the table: "users_usage" */
|
||||
usersUsagesAggregate: Users_Usage_Aggregate;
|
||||
/** fetch data from the table in a streaming manner: "auth.users" */
|
||||
users_stream: Array<Users>;
|
||||
/** fetch data from the table in a streaming manner: "users_usage" */
|
||||
users_usage_stream: Array<Users_Usage>;
|
||||
/** fetch data from the table: "workspaces" using primary key columns */
|
||||
workspace?: Maybe<Workspaces>;
|
||||
/** fetch data from the table: "workspace_members" using primary key columns */
|
||||
@@ -17450,6 +17558,29 @@ export type Subscription_RootUsersAggregateArgs = {
|
||||
};
|
||||
|
||||
|
||||
export type Subscription_RootUsersUsageArgs = {
|
||||
id: Scalars['uuid'];
|
||||
};
|
||||
|
||||
|
||||
export type Subscription_RootUsersUsagesArgs = {
|
||||
distinct_on?: InputMaybe<Array<Users_Usage_Select_Column>>;
|
||||
limit?: InputMaybe<Scalars['Int']>;
|
||||
offset?: InputMaybe<Scalars['Int']>;
|
||||
order_by?: InputMaybe<Array<Users_Usage_Order_By>>;
|
||||
where?: InputMaybe<Users_Usage_Bool_Exp>;
|
||||
};
|
||||
|
||||
|
||||
export type Subscription_RootUsersUsagesAggregateArgs = {
|
||||
distinct_on?: InputMaybe<Array<Users_Usage_Select_Column>>;
|
||||
limit?: InputMaybe<Scalars['Int']>;
|
||||
offset?: InputMaybe<Scalars['Int']>;
|
||||
order_by?: InputMaybe<Array<Users_Usage_Order_By>>;
|
||||
where?: InputMaybe<Users_Usage_Bool_Exp>;
|
||||
};
|
||||
|
||||
|
||||
export type Subscription_RootUsers_StreamArgs = {
|
||||
batch_size: Scalars['Int'];
|
||||
cursor: Array<InputMaybe<Users_Stream_Cursor_Input>>;
|
||||
@@ -17457,6 +17588,13 @@ export type Subscription_RootUsers_StreamArgs = {
|
||||
};
|
||||
|
||||
|
||||
export type Subscription_RootUsers_Usage_StreamArgs = {
|
||||
batch_size: Scalars['Int'];
|
||||
cursor: Array<InputMaybe<Users_Usage_Stream_Cursor_Input>>;
|
||||
where?: InputMaybe<Users_Usage_Bool_Exp>;
|
||||
};
|
||||
|
||||
|
||||
export type Subscription_RootWorkspaceArgs = {
|
||||
id: Scalars['uuid'];
|
||||
};
|
||||
@@ -18539,6 +18677,176 @@ export type Users_Updates = {
|
||||
where: Users_Bool_Exp;
|
||||
};
|
||||
|
||||
/** columns and relationships of "users_usage" */
|
||||
export type Users_Usage = {
|
||||
__typename?: 'users_usage';
|
||||
created_at: Scalars['timestamptz'];
|
||||
free_allowance_exceeded: Scalars['Boolean'];
|
||||
id: Scalars['uuid'];
|
||||
updated_at: Scalars['timestamptz'];
|
||||
user_id: Scalars['uuid'];
|
||||
};
|
||||
|
||||
/** aggregated selection of "users_usage" */
|
||||
export type Users_Usage_Aggregate = {
|
||||
__typename?: 'users_usage_aggregate';
|
||||
aggregate?: Maybe<Users_Usage_Aggregate_Fields>;
|
||||
nodes: Array<Users_Usage>;
|
||||
};
|
||||
|
||||
/** aggregate fields of "users_usage" */
|
||||
export type Users_Usage_Aggregate_Fields = {
|
||||
__typename?: 'users_usage_aggregate_fields';
|
||||
count: Scalars['Int'];
|
||||
max?: Maybe<Users_Usage_Max_Fields>;
|
||||
min?: Maybe<Users_Usage_Min_Fields>;
|
||||
};
|
||||
|
||||
|
||||
/** aggregate fields of "users_usage" */
|
||||
export type Users_Usage_Aggregate_FieldsCountArgs = {
|
||||
columns?: InputMaybe<Array<Users_Usage_Select_Column>>;
|
||||
distinct?: InputMaybe<Scalars['Boolean']>;
|
||||
};
|
||||
|
||||
/** Boolean expression to filter rows from the table "users_usage". All fields are combined with a logical 'AND'. */
|
||||
export type Users_Usage_Bool_Exp = {
|
||||
_and?: InputMaybe<Array<Users_Usage_Bool_Exp>>;
|
||||
_not?: InputMaybe<Users_Usage_Bool_Exp>;
|
||||
_or?: InputMaybe<Array<Users_Usage_Bool_Exp>>;
|
||||
created_at?: InputMaybe<Timestamptz_Comparison_Exp>;
|
||||
free_allowance_exceeded?: InputMaybe<Boolean_Comparison_Exp>;
|
||||
id?: InputMaybe<Uuid_Comparison_Exp>;
|
||||
updated_at?: InputMaybe<Timestamptz_Comparison_Exp>;
|
||||
user_id?: InputMaybe<Uuid_Comparison_Exp>;
|
||||
};
|
||||
|
||||
/** unique or primary key constraints on table "users_usage" */
|
||||
export enum Users_Usage_Constraint {
|
||||
/** unique or primary key constraint on columns "id" */
|
||||
UsersUsagePkey = 'users_usage_pkey',
|
||||
/** unique or primary key constraint on columns "user_id" */
|
||||
UsersUsageUserIdKey = 'users_usage_user_id_key'
|
||||
}
|
||||
|
||||
/** input type for inserting data into table "users_usage" */
|
||||
export type Users_Usage_Insert_Input = {
|
||||
created_at?: InputMaybe<Scalars['timestamptz']>;
|
||||
free_allowance_exceeded?: InputMaybe<Scalars['Boolean']>;
|
||||
id?: InputMaybe<Scalars['uuid']>;
|
||||
updated_at?: InputMaybe<Scalars['timestamptz']>;
|
||||
user_id?: InputMaybe<Scalars['uuid']>;
|
||||
};
|
||||
|
||||
/** aggregate max on columns */
|
||||
export type Users_Usage_Max_Fields = {
|
||||
__typename?: 'users_usage_max_fields';
|
||||
created_at?: Maybe<Scalars['timestamptz']>;
|
||||
id?: Maybe<Scalars['uuid']>;
|
||||
updated_at?: Maybe<Scalars['timestamptz']>;
|
||||
user_id?: Maybe<Scalars['uuid']>;
|
||||
};
|
||||
|
||||
/** aggregate min on columns */
|
||||
export type Users_Usage_Min_Fields = {
|
||||
__typename?: 'users_usage_min_fields';
|
||||
created_at?: Maybe<Scalars['timestamptz']>;
|
||||
id?: Maybe<Scalars['uuid']>;
|
||||
updated_at?: Maybe<Scalars['timestamptz']>;
|
||||
user_id?: Maybe<Scalars['uuid']>;
|
||||
};
|
||||
|
||||
/** response of any mutation on the table "users_usage" */
|
||||
export type Users_Usage_Mutation_Response = {
|
||||
__typename?: 'users_usage_mutation_response';
|
||||
/** number of rows affected by the mutation */
|
||||
affected_rows: Scalars['Int'];
|
||||
/** data from the rows affected by the mutation */
|
||||
returning: Array<Users_Usage>;
|
||||
};
|
||||
|
||||
/** on_conflict condition type for table "users_usage" */
|
||||
export type Users_Usage_On_Conflict = {
|
||||
constraint: Users_Usage_Constraint;
|
||||
update_columns?: Array<Users_Usage_Update_Column>;
|
||||
where?: InputMaybe<Users_Usage_Bool_Exp>;
|
||||
};
|
||||
|
||||
/** Ordering options when selecting data from "users_usage". */
|
||||
export type Users_Usage_Order_By = {
|
||||
created_at?: InputMaybe<Order_By>;
|
||||
free_allowance_exceeded?: InputMaybe<Order_By>;
|
||||
id?: InputMaybe<Order_By>;
|
||||
updated_at?: InputMaybe<Order_By>;
|
||||
user_id?: InputMaybe<Order_By>;
|
||||
};
|
||||
|
||||
/** primary key columns input for table: users_usage */
|
||||
export type Users_Usage_Pk_Columns_Input = {
|
||||
id: Scalars['uuid'];
|
||||
};
|
||||
|
||||
/** select columns of table "users_usage" */
|
||||
export enum Users_Usage_Select_Column {
|
||||
/** column name */
|
||||
CreatedAt = 'created_at',
|
||||
/** column name */
|
||||
FreeAllowanceExceeded = 'free_allowance_exceeded',
|
||||
/** column name */
|
||||
Id = 'id',
|
||||
/** column name */
|
||||
UpdatedAt = 'updated_at',
|
||||
/** column name */
|
||||
UserId = 'user_id'
|
||||
}
|
||||
|
||||
/** input type for updating data in table "users_usage" */
|
||||
export type Users_Usage_Set_Input = {
|
||||
created_at?: InputMaybe<Scalars['timestamptz']>;
|
||||
free_allowance_exceeded?: InputMaybe<Scalars['Boolean']>;
|
||||
id?: InputMaybe<Scalars['uuid']>;
|
||||
updated_at?: InputMaybe<Scalars['timestamptz']>;
|
||||
user_id?: InputMaybe<Scalars['uuid']>;
|
||||
};
|
||||
|
||||
/** Streaming cursor of the table "users_usage" */
|
||||
export type Users_Usage_Stream_Cursor_Input = {
|
||||
/** Stream column input with initial value */
|
||||
initial_value: Users_Usage_Stream_Cursor_Value_Input;
|
||||
/** cursor ordering */
|
||||
ordering?: InputMaybe<Cursor_Ordering>;
|
||||
};
|
||||
|
||||
/** Initial value of the column from where the streaming should start */
|
||||
export type Users_Usage_Stream_Cursor_Value_Input = {
|
||||
created_at?: InputMaybe<Scalars['timestamptz']>;
|
||||
free_allowance_exceeded?: InputMaybe<Scalars['Boolean']>;
|
||||
id?: InputMaybe<Scalars['uuid']>;
|
||||
updated_at?: InputMaybe<Scalars['timestamptz']>;
|
||||
user_id?: InputMaybe<Scalars['uuid']>;
|
||||
};
|
||||
|
||||
/** update columns of table "users_usage" */
|
||||
export enum Users_Usage_Update_Column {
|
||||
/** column name */
|
||||
CreatedAt = 'created_at',
|
||||
/** column name */
|
||||
FreeAllowanceExceeded = 'free_allowance_exceeded',
|
||||
/** column name */
|
||||
Id = 'id',
|
||||
/** column name */
|
||||
UpdatedAt = 'updated_at',
|
||||
/** column name */
|
||||
UserId = 'user_id'
|
||||
}
|
||||
|
||||
export type Users_Usage_Updates = {
|
||||
/** sets the columns of the filtered rows to the given values */
|
||||
_set?: InputMaybe<Users_Usage_Set_Input>;
|
||||
/** filter the rows which have to be updated */
|
||||
where: Users_Usage_Bool_Exp;
|
||||
};
|
||||
|
||||
/** Boolean expression to compare columns of type "uuid". All fields are combined with logical 'AND'. */
|
||||
export type Uuid_Comparison_Exp = {
|
||||
_eq?: InputMaybe<Scalars['uuid']>;
|
||||
@@ -19718,7 +20026,7 @@ export type GetAuthenticationSettingsQueryVariables = Exact<{
|
||||
}>;
|
||||
|
||||
|
||||
export type GetAuthenticationSettingsQuery = { __typename?: 'query_root', config?: { __typename: 'ConfigConfig', id: 'ConfigConfig', auth?: { __typename: 'ConfigAuth', version?: string | null, id: 'ConfigAuth', redirections?: { __typename?: 'ConfigAuthRedirections', clientUrl?: any | null, allowedUrls?: Array<string> | null } | null, totp?: { __typename?: 'ConfigAuthTotp', enabled?: boolean | null, issuer?: string | null } | null, signUp?: { __typename?: 'ConfigAuthSignUp', enabled?: boolean | null } | null, session?: { __typename?: 'ConfigAuthSession', accessToken?: { __typename?: 'ConfigAuthSessionAccessToken', expiresIn?: any | null } | null, refreshToken?: { __typename?: 'ConfigAuthSessionRefreshToken', expiresIn?: any | null } | null } | null, user?: { __typename?: 'ConfigAuthUser', email?: { __typename?: 'ConfigAuthUserEmail', allowed?: Array<any> | null, blocked?: Array<any> | null } | null, emailDomains?: { __typename?: 'ConfigAuthUserEmailDomains', allowed?: Array<string> | null, blocked?: Array<string> | null } | null, gravatar?: { __typename?: 'ConfigAuthUserGravatar', enabled?: boolean | null, default?: string | null, rating?: string | null } | null } | null } | null } | null };
|
||||
export type GetAuthenticationSettingsQuery = { __typename?: 'query_root', config?: { __typename: 'ConfigConfig', id: 'ConfigConfig', auth?: { __typename: 'ConfigAuth', version?: string | null, id: 'ConfigAuth', redirections?: { __typename?: 'ConfigAuthRedirections', clientUrl?: any | null, allowedUrls?: Array<string> | null } | null, totp?: { __typename?: 'ConfigAuthTotp', enabled?: boolean | null, issuer?: string | null } | null, signUp?: { __typename?: 'ConfigAuthSignUp', enabled?: boolean | null } | null, session?: { __typename?: 'ConfigAuthSession', accessToken?: { __typename?: 'ConfigAuthSessionAccessToken', expiresIn?: any | null } | null, refreshToken?: { __typename?: 'ConfigAuthSessionRefreshToken', expiresIn?: any | null } | null } | null, user?: { __typename?: 'ConfigAuthUser', email?: { __typename?: 'ConfigAuthUserEmail', allowed?: Array<any> | null, blocked?: Array<any> | null } | null, emailDomains?: { __typename?: 'ConfigAuthUserEmailDomains', allowed?: Array<string> | null, blocked?: Array<string> | null } | null, gravatar?: { __typename?: 'ConfigAuthUserGravatar', enabled?: boolean | null, default?: string | null, rating?: string | null } | null, locale?: { __typename?: 'ConfigAuthUserLocale', allowed?: Array<any> | null, default?: any | null } | null } | null } | null } | null };
|
||||
|
||||
export type GetPostgresSettingsQueryVariables = Exact<{
|
||||
appId: Scalars['uuid'];
|
||||
@@ -19815,6 +20123,13 @@ export type GetApplicationStateQueryVariables = Exact<{
|
||||
|
||||
export type GetApplicationStateQuery = { __typename?: 'query_root', app?: { __typename?: 'apps', id: any, name: string, appStates: Array<{ __typename?: 'appStateHistory', id: any, appId: any, message?: string | null, stateId: number, createdAt: any }> } | null };
|
||||
|
||||
export type GetProjectLocalesQueryVariables = Exact<{
|
||||
appId: Scalars['uuid'];
|
||||
}>;
|
||||
|
||||
|
||||
export type GetProjectLocalesQuery = { __typename?: 'query_root', config?: { __typename?: 'ConfigConfig', auth?: { __typename?: 'ConfigAuth', user?: { __typename?: 'ConfigAuthUser', locale?: { __typename?: 'ConfigAuthUserLocale', allowed?: Array<any> | null, default?: any | null } | null } | null } | null } | null };
|
||||
|
||||
export type GetProjectMetricsQueryVariables = Exact<{
|
||||
appId: Scalars['String'];
|
||||
subdomain: Scalars['String'];
|
||||
@@ -20785,6 +21100,10 @@ export const GetAuthenticationSettingsDocument = gql`
|
||||
default
|
||||
rating
|
||||
}
|
||||
locale {
|
||||
allowed
|
||||
default
|
||||
}
|
||||
}
|
||||
version
|
||||
}
|
||||
@@ -21326,6 +21645,51 @@ export type GetApplicationStateQueryResult = Apollo.QueryResult<GetApplicationSt
|
||||
export function refetchGetApplicationStateQuery(variables: GetApplicationStateQueryVariables) {
|
||||
return { query: GetApplicationStateDocument, variables: variables }
|
||||
}
|
||||
export const GetProjectLocalesDocument = gql`
|
||||
query getProjectLocales($appId: uuid!) {
|
||||
config(appID: $appId, resolve: true) {
|
||||
auth {
|
||||
user {
|
||||
locale {
|
||||
allowed
|
||||
default
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
`;
|
||||
|
||||
/**
|
||||
* __useGetProjectLocalesQuery__
|
||||
*
|
||||
* To run a query within a React component, call `useGetProjectLocalesQuery` and pass it any options that fit your needs.
|
||||
* When your component renders, `useGetProjectLocalesQuery` returns an object from Apollo Client that contains loading, error, and data properties
|
||||
* you can use to render your UI.
|
||||
*
|
||||
* @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
|
||||
*
|
||||
* @example
|
||||
* const { data, loading, error } = useGetProjectLocalesQuery({
|
||||
* variables: {
|
||||
* appId: // value for 'appId'
|
||||
* },
|
||||
* });
|
||||
*/
|
||||
export function useGetProjectLocalesQuery(baseOptions: Apollo.QueryHookOptions<GetProjectLocalesQuery, GetProjectLocalesQueryVariables>) {
|
||||
const options = {...defaultOptions, ...baseOptions}
|
||||
return Apollo.useQuery<GetProjectLocalesQuery, GetProjectLocalesQueryVariables>(GetProjectLocalesDocument, options);
|
||||
}
|
||||
export function useGetProjectLocalesLazyQuery(baseOptions?: Apollo.LazyQueryHookOptions<GetProjectLocalesQuery, GetProjectLocalesQueryVariables>) {
|
||||
const options = {...defaultOptions, ...baseOptions}
|
||||
return Apollo.useLazyQuery<GetProjectLocalesQuery, GetProjectLocalesQueryVariables>(GetProjectLocalesDocument, options);
|
||||
}
|
||||
export type GetProjectLocalesQueryHookResult = ReturnType<typeof useGetProjectLocalesQuery>;
|
||||
export type GetProjectLocalesLazyQueryHookResult = ReturnType<typeof useGetProjectLocalesLazyQuery>;
|
||||
export type GetProjectLocalesQueryResult = Apollo.QueryResult<GetProjectLocalesQuery, GetProjectLocalesQueryVariables>;
|
||||
export function refetchGetProjectLocalesQuery(variables: GetProjectLocalesQueryVariables) {
|
||||
return { query: GetProjectLocalesDocument, variables: variables }
|
||||
}
|
||||
export const GetProjectMetricsDocument = gql`
|
||||
query GetProjectMetrics($appId: String!, $subdomain: String!, $from: Timestamp, $to: Timestamp) {
|
||||
logsVolume: getLogsVolume(appID: $appId, from: $from, to: $to) {
|
||||
|
||||
@@ -1,5 +1,14 @@
|
||||
# @nhost-examples/react-apollo
|
||||
|
||||
## 0.1.15
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- dba71483d: chore: react-apollo-example: add profile to allowedUrls
|
||||
- e819903f1: chore: remove facebook login
|
||||
- @nhost/react@2.0.30
|
||||
- @nhost/react-apollo@5.0.34
|
||||
|
||||
## 0.1.14
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@@ -32,6 +32,7 @@ version = '0.21.2'
|
||||
|
||||
[auth.redirections]
|
||||
clientUrl = 'https://react-apollo.example.nhost.io/'
|
||||
allowedUrls = ['https://react-apollo.example.nhost.io/profile']
|
||||
|
||||
[auth.signUp]
|
||||
enabled = true
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nhost-examples/react-apollo",
|
||||
"version": "0.1.14",
|
||||
"version": "0.1.15",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"@apollo/client": "^3.7.14",
|
||||
|
||||
@@ -1,11 +1,11 @@
|
||||
import { FaFacebook, FaGithub, FaGoogle } from 'react-icons/fa/index.js'
|
||||
import { FaGithub, FaGoogle } from 'react-icons/fa/index.js'
|
||||
|
||||
import { useProviderLink } from '@nhost/react'
|
||||
|
||||
import AuthLink from './AuthLink'
|
||||
|
||||
export default function OauthLinks() {
|
||||
const { github, google, facebook } = useProviderLink({ redirectTo: window.location.origin })
|
||||
const { github, google } = useProviderLink({ redirectTo: window.location.origin })
|
||||
return (
|
||||
<>
|
||||
<AuthLink leftIcon={<FaGithub />} link={github} color="#333">
|
||||
@@ -14,9 +14,6 @@ export default function OauthLinks() {
|
||||
<AuthLink leftIcon={<FaGoogle />} link={google} color="#de5246">
|
||||
Continue with Google
|
||||
</AuthLink>
|
||||
<AuthLink leftIcon={<FaFacebook />} link={facebook} color="#3b5998">
|
||||
Continue with Facebook
|
||||
</AuthLink>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
@@ -5,6 +5,7 @@ import { RemoveSecurityKeyMutation, SecurityKeysQuery } from 'src/generated'
|
||||
import { gql, useMutation } from '@apollo/client'
|
||||
import { ActionIcon, Button, Card, SimpleGrid, Table, TextInput, Title } from '@mantine/core'
|
||||
import { useInputState } from '@mantine/hooks'
|
||||
import { showNotification } from '@mantine/notifications'
|
||||
import { useAddSecurityKey, useUserId } from '@nhost/react'
|
||||
import { useAuthQuery } from '@nhost/react-apollo'
|
||||
|
||||
@@ -42,9 +43,14 @@ export const SecurityKeys: React.FC = () => {
|
||||
|
||||
const addKey = async (e: React.FormEvent<HTMLFormElement>) => {
|
||||
e.preventDefault()
|
||||
const { key, error } = await add(nickname)
|
||||
if (error) {
|
||||
const { key, isError, error } = await add(nickname)
|
||||
if (isError) {
|
||||
console.log(error)
|
||||
showNotification({
|
||||
color: 'red',
|
||||
title: 'Error',
|
||||
message: error?.message || null
|
||||
})
|
||||
} else {
|
||||
setNickname('')
|
||||
}
|
||||
|
||||
@@ -1,5 +1,13 @@
|
||||
# @nhost-examples/serverless-functions
|
||||
|
||||
## 0.0.9
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- 45759c4d4: fix(stripe-graphql-js): fix stripe GraphQL extension export issue in serverless functions
|
||||
- Updated dependencies [45759c4d4]
|
||||
- @nhost/stripe-graphql-js@1.0.5
|
||||
|
||||
## 0.0.8
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@@ -17,6 +17,4 @@ https://github.com/nhost/nhost/tree/main/integrations/stripe-graphql-js
|
||||
|
||||
import { createStripeGraphQLServer } from '@nhost/stripe-graphql-js'
|
||||
|
||||
const server = createStripeGraphQLServer()
|
||||
|
||||
export default server
|
||||
export default createStripeGraphQLServer()
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
[global]
|
||||
[[global.environment]]
|
||||
name='STRIPE_SECRET_KEY'
|
||||
value='{{ secrets.STRIPE_SECRET_KEY }}'
|
||||
|
||||
[hasura]
|
||||
version = 'v2.25.1-ce'
|
||||
|
||||
@@ -1,13 +1,13 @@
|
||||
{
|
||||
"name": "@nhost-examples/serverless-functions",
|
||||
"private": true,
|
||||
"version": "0.0.8",
|
||||
"version": "0.0.9",
|
||||
"devDependencies": {
|
||||
"@types/express": "^4.17.13"
|
||||
},
|
||||
"dependencies": {
|
||||
"@graphql-yoga/node": "^2.13.13",
|
||||
"@nhost/stripe-graphql-js": "^1.0.2",
|
||||
"@nhost/stripe-graphql-js": "^1.0.5",
|
||||
"@pothos/core": "^3.21.0",
|
||||
"cross-fetch": "^3.1.5",
|
||||
"graphql": "15.7.2",
|
||||
|
||||
13
examples/sveltekit/.gitignore
vendored
Normal file
13
examples/sveltekit/.gitignore
vendored
Normal file
@@ -0,0 +1,13 @@
|
||||
.DS_Store
|
||||
node_modules
|
||||
/build
|
||||
/.svelte-kit
|
||||
/package
|
||||
.env
|
||||
.env.*
|
||||
!.env.example
|
||||
vite.config.js.timestamp-*
|
||||
vite.config.ts.timestamp-*
|
||||
/test-results/
|
||||
/playwright-report/
|
||||
/playwright/.cache/
|
||||
1
examples/sveltekit/.npmrc
Normal file
1
examples/sveltekit/.npmrc
Normal file
@@ -0,0 +1 @@
|
||||
hoist-pattern[]=!@nhost/nhost-js
|
||||
5
examples/sveltekit/CHANGELOG.md
Normal file
5
examples/sveltekit/CHANGELOG.md
Normal file
@@ -0,0 +1,5 @@
|
||||
---
|
||||
'@nhost-examples/sveltekit': minor
|
||||
---
|
||||
|
||||
feat: add nhost with sveltekit example project
|
||||
44
examples/sveltekit/README.md
Normal file
44
examples/sveltekit/README.md
Normal file
@@ -0,0 +1,44 @@
|
||||
# Nhost with SvelteKit Example
|
||||
|
||||
## Get Started
|
||||
|
||||
1. Clone the repository
|
||||
|
||||
```sh
|
||||
git clone https://github.com/nhost/nhost
|
||||
cd nhost
|
||||
```
|
||||
|
||||
2. Install and build dependencies
|
||||
|
||||
```sh
|
||||
pnpm install
|
||||
pnpm build
|
||||
```
|
||||
|
||||
3. Go to the SvelteKit example folder
|
||||
|
||||
```sh
|
||||
cd examples/sveltekit
|
||||
```
|
||||
|
||||
4. Create a `.env` file and set the subdomain and region of your Nhost project. When running locally with the CLI, set the subdomain to `local`.
|
||||
|
||||
```sh
|
||||
PUBLIC_NHOST_SUBDOMAIN=
|
||||
PUBLIC_NHOST_REGION=
|
||||
```
|
||||
|
||||
5. Terminal 1: Start Nhost
|
||||
|
||||
> Make sure you have the [Nhost CLI installed](https://docs.nhost.io/platform/cli).
|
||||
|
||||
```sh
|
||||
nhost up
|
||||
```
|
||||
|
||||
6. Terminal 2: Start the SvelteKit dev server
|
||||
|
||||
```sh
|
||||
pnpm dev
|
||||
```
|
||||
17
examples/sveltekit/jsconfig.json
Normal file
17
examples/sveltekit/jsconfig.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"extends": "./.svelte-kit/tsconfig.json",
|
||||
"compilerOptions": {
|
||||
"allowJs": true,
|
||||
"checkJs": true,
|
||||
"esModuleInterop": true,
|
||||
"forceConsistentCasingInFileNames": true,
|
||||
"resolveJsonModule": true,
|
||||
"skipLibCheck": true,
|
||||
"sourceMap": true,
|
||||
"strict": true
|
||||
}
|
||||
// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias and https://kit.svelte.dev/docs/configuration#files
|
||||
//
|
||||
// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
|
||||
// from the referenced tsconfig.json - TypeScript does not merge them in
|
||||
}
|
||||
45
examples/sveltekit/package.json
Normal file
45
examples/sveltekit/package.json
Normal file
@@ -0,0 +1,45 @@
|
||||
{
|
||||
"name": "@nhost-examples/sveltekit",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"dev": "vite dev",
|
||||
"build": "vite build",
|
||||
"preview": "vite preview",
|
||||
"check": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json",
|
||||
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json --watch",
|
||||
"install-browsers": "pnpm dlx playwright@1.31.0 install --with-deps",
|
||||
"add-nhost-js": "pnpm add @nhost/nhost-js --ignore-workspace",
|
||||
"test": "pnpm install-browsers && pnpm add-nhost-js && pnpm dlx playwright@1.31.0 test",
|
||||
"lint": "eslint .",
|
||||
"postinstall": "pnpm add-nhost-js"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@nhost/nhost-js": "2.2.13",
|
||||
"@playwright/test": "^1.31.0",
|
||||
"@sveltejs/adapter-auto": "^2.0.0",
|
||||
"@sveltejs/kit": "^1.5.0",
|
||||
"autoprefixer": "^10.4.14",
|
||||
"eslint": "^8.28.0",
|
||||
"eslint-config-prettier": "^8.5.0",
|
||||
"eslint-plugin-svelte": "^2.26.0",
|
||||
"postcss": "^8.4.23",
|
||||
"prettier": "^2.8.0",
|
||||
"prettier-plugin-svelte": "^2.8.1",
|
||||
"svelte": "^3.54.0",
|
||||
"svelte-check": "^3.0.1",
|
||||
"tailwindcss": "^3.3.2",
|
||||
"typescript": "^5.0.0",
|
||||
"vite": "^4.3.0",
|
||||
"vitest": "^0.25.3"
|
||||
},
|
||||
"type": "module",
|
||||
"dependencies": {
|
||||
"@apollo/client": "^3.8.1",
|
||||
"graphql": "^16.7.1",
|
||||
"graphql-tag": "^2.12.6",
|
||||
"js-cookie": "^3.0.5",
|
||||
"playwright": "^1.37.1",
|
||||
"uuid": "^9.0.0"
|
||||
}
|
||||
}
|
||||
57
examples/sveltekit/playwright.config.js
Normal file
57
examples/sveltekit/playwright.config.js
Normal file
@@ -0,0 +1,57 @@
|
||||
// @ts-check
|
||||
import { defineConfig, devices } from '@playwright/test'
|
||||
|
||||
/**
|
||||
* Read environment variables from file.
|
||||
* https://github.com/motdotla/dotenv
|
||||
*/
|
||||
// require('dotenv').config();
|
||||
|
||||
/**
|
||||
* @see https://playwright.dev/docs/test-configuration
|
||||
*/
|
||||
export default defineConfig({
|
||||
testDir: './tests',
|
||||
/* Run tests in files in parallel */
|
||||
fullyParallel: true,
|
||||
/* Fail the build on CI if you accidentally left test.only in the source code. */
|
||||
forbidOnly: !!process.env.CI,
|
||||
/* Retry on CI only */
|
||||
retries: process.env.CI ? 2 : 0,
|
||||
/* Opt out of parallel tests on CI. */
|
||||
workers: process.env.CI ? 1 : undefined,
|
||||
/* Reporter to use. See https://playwright.dev/docs/test-reporters */
|
||||
reporter: 'html',
|
||||
/* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
|
||||
use: {
|
||||
/* Base URL to use in actions like `await page.goto('/')`. */
|
||||
baseURL: 'http://localhost:5173',
|
||||
|
||||
/* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
|
||||
trace: 'on-first-retry'
|
||||
},
|
||||
|
||||
/* Configure projects for major browsers */
|
||||
projects: [
|
||||
{
|
||||
name: 'chromium',
|
||||
use: { ...devices['Desktop Chrome'] }
|
||||
},
|
||||
|
||||
{
|
||||
name: 'firefox',
|
||||
use: { ...devices['Desktop Firefox'] }
|
||||
},
|
||||
|
||||
{
|
||||
name: 'webkit',
|
||||
use: { ...devices['Desktop Safari'] }
|
||||
}
|
||||
],
|
||||
|
||||
webServer: {
|
||||
command: 'pnpm dev',
|
||||
url: 'http://localhost:5173',
|
||||
reuseExistingServer: !process.env.CI
|
||||
}
|
||||
})
|
||||
179
examples/sveltekit/pnpm-lock.yaml
generated
Normal file
179
examples/sveltekit/pnpm-lock.yaml
generated
Normal file
@@ -0,0 +1,179 @@
|
||||
lockfileVersion: '6.0'
|
||||
|
||||
settings:
|
||||
autoInstallPeers: true
|
||||
excludeLinksFromLockfile: false
|
||||
|
||||
dependencies:
|
||||
graphql:
|
||||
specifier: ^16.7.1
|
||||
version: 16.8.0
|
||||
|
||||
devDependencies:
|
||||
'@nhost/nhost-js':
|
||||
specifier: 2.2.13
|
||||
version: 2.2.13(graphql@16.8.0)
|
||||
|
||||
packages:
|
||||
|
||||
/@graphql-typed-document-node/core@3.2.0(graphql@16.8.0):
|
||||
resolution: {integrity: sha512-mB9oAsNCm9aM3/SOv4YtBMqZbYj10R7dkq8byBqxGY/ncFwhf2oQzMV+LCRlWoDSEBJ3COiR1yeDvMtsoOsuFQ==}
|
||||
peerDependencies:
|
||||
graphql: ^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0
|
||||
dependencies:
|
||||
graphql: 16.8.0
|
||||
dev: true
|
||||
|
||||
/@nhost/graphql-js@0.1.4(graphql@16.8.0):
|
||||
resolution: {integrity: sha512-IPHuGOf4iQrFsxG7Rh5jCCZzPCN9JkvldFww4Fz1lCVi9ZQNEaGaawIP5gBuBHeYIuALeaK1wVYKPc7vJ/euCA==}
|
||||
peerDependencies:
|
||||
graphql: ^14.0.0 || ^15.0.0 || ^16.0.0
|
||||
dependencies:
|
||||
'@graphql-typed-document-node/core': 3.2.0(graphql@16.8.0)
|
||||
graphql: 16.8.0
|
||||
isomorphic-unfetch: 3.1.0
|
||||
transitivePeerDependencies:
|
||||
- encoding
|
||||
dev: true
|
||||
|
||||
/@nhost/hasura-auth-js@2.1.7:
|
||||
resolution: {integrity: sha512-dbi8zrmuE3xSlA7WMNyrZzVPLKYSBUlKtUjob+axhts0+4TsqsB7NvdLXrhM0fYjRY5SFUtN2JLs+EWDGKAoLQ==}
|
||||
dependencies:
|
||||
'@simplewebauthn/browser': 6.2.2
|
||||
fetch-ponyfill: 7.1.0
|
||||
js-cookie: 3.0.5
|
||||
jwt-decode: 3.1.2
|
||||
xstate: 4.38.2
|
||||
transitivePeerDependencies:
|
||||
- encoding
|
||||
dev: true
|
||||
|
||||
/@nhost/hasura-storage-js@2.2.2:
|
||||
resolution: {integrity: sha512-GMeB1m6YKZMZDSO6UtmgXYWxsFUNlphIZH9JeiDX+6UTmbd62UlDmhBcmx2OGy/tvv57D+HbohpV6AY9S6QL4w==}
|
||||
dependencies:
|
||||
fetch-ponyfill: 7.1.0
|
||||
form-data: 4.0.0
|
||||
xstate: 4.38.2
|
||||
transitivePeerDependencies:
|
||||
- encoding
|
||||
dev: true
|
||||
|
||||
/@nhost/nhost-js@2.2.13(graphql@16.8.0):
|
||||
resolution: {integrity: sha512-HU9eOpkVBGGMHsRThGyl654Y9W8bksSEnyEvDojUg76+3ngOn2ebrasXR/94YoR206soEzq3v4b0OKmn/1jlnQ==}
|
||||
peerDependencies:
|
||||
graphql: ^14.0.0 || ^15.0.0 || ^16.0.0
|
||||
dependencies:
|
||||
'@nhost/graphql-js': 0.1.4(graphql@16.8.0)
|
||||
'@nhost/hasura-auth-js': 2.1.7
|
||||
'@nhost/hasura-storage-js': 2.2.2
|
||||
graphql: 16.8.0
|
||||
isomorphic-unfetch: 3.1.0
|
||||
transitivePeerDependencies:
|
||||
- encoding
|
||||
dev: true
|
||||
|
||||
/@simplewebauthn/browser@6.2.2:
|
||||
resolution: {integrity: sha512-VUtne7+s6BmW4usnbitjZEI1VNT/PNh6bYg+AI4OMdfpo5z+yAq+6iVAWBJlIUGVk5InetEQvTUp6OefBam8qg==}
|
||||
dev: true
|
||||
|
||||
/asynckit@0.4.0:
|
||||
resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
|
||||
dev: true
|
||||
|
||||
/combined-stream@1.0.8:
|
||||
resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
|
||||
engines: {node: '>= 0.8'}
|
||||
dependencies:
|
||||
delayed-stream: 1.0.0
|
||||
dev: true
|
||||
|
||||
/delayed-stream@1.0.0:
|
||||
resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
|
||||
engines: {node: '>=0.4.0'}
|
||||
dev: true
|
||||
|
||||
/fetch-ponyfill@7.1.0:
|
||||
resolution: {integrity: sha512-FhbbL55dj/qdVO3YNK7ZEkshvj3eQ7EuIGV2I6ic/2YiocvyWv+7jg2s4AyS0wdRU75s3tA8ZxI/xPigb0v5Aw==}
|
||||
dependencies:
|
||||
node-fetch: 2.6.12
|
||||
transitivePeerDependencies:
|
||||
- encoding
|
||||
dev: true
|
||||
|
||||
/form-data@4.0.0:
|
||||
resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==}
|
||||
engines: {node: '>= 6'}
|
||||
dependencies:
|
||||
asynckit: 0.4.0
|
||||
combined-stream: 1.0.8
|
||||
mime-types: 2.1.35
|
||||
dev: true
|
||||
|
||||
/graphql@16.8.0:
|
||||
resolution: {integrity: sha512-0oKGaR+y3qcS5mCu1vb7KG+a89vjn06C7Ihq/dDl3jA+A8B3TKomvi3CiEcVLJQGalbu8F52LxkOym7U5sSfbg==}
|
||||
engines: {node: ^12.22.0 || ^14.16.0 || ^16.0.0 || >=17.0.0}
|
||||
|
||||
/isomorphic-unfetch@3.1.0:
|
||||
resolution: {integrity: sha512-geDJjpoZ8N0kWexiwkX8F9NkTsXhetLPVbZFQ+JTW239QNOwvB0gniuR1Wc6f0AMTn7/mFGyXvHTifrCp/GH8Q==}
|
||||
dependencies:
|
||||
node-fetch: 2.6.12
|
||||
unfetch: 4.2.0
|
||||
transitivePeerDependencies:
|
||||
- encoding
|
||||
dev: true
|
||||
|
||||
/js-cookie@3.0.5:
|
||||
resolution: {integrity: sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==}
|
||||
engines: {node: '>=14'}
|
||||
dev: true
|
||||
|
||||
/jwt-decode@3.1.2:
|
||||
resolution: {integrity: sha512-UfpWE/VZn0iP50d8cz9NrZLM9lSWhcJ+0Gt/nm4by88UL+J1SiKN8/5dkjMmbEzwL2CAe+67GsegCbIKtbp75A==}
|
||||
dev: true
|
||||
|
||||
/mime-db@1.52.0:
|
||||
resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
|
||||
engines: {node: '>= 0.6'}
|
||||
dev: true
|
||||
|
||||
/mime-types@2.1.35:
|
||||
resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
|
||||
engines: {node: '>= 0.6'}
|
||||
dependencies:
|
||||
mime-db: 1.52.0
|
||||
dev: true
|
||||
|
||||
/node-fetch@2.6.12:
|
||||
resolution: {integrity: sha512-C/fGU2E8ToujUivIO0H+tpQ6HWo4eEmchoPIoXtxCrVghxdKq+QOHqEZW7tuP3KlV3bC8FRMO5nMCC7Zm1VP6g==}
|
||||
engines: {node: 4.x || >=6.0.0}
|
||||
peerDependencies:
|
||||
encoding: ^0.1.0
|
||||
peerDependenciesMeta:
|
||||
encoding:
|
||||
optional: true
|
||||
dependencies:
|
||||
whatwg-url: 5.0.0
|
||||
dev: true
|
||||
|
||||
/tr46@0.0.3:
|
||||
resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
|
||||
dev: true
|
||||
|
||||
/unfetch@4.2.0:
|
||||
resolution: {integrity: sha512-F9p7yYCn6cIW9El1zi0HI6vqpeIvBsr3dSuRO6Xuppb1u5rXpCPmMvLSyECLhybr9isec8Ohl0hPekMVrEinDA==}
|
||||
dev: true
|
||||
|
||||
/webidl-conversions@3.0.1:
|
||||
resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==}
|
||||
dev: true
|
||||
|
||||
/whatwg-url@5.0.0:
|
||||
resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==}
|
||||
dependencies:
|
||||
tr46: 0.0.3
|
||||
webidl-conversions: 3.0.1
|
||||
dev: true
|
||||
|
||||
/xstate@4.38.2:
|
||||
resolution: {integrity: sha512-Fba/DwEPDLneHT3tbJ9F3zafbQXszOlyCJyQqqdzmtlY/cwE2th462KK48yaANf98jHlP6lJvxfNtN0LFKXPQg==}
|
||||
dev: true
|
||||
7
examples/sveltekit/postcss.config.js
Normal file
7
examples/sveltekit/postcss.config.js
Normal file
@@ -0,0 +1,7 @@
|
||||
// eslint-disable-next-line import/no-anonymous-default-export
|
||||
export default {
|
||||
plugins: {
|
||||
tailwindcss: {},
|
||||
autoprefixer: {}
|
||||
}
|
||||
}
|
||||
13
examples/sveltekit/src/app.d.ts
vendored
Normal file
13
examples/sveltekit/src/app.d.ts
vendored
Normal file
@@ -0,0 +1,13 @@
|
||||
// See https://kit.svelte.dev/docs/types#app
|
||||
// for information about these interfaces
|
||||
declare global {
|
||||
namespace App {
|
||||
// interface Error {}
|
||||
interface Locals {}
|
||||
interface PageData {}
|
||||
// interface Platform {}
|
||||
}
|
||||
}
|
||||
|
||||
export { };
|
||||
|
||||
12
examples/sveltekit/src/app.html
Normal file
12
examples/sveltekit/src/app.html
Normal file
@@ -0,0 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
%sveltekit.head%
|
||||
</head>
|
||||
<body data-sveltekit-preload-data="hover">
|
||||
<div style="display: contents">%sveltekit.body%</div>
|
||||
</body>
|
||||
</html>
|
||||
15
examples/sveltekit/src/lib/components/Button.svelte
Normal file
15
examples/sveltekit/src/lib/components/Button.svelte
Normal file
@@ -0,0 +1,15 @@
|
||||
<script>
|
||||
/** @type {("button" | "submit" | "reset" | null | undefined)} */
|
||||
export let type = 'button';
|
||||
export let disabled = false;
|
||||
</script>
|
||||
|
||||
<button
|
||||
{disabled}
|
||||
{type}
|
||||
class="{disabled == true
|
||||
? 'bg-indigo-200 hover:bg-grey-700'
|
||||
: 'bg-indigo-600 hover:bg-indigo-700 focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500'} inline-flex items-center px-4 py-2 border border-transparent text-base font-medium rounded-md shadow-sm text-white focus:outline-none"
|
||||
>
|
||||
<slot />
|
||||
</button>
|
||||
40
examples/sveltekit/src/lib/components/Input.svelte
Normal file
40
examples/sveltekit/src/lib/components/Input.svelte
Normal file
@@ -0,0 +1,40 @@
|
||||
<script>
|
||||
export let value = '';
|
||||
|
||||
/** @type {string} */
|
||||
export let id;
|
||||
|
||||
/** @type {string} */
|
||||
export let label;
|
||||
|
||||
export let type = 'text';
|
||||
|
||||
/** @type {string} */
|
||||
export let name;
|
||||
|
||||
export let required = false;
|
||||
|
||||
export let inputRef = null;
|
||||
|
||||
/** @param {HTMLInputElement} node */
|
||||
function setType(node) {
|
||||
node.type = type;
|
||||
}
|
||||
</script>
|
||||
|
||||
<div class={$$props.class}>
|
||||
<label for={id} class="block text-sm font-medium text-gray-700">
|
||||
{label}
|
||||
</label>
|
||||
<div class="mt-1">
|
||||
<input
|
||||
use:setType
|
||||
{name}
|
||||
{id}
|
||||
{required}
|
||||
bind:value
|
||||
bind:this={inputRef}
|
||||
class="block w-full p-3 border rounded-md border-slate-300 focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
66
examples/sveltekit/src/lib/components/Navigation.svelte
Normal file
66
examples/sveltekit/src/lib/components/Navigation.svelte
Normal file
@@ -0,0 +1,66 @@
|
||||
<script>
|
||||
import { createEventDispatcher } from 'svelte';
|
||||
|
||||
/** @type {import('@nhost/nhost-js').User | undefined} */
|
||||
export let user;
|
||||
|
||||
$: navigation = [
|
||||
{
|
||||
href: '/',
|
||||
name: 'Home'
|
||||
},
|
||||
{
|
||||
href: '/protected',
|
||||
name: `${user ? '🔓' : '🔒'} Protected`
|
||||
}
|
||||
];
|
||||
|
||||
const dispatch = createEventDispatcher();
|
||||
|
||||
const handleSignOut = () => {
|
||||
user = undefined;
|
||||
|
||||
dispatch('signout', {
|
||||
signout: true
|
||||
});
|
||||
};
|
||||
</script>
|
||||
|
||||
<header class="bg-indigo-600">
|
||||
<nav class="container mx-auto">
|
||||
<div class="flex items-center justify-between w-full py-4">
|
||||
<div class="flex items-center">
|
||||
<div class="ml-10 space-x-8">
|
||||
{#each navigation as link}
|
||||
<a href={link.href} class="text-lg font-medium text-white hover:text-indigo-50">
|
||||
{link.name}
|
||||
</a>
|
||||
{/each}
|
||||
</div>
|
||||
</div>
|
||||
<div class="ml-10 space-x-4">
|
||||
{#if user}
|
||||
<button
|
||||
on:click={handleSignOut}
|
||||
class="inline-block px-4 py-2 text-base font-medium text-white bg-indigo-500 border border-transparent rounded-md hover:bg-opacity-75"
|
||||
>
|
||||
Sign out
|
||||
</button>
|
||||
{:else}
|
||||
<a
|
||||
href="/sign-in"
|
||||
class="inline-block px-4 py-2 text-base font-medium text-white bg-indigo-500 border border-transparent rounded-md hover:bg-opacity-75"
|
||||
>
|
||||
Sign in
|
||||
</a>
|
||||
<a
|
||||
href="/sign-up"
|
||||
class="inline-block px-4 py-2 text-base font-medium text-indigo-600 bg-white border border-transparent rounded-md hover:bg-indigo-50"
|
||||
>
|
||||
Sign up
|
||||
</a>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
62
examples/sveltekit/src/lib/nhost-auth-sveltekit.js
Normal file
62
examples/sveltekit/src/lib/nhost-auth-sveltekit.js
Normal file
@@ -0,0 +1,62 @@
|
||||
import { invalidate } from '$app/navigation';
|
||||
import { env } from '$env/dynamic/public';
|
||||
import { NhostClient } from '@nhost/nhost-js';
|
||||
import Cookies from 'js-cookie';
|
||||
|
||||
export const NHOST_SESSION_KEY = 'nhostSession';
|
||||
const isBrowser = typeof window !== 'undefined';
|
||||
|
||||
/** @type {import('@nhost/nhost-js').NhostClient | null} */
|
||||
let nhost;
|
||||
|
||||
/** @param {import('@nhost/nhost-js').NhostSession | null} session */
|
||||
export const setNhostSessionInCookie = (session) => {
|
||||
if (!session) {
|
||||
Cookies.remove(NHOST_SESSION_KEY);
|
||||
return;
|
||||
}
|
||||
|
||||
const expires = new Date();
|
||||
|
||||
// * Expire the cookie 60 seconds before the token expires
|
||||
expires.setSeconds(expires.getSeconds() + session.accessTokenExpiresIn - 60);
|
||||
|
||||
Cookies.set(NHOST_SESSION_KEY, JSON.stringify(session), {
|
||||
sameSite: 'strict',
|
||||
expires
|
||||
});
|
||||
};
|
||||
|
||||
/** @param {import('@sveltejs/kit').Cookies} cookies */
|
||||
export const getNhostSessionFromCookie = (cookies) => {
|
||||
const nhostSessionCookie = cookies.get(NHOST_SESSION_KEY);
|
||||
return nhostSessionCookie ? JSON.parse(nhostSessionCookie) : null;
|
||||
};
|
||||
|
||||
/** @param {import('@nhost/nhost-js').NhostSession} session */
|
||||
export const getNhostLoadClient = async (session) => {
|
||||
if (isBrowser && nhost) {
|
||||
return nhost;
|
||||
}
|
||||
|
||||
nhost = new NhostClient({
|
||||
subdomain: env.PUBLIC_NHOST_SUBDOMAIN || 'local',
|
||||
region: env.PUBLIC_NHOST_REGION,
|
||||
start: false
|
||||
});
|
||||
|
||||
if (isBrowser) {
|
||||
nhost.auth.onAuthStateChanged((_, session) => {
|
||||
setNhostSessionInCookie(session);
|
||||
invalidate('nhost:auth');
|
||||
});
|
||||
|
||||
nhost.auth.onTokenChanged((session) => {
|
||||
setNhostSessionInCookie(session);
|
||||
});
|
||||
}
|
||||
|
||||
nhost.auth.client.start({ initialSession: session });
|
||||
|
||||
return nhost;
|
||||
};
|
||||
22
examples/sveltekit/src/routes/+layout.js
Normal file
22
examples/sveltekit/src/routes/+layout.js
Normal file
@@ -0,0 +1,22 @@
|
||||
import { getNhostLoadClient } from '$lib/nhost-auth-sveltekit.js';
|
||||
import { redirect } from '@sveltejs/kit';
|
||||
|
||||
const unProtectedRoutes = ['/', '/sign-in', '/sign-up'];
|
||||
|
||||
export const load = async ({ data, depends, route }) => {
|
||||
depends('nhost:auth');
|
||||
|
||||
const nhost = await getNhostLoadClient(data.nhostSession);
|
||||
const session = nhost.auth.getSession();
|
||||
|
||||
if (!unProtectedRoutes.includes(route.id ?? '')) {
|
||||
if (!session) {
|
||||
throw redirect(303, '/');
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
nhost: nhost,
|
||||
session: session
|
||||
};
|
||||
};
|
||||
8
examples/sveltekit/src/routes/+layout.server.js
Normal file
8
examples/sveltekit/src/routes/+layout.server.js
Normal file
@@ -0,0 +1,8 @@
|
||||
import { getNhostSessionFromCookie } from '$lib/nhost-auth-sveltekit';
|
||||
|
||||
/** @type {import('./$types').LayoutServerLoad} */
|
||||
export async function load({ cookies }) {
|
||||
return {
|
||||
nhostSession: getNhostSessionFromCookie(cookies)
|
||||
};
|
||||
}
|
||||
24
examples/sveltekit/src/routes/+layout.svelte
Normal file
24
examples/sveltekit/src/routes/+layout.svelte
Normal file
@@ -0,0 +1,24 @@
|
||||
<script>
|
||||
import { goto } from '$app/navigation';
|
||||
import Navigation from '$lib/components/Navigation.svelte';
|
||||
import './styles.css';
|
||||
|
||||
export let data;
|
||||
let { nhost } = data;
|
||||
|
||||
/**
|
||||
* @param {{ detail: { signout: any; }; }} event
|
||||
*/
|
||||
async function handleSignOut(event) {
|
||||
await nhost.auth.signOut();
|
||||
await goto(`/`);
|
||||
}
|
||||
</script>
|
||||
|
||||
<div class="app">
|
||||
<Navigation user={data.session?.user} on:signout={handleSignOut} />
|
||||
|
||||
<div class="container p-4 mx-auto mt-8 antialiased">
|
||||
<slot />
|
||||
</div>
|
||||
</div>
|
||||
6
examples/sveltekit/src/routes/+page.svelte
Normal file
6
examples/sveltekit/src/routes/+page.svelte
Normal file
@@ -0,0 +1,6 @@
|
||||
<svelte:head>
|
||||
<title>Login</title>
|
||||
<meta name="description" content="About this app" />
|
||||
</svelte:head>
|
||||
|
||||
<h1 class="text-2xl text-center">Hi, login/register to get started</h1>
|
||||
44
examples/sveltekit/src/routes/protected/+page.svelte
Normal file
44
examples/sveltekit/src/routes/protected/+page.svelte
Normal file
@@ -0,0 +1,44 @@
|
||||
<script>
|
||||
export let data;
|
||||
let { session, nhost } = data;
|
||||
import { gql } from 'graphql-tag';
|
||||
|
||||
const getFiles = async () => {
|
||||
const response = await nhost.graphql.request(gql`
|
||||
{
|
||||
files {
|
||||
id
|
||||
name
|
||||
}
|
||||
}
|
||||
`);
|
||||
|
||||
return response.data.files;
|
||||
};
|
||||
</script>
|
||||
|
||||
<svelte:head>
|
||||
<title>Protected Page</title>
|
||||
<meta name="description" content="About this app" />
|
||||
</svelte:head>
|
||||
|
||||
<h1 class="text-2xl font-semibold text-center">
|
||||
Hi! You are registered with email: {session?.user.email}.
|
||||
</h1>
|
||||
|
||||
<h2>Files</h2>
|
||||
{#await getFiles()}
|
||||
<p>Loading...</p>
|
||||
{:then files}
|
||||
<p>Showing {files.length} files</p>
|
||||
|
||||
<ul>
|
||||
{#each files as file}
|
||||
<li>
|
||||
{file.name}
|
||||
</li>
|
||||
{/each}
|
||||
</ul>
|
||||
{:catch error}
|
||||
<p>{error.message}</p>
|
||||
{/await}
|
||||
56
examples/sveltekit/src/routes/sign-in/+page.svelte
Normal file
56
examples/sveltekit/src/routes/sign-in/+page.svelte
Normal file
@@ -0,0 +1,56 @@
|
||||
<script>
|
||||
import Input from '$lib/components/Input.svelte';
|
||||
import Button from '$lib/components/Button.svelte';
|
||||
import { goto, invalidate } from '$app/navigation';
|
||||
|
||||
export let data;
|
||||
let { nhost } = data;
|
||||
|
||||
/** @type {string}*/
|
||||
let email;
|
||||
|
||||
/** @type {string}*/
|
||||
let password;
|
||||
|
||||
/** @type {import('@nhost/nhost-js').AuthErrorPayload | null} */
|
||||
let error;
|
||||
|
||||
const handleSignIn = async () => {
|
||||
const { error: signInError } = await nhost.auth.signIn({
|
||||
email,
|
||||
password
|
||||
});
|
||||
|
||||
error = signInError;
|
||||
|
||||
if (!error) {
|
||||
await invalidate('nhost:auth');
|
||||
await goto('/protected');
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<svelte:head>
|
||||
<title>Sign In</title>
|
||||
</svelte:head>
|
||||
|
||||
<h1 class="text-2xl font-semibold text-center">Sign In</h1>
|
||||
|
||||
{#if error}
|
||||
<p class="mt-3 font-semibold text-center text-red-500">{error.message}</p>
|
||||
{/if}
|
||||
|
||||
<form class="space-y-5" on:submit={handleSignIn}>
|
||||
<Input label="Email" id="email" name="email" type="email" bind:value={email} required />
|
||||
|
||||
<Input
|
||||
label="Password"
|
||||
id="password"
|
||||
name="password"
|
||||
type="password"
|
||||
bind:value={password}
|
||||
required
|
||||
/>
|
||||
|
||||
<Button type="submit">Sign In</Button>
|
||||
</form>
|
||||
82
examples/sveltekit/src/routes/sign-up/+page.svelte
Normal file
82
examples/sveltekit/src/routes/sign-up/+page.svelte
Normal file
@@ -0,0 +1,82 @@
|
||||
<script>
|
||||
import Input from '$lib/components/Input.svelte';
|
||||
import Button from '$lib/components/Button.svelte';
|
||||
import { goto } from '$app/navigation';
|
||||
|
||||
export let data;
|
||||
let { nhost } = data;
|
||||
|
||||
/** @type {string}*/
|
||||
let firstName;
|
||||
|
||||
/** @type {string}*/
|
||||
let lastName;
|
||||
|
||||
/** @type {string}*/
|
||||
let email;
|
||||
|
||||
/** @type {string}*/
|
||||
let password;
|
||||
|
||||
/** @type {import('@nhost/nhost-js').AuthErrorPayload | null} */
|
||||
let error;
|
||||
|
||||
const handleSignUp = async () => {
|
||||
const { error: signUpError } = await nhost.auth.signUp({
|
||||
email,
|
||||
password,
|
||||
options: {
|
||||
displayName: `${firstName} ${lastName}`
|
||||
}
|
||||
});
|
||||
|
||||
error = signUpError;
|
||||
|
||||
if (!error) {
|
||||
await goto('/sign-in');
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<svelte:head>
|
||||
<title>Sign Up</title>
|
||||
</svelte:head>
|
||||
|
||||
<h1 class="text-2xl font-semibold text-center">Sign Up</h1>
|
||||
|
||||
{#if error}
|
||||
<p class="mt-3 font-semibold text-center text-red-500">{error.message}</p>
|
||||
{/if}
|
||||
|
||||
<form class="space-y-5" on:submit={handleSignUp}>
|
||||
<Input
|
||||
label="First Name"
|
||||
id="firstName"
|
||||
name="firstName"
|
||||
type="text"
|
||||
bind:value={firstName}
|
||||
required
|
||||
/>
|
||||
|
||||
<Input
|
||||
label="Last Name"
|
||||
id="lastName"
|
||||
name="lastName"
|
||||
type="text"
|
||||
bind:value={lastName}
|
||||
required
|
||||
/>
|
||||
|
||||
<Input label="Email" id="email" name="email" type="email" bind:value={email} required />
|
||||
|
||||
<Input
|
||||
label="Password"
|
||||
id="password"
|
||||
name="password"
|
||||
type="password"
|
||||
bind:value={password}
|
||||
required
|
||||
/>
|
||||
|
||||
<Button type="submit">Sign Up</Button>
|
||||
</form>
|
||||
3
examples/sveltekit/src/routes/styles.css
Normal file
3
examples/sveltekit/src/routes/styles.css
Normal file
@@ -0,0 +1,3 @@
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
BIN
examples/sveltekit/static/favicon.png
Normal file
BIN
examples/sveltekit/static/favicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
13
examples/sveltekit/svelte.config.js
Normal file
13
examples/sveltekit/svelte.config.js
Normal file
@@ -0,0 +1,13 @@
|
||||
import adapter from '@sveltejs/adapter-auto';
|
||||
|
||||
/** @type {import('@sveltejs/kit').Config} */
|
||||
const config = {
|
||||
kit: {
|
||||
// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
|
||||
// If your environment is not supported or you settled on a specific environment, switch out the adapter.
|
||||
// See https://kit.svelte.dev/docs/adapters for more information about adapters.
|
||||
adapter: adapter()
|
||||
}
|
||||
};
|
||||
|
||||
export default config;
|
||||
9
examples/sveltekit/tailwind.config.js
Normal file
9
examples/sveltekit/tailwind.config.js
Normal file
@@ -0,0 +1,9 @@
|
||||
/** @type {import('tailwindcss').Config} */
|
||||
// eslint-disable-next-line import/no-anonymous-default-export
|
||||
export default {
|
||||
content: ['./src/**/*.{html,js,svelte,ts}'],
|
||||
theme: {
|
||||
extend: {}
|
||||
},
|
||||
plugins: []
|
||||
}
|
||||
6
examples/sveltekit/tests/example.spec.js
Normal file
6
examples/sveltekit/tests/example.spec.js
Normal file
@@ -0,0 +1,6 @@
|
||||
import { expect, test } from '@playwright/test'
|
||||
|
||||
test('has title', async ({ page }) => {
|
||||
await page.goto('/')
|
||||
await expect(page).toHaveTitle(/Login/)
|
||||
})
|
||||
6
examples/sveltekit/vite.config.js
Normal file
6
examples/sveltekit/vite.config.js
Normal file
@@ -0,0 +1,6 @@
|
||||
import { sveltekit } from '@sveltejs/kit/vite'
|
||||
import { defineConfig } from 'vite'
|
||||
|
||||
export default defineConfig({
|
||||
plugins: [sveltekit()]
|
||||
})
|
||||
@@ -1,5 +1,17 @@
|
||||
# @nhost/apollo
|
||||
|
||||
## 5.2.18
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- @nhost/nhost-js@2.2.16
|
||||
|
||||
## 5.2.17
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- @nhost/nhost-js@2.2.15
|
||||
|
||||
## 5.2.16
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nhost/apollo",
|
||||
"version": "5.2.16",
|
||||
"version": "5.2.18",
|
||||
"description": "Nhost Apollo Client library",
|
||||
"license": "MIT",
|
||||
"keywords": [
|
||||
|
||||
@@ -1,5 +1,19 @@
|
||||
# @nhost/react-apollo
|
||||
|
||||
## 5.0.35
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- @nhost/apollo@5.2.18
|
||||
- @nhost/react@2.0.31
|
||||
|
||||
## 5.0.34
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- @nhost/apollo@5.2.17
|
||||
- @nhost/react@2.0.30
|
||||
|
||||
## 5.0.33
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nhost/react-apollo",
|
||||
"version": "5.0.33",
|
||||
"version": "5.0.35",
|
||||
"description": "Nhost React Apollo client",
|
||||
"license": "MIT",
|
||||
"keywords": [
|
||||
|
||||
@@ -1,5 +1,17 @@
|
||||
# @nhost/react-urql
|
||||
|
||||
## 2.0.32
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- @nhost/react@2.0.31
|
||||
|
||||
## 2.0.31
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- @nhost/react@2.0.30
|
||||
|
||||
## 2.0.30
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nhost/react-urql",
|
||||
"version": "2.0.30",
|
||||
"version": "2.0.32",
|
||||
"description": "Nhost React URQL client",
|
||||
"license": "MIT",
|
||||
"keywords": [
|
||||
|
||||
@@ -1,5 +1,11 @@
|
||||
# @nhost/stripe-graphql-js
|
||||
|
||||
## 1.0.5
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- 45759c4d4: fix(stripe-graphql-js): fix stripe GraphQL extension export issue in serverless functions
|
||||
|
||||
## 1.0.4
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
import { createServer } from 'http'
|
||||
import { Context, createStripeGraphQLServer } from '../src/index'
|
||||
|
||||
const isAllowed = (stripeCustomerId: string, context: Context) => {
|
||||
@@ -10,11 +11,13 @@ const isAllowed = (stripeCustomerId: string, context: Context) => {
|
||||
return false
|
||||
}
|
||||
|
||||
const server = createStripeGraphQLServer({
|
||||
const yoga = createStripeGraphQLServer({
|
||||
isAllowed,
|
||||
graphiql: true
|
||||
})
|
||||
|
||||
const server = createServer(yoga)
|
||||
|
||||
server.listen(4000, () => {
|
||||
console.info('Stripe GraphQL API server is running on http://localhost:4000')
|
||||
})
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nhost/stripe-graphql-js",
|
||||
"version": "1.0.4",
|
||||
"version": "1.0.5",
|
||||
"description": "Stripe GraphQL API",
|
||||
"license": "MIT",
|
||||
"keywords": [
|
||||
|
||||
@@ -1,4 +1,3 @@
|
||||
import { createServer } from 'node:http'
|
||||
import { createYoga, YogaInitialContext } from 'graphql-yoga'
|
||||
|
||||
import { schema } from './schema'
|
||||
@@ -54,7 +53,7 @@ const createStripeGraphQLServer = (params?: CreateServerProps) => {
|
||||
graphqlEndpoint: '*'
|
||||
})
|
||||
|
||||
return createServer(yoga)
|
||||
return yoga
|
||||
}
|
||||
|
||||
export { createStripeGraphQLServer, schema }
|
||||
|
||||
@@ -1,5 +1,11 @@
|
||||
# @nhost/hasura-auth-js
|
||||
|
||||
## 2.1.8
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- 032c0bd21: fix: make sure errors are correctly thrown on non v8 browsers
|
||||
|
||||
## 2.1.7
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nhost/hasura-auth-js",
|
||||
"version": "2.1.7",
|
||||
"version": "2.1.8",
|
||||
"description": "Hasura-auth client",
|
||||
"license": "MIT",
|
||||
"keywords": [
|
||||
|
||||
@@ -15,7 +15,9 @@ export class CodifiedError extends Error {
|
||||
error: AuthErrorPayload
|
||||
constructor(original: Error | AuthErrorPayload) {
|
||||
super(original.message)
|
||||
Error.captureStackTrace(this, this.constructor)
|
||||
|
||||
if (Error.captureStackTrace) Error.captureStackTrace(this, this.constructor)
|
||||
|
||||
if (original instanceof Error) {
|
||||
this.name = original.name
|
||||
this.error = {
|
||||
|
||||
@@ -1,5 +1,11 @@
|
||||
# @nhost/hasura-storage-js
|
||||
|
||||
## 2.2.4
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- 83fee5446: fix(hasura-storage-js): swap fetch when running on edge runtime
|
||||
|
||||
## 2.2.3
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nhost/hasura-storage-js",
|
||||
"version": "2.2.3",
|
||||
"version": "2.2.4",
|
||||
"description": "Hasura-storage client",
|
||||
"license": "MIT",
|
||||
"keywords": [
|
||||
|
||||
@@ -2,6 +2,8 @@ import fetchPonyfill from 'fetch-ponyfill'
|
||||
import FormData from 'form-data'
|
||||
import { StorageErrorPayload, StorageUploadResponse } from './types'
|
||||
|
||||
declare const EdgeRuntime: any
|
||||
|
||||
/** Convert any string into ISO-8859-1 */
|
||||
export const toIso88591 = (fileName: string) => {
|
||||
try {
|
||||
@@ -12,7 +14,11 @@ export const toIso88591 = (fileName: string) => {
|
||||
}
|
||||
}
|
||||
|
||||
const { fetch } = fetchPonyfill()
|
||||
let fetch = globalThis.fetch
|
||||
|
||||
if (typeof EdgeRuntime !== 'string') {
|
||||
fetch = fetchPonyfill().fetch
|
||||
}
|
||||
|
||||
export const fetchUpload = async (
|
||||
backendUrl: string,
|
||||
|
||||
@@ -1,5 +1,17 @@
|
||||
# @nhost/nextjs
|
||||
|
||||
## 1.13.37
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- @nhost/react@2.0.31
|
||||
|
||||
## 1.13.36
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- @nhost/react@2.0.30
|
||||
|
||||
## 1.13.35
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nhost/nextjs",
|
||||
"version": "1.13.35",
|
||||
"version": "1.13.37",
|
||||
"description": "Nhost NextJS library",
|
||||
"license": "MIT",
|
||||
"keywords": [
|
||||
|
||||
@@ -1,5 +1,19 @@
|
||||
# @nhost/nhost-js
|
||||
|
||||
## 2.2.16
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Updated dependencies [83fee5446]
|
||||
- @nhost/hasura-storage-js@2.2.4
|
||||
|
||||
## 2.2.15
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Updated dependencies [032c0bd21]
|
||||
- @nhost/hasura-auth-js@2.1.8
|
||||
|
||||
## 2.2.14
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nhost/nhost-js",
|
||||
"version": "2.2.14",
|
||||
"version": "2.2.16",
|
||||
"description": "Nhost JavaScript SDK",
|
||||
"license": "MIT",
|
||||
"keywords": [
|
||||
|
||||
@@ -1,5 +1,17 @@
|
||||
# @nhost/react
|
||||
|
||||
## 2.0.31
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- @nhost/nhost-js@2.2.16
|
||||
|
||||
## 2.0.30
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- @nhost/nhost-js@2.2.15
|
||||
|
||||
## 2.0.29
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nhost/react",
|
||||
"version": "2.0.29",
|
||||
"version": "2.0.31",
|
||||
"description": "Nhost React library",
|
||||
"license": "MIT",
|
||||
"keywords": [
|
||||
|
||||
@@ -1,5 +1,17 @@
|
||||
# @nhost/vue
|
||||
|
||||
## 1.13.36
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- @nhost/nhost-js@2.2.16
|
||||
|
||||
## 1.13.35
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- @nhost/nhost-js@2.2.15
|
||||
|
||||
## 1.13.34
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nhost/vue",
|
||||
"version": "1.13.34",
|
||||
"version": "1.13.36",
|
||||
"description": "Nhost Vue library",
|
||||
"license": "MIT",
|
||||
"keywords": [
|
||||
|
||||
1316
pnpm-lock.yaml
generated
1316
pnpm-lock.yaml
generated
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user