@accelbyte/sdk 1.2.0 → 2.0.0-experimental.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/node/{index.node.js → index.cjs} +28 -38
  3. package/dist/cjs/node/index.cjs.map +1 -0
  4. package/dist/es/browser/index.browser.js +27 -37
  5. package/dist/es/browser/index.browser.js.map +1 -1
  6. package/dist/es/node/index.node.js +27 -37
  7. package/dist/es/node/index.node.js.map +1 -1
  8. package/dist/index.d.ts +12 -25
  9. package/package.json +3 -3
  10. package/dist/cjs/node/index.node.js.map +0 -1
  11. package/examples/next/README.md +0 -46
  12. package/examples/next/package.json +0 -22
  13. package/examples/next/pages/_app.tsx +0 -12
  14. package/examples/next/pages/_document.tsx +0 -19
  15. package/examples/next/pages/index.tsx +0 -124
  16. package/examples/next/public/favicon.ico +0 -0
  17. package/examples/next/public/next.svg +0 -1
  18. package/examples/next/public/thirteen.svg +0 -1
  19. package/examples/next/public/vercel.svg +0 -1
  20. package/examples/next/src/sdk.ts +0 -32
  21. package/examples/next/styles/Home.module.css +0 -274
  22. package/examples/next/styles/globals.css +0 -112
  23. package/examples/next/yarn.lock +0 -420
  24. package/examples/node/README.md +0 -29
  25. package/examples/node/index.js +0 -58
  26. package/examples/node/index.mjs +0 -56
  27. package/examples/node/package.json +0 -13
  28. package/examples/node/yarn.lock +0 -197
  29. package/examples/vite/README.md +0 -46
  30. package/examples/vite/index.html +0 -13
  31. package/examples/vite/package.json +0 -24
  32. package/examples/vite/public/vite.svg +0 -1
  33. package/examples/vite/src/App.css +0 -43
  34. package/examples/vite/src/App.tsx +0 -67
  35. package/examples/vite/src/Sdk.ts +0 -53
  36. package/examples/vite/src/assets/react.svg +0 -1
  37. package/examples/vite/src/index.css +0 -75
  38. package/examples/vite/src/main.tsx +0 -15
  39. package/examples/vite/src/vite-env.d.ts +0 -1
  40. package/examples/vite/yarn.lock +0 -890
@@ -1,274 +0,0 @@
1
- /*
2
- * Copyright (c) 2018-2023 AccelByte Inc. All Rights Reserved
3
- * This is licensed software from AccelByte Inc, for limitations
4
- * and restrictions contact your company contract manager.
5
- */
6
- .main {
7
- display: flex;
8
- flex-direction: column;
9
- justify-content: space-between;
10
- align-items: center;
11
- min-height: 100vh;
12
- }
13
-
14
- .description {
15
- display: inherit;
16
- justify-content: inherit;
17
- align-items: inherit;
18
- font-size: 0.85rem;
19
- max-width: var(--max-width);
20
- width: 100%;
21
- z-index: 2;
22
- font-family: var(--font-mono);
23
- }
24
-
25
- .description a {
26
- display: flex;
27
- justify-content: center;
28
- align-items: center;
29
- gap: 0.5rem;
30
- }
31
-
32
- .description p {
33
- position: relative;
34
- margin: 0;
35
- padding: 1rem;
36
- background-color: rgba(var(--callout-rgb), 0.5);
37
- border: 1px solid rgba(var(--callout-border-rgb), 0.3);
38
- border-radius: var(--border-radius);
39
- }
40
-
41
- .code {
42
- font-weight: 700;
43
- font-family: var(--font-mono);
44
- }
45
-
46
- .grid {
47
- display: grid;
48
- grid-template-columns: repeat(4, minmax(25%, auto));
49
- width: var(--max-width);
50
- max-width: 100%;
51
- }
52
-
53
- .card {
54
- padding: 1rem 1.2rem;
55
- border-radius: var(--border-radius);
56
- background: rgba(var(--card-rgb), 0);
57
- border: 1px solid rgba(var(--card-border-rgb), 0);
58
- transition: background 200ms, border 200ms;
59
- }
60
-
61
- .card span {
62
- display: inline-block;
63
- transition: transform 200ms;
64
- }
65
-
66
- .card h2 {
67
- font-weight: 600;
68
- margin-bottom: 0.7rem;
69
- }
70
-
71
- .card p {
72
- margin: 0;
73
- opacity: 0.6;
74
- font-size: 0.9rem;
75
- line-height: 1.5;
76
- max-width: 30ch;
77
- }
78
-
79
- .center {
80
- display: flex;
81
- justify-content: center;
82
- align-items: center;
83
- position: relative;
84
- padding: 4rem 0;
85
- }
86
-
87
- .center::before {
88
- background: var(--secondary-glow);
89
- border-radius: 50%;
90
- width: 480px;
91
- height: 360px;
92
- margin-left: -400px;
93
- }
94
-
95
- .center::after {
96
- background: var(--primary-glow);
97
- width: 240px;
98
- height: 180px;
99
- z-index: -1;
100
- }
101
-
102
- .center::before,
103
- .center::after {
104
- content: '';
105
- left: 50%;
106
- position: absolute;
107
- filter: blur(45px);
108
- transform: translateZ(0);
109
- }
110
-
111
- .logo,
112
- .thirteen {
113
- position: relative;
114
- }
115
-
116
- .thirteen {
117
- display: flex;
118
- justify-content: center;
119
- align-items: center;
120
- width: 75px;
121
- height: 75px;
122
- padding: 25px 10px;
123
- margin-left: 16px;
124
- transform: translateZ(0);
125
- border-radius: var(--border-radius);
126
- overflow: hidden;
127
- box-shadow: 0px 2px 8px -1px #0000001a;
128
- }
129
-
130
- .thirteen::before,
131
- .thirteen::after {
132
- content: '';
133
- position: absolute;
134
- z-index: -1;
135
- }
136
-
137
- /* Conic Gradient Animation */
138
- .thirteen::before {
139
- animation: 6s rotate linear infinite;
140
- width: 200%;
141
- height: 200%;
142
- background: var(--tile-border);
143
- }
144
-
145
- /* Inner Square */
146
- .thirteen::after {
147
- inset: 0;
148
- padding: 1px;
149
- border-radius: var(--border-radius);
150
- background: linear-gradient(to bottom right, rgba(var(--tile-start-rgb), 1), rgba(var(--tile-end-rgb), 1));
151
- background-clip: content-box;
152
- }
153
-
154
- /* Enable hover only on non-touch devices */
155
- @media (hover: hover) and (pointer: fine) {
156
- .card:hover {
157
- background: rgba(var(--card-rgb), 0.1);
158
- border: 1px solid rgba(var(--card-border-rgb), 0.15);
159
- }
160
-
161
- .card:hover span {
162
- transform: translateX(4px);
163
- }
164
- }
165
-
166
- @media (prefers-reduced-motion) {
167
- .thirteen::before {
168
- animation: none;
169
- }
170
-
171
- .card:hover span {
172
- transform: none;
173
- }
174
- }
175
-
176
- /* Mobile */
177
- @media (max-width: 700px) {
178
- .content {
179
- padding: 4rem;
180
- }
181
-
182
- .grid {
183
- grid-template-columns: 1fr;
184
- margin-bottom: 120px;
185
- max-width: 320px;
186
- text-align: center;
187
- }
188
-
189
- .card {
190
- padding: 1rem 2.5rem;
191
- }
192
-
193
- .card h2 {
194
- margin-bottom: 0.5rem;
195
- }
196
-
197
- .center {
198
- padding: 8rem 0 6rem;
199
- }
200
-
201
- .center::before {
202
- transform: none;
203
- height: 300px;
204
- }
205
-
206
- .description {
207
- font-size: 0.8rem;
208
- }
209
-
210
- .description a {
211
- padding: 1rem;
212
- }
213
-
214
- .description p,
215
- .description div {
216
- display: flex;
217
- justify-content: center;
218
- position: fixed;
219
- width: 100%;
220
- }
221
-
222
- .description p {
223
- align-items: center;
224
- inset: 0 0 auto;
225
- padding: 2rem 1rem 1.4rem;
226
- border-radius: 0;
227
- border: none;
228
- border-bottom: 1px solid rgba(var(--callout-border-rgb), 0.25);
229
- background: linear-gradient(to bottom, rgba(var(--background-start-rgb), 1), rgba(var(--callout-rgb), 0.5));
230
- background-clip: padding-box;
231
- backdrop-filter: blur(24px);
232
- }
233
-
234
- .description div {
235
- align-items: flex-end;
236
- pointer-events: none;
237
- inset: auto 0 0;
238
- padding: 2rem;
239
- height: 200px;
240
- background: linear-gradient(to bottom, transparent 0%, rgb(var(--background-end-rgb)) 40%);
241
- z-index: 1;
242
- }
243
- }
244
-
245
- /* Tablet and Smaller Desktop */
246
- @media (min-width: 701px) and (max-width: 1120px) {
247
- .grid {
248
- grid-template-columns: repeat(2, 50%);
249
- }
250
- }
251
-
252
- @media (prefers-color-scheme: dark) {
253
- .vercelLogo {
254
- filter: invert(1);
255
- }
256
-
257
- .logo,
258
- .thirteen img {
259
- filter: invert(1) drop-shadow(0 0 0.3rem #ffffff70);
260
- }
261
- }
262
-
263
- @keyframes rotate {
264
- from {
265
- transform: rotate(360deg);
266
- }
267
- to {
268
- transform: rotate(0deg);
269
- }
270
- }
271
-
272
- .responses {
273
- width: 100%;
274
- }
@@ -1,112 +0,0 @@
1
- /*
2
- * Copyright (c) 2018-2023 AccelByte Inc. All Rights Reserved
3
- * This is licensed software from AccelByte Inc, for limitations
4
- * and restrictions contact your company contract manager.
5
- */
6
- :root {
7
- --max-width: 1100px;
8
- --border-radius: 12px;
9
- --font-mono: ui-monospace, Menlo, Monaco, 'Cascadia Mono', 'Segoe UI Mono',
10
- 'Roboto Mono', 'Oxygen Mono', 'Ubuntu Monospace', 'Source Code Pro',
11
- 'Fira Mono', 'Droid Sans Mono', 'Courier New', monospace;
12
-
13
- --foreground-rgb: 0, 0, 0;
14
- --background-start-rgb: 214, 219, 220;
15
- --background-end-rgb: 255, 255, 255;
16
-
17
- --primary-glow: conic-gradient(
18
- from 180deg at 50% 50%,
19
- #16abff33 0deg,
20
- #0885ff33 55deg,
21
- #54d6ff33 120deg,
22
- #0071ff33 160deg,
23
- transparent 360deg
24
- );
25
- --secondary-glow: radial-gradient(
26
- rgba(255, 255, 255, 1),
27
- rgba(255, 255, 255, 0)
28
- );
29
-
30
- --tile-start-rgb: 239, 245, 249;
31
- --tile-end-rgb: 228, 232, 233;
32
- --tile-border: conic-gradient(
33
- #00000080,
34
- #00000040,
35
- #00000030,
36
- #00000020,
37
- #00000010,
38
- #00000010,
39
- #00000080
40
- );
41
-
42
- --callout-rgb: 238, 240, 241;
43
- --callout-border-rgb: 172, 175, 176;
44
- --card-rgb: 180, 185, 188;
45
- --card-border-rgb: 131, 134, 135;
46
- }
47
-
48
- @media (prefers-color-scheme: dark) {
49
- :root {
50
- --foreground-rgb: 255, 255, 255;
51
- --background-start-rgb: 0, 0, 0;
52
- --background-end-rgb: 0, 0, 0;
53
-
54
- --primary-glow: radial-gradient(rgba(1, 65, 255, 0.4), rgba(1, 65, 255, 0));
55
- --secondary-glow: linear-gradient(
56
- to bottom right,
57
- rgba(1, 65, 255, 0),
58
- rgba(1, 65, 255, 0),
59
- rgba(1, 65, 255, 0.3)
60
- );
61
-
62
- --tile-start-rgb: 2, 13, 46;
63
- --tile-end-rgb: 2, 5, 19;
64
- --tile-border: conic-gradient(
65
- #ffffff80,
66
- #ffffff40,
67
- #ffffff30,
68
- #ffffff20,
69
- #ffffff10,
70
- #ffffff10,
71
- #ffffff80
72
- );
73
-
74
- --callout-rgb: 20, 20, 20;
75
- --callout-border-rgb: 108, 108, 108;
76
- --card-rgb: 100, 100, 100;
77
- --card-border-rgb: 200, 200, 200;
78
- }
79
- }
80
-
81
- * {
82
- box-sizing: border-box;
83
- padding: 0;
84
- margin: 0;
85
- }
86
-
87
- html,
88
- body {
89
- max-width: 100vw;
90
- overflow-x: hidden;
91
- }
92
-
93
- body {
94
- color: rbg(--foreground-rgb);
95
- background: linear-gradient(
96
- to bottom,
97
- transparent,
98
- rgb(var(--background-end-rgb))
99
- )
100
- rgb(var(--background-start-rgb));
101
- }
102
-
103
- a {
104
- color: inherit;
105
- text-decoration: none;
106
- }
107
-
108
- @media (prefers-color-scheme: dark) {
109
- html {
110
- color-scheme: dark;
111
- }
112
- }