@basictech/nextjs 0.1.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.
- package/.turbo/turbo-build.log +23 -0
- package/dist/index.d.mts +29 -0
- package/dist/index.d.ts +29 -0
- package/dist/index.js +271 -0
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +244 -0
- package/dist/index.mjs.map +1 -0
- package/package.json +30 -0
- package/src/AuthContext.tsx +268 -0
- package/src/db.ts +55 -0
- package/src/index.ts +8 -0
- package/tsconfig.json +9 -0
- package/tsup.config.ts +10 -0
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
|
|
2
|
+
|
|
3
|
+
> @basictech/nextjs@1.1.0 build
|
|
4
|
+
> tsup
|
|
5
|
+
|
|
6
|
+
[34mCLI[39m Building entry: src/index.ts
|
|
7
|
+
[34mCLI[39m Using tsconfig: tsconfig.json
|
|
8
|
+
[34mCLI[39m tsup v7.2.0
|
|
9
|
+
[34mCLI[39m Using tsup config: /Users/raz/codebook/basic/libs/client-ts/packages/nextjs/tsup.config.ts
|
|
10
|
+
[34mCLI[39m Target: es2022
|
|
11
|
+
[34mCLI[39m Cleaning output folder
|
|
12
|
+
[34mCJS[39m Build start
|
|
13
|
+
[34mESM[39m Build start
|
|
14
|
+
[32mESM[39m [1mdist/index.mjs [22m[32m7.28 KB[39m
|
|
15
|
+
[32mESM[39m [1mdist/index.mjs.map [22m[32m15.11 KB[39m
|
|
16
|
+
[32mESM[39m ⚡️ Build success in 23ms
|
|
17
|
+
[32mCJS[39m [1mdist/index.js [22m[32m8.52 KB[39m
|
|
18
|
+
[32mCJS[39m [1mdist/index.js.map [22m[32m15.28 KB[39m
|
|
19
|
+
[32mCJS[39m ⚡️ Build success in 24ms
|
|
20
|
+
[34mDTS[39m Build start
|
|
21
|
+
[32mDTS[39m ⚡️ Build success in 1428ms
|
|
22
|
+
[32mDTS[39m [1mdist/index.d.ts [22m[32m689.00 B[39m
|
|
23
|
+
[32mDTS[39m [1mdist/index.d.mts [22m[32m689.00 B[39m
|
package/dist/index.d.mts
ADDED
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
|
|
4
|
+
type User = {
|
|
5
|
+
name?: string;
|
|
6
|
+
email?: string;
|
|
7
|
+
id?: string;
|
|
8
|
+
primaryEmailAddress?: {
|
|
9
|
+
emailAddress: string;
|
|
10
|
+
};
|
|
11
|
+
fullName?: string;
|
|
12
|
+
};
|
|
13
|
+
declare function BasicProvider({ children, project_id }: {
|
|
14
|
+
children: React.ReactNode;
|
|
15
|
+
project_id: string;
|
|
16
|
+
}): react_jsx_runtime.JSX.Element;
|
|
17
|
+
declare function useBasic(): {
|
|
18
|
+
unicorn: string;
|
|
19
|
+
isLoaded: boolean;
|
|
20
|
+
isSignedIn: boolean;
|
|
21
|
+
user: User | null;
|
|
22
|
+
signout: () => void;
|
|
23
|
+
signin: () => void;
|
|
24
|
+
getToken: () => Promise<string>;
|
|
25
|
+
getSignInLink: () => string;
|
|
26
|
+
db: any;
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
export { BasicProvider, useBasic };
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
|
|
4
|
+
type User = {
|
|
5
|
+
name?: string;
|
|
6
|
+
email?: string;
|
|
7
|
+
id?: string;
|
|
8
|
+
primaryEmailAddress?: {
|
|
9
|
+
emailAddress: string;
|
|
10
|
+
};
|
|
11
|
+
fullName?: string;
|
|
12
|
+
};
|
|
13
|
+
declare function BasicProvider({ children, project_id }: {
|
|
14
|
+
children: React.ReactNode;
|
|
15
|
+
project_id: string;
|
|
16
|
+
}): react_jsx_runtime.JSX.Element;
|
|
17
|
+
declare function useBasic(): {
|
|
18
|
+
unicorn: string;
|
|
19
|
+
isLoaded: boolean;
|
|
20
|
+
isSignedIn: boolean;
|
|
21
|
+
user: User | null;
|
|
22
|
+
signout: () => void;
|
|
23
|
+
signin: () => void;
|
|
24
|
+
getToken: () => Promise<string>;
|
|
25
|
+
getSignInLink: () => string;
|
|
26
|
+
db: any;
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
export { BasicProvider, useBasic };
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,271 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
"use client";
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
20
|
+
|
|
21
|
+
// src/index.ts
|
|
22
|
+
var src_exports = {};
|
|
23
|
+
__export(src_exports, {
|
|
24
|
+
BasicProvider: () => BasicProvider,
|
|
25
|
+
useBasic: () => useBasic
|
|
26
|
+
});
|
|
27
|
+
module.exports = __toCommonJS(src_exports);
|
|
28
|
+
|
|
29
|
+
// src/AuthContext.tsx
|
|
30
|
+
var import_react = require("react");
|
|
31
|
+
var import_jwt_decode = require("jwt-decode");
|
|
32
|
+
|
|
33
|
+
// src/db.ts
|
|
34
|
+
var baseUrl = "https://api.basic.tech";
|
|
35
|
+
async function get({ projectId, accountId, tableName, token }) {
|
|
36
|
+
const url = `${baseUrl}/project/${projectId}/db/${accountId}/${tableName}`;
|
|
37
|
+
const response = await fetch(url, {
|
|
38
|
+
headers: {
|
|
39
|
+
"Authorization": `Bearer ${token}`
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
return response.json();
|
|
43
|
+
}
|
|
44
|
+
async function add({ projectId, accountId, tableName, value, token }) {
|
|
45
|
+
const url = `${baseUrl}/project/${projectId}/db/${accountId}/${tableName}`;
|
|
46
|
+
const response = await fetch(url, {
|
|
47
|
+
method: "POST",
|
|
48
|
+
headers: {
|
|
49
|
+
"Content-Type": "application/json",
|
|
50
|
+
"Authorization": `Bearer ${token}`
|
|
51
|
+
},
|
|
52
|
+
body: JSON.stringify({ "value": value })
|
|
53
|
+
});
|
|
54
|
+
return response.json();
|
|
55
|
+
}
|
|
56
|
+
async function update({ projectId, accountId, tableName, id, value, token }) {
|
|
57
|
+
const url = `${baseUrl}/project/${projectId}/db/${accountId}/${tableName}/${id}`;
|
|
58
|
+
const response = await fetch(url, {
|
|
59
|
+
method: "PATCH",
|
|
60
|
+
headers: {
|
|
61
|
+
"Content-Type": "application/json",
|
|
62
|
+
"Authorization": `Bearer ${token}`
|
|
63
|
+
},
|
|
64
|
+
body: JSON.stringify({ id, value })
|
|
65
|
+
});
|
|
66
|
+
return response.json();
|
|
67
|
+
}
|
|
68
|
+
async function deleteRecord({ projectId, accountId, tableName, id, token }) {
|
|
69
|
+
const url = `${baseUrl}/project/${projectId}/db/${accountId}/${tableName}/${id}`;
|
|
70
|
+
const response = await fetch(url, {
|
|
71
|
+
method: "DELETE",
|
|
72
|
+
headers: {
|
|
73
|
+
"Authorization": `Bearer ${token}`
|
|
74
|
+
}
|
|
75
|
+
});
|
|
76
|
+
return response.json();
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
// src/AuthContext.tsx
|
|
80
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
81
|
+
var BasicContext = (0, import_react.createContext)({
|
|
82
|
+
unicorn: "\u{1F984}",
|
|
83
|
+
isLoaded: false,
|
|
84
|
+
isSignedIn: false,
|
|
85
|
+
user: null,
|
|
86
|
+
signout: () => {
|
|
87
|
+
},
|
|
88
|
+
signin: () => {
|
|
89
|
+
},
|
|
90
|
+
getToken: () => new Promise(() => {
|
|
91
|
+
}),
|
|
92
|
+
getSignInLink: () => "",
|
|
93
|
+
db: {}
|
|
94
|
+
});
|
|
95
|
+
function BasicProvider({ children, project_id }) {
|
|
96
|
+
const [isLoaded, setIsLoaded] = (0, import_react.useState)(false);
|
|
97
|
+
const [isSignedIn, setIsSignedIn] = (0, import_react.useState)(false);
|
|
98
|
+
const [token, setToken] = (0, import_react.useState)(null);
|
|
99
|
+
const [authCode, setAuthCode] = (0, import_react.useState)(null);
|
|
100
|
+
const [user, setUser] = (0, import_react.useState)({});
|
|
101
|
+
const getSignInLink = () => {
|
|
102
|
+
console.log("getting sign in link...");
|
|
103
|
+
const randomState = Math.random().toString(36).substring(7);
|
|
104
|
+
let baseUrl2 = "https://api.basic.tech/auth/authorize";
|
|
105
|
+
baseUrl2 += `?client_id=${project_id}`;
|
|
106
|
+
baseUrl2 += `&redirect_uri=${encodeURIComponent(window.location.href)}`;
|
|
107
|
+
baseUrl2 += `&response_type=code`;
|
|
108
|
+
baseUrl2 += `&scope=openid`;
|
|
109
|
+
baseUrl2 += `&state=1234zyx`;
|
|
110
|
+
return baseUrl2;
|
|
111
|
+
};
|
|
112
|
+
const signin = () => {
|
|
113
|
+
console.log("signing in: ", getSignInLink());
|
|
114
|
+
const signInLink = getSignInLink();
|
|
115
|
+
window.location.href = signInLink;
|
|
116
|
+
};
|
|
117
|
+
const signout = () => {
|
|
118
|
+
console.log("signing out!");
|
|
119
|
+
setUser({});
|
|
120
|
+
setIsSignedIn(false);
|
|
121
|
+
setToken(null);
|
|
122
|
+
setAuthCode(null);
|
|
123
|
+
document.cookie = `basic_token=; Secure; SameSite=Strict`;
|
|
124
|
+
};
|
|
125
|
+
const getToken = async () => {
|
|
126
|
+
console.log("getting token...");
|
|
127
|
+
if (!token) {
|
|
128
|
+
console.log("no token found");
|
|
129
|
+
return "";
|
|
130
|
+
}
|
|
131
|
+
const decoded = (0, import_jwt_decode.jwtDecode)(token?.access_token);
|
|
132
|
+
const isExpired = decoded.exp && decoded.exp < Date.now() / 1e3;
|
|
133
|
+
if (isExpired) {
|
|
134
|
+
console.log("token is expired - refreshing ...");
|
|
135
|
+
const newToken = await fetchToken(token?.refresh);
|
|
136
|
+
return newToken?.access_token || "";
|
|
137
|
+
}
|
|
138
|
+
return token?.access_token || "";
|
|
139
|
+
};
|
|
140
|
+
function getCookie(name) {
|
|
141
|
+
let cookieValue = "";
|
|
142
|
+
if (document.cookie && document.cookie !== "") {
|
|
143
|
+
const cookies = document.cookie.split(";");
|
|
144
|
+
for (let i = 0; i < cookies.length; i++) {
|
|
145
|
+
const cookie = cookies[i].trim();
|
|
146
|
+
if (cookie.substring(0, name.length + 1) === name + "=") {
|
|
147
|
+
cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
|
|
148
|
+
break;
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
return cookieValue;
|
|
153
|
+
}
|
|
154
|
+
const fetchToken = async (code) => {
|
|
155
|
+
const token2 = await fetch("https://api.basic.tech/auth/token", {
|
|
156
|
+
method: "POST",
|
|
157
|
+
headers: {
|
|
158
|
+
"Content-Type": "application/json"
|
|
159
|
+
},
|
|
160
|
+
body: JSON.stringify({ code })
|
|
161
|
+
}).then((response) => response.json()).catch((error) => console.error("Error:", error));
|
|
162
|
+
if (token2.error) {
|
|
163
|
+
console.log("error fetching token", token2.error);
|
|
164
|
+
return;
|
|
165
|
+
} else {
|
|
166
|
+
setToken(token2);
|
|
167
|
+
}
|
|
168
|
+
return token2;
|
|
169
|
+
};
|
|
170
|
+
(0, import_react.useEffect)(() => {
|
|
171
|
+
let cookie_token = getCookie("basic_token");
|
|
172
|
+
if (cookie_token !== "") {
|
|
173
|
+
setToken(JSON.parse(cookie_token));
|
|
174
|
+
}
|
|
175
|
+
if (window.location.search.includes("code")) {
|
|
176
|
+
let code = window.location.search.split("code=")[1].split("&")[0];
|
|
177
|
+
setAuthCode(code);
|
|
178
|
+
fetchToken(code);
|
|
179
|
+
window.history.pushState({}, document.title, "/");
|
|
180
|
+
} else {
|
|
181
|
+
setIsLoaded(true);
|
|
182
|
+
}
|
|
183
|
+
}, []);
|
|
184
|
+
(0, import_react.useEffect)(() => {
|
|
185
|
+
async function fetchUser(acc_token) {
|
|
186
|
+
const user2 = await fetch("https://api.basic.tech/auth/userInfo", {
|
|
187
|
+
method: "GET",
|
|
188
|
+
headers: {
|
|
189
|
+
"Authorization": `Bearer ${acc_token}`
|
|
190
|
+
}
|
|
191
|
+
}).then((response) => response.json()).catch((error) => console.error("Error:", error));
|
|
192
|
+
if (user2.error) {
|
|
193
|
+
console.log("error fetching user", user2.error);
|
|
194
|
+
return;
|
|
195
|
+
} else {
|
|
196
|
+
document.cookie = `basic_token=${JSON.stringify(token)}; Secure; SameSite=Strict`;
|
|
197
|
+
setUser(user2);
|
|
198
|
+
setIsSignedIn(true);
|
|
199
|
+
setIsLoaded(true);
|
|
200
|
+
}
|
|
201
|
+
}
|
|
202
|
+
async function checkToken() {
|
|
203
|
+
if (!token) {
|
|
204
|
+
console.log("error: no user token found");
|
|
205
|
+
return;
|
|
206
|
+
}
|
|
207
|
+
const decoded = (0, import_jwt_decode.jwtDecode)(token?.access_token);
|
|
208
|
+
const isExpired = decoded.exp && decoded.exp < Date.now() / 1e3;
|
|
209
|
+
if (isExpired) {
|
|
210
|
+
console.log("token is expired - refreshing ...");
|
|
211
|
+
const newToken = await fetchToken(token?.refresh);
|
|
212
|
+
fetchUser(newToken.access_token);
|
|
213
|
+
} else {
|
|
214
|
+
fetchUser(token.access_token);
|
|
215
|
+
}
|
|
216
|
+
}
|
|
217
|
+
if (token) {
|
|
218
|
+
checkToken();
|
|
219
|
+
setIsLoaded(true);
|
|
220
|
+
}
|
|
221
|
+
}, [token]);
|
|
222
|
+
const db = (tableName) => {
|
|
223
|
+
const checkSignIn = () => {
|
|
224
|
+
if (!isSignedIn) {
|
|
225
|
+
throw new Error("cannot use db. user not logged in.");
|
|
226
|
+
}
|
|
227
|
+
};
|
|
228
|
+
return {
|
|
229
|
+
get: async () => {
|
|
230
|
+
checkSignIn();
|
|
231
|
+
const tok = await getToken();
|
|
232
|
+
return get({ projectId: project_id, accountId: user.id, tableName, token: tok });
|
|
233
|
+
},
|
|
234
|
+
add: async (value) => {
|
|
235
|
+
checkSignIn();
|
|
236
|
+
const tok = await getToken();
|
|
237
|
+
return add({ projectId: project_id, accountId: user.id, tableName, value, token: tok });
|
|
238
|
+
},
|
|
239
|
+
update: async (id, value) => {
|
|
240
|
+
checkSignIn();
|
|
241
|
+
const tok = await getToken();
|
|
242
|
+
return update({ projectId: project_id, accountId: user.id, tableName, id, value, token: tok });
|
|
243
|
+
},
|
|
244
|
+
delete: async (id) => {
|
|
245
|
+
checkSignIn();
|
|
246
|
+
const tok = await getToken();
|
|
247
|
+
return deleteRecord({ projectId: project_id, accountId: user.id, tableName, id, token: tok });
|
|
248
|
+
}
|
|
249
|
+
};
|
|
250
|
+
};
|
|
251
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BasicContext.Provider, { value: {
|
|
252
|
+
unicorn: "\u{1F984}",
|
|
253
|
+
isLoaded,
|
|
254
|
+
isSignedIn,
|
|
255
|
+
user,
|
|
256
|
+
signout,
|
|
257
|
+
signin,
|
|
258
|
+
getToken,
|
|
259
|
+
getSignInLink,
|
|
260
|
+
db
|
|
261
|
+
}, children });
|
|
262
|
+
}
|
|
263
|
+
function useBasic() {
|
|
264
|
+
return (0, import_react.useContext)(BasicContext);
|
|
265
|
+
}
|
|
266
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
267
|
+
0 && (module.exports = {
|
|
268
|
+
BasicProvider,
|
|
269
|
+
useBasic
|
|
270
|
+
});
|
|
271
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/index.ts","../src/AuthContext.tsx","../src/db.ts"],"sourcesContent":["\"use client\"\n\nimport { useBasic, BasicProvider } from \"./AuthContext\";\n\n\nexport {\n useBasic, BasicProvider\n}","//@ts-nocheck\nimport React, { createContext, useContext, useEffect, useState } from 'react'\nimport { jwtDecode} from 'jwt-decode'\n\nimport { get, add, update, deleteRecord } from './db'\n\ntype User = { \n name?: string,\n email?: string,\n id?: string,\n primaryEmailAddress?: {\n emailAddress: string\n }, \n fullName?: string\n}\n\nexport const BasicContext = createContext<{ \n unicorn: string, \n isLoaded: boolean,\n isSignedIn: boolean,\n user: User | null,\n signout: () => void,\n signin: () => void,\n getToken: () => Promise<string>,\n getSignInLink: () => string, \n db: any\n}>({\n unicorn: \"🦄\", \n isLoaded: false,\n isSignedIn: false,\n user: null,\n signout: () => {},\n signin: () => {},\n getToken: () => new Promise(() => {}),\n getSignInLink: () => \"\",\n db: {}\n});\n\ntype Token = { \n access_token: string,\n token_type: string,\n expires_in: number,\n refresh: string,\n} \n\nexport function BasicProvider({children, project_id}: {children: React.ReactNode, project_id: string}) {\n const [isLoaded, setIsLoaded] = useState(false)\n const [isSignedIn, setIsSignedIn] = useState(false) \n const [token, setToken] = useState<Token | null>(null)\n const [authCode, setAuthCode] = useState<string | null>(null)\n const [user, setUser] = useState<User>({}) \n\n //todo: \n //add random state to signin link & verify random state\n\n const getSignInLink = () => {\n console.log('getting sign in link...')\n\n const randomState = Math.random().toString(36).substring(7);\n\n let baseUrl = \"https://api.basic.tech/auth/authorize\"\n baseUrl += `?client_id=${project_id}`\n baseUrl += `&redirect_uri=${encodeURIComponent(window.location.href)}`\n baseUrl += `&response_type=code`\n baseUrl += `&scope=openid`\n baseUrl += `&state=1234zyx`\n\n return baseUrl;\n }\n\n const signin = () => { \n console.log('signing in: ', getSignInLink()) \n const signInLink = getSignInLink()\n //todo: change to the other thing?\n window.location.href = signInLink;\n }\n\n const signout = () => {\n console.log('signing out!')\n setUser({})\n setIsSignedIn(false)\n setToken(null)\n setAuthCode(null)\n document.cookie = `basic_token=; Secure; SameSite=Strict`;\n }\n\n const getToken = async () : Promise<string> => {\n console.log('getting token...')\n \n if (!token) {\n console.log('no token found')\n return ''\n }\n \n const decoded = jwtDecode(token?.access_token)\n const isExpired = decoded.exp && decoded.exp < Date.now() / 1000\n \n if (isExpired) {\n console.log('token is expired - refreshing ...')\n const newToken = await fetchToken(token?.refresh)\n return newToken?.access_token || ''\n }\n \n return token?.access_token || ''\n }\n\n function getCookie(name: string) {\n let cookieValue = '';\n if (document.cookie && document.cookie !== '') {\n const cookies = document.cookie.split(';');\n for (let i = 0; i < cookies.length; i++) {\n const cookie = cookies[i].trim();\n if (cookie.substring(0, name.length + 1) === (name + '=')) {\n cookieValue = decodeURIComponent(cookie.substring(name.length + 1));\n break;\n }\n }\n }\n return cookieValue;\n }\n\n const fetchToken = async (code: string) => { \n const token = await fetch('https://api.basic.tech/auth/token', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify({code: code})\n })\n .then(response => response.json())\n .catch(error => console.error('Error:', error))\n\n if (token.error) {\n console.log('error fetching token', token.error)\n return\n } else { \n // console.log('token', token)\n setToken(token)\n }\n return token\n }\n\n useEffect(() => {\n let cookie_token = getCookie('basic_token')\n if (cookie_token !== '') {\n setToken(JSON.parse(cookie_token))\n }\n \n if (window.location.search.includes('code')) {\n let code = window.location.search.split('code=')[1].split('&')[0]\n // console.log('code found', code)\n \n // todo: check state is valid\n setAuthCode(code) // remove this? dont need to store code?\n fetchToken(code)\n\n window.history.pushState({}, document.title, \"/\");\n\n } else { \n setIsLoaded(true)\n }\n }, [])\n\n useEffect(() => {\n async function fetchUser (acc_token: string) {\n const user = await fetch('https://api.basic.tech/auth/userInfo', {\n method: 'GET',\n headers: {\n 'Authorization': `Bearer ${acc_token}`\n }\n })\n .then(response => response.json())\n .catch(error => console.error('Error:', error))\n\n if (user.error) {\n console.log('error fetching user', user.error)\n // refreshToken()\n return\n } else { \n // console.log('user', user)\n document.cookie = `basic_token=${JSON.stringify(token)}; Secure; SameSite=Strict`;\n setUser(user)\n setIsSignedIn(true)\n setIsLoaded(true)\n }\n }\n\n async function checkToken () { \n if (!token) {\n console.log('error: no user token found')\n return\n }\n\n const decoded = jwtDecode(token?.access_token)\n const isExpired = decoded.exp && decoded.exp < Date.now() / 1000\n\n if (isExpired) {\n console.log('token is expired - refreshing ...')\n const newToken = await fetchToken(token?.refresh)\n fetchUser(newToken.access_token)\n } else { \n fetchUser(token.access_token)\n }\n }\n\n if (token) { \n checkToken()\n setIsLoaded(true)\n }\n }, [token])\n\n \n\n\n const db = (tableName : string) => {\n const checkSignIn = () => { \n if (!isSignedIn) {\n throw new Error('cannot use db. user not logged in.')\n }\n }\n\n return { \n get: async () => { \n checkSignIn() \n const tok = await getToken()\n return get({projectId: project_id, accountId: user.id, tableName: tableName, token: tok } )\n },\n add: async (value: any) => { \n checkSignIn() \n const tok = await getToken()\n return add({projectId: project_id, accountId: user.id, tableName: tableName, value: value, token: tok } )\n },\n update: async (id: string,value : any) => { \n checkSignIn() \n const tok = await getToken()\n return update({projectId: project_id, accountId: user.id, tableName: tableName, id: id, value: value, token: tok } )\n },\n delete: async (id: string) => { \n checkSignIn() \n const tok = await getToken()\n return deleteRecord({projectId: project_id, accountId: user.id, tableName: tableName, id: id, token: tok } )\n }\n \n }\n \n }\n\n return (\n <BasicContext.Provider value={{\n unicorn: \"🦄\",\n isLoaded,\n isSignedIn,\n user,\n signout,\n signin,\n getToken,\n getSignInLink, \n db, \n \n }}>\n {children}\n </BasicContext.Provider>\n )\n }\n\nexport function useBasic() {\n return useContext(BasicContext);\n }","//@ts-nocheck\n\nconst baseUrl = 'https://api.basic.tech';\n// const baseUrl = 'http://localhost:3000';\n\n\nasync function get({ projectId, accountId, tableName, token }) {\n const url = `${baseUrl}/project/${projectId}/db/${accountId}/${tableName}`;\n const response = await fetch(url, {\n headers: {\n 'Authorization': `Bearer ${token}`\n }\n });\n return response.json();\n}\n\nasync function add({ projectId, accountId, tableName, value, token }) {\n const url = `${baseUrl}/project/${projectId}/db/${accountId}/${tableName}`;\n const response = await fetch(url, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'Authorization': `Bearer ${token}`\n },\n body: JSON.stringify({\"value\": value})\n });\n return response.json();\n}\n\nasync function update({ projectId, accountId, tableName, id, value, token }) {\n const url = `${baseUrl}/project/${projectId}/db/${accountId}/${tableName}/${id}`;\n const response = await fetch(url, {\n method: 'PATCH',\n headers: {\n 'Content-Type': 'application/json',\n 'Authorization': `Bearer ${token}`\n },\n body: JSON.stringify({id: id, value: value})\n });\n return response.json();\n}\n\nasync function deleteRecord({ projectId, accountId, tableName, id, token }) {\n const url = `${baseUrl}/project/${projectId}/db/${accountId}/${tableName}/${id}`;\n const response = await fetch(url, {\n method: 'DELETE',\n headers: {\n 'Authorization': `Bearer ${token}`\n }\n });\n return response.json();\n}\n\nexport { get, add, update, deleteRecord };\n\n"],"mappings":"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","names":["baseUrl","token","user"]}
|
package/dist/index.mjs
ADDED
|
@@ -0,0 +1,244 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
|
|
3
|
+
// src/AuthContext.tsx
|
|
4
|
+
import { createContext, useContext, useEffect, useState } from "react";
|
|
5
|
+
import { jwtDecode } from "jwt-decode";
|
|
6
|
+
|
|
7
|
+
// src/db.ts
|
|
8
|
+
var baseUrl = "https://api.basic.tech";
|
|
9
|
+
async function get({ projectId, accountId, tableName, token }) {
|
|
10
|
+
const url = `${baseUrl}/project/${projectId}/db/${accountId}/${tableName}`;
|
|
11
|
+
const response = await fetch(url, {
|
|
12
|
+
headers: {
|
|
13
|
+
"Authorization": `Bearer ${token}`
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
return response.json();
|
|
17
|
+
}
|
|
18
|
+
async function add({ projectId, accountId, tableName, value, token }) {
|
|
19
|
+
const url = `${baseUrl}/project/${projectId}/db/${accountId}/${tableName}`;
|
|
20
|
+
const response = await fetch(url, {
|
|
21
|
+
method: "POST",
|
|
22
|
+
headers: {
|
|
23
|
+
"Content-Type": "application/json",
|
|
24
|
+
"Authorization": `Bearer ${token}`
|
|
25
|
+
},
|
|
26
|
+
body: JSON.stringify({ "value": value })
|
|
27
|
+
});
|
|
28
|
+
return response.json();
|
|
29
|
+
}
|
|
30
|
+
async function update({ projectId, accountId, tableName, id, value, token }) {
|
|
31
|
+
const url = `${baseUrl}/project/${projectId}/db/${accountId}/${tableName}/${id}`;
|
|
32
|
+
const response = await fetch(url, {
|
|
33
|
+
method: "PATCH",
|
|
34
|
+
headers: {
|
|
35
|
+
"Content-Type": "application/json",
|
|
36
|
+
"Authorization": `Bearer ${token}`
|
|
37
|
+
},
|
|
38
|
+
body: JSON.stringify({ id, value })
|
|
39
|
+
});
|
|
40
|
+
return response.json();
|
|
41
|
+
}
|
|
42
|
+
async function deleteRecord({ projectId, accountId, tableName, id, token }) {
|
|
43
|
+
const url = `${baseUrl}/project/${projectId}/db/${accountId}/${tableName}/${id}`;
|
|
44
|
+
const response = await fetch(url, {
|
|
45
|
+
method: "DELETE",
|
|
46
|
+
headers: {
|
|
47
|
+
"Authorization": `Bearer ${token}`
|
|
48
|
+
}
|
|
49
|
+
});
|
|
50
|
+
return response.json();
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
// src/AuthContext.tsx
|
|
54
|
+
import { jsx } from "react/jsx-runtime";
|
|
55
|
+
var BasicContext = createContext({
|
|
56
|
+
unicorn: "\u{1F984}",
|
|
57
|
+
isLoaded: false,
|
|
58
|
+
isSignedIn: false,
|
|
59
|
+
user: null,
|
|
60
|
+
signout: () => {
|
|
61
|
+
},
|
|
62
|
+
signin: () => {
|
|
63
|
+
},
|
|
64
|
+
getToken: () => new Promise(() => {
|
|
65
|
+
}),
|
|
66
|
+
getSignInLink: () => "",
|
|
67
|
+
db: {}
|
|
68
|
+
});
|
|
69
|
+
function BasicProvider({ children, project_id }) {
|
|
70
|
+
const [isLoaded, setIsLoaded] = useState(false);
|
|
71
|
+
const [isSignedIn, setIsSignedIn] = useState(false);
|
|
72
|
+
const [token, setToken] = useState(null);
|
|
73
|
+
const [authCode, setAuthCode] = useState(null);
|
|
74
|
+
const [user, setUser] = useState({});
|
|
75
|
+
const getSignInLink = () => {
|
|
76
|
+
console.log("getting sign in link...");
|
|
77
|
+
const randomState = Math.random().toString(36).substring(7);
|
|
78
|
+
let baseUrl2 = "https://api.basic.tech/auth/authorize";
|
|
79
|
+
baseUrl2 += `?client_id=${project_id}`;
|
|
80
|
+
baseUrl2 += `&redirect_uri=${encodeURIComponent(window.location.href)}`;
|
|
81
|
+
baseUrl2 += `&response_type=code`;
|
|
82
|
+
baseUrl2 += `&scope=openid`;
|
|
83
|
+
baseUrl2 += `&state=1234zyx`;
|
|
84
|
+
return baseUrl2;
|
|
85
|
+
};
|
|
86
|
+
const signin = () => {
|
|
87
|
+
console.log("signing in: ", getSignInLink());
|
|
88
|
+
const signInLink = getSignInLink();
|
|
89
|
+
window.location.href = signInLink;
|
|
90
|
+
};
|
|
91
|
+
const signout = () => {
|
|
92
|
+
console.log("signing out!");
|
|
93
|
+
setUser({});
|
|
94
|
+
setIsSignedIn(false);
|
|
95
|
+
setToken(null);
|
|
96
|
+
setAuthCode(null);
|
|
97
|
+
document.cookie = `basic_token=; Secure; SameSite=Strict`;
|
|
98
|
+
};
|
|
99
|
+
const getToken = async () => {
|
|
100
|
+
console.log("getting token...");
|
|
101
|
+
if (!token) {
|
|
102
|
+
console.log("no token found");
|
|
103
|
+
return "";
|
|
104
|
+
}
|
|
105
|
+
const decoded = jwtDecode(token?.access_token);
|
|
106
|
+
const isExpired = decoded.exp && decoded.exp < Date.now() / 1e3;
|
|
107
|
+
if (isExpired) {
|
|
108
|
+
console.log("token is expired - refreshing ...");
|
|
109
|
+
const newToken = await fetchToken(token?.refresh);
|
|
110
|
+
return newToken?.access_token || "";
|
|
111
|
+
}
|
|
112
|
+
return token?.access_token || "";
|
|
113
|
+
};
|
|
114
|
+
function getCookie(name) {
|
|
115
|
+
let cookieValue = "";
|
|
116
|
+
if (document.cookie && document.cookie !== "") {
|
|
117
|
+
const cookies = document.cookie.split(";");
|
|
118
|
+
for (let i = 0; i < cookies.length; i++) {
|
|
119
|
+
const cookie = cookies[i].trim();
|
|
120
|
+
if (cookie.substring(0, name.length + 1) === name + "=") {
|
|
121
|
+
cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
|
|
122
|
+
break;
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
return cookieValue;
|
|
127
|
+
}
|
|
128
|
+
const fetchToken = async (code) => {
|
|
129
|
+
const token2 = await fetch("https://api.basic.tech/auth/token", {
|
|
130
|
+
method: "POST",
|
|
131
|
+
headers: {
|
|
132
|
+
"Content-Type": "application/json"
|
|
133
|
+
},
|
|
134
|
+
body: JSON.stringify({ code })
|
|
135
|
+
}).then((response) => response.json()).catch((error) => console.error("Error:", error));
|
|
136
|
+
if (token2.error) {
|
|
137
|
+
console.log("error fetching token", token2.error);
|
|
138
|
+
return;
|
|
139
|
+
} else {
|
|
140
|
+
setToken(token2);
|
|
141
|
+
}
|
|
142
|
+
return token2;
|
|
143
|
+
};
|
|
144
|
+
useEffect(() => {
|
|
145
|
+
let cookie_token = getCookie("basic_token");
|
|
146
|
+
if (cookie_token !== "") {
|
|
147
|
+
setToken(JSON.parse(cookie_token));
|
|
148
|
+
}
|
|
149
|
+
if (window.location.search.includes("code")) {
|
|
150
|
+
let code = window.location.search.split("code=")[1].split("&")[0];
|
|
151
|
+
setAuthCode(code);
|
|
152
|
+
fetchToken(code);
|
|
153
|
+
window.history.pushState({}, document.title, "/");
|
|
154
|
+
} else {
|
|
155
|
+
setIsLoaded(true);
|
|
156
|
+
}
|
|
157
|
+
}, []);
|
|
158
|
+
useEffect(() => {
|
|
159
|
+
async function fetchUser(acc_token) {
|
|
160
|
+
const user2 = await fetch("https://api.basic.tech/auth/userInfo", {
|
|
161
|
+
method: "GET",
|
|
162
|
+
headers: {
|
|
163
|
+
"Authorization": `Bearer ${acc_token}`
|
|
164
|
+
}
|
|
165
|
+
}).then((response) => response.json()).catch((error) => console.error("Error:", error));
|
|
166
|
+
if (user2.error) {
|
|
167
|
+
console.log("error fetching user", user2.error);
|
|
168
|
+
return;
|
|
169
|
+
} else {
|
|
170
|
+
document.cookie = `basic_token=${JSON.stringify(token)}; Secure; SameSite=Strict`;
|
|
171
|
+
setUser(user2);
|
|
172
|
+
setIsSignedIn(true);
|
|
173
|
+
setIsLoaded(true);
|
|
174
|
+
}
|
|
175
|
+
}
|
|
176
|
+
async function checkToken() {
|
|
177
|
+
if (!token) {
|
|
178
|
+
console.log("error: no user token found");
|
|
179
|
+
return;
|
|
180
|
+
}
|
|
181
|
+
const decoded = jwtDecode(token?.access_token);
|
|
182
|
+
const isExpired = decoded.exp && decoded.exp < Date.now() / 1e3;
|
|
183
|
+
if (isExpired) {
|
|
184
|
+
console.log("token is expired - refreshing ...");
|
|
185
|
+
const newToken = await fetchToken(token?.refresh);
|
|
186
|
+
fetchUser(newToken.access_token);
|
|
187
|
+
} else {
|
|
188
|
+
fetchUser(token.access_token);
|
|
189
|
+
}
|
|
190
|
+
}
|
|
191
|
+
if (token) {
|
|
192
|
+
checkToken();
|
|
193
|
+
setIsLoaded(true);
|
|
194
|
+
}
|
|
195
|
+
}, [token]);
|
|
196
|
+
const db = (tableName) => {
|
|
197
|
+
const checkSignIn = () => {
|
|
198
|
+
if (!isSignedIn) {
|
|
199
|
+
throw new Error("cannot use db. user not logged in.");
|
|
200
|
+
}
|
|
201
|
+
};
|
|
202
|
+
return {
|
|
203
|
+
get: async () => {
|
|
204
|
+
checkSignIn();
|
|
205
|
+
const tok = await getToken();
|
|
206
|
+
return get({ projectId: project_id, accountId: user.id, tableName, token: tok });
|
|
207
|
+
},
|
|
208
|
+
add: async (value) => {
|
|
209
|
+
checkSignIn();
|
|
210
|
+
const tok = await getToken();
|
|
211
|
+
return add({ projectId: project_id, accountId: user.id, tableName, value, token: tok });
|
|
212
|
+
},
|
|
213
|
+
update: async (id, value) => {
|
|
214
|
+
checkSignIn();
|
|
215
|
+
const tok = await getToken();
|
|
216
|
+
return update({ projectId: project_id, accountId: user.id, tableName, id, value, token: tok });
|
|
217
|
+
},
|
|
218
|
+
delete: async (id) => {
|
|
219
|
+
checkSignIn();
|
|
220
|
+
const tok = await getToken();
|
|
221
|
+
return deleteRecord({ projectId: project_id, accountId: user.id, tableName, id, token: tok });
|
|
222
|
+
}
|
|
223
|
+
};
|
|
224
|
+
};
|
|
225
|
+
return /* @__PURE__ */ jsx(BasicContext.Provider, { value: {
|
|
226
|
+
unicorn: "\u{1F984}",
|
|
227
|
+
isLoaded,
|
|
228
|
+
isSignedIn,
|
|
229
|
+
user,
|
|
230
|
+
signout,
|
|
231
|
+
signin,
|
|
232
|
+
getToken,
|
|
233
|
+
getSignInLink,
|
|
234
|
+
db
|
|
235
|
+
}, children });
|
|
236
|
+
}
|
|
237
|
+
function useBasic() {
|
|
238
|
+
return useContext(BasicContext);
|
|
239
|
+
}
|
|
240
|
+
export {
|
|
241
|
+
BasicProvider,
|
|
242
|
+
useBasic
|
|
243
|
+
};
|
|
244
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/AuthContext.tsx","../src/db.ts"],"sourcesContent":["//@ts-nocheck\nimport React, { createContext, useContext, useEffect, useState } from 'react'\nimport { jwtDecode} from 'jwt-decode'\n\nimport { get, add, update, deleteRecord } from './db'\n\ntype User = { \n name?: string,\n email?: string,\n id?: string,\n primaryEmailAddress?: {\n emailAddress: string\n }, \n fullName?: string\n}\n\nexport const BasicContext = createContext<{ \n unicorn: string, \n isLoaded: boolean,\n isSignedIn: boolean,\n user: User | null,\n signout: () => void,\n signin: () => void,\n getToken: () => Promise<string>,\n getSignInLink: () => string, \n db: any\n}>({\n unicorn: \"🦄\", \n isLoaded: false,\n isSignedIn: false,\n user: null,\n signout: () => {},\n signin: () => {},\n getToken: () => new Promise(() => {}),\n getSignInLink: () => \"\",\n db: {}\n});\n\ntype Token = { \n access_token: string,\n token_type: string,\n expires_in: number,\n refresh: string,\n} \n\nexport function BasicProvider({children, project_id}: {children: React.ReactNode, project_id: string}) {\n const [isLoaded, setIsLoaded] = useState(false)\n const [isSignedIn, setIsSignedIn] = useState(false) \n const [token, setToken] = useState<Token | null>(null)\n const [authCode, setAuthCode] = useState<string | null>(null)\n const [user, setUser] = useState<User>({}) \n\n //todo: \n //add random state to signin link & verify random state\n\n const getSignInLink = () => {\n console.log('getting sign in link...')\n\n const randomState = Math.random().toString(36).substring(7);\n\n let baseUrl = \"https://api.basic.tech/auth/authorize\"\n baseUrl += `?client_id=${project_id}`\n baseUrl += `&redirect_uri=${encodeURIComponent(window.location.href)}`\n baseUrl += `&response_type=code`\n baseUrl += `&scope=openid`\n baseUrl += `&state=1234zyx`\n\n return baseUrl;\n }\n\n const signin = () => { \n console.log('signing in: ', getSignInLink()) \n const signInLink = getSignInLink()\n //todo: change to the other thing?\n window.location.href = signInLink;\n }\n\n const signout = () => {\n console.log('signing out!')\n setUser({})\n setIsSignedIn(false)\n setToken(null)\n setAuthCode(null)\n document.cookie = `basic_token=; Secure; SameSite=Strict`;\n }\n\n const getToken = async () : Promise<string> => {\n console.log('getting token...')\n \n if (!token) {\n console.log('no token found')\n return ''\n }\n \n const decoded = jwtDecode(token?.access_token)\n const isExpired = decoded.exp && decoded.exp < Date.now() / 1000\n \n if (isExpired) {\n console.log('token is expired - refreshing ...')\n const newToken = await fetchToken(token?.refresh)\n return newToken?.access_token || ''\n }\n \n return token?.access_token || ''\n }\n\n function getCookie(name: string) {\n let cookieValue = '';\n if (document.cookie && document.cookie !== '') {\n const cookies = document.cookie.split(';');\n for (let i = 0; i < cookies.length; i++) {\n const cookie = cookies[i].trim();\n if (cookie.substring(0, name.length + 1) === (name + '=')) {\n cookieValue = decodeURIComponent(cookie.substring(name.length + 1));\n break;\n }\n }\n }\n return cookieValue;\n }\n\n const fetchToken = async (code: string) => { \n const token = await fetch('https://api.basic.tech/auth/token', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify({code: code})\n })\n .then(response => response.json())\n .catch(error => console.error('Error:', error))\n\n if (token.error) {\n console.log('error fetching token', token.error)\n return\n } else { \n // console.log('token', token)\n setToken(token)\n }\n return token\n }\n\n useEffect(() => {\n let cookie_token = getCookie('basic_token')\n if (cookie_token !== '') {\n setToken(JSON.parse(cookie_token))\n }\n \n if (window.location.search.includes('code')) {\n let code = window.location.search.split('code=')[1].split('&')[0]\n // console.log('code found', code)\n \n // todo: check state is valid\n setAuthCode(code) // remove this? dont need to store code?\n fetchToken(code)\n\n window.history.pushState({}, document.title, \"/\");\n\n } else { \n setIsLoaded(true)\n }\n }, [])\n\n useEffect(() => {\n async function fetchUser (acc_token: string) {\n const user = await fetch('https://api.basic.tech/auth/userInfo', {\n method: 'GET',\n headers: {\n 'Authorization': `Bearer ${acc_token}`\n }\n })\n .then(response => response.json())\n .catch(error => console.error('Error:', error))\n\n if (user.error) {\n console.log('error fetching user', user.error)\n // refreshToken()\n return\n } else { \n // console.log('user', user)\n document.cookie = `basic_token=${JSON.stringify(token)}; Secure; SameSite=Strict`;\n setUser(user)\n setIsSignedIn(true)\n setIsLoaded(true)\n }\n }\n\n async function checkToken () { \n if (!token) {\n console.log('error: no user token found')\n return\n }\n\n const decoded = jwtDecode(token?.access_token)\n const isExpired = decoded.exp && decoded.exp < Date.now() / 1000\n\n if (isExpired) {\n console.log('token is expired - refreshing ...')\n const newToken = await fetchToken(token?.refresh)\n fetchUser(newToken.access_token)\n } else { \n fetchUser(token.access_token)\n }\n }\n\n if (token) { \n checkToken()\n setIsLoaded(true)\n }\n }, [token])\n\n \n\n\n const db = (tableName : string) => {\n const checkSignIn = () => { \n if (!isSignedIn) {\n throw new Error('cannot use db. user not logged in.')\n }\n }\n\n return { \n get: async () => { \n checkSignIn() \n const tok = await getToken()\n return get({projectId: project_id, accountId: user.id, tableName: tableName, token: tok } )\n },\n add: async (value: any) => { \n checkSignIn() \n const tok = await getToken()\n return add({projectId: project_id, accountId: user.id, tableName: tableName, value: value, token: tok } )\n },\n update: async (id: string,value : any) => { \n checkSignIn() \n const tok = await getToken()\n return update({projectId: project_id, accountId: user.id, tableName: tableName, id: id, value: value, token: tok } )\n },\n delete: async (id: string) => { \n checkSignIn() \n const tok = await getToken()\n return deleteRecord({projectId: project_id, accountId: user.id, tableName: tableName, id: id, token: tok } )\n }\n \n }\n \n }\n\n return (\n <BasicContext.Provider value={{\n unicorn: \"🦄\",\n isLoaded,\n isSignedIn,\n user,\n signout,\n signin,\n getToken,\n getSignInLink, \n db, \n \n }}>\n {children}\n </BasicContext.Provider>\n )\n }\n\nexport function useBasic() {\n return useContext(BasicContext);\n }","//@ts-nocheck\n\nconst baseUrl = 'https://api.basic.tech';\n// const baseUrl = 'http://localhost:3000';\n\n\nasync function get({ projectId, accountId, tableName, token }) {\n const url = `${baseUrl}/project/${projectId}/db/${accountId}/${tableName}`;\n const response = await fetch(url, {\n headers: {\n 'Authorization': `Bearer ${token}`\n }\n });\n return response.json();\n}\n\nasync function add({ projectId, accountId, tableName, value, token }) {\n const url = `${baseUrl}/project/${projectId}/db/${accountId}/${tableName}`;\n const response = await fetch(url, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'Authorization': `Bearer ${token}`\n },\n body: JSON.stringify({\"value\": value})\n });\n return response.json();\n}\n\nasync function update({ projectId, accountId, tableName, id, value, token }) {\n const url = `${baseUrl}/project/${projectId}/db/${accountId}/${tableName}/${id}`;\n const response = await fetch(url, {\n method: 'PATCH',\n headers: {\n 'Content-Type': 'application/json',\n 'Authorization': `Bearer ${token}`\n },\n body: JSON.stringify({id: id, value: value})\n });\n return response.json();\n}\n\nasync function deleteRecord({ projectId, accountId, tableName, id, token }) {\n const url = `${baseUrl}/project/${projectId}/db/${accountId}/${tableName}/${id}`;\n const response = await fetch(url, {\n method: 'DELETE',\n headers: {\n 'Authorization': `Bearer ${token}`\n }\n });\n return response.json();\n}\n\nexport { get, add, update, deleteRecord };\n\n"],"mappings":"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","names":["baseUrl","token","user"]}
|
package/package.json
ADDED
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@basictech/nextjs",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"description": "",
|
|
5
|
+
"private": false,
|
|
6
|
+
"publishConfig": {
|
|
7
|
+
"access": "public"
|
|
8
|
+
},
|
|
9
|
+
"main": "dist/index.js",
|
|
10
|
+
"module": "dist/index.mjs",
|
|
11
|
+
"types": "dist/index.d.ts",
|
|
12
|
+
"scripts": {
|
|
13
|
+
"build": "tsup",
|
|
14
|
+
"dev": "tsup --watch",
|
|
15
|
+
"test": "echo \"Error: no test specified\" && exit 1"
|
|
16
|
+
},
|
|
17
|
+
"author": "",
|
|
18
|
+
"license": "ISC",
|
|
19
|
+
"dependencies": {
|
|
20
|
+
"jwt-decode": "^4.0.0"
|
|
21
|
+
},
|
|
22
|
+
"devDependencies": {
|
|
23
|
+
"tsup": "^7.2.0",
|
|
24
|
+
"typescript": "^5.0.0",
|
|
25
|
+
"@repo/typescript-config": "*"
|
|
26
|
+
},
|
|
27
|
+
"peerDependencies": {
|
|
28
|
+
"react": "^16.8.0 || ^17.0.0 || ^18.0.0"
|
|
29
|
+
}
|
|
30
|
+
}
|
|
@@ -0,0 +1,268 @@
|
|
|
1
|
+
//@ts-nocheck
|
|
2
|
+
import React, { createContext, useContext, useEffect, useState } from 'react'
|
|
3
|
+
import { jwtDecode} from 'jwt-decode'
|
|
4
|
+
|
|
5
|
+
import { get, add, update, deleteRecord } from './db'
|
|
6
|
+
|
|
7
|
+
type User = {
|
|
8
|
+
name?: string,
|
|
9
|
+
email?: string,
|
|
10
|
+
id?: string,
|
|
11
|
+
primaryEmailAddress?: {
|
|
12
|
+
emailAddress: string
|
|
13
|
+
},
|
|
14
|
+
fullName?: string
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export const BasicContext = createContext<{
|
|
18
|
+
unicorn: string,
|
|
19
|
+
isLoaded: boolean,
|
|
20
|
+
isSignedIn: boolean,
|
|
21
|
+
user: User | null,
|
|
22
|
+
signout: () => void,
|
|
23
|
+
signin: () => void,
|
|
24
|
+
getToken: () => Promise<string>,
|
|
25
|
+
getSignInLink: () => string,
|
|
26
|
+
db: any
|
|
27
|
+
}>({
|
|
28
|
+
unicorn: "🦄",
|
|
29
|
+
isLoaded: false,
|
|
30
|
+
isSignedIn: false,
|
|
31
|
+
user: null,
|
|
32
|
+
signout: () => {},
|
|
33
|
+
signin: () => {},
|
|
34
|
+
getToken: () => new Promise(() => {}),
|
|
35
|
+
getSignInLink: () => "",
|
|
36
|
+
db: {}
|
|
37
|
+
});
|
|
38
|
+
|
|
39
|
+
type Token = {
|
|
40
|
+
access_token: string,
|
|
41
|
+
token_type: string,
|
|
42
|
+
expires_in: number,
|
|
43
|
+
refresh: string,
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
export function BasicProvider({children, project_id}: {children: React.ReactNode, project_id: string}) {
|
|
47
|
+
const [isLoaded, setIsLoaded] = useState(false)
|
|
48
|
+
const [isSignedIn, setIsSignedIn] = useState(false)
|
|
49
|
+
const [token, setToken] = useState<Token | null>(null)
|
|
50
|
+
const [authCode, setAuthCode] = useState<string | null>(null)
|
|
51
|
+
const [user, setUser] = useState<User>({})
|
|
52
|
+
|
|
53
|
+
//todo:
|
|
54
|
+
//add random state to signin link & verify random state
|
|
55
|
+
|
|
56
|
+
const getSignInLink = () => {
|
|
57
|
+
console.log('getting sign in link...')
|
|
58
|
+
|
|
59
|
+
const randomState = Math.random().toString(36).substring(7);
|
|
60
|
+
|
|
61
|
+
let baseUrl = "https://api.basic.tech/auth/authorize"
|
|
62
|
+
baseUrl += `?client_id=${project_id}`
|
|
63
|
+
baseUrl += `&redirect_uri=${encodeURIComponent(window.location.href)}`
|
|
64
|
+
baseUrl += `&response_type=code`
|
|
65
|
+
baseUrl += `&scope=openid`
|
|
66
|
+
baseUrl += `&state=1234zyx`
|
|
67
|
+
|
|
68
|
+
return baseUrl;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
const signin = () => {
|
|
72
|
+
console.log('signing in: ', getSignInLink())
|
|
73
|
+
const signInLink = getSignInLink()
|
|
74
|
+
//todo: change to the other thing?
|
|
75
|
+
window.location.href = signInLink;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
const signout = () => {
|
|
79
|
+
console.log('signing out!')
|
|
80
|
+
setUser({})
|
|
81
|
+
setIsSignedIn(false)
|
|
82
|
+
setToken(null)
|
|
83
|
+
setAuthCode(null)
|
|
84
|
+
document.cookie = `basic_token=; Secure; SameSite=Strict`;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
const getToken = async () : Promise<string> => {
|
|
88
|
+
console.log('getting token...')
|
|
89
|
+
|
|
90
|
+
if (!token) {
|
|
91
|
+
console.log('no token found')
|
|
92
|
+
return ''
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
const decoded = jwtDecode(token?.access_token)
|
|
96
|
+
const isExpired = decoded.exp && decoded.exp < Date.now() / 1000
|
|
97
|
+
|
|
98
|
+
if (isExpired) {
|
|
99
|
+
console.log('token is expired - refreshing ...')
|
|
100
|
+
const newToken = await fetchToken(token?.refresh)
|
|
101
|
+
return newToken?.access_token || ''
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
return token?.access_token || ''
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
function getCookie(name: string) {
|
|
108
|
+
let cookieValue = '';
|
|
109
|
+
if (document.cookie && document.cookie !== '') {
|
|
110
|
+
const cookies = document.cookie.split(';');
|
|
111
|
+
for (let i = 0; i < cookies.length; i++) {
|
|
112
|
+
const cookie = cookies[i].trim();
|
|
113
|
+
if (cookie.substring(0, name.length + 1) === (name + '=')) {
|
|
114
|
+
cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
|
|
115
|
+
break;
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
return cookieValue;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
const fetchToken = async (code: string) => {
|
|
123
|
+
const token = await fetch('https://api.basic.tech/auth/token', {
|
|
124
|
+
method: 'POST',
|
|
125
|
+
headers: {
|
|
126
|
+
'Content-Type': 'application/json'
|
|
127
|
+
},
|
|
128
|
+
body: JSON.stringify({code: code})
|
|
129
|
+
})
|
|
130
|
+
.then(response => response.json())
|
|
131
|
+
.catch(error => console.error('Error:', error))
|
|
132
|
+
|
|
133
|
+
if (token.error) {
|
|
134
|
+
console.log('error fetching token', token.error)
|
|
135
|
+
return
|
|
136
|
+
} else {
|
|
137
|
+
// console.log('token', token)
|
|
138
|
+
setToken(token)
|
|
139
|
+
}
|
|
140
|
+
return token
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
useEffect(() => {
|
|
144
|
+
let cookie_token = getCookie('basic_token')
|
|
145
|
+
if (cookie_token !== '') {
|
|
146
|
+
setToken(JSON.parse(cookie_token))
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
if (window.location.search.includes('code')) {
|
|
150
|
+
let code = window.location.search.split('code=')[1].split('&')[0]
|
|
151
|
+
// console.log('code found', code)
|
|
152
|
+
|
|
153
|
+
// todo: check state is valid
|
|
154
|
+
setAuthCode(code) // remove this? dont need to store code?
|
|
155
|
+
fetchToken(code)
|
|
156
|
+
|
|
157
|
+
window.history.pushState({}, document.title, "/");
|
|
158
|
+
|
|
159
|
+
} else {
|
|
160
|
+
setIsLoaded(true)
|
|
161
|
+
}
|
|
162
|
+
}, [])
|
|
163
|
+
|
|
164
|
+
useEffect(() => {
|
|
165
|
+
async function fetchUser (acc_token: string) {
|
|
166
|
+
const user = await fetch('https://api.basic.tech/auth/userInfo', {
|
|
167
|
+
method: 'GET',
|
|
168
|
+
headers: {
|
|
169
|
+
'Authorization': `Bearer ${acc_token}`
|
|
170
|
+
}
|
|
171
|
+
})
|
|
172
|
+
.then(response => response.json())
|
|
173
|
+
.catch(error => console.error('Error:', error))
|
|
174
|
+
|
|
175
|
+
if (user.error) {
|
|
176
|
+
console.log('error fetching user', user.error)
|
|
177
|
+
// refreshToken()
|
|
178
|
+
return
|
|
179
|
+
} else {
|
|
180
|
+
// console.log('user', user)
|
|
181
|
+
document.cookie = `basic_token=${JSON.stringify(token)}; Secure; SameSite=Strict`;
|
|
182
|
+
setUser(user)
|
|
183
|
+
setIsSignedIn(true)
|
|
184
|
+
setIsLoaded(true)
|
|
185
|
+
}
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
async function checkToken () {
|
|
189
|
+
if (!token) {
|
|
190
|
+
console.log('error: no user token found')
|
|
191
|
+
return
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
const decoded = jwtDecode(token?.access_token)
|
|
195
|
+
const isExpired = decoded.exp && decoded.exp < Date.now() / 1000
|
|
196
|
+
|
|
197
|
+
if (isExpired) {
|
|
198
|
+
console.log('token is expired - refreshing ...')
|
|
199
|
+
const newToken = await fetchToken(token?.refresh)
|
|
200
|
+
fetchUser(newToken.access_token)
|
|
201
|
+
} else {
|
|
202
|
+
fetchUser(token.access_token)
|
|
203
|
+
}
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
if (token) {
|
|
207
|
+
checkToken()
|
|
208
|
+
setIsLoaded(true)
|
|
209
|
+
}
|
|
210
|
+
}, [token])
|
|
211
|
+
|
|
212
|
+
|
|
213
|
+
|
|
214
|
+
|
|
215
|
+
const db = (tableName : string) => {
|
|
216
|
+
const checkSignIn = () => {
|
|
217
|
+
if (!isSignedIn) {
|
|
218
|
+
throw new Error('cannot use db. user not logged in.')
|
|
219
|
+
}
|
|
220
|
+
}
|
|
221
|
+
|
|
222
|
+
return {
|
|
223
|
+
get: async () => {
|
|
224
|
+
checkSignIn()
|
|
225
|
+
const tok = await getToken()
|
|
226
|
+
return get({projectId: project_id, accountId: user.id, tableName: tableName, token: tok } )
|
|
227
|
+
},
|
|
228
|
+
add: async (value: any) => {
|
|
229
|
+
checkSignIn()
|
|
230
|
+
const tok = await getToken()
|
|
231
|
+
return add({projectId: project_id, accountId: user.id, tableName: tableName, value: value, token: tok } )
|
|
232
|
+
},
|
|
233
|
+
update: async (id: string,value : any) => {
|
|
234
|
+
checkSignIn()
|
|
235
|
+
const tok = await getToken()
|
|
236
|
+
return update({projectId: project_id, accountId: user.id, tableName: tableName, id: id, value: value, token: tok } )
|
|
237
|
+
},
|
|
238
|
+
delete: async (id: string) => {
|
|
239
|
+
checkSignIn()
|
|
240
|
+
const tok = await getToken()
|
|
241
|
+
return deleteRecord({projectId: project_id, accountId: user.id, tableName: tableName, id: id, token: tok } )
|
|
242
|
+
}
|
|
243
|
+
|
|
244
|
+
}
|
|
245
|
+
|
|
246
|
+
}
|
|
247
|
+
|
|
248
|
+
return (
|
|
249
|
+
<BasicContext.Provider value={{
|
|
250
|
+
unicorn: "🦄",
|
|
251
|
+
isLoaded,
|
|
252
|
+
isSignedIn,
|
|
253
|
+
user,
|
|
254
|
+
signout,
|
|
255
|
+
signin,
|
|
256
|
+
getToken,
|
|
257
|
+
getSignInLink,
|
|
258
|
+
db,
|
|
259
|
+
|
|
260
|
+
}}>
|
|
261
|
+
{children}
|
|
262
|
+
</BasicContext.Provider>
|
|
263
|
+
)
|
|
264
|
+
}
|
|
265
|
+
|
|
266
|
+
export function useBasic() {
|
|
267
|
+
return useContext(BasicContext);
|
|
268
|
+
}
|
package/src/db.ts
ADDED
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
//@ts-nocheck
|
|
2
|
+
|
|
3
|
+
const baseUrl = 'https://api.basic.tech';
|
|
4
|
+
// const baseUrl = 'http://localhost:3000';
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
async function get({ projectId, accountId, tableName, token }) {
|
|
8
|
+
const url = `${baseUrl}/project/${projectId}/db/${accountId}/${tableName}`;
|
|
9
|
+
const response = await fetch(url, {
|
|
10
|
+
headers: {
|
|
11
|
+
'Authorization': `Bearer ${token}`
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
return response.json();
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
async function add({ projectId, accountId, tableName, value, token }) {
|
|
18
|
+
const url = `${baseUrl}/project/${projectId}/db/${accountId}/${tableName}`;
|
|
19
|
+
const response = await fetch(url, {
|
|
20
|
+
method: 'POST',
|
|
21
|
+
headers: {
|
|
22
|
+
'Content-Type': 'application/json',
|
|
23
|
+
'Authorization': `Bearer ${token}`
|
|
24
|
+
},
|
|
25
|
+
body: JSON.stringify({"value": value})
|
|
26
|
+
});
|
|
27
|
+
return response.json();
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
async function update({ projectId, accountId, tableName, id, value, token }) {
|
|
31
|
+
const url = `${baseUrl}/project/${projectId}/db/${accountId}/${tableName}/${id}`;
|
|
32
|
+
const response = await fetch(url, {
|
|
33
|
+
method: 'PATCH',
|
|
34
|
+
headers: {
|
|
35
|
+
'Content-Type': 'application/json',
|
|
36
|
+
'Authorization': `Bearer ${token}`
|
|
37
|
+
},
|
|
38
|
+
body: JSON.stringify({id: id, value: value})
|
|
39
|
+
});
|
|
40
|
+
return response.json();
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
async function deleteRecord({ projectId, accountId, tableName, id, token }) {
|
|
44
|
+
const url = `${baseUrl}/project/${projectId}/db/${accountId}/${tableName}/${id}`;
|
|
45
|
+
const response = await fetch(url, {
|
|
46
|
+
method: 'DELETE',
|
|
47
|
+
headers: {
|
|
48
|
+
'Authorization': `Bearer ${token}`
|
|
49
|
+
}
|
|
50
|
+
});
|
|
51
|
+
return response.json();
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
export { get, add, update, deleteRecord };
|
|
55
|
+
|
package/src/index.ts
ADDED
package/tsconfig.json
ADDED