@basictech/nextjs 0.2.0-beta.1 → 0.2.0-beta.11

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.
@@ -1,6 +1,6 @@
1
1
 
2
2
  
3
- > @basictech/nextjs@1.1.0 build
3
+ > @basictech/nextjs@0.2.0-beta.10 build
4
4
  > tsup
5
5
 
6
6
  CLI Building entry: src/index.ts
@@ -11,13 +11,13 @@
11
11
  CLI Cleaning output folder
12
12
  CJS Build start
13
13
  ESM Build start
14
- ESM dist/index.mjs 7.28 KB
15
- ESM dist/index.mjs.map 15.11 KB
16
- ESM ⚡️ Build success in 23ms
17
- CJS dist/index.js 8.52 KB
18
- CJS dist/index.js.map 15.28 KB
19
- CJS ⚡️ Build success in 24ms
14
+ ESM dist/index.mjs 2.39 KB
15
+ ESM dist/index.mjs.map 3.73 KB
16
+ ESM ⚡️ Build success in 13ms
17
+ CJS dist/index.js 4.34 KB
18
+ CJS dist/index.js.map 3.79 KB
19
+ CJS ⚡️ Build success in 13ms
20
20
  DTS Build start
21
- DTS ⚡️ Build success in 1428ms
22
- DTS dist/index.d.ts 689.00 B
23
- DTS dist/index.d.mts 689.00 B
21
+ DTS ⚡️ Build success in 1174ms
22
+ DTS dist/index.d.ts 397.00 B
23
+ DTS dist/index.d.mts 397.00 B
package/CHANGELOG.md CHANGED
@@ -1,5 +1,122 @@
1
1
  # @basictech/nextjs
2
2
 
3
+ ## 0.2.0-beta.11
4
+
5
+ ### Minor Changes
6
+
7
+ - update schema validation
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies
12
+ - @basictech/react@0.2.0-beta.11
13
+
14
+ ## 0.2.0-beta.10
15
+
16
+ ### Minor Changes
17
+
18
+ - added schema package - test
19
+
20
+ ### Patch Changes
21
+
22
+ - Updated dependencies
23
+ - @basictech/react@0.2.0-beta.10
24
+
25
+ ## 0.2.0-beta.9
26
+
27
+ ### Minor Changes
28
+
29
+ - add schema validation
30
+
31
+ ### Patch Changes
32
+
33
+ - Updated dependencies
34
+ - @basictech/react@0.2.0-beta.9
35
+
36
+ ## 0.2.0-beta.8
37
+
38
+ ### Minor Changes
39
+
40
+ - changed isLoaded to isAuthReady and fixed dbStatus hooks for useBasic
41
+
42
+ ### Patch Changes
43
+
44
+ - Updated dependencies
45
+ - @basictech/react@0.2.0-beta.8
46
+
47
+ ## 0.2.0-beta.7
48
+
49
+ ### Minor Changes
50
+
51
+ - update useQuery hook
52
+
53
+ - no need to pass param as a function, can now enter query directly
54
+ - defaults to empty array when loading
55
+
56
+ ### Patch Changes
57
+
58
+ - Updated dependencies
59
+ - @basictech/react@0.2.0-beta.7
60
+
61
+ ## 0.2.0-beta.6
62
+
63
+ ### Minor Changes
64
+
65
+ - add debug option
66
+
67
+ ### Patch Changes
68
+
69
+ - Updated dependencies
70
+ - @basictech/react@0.2.0-beta.6
71
+
72
+ ## 0.2.0-beta.5
73
+
74
+ ### Minor Changes
75
+
76
+ - schema validation bugfix
77
+
78
+ ### Patch Changes
79
+
80
+ - Updated dependencies
81
+ - @basictech/react@0.2.0-beta.5
82
+
83
+ ## 0.2.0-beta.4
84
+
85
+ ### Minor Changes
86
+
87
+ - add schema validation
88
+
89
+ ### Patch Changes
90
+
91
+ - Updated dependencies
92
+ - @basictech/react@0.2.0-beta.4
93
+
94
+ ## 0.2.0-beta.3
95
+
96
+ ### Minor Changes
97
+
98
+ - remove sync lib
99
+ - 4841960: test build
100
+ - remove sync library
101
+
102
+ ### Patch Changes
103
+
104
+ - Updated dependencies
105
+ - Updated dependencies [4841960]
106
+ - Updated dependencies
107
+ - @basictech/react@0.2.0-beta.3
108
+
109
+ ## 0.2.0-beta.2
110
+
111
+ ### Minor Changes
112
+
113
+ - rebuild tsup
114
+
115
+ ### Patch Changes
116
+
117
+ - Updated dependencies
118
+ - @basictech/react@0.2.0-beta.2
119
+
3
120
  ## 0.2.0-beta.1
4
121
 
5
122
  ### Minor Changes
package/dist/index.d.mts CHANGED
@@ -1,6 +1,14 @@
1
- export { BasicProvider, useBasic, useQuery } from '@basictech/react';
1
+ import * as react from 'react';
2
+ export { useBasic, useQuery } from '@basictech/react';
2
3
  import * as react_jsx_runtime from 'react/jsx-runtime';
3
4
 
4
5
  declare const LoginButton: () => react_jsx_runtime.JSX.Element;
5
6
 
6
- export { LoginButton };
7
+ declare const BasicProvider: react.ComponentType<{
8
+ children: react.ReactNode;
9
+ project_id: string;
10
+ schema: any;
11
+ debug?: boolean;
12
+ }>;
13
+
14
+ export { BasicProvider, LoginButton };
package/dist/index.d.ts CHANGED
@@ -1,6 +1,14 @@
1
- export { BasicProvider, useBasic, useQuery } from '@basictech/react';
1
+ import * as react from 'react';
2
+ export { useBasic, useQuery } from '@basictech/react';
2
3
  import * as react_jsx_runtime from 'react/jsx-runtime';
3
4
 
4
5
  declare const LoginButton: () => react_jsx_runtime.JSX.Element;
5
6
 
6
- export { LoginButton };
7
+ declare const BasicProvider: react.ComponentType<{
8
+ children: react.ReactNode;
9
+ project_id: string;
10
+ schema: any;
11
+ debug?: boolean;
12
+ }>;
13
+
14
+ export { BasicProvider, LoginButton };
package/dist/index.js CHANGED
@@ -31,12 +31,13 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
31
31
  // src/index.ts
32
32
  var src_exports = {};
33
33
  __export(src_exports, {
34
- BasicProvider: () => import_react.BasicProvider,
34
+ BasicProvider: () => BasicProvider,
35
35
  LoginButton: () => componets_default,
36
36
  useBasic: () => import_react.useBasic,
37
37
  useQuery: () => import_react.useQuery
38
38
  });
39
39
  module.exports = __toCommonJS(src_exports);
40
+ var import_dynamic = __toESM(require("next/dynamic"));
40
41
  var import_react = require("@basictech/react");
41
42
 
42
43
  // src/componets.tsx
@@ -108,6 +109,9 @@ var popoverArrowStyle = {
108
109
  fill: "white"
109
110
  };
110
111
  var componets_default = LoginButton;
112
+
113
+ // src/index.ts
114
+ var BasicProvider = (0, import_dynamic.default)(() => import("@basictech/react").then((mod) => mod.BasicProvider), { ssr: false });
111
115
  // Annotate the CommonJS export names for ESM import in node:
112
116
  0 && (module.exports = {
113
117
  BasicProvider,
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts","../src/componets.tsx"],"sourcesContent":["\"use client\"\n\n// import { useBasic, BasicProvider } from \"./AuthContext\";\n// import { useLiveQuery as useQuery } from \"dexie-react-hooks\"\n\nimport { useBasic, BasicProvider, useQuery } from \"@basictech/react\"\nimport LoginButton from \"./componets\";\n\n// import dynamic from 'next/dynamic' \n\n// const BasicSync = dynamic(() => import('./sync'), { ssr: false })\n// import { BasicSync } from \"./sync\"\n\nexport {\n useBasic, BasicProvider, useQuery, LoginButton\n}\n\n\n","import React from 'react';\nimport * as Avatar from '@radix-ui/react-avatar';\nimport * as Popover from '@radix-ui/react-popover';\n\nconst LoginButton = () => {\n return (\n <Popover.Root>\n {/* Trigger: Avatar that will be clicked */}\n <Popover.Trigger asChild>\n <Avatar.Root style={avatarContainerStyle}>\n <Avatar.Image\n src=\"https://via.placeholder.com/150\"\n alt=\"User Avatar\"\n style={avatarImageStyle}\n />\n <Avatar.Fallback delayMs={600} style={avatarFallbackStyle}>\n U\n </Avatar.Fallback>\n </Avatar.Root>\n </Popover.Trigger>\n\n {/* Popover content */}\n <Popover.Portal>\n <Popover.Content style={popoverContentStyle} sideOffset={10}>\n <p style={{ marginBottom: '10px' }}>Hello, User!</p>\n <button style={buttonStyle}>Logout</button>\n <Popover.Arrow style={popoverArrowStyle} />\n </Popover.Content>\n </Popover.Portal>\n </Popover.Root>\n );\n};\n\n// Basic styles\nconst avatarContainerStyle = {\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: '40px',\n height: '40px',\n borderRadius: '100%',\n backgroundColor: '#ccc',\n cursor: 'pointer',\n};\n\nconst avatarImageStyle = {\n width: '100%',\n height: '100%',\n borderRadius: '100%',\n// objectFit: 'cover',\n};\n\nconst avatarFallbackStyle = {\n width: '100%',\n height: '100%',\n borderRadius: '100%',\n backgroundColor: '#007bff',\n color: 'white',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n fontSize: '20px',\n};\n\nconst popoverContentStyle = {\n padding: '20px',\n borderRadius: '8px',\n// backgroundColor: 'white',\n boxShadow: '0 2px 10px rgba(0, 0, 0, 0.2)',\n};\n\nconst buttonStyle = {\n padding: '8px 16px',\n backgroundColor: '#007bff',\n color: '#fff',\n border: 'none',\n borderRadius: '4px',\n cursor: 'pointer',\n};\n\nconst popoverArrowStyle = {\n fill: 'white',\n};\n\nexport default LoginButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA,mBAAkD;;;ACJlD,aAAwB;AACxB,cAAyB;AAOjB;AALR,IAAM,cAAc,MAAM;AACxB,SACE,6CAAS,cAAR,EAEC;AAAA,gDAAS,iBAAR,EAAgB,SAAO,MACtB,uDAAQ,aAAP,EAAY,OAAO,sBAClB;AAAA;AAAA,QAAQ;AAAA,QAAP;AAAA,UACC,KAAI;AAAA,UACJ,KAAI;AAAA,UACJ,OAAO;AAAA;AAAA,MACT;AAAA,MACA,4CAAQ,iBAAP,EAAgB,SAAS,KAAK,OAAO,qBAAqB,eAE3D;AAAA,OACF,GACF;AAAA,IAGA,4CAAS,gBAAR,EACC,uDAAS,iBAAR,EAAgB,OAAO,qBAAqB,YAAY,IACvD;AAAA,kDAAC,OAAE,OAAO,EAAE,cAAc,OAAO,GAAG,0BAAY;AAAA,MAChD,4CAAC,YAAO,OAAO,aAAa,oBAAM;AAAA,MAClC,4CAAS,eAAR,EAAc,OAAO,mBAAmB;AAAA,OAC3C,GACF;AAAA,KACF;AAEJ;AAGA,IAAM,uBAAuB;AAAA,EAC3B,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,QAAQ;AACV;AAEA,IAAM,mBAAmB;AAAA,EACvB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA;AAEhB;AAEA,IAAM,sBAAsB;AAAA,EAC1B,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,UAAU;AACZ;AAEA,IAAM,sBAAsB;AAAA,EAC1B,SAAS;AAAA,EACT,cAAc;AAAA;AAAA,EAEd,WAAW;AACb;AAEA,IAAM,cAAc;AAAA,EAClB,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,QAAQ;AACV;AAEA,IAAM,oBAAoB;AAAA,EACxB,MAAM;AACR;AAEA,IAAO,oBAAQ;","names":[]}
1
+ {"version":3,"sources":["../src/index.ts","../src/componets.tsx"],"sourcesContent":["'use client'\n\nimport dynamic from 'next/dynamic'\n\nimport { useBasic, useQuery } from \"@basictech/react\"\nimport LoginButton from \"./componets\";\n\n\nconst BasicProvider = dynamic(() => import('@basictech/react').then(mod => mod.BasicProvider), { ssr: false });\n\n\nexport {\n useBasic, BasicProvider, useQuery, LoginButton\n}","import React from 'react';\nimport * as Avatar from '@radix-ui/react-avatar';\nimport * as Popover from '@radix-ui/react-popover';\n\nconst LoginButton = () => {\n return (\n <Popover.Root>\n {/* Trigger: Avatar that will be clicked */}\n <Popover.Trigger asChild>\n <Avatar.Root style={avatarContainerStyle}>\n <Avatar.Image\n src=\"https://via.placeholder.com/150\"\n alt=\"User Avatar\"\n style={avatarImageStyle}\n />\n <Avatar.Fallback delayMs={600} style={avatarFallbackStyle}>\n U\n </Avatar.Fallback>\n </Avatar.Root>\n </Popover.Trigger>\n\n {/* Popover content */}\n <Popover.Portal>\n <Popover.Content style={popoverContentStyle} sideOffset={10}>\n <p style={{ marginBottom: '10px' }}>Hello, User!</p>\n <button style={buttonStyle}>Logout</button>\n <Popover.Arrow style={popoverArrowStyle} />\n </Popover.Content>\n </Popover.Portal>\n </Popover.Root>\n );\n};\n\n// Basic styles\nconst avatarContainerStyle = {\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: '40px',\n height: '40px',\n borderRadius: '100%',\n backgroundColor: '#ccc',\n cursor: 'pointer',\n};\n\nconst avatarImageStyle = {\n width: '100%',\n height: '100%',\n borderRadius: '100%',\n// objectFit: 'cover',\n};\n\nconst avatarFallbackStyle = {\n width: '100%',\n height: '100%',\n borderRadius: '100%',\n backgroundColor: '#007bff',\n color: 'white',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n fontSize: '20px',\n};\n\nconst popoverContentStyle = {\n padding: '20px',\n borderRadius: '8px',\n// backgroundColor: 'white',\n boxShadow: '0 2px 10px rgba(0, 0, 0, 0.2)',\n};\n\nconst buttonStyle = {\n padding: '8px 16px',\n backgroundColor: '#007bff',\n color: '#fff',\n border: 'none',\n borderRadius: '4px',\n cursor: 'pointer',\n};\n\nconst popoverArrowStyle = {\n fill: 'white',\n};\n\nexport default LoginButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,qBAAoB;AAEpB,mBAAmC;;;ACHnC,aAAwB;AACxB,cAAyB;AAOjB;AALR,IAAM,cAAc,MAAM;AACxB,SACE,6CAAS,cAAR,EAEC;AAAA,gDAAS,iBAAR,EAAgB,SAAO,MACtB,uDAAQ,aAAP,EAAY,OAAO,sBAClB;AAAA;AAAA,QAAQ;AAAA,QAAP;AAAA,UACC,KAAI;AAAA,UACJ,KAAI;AAAA,UACJ,OAAO;AAAA;AAAA,MACT;AAAA,MACA,4CAAQ,iBAAP,EAAgB,SAAS,KAAK,OAAO,qBAAqB,eAE3D;AAAA,OACF,GACF;AAAA,IAGA,4CAAS,gBAAR,EACC,uDAAS,iBAAR,EAAgB,OAAO,qBAAqB,YAAY,IACvD;AAAA,kDAAC,OAAE,OAAO,EAAE,cAAc,OAAO,GAAG,0BAAY;AAAA,MAChD,4CAAC,YAAO,OAAO,aAAa,oBAAM;AAAA,MAClC,4CAAS,eAAR,EAAc,OAAO,mBAAmB;AAAA,OAC3C,GACF;AAAA,KACF;AAEJ;AAGA,IAAM,uBAAuB;AAAA,EAC3B,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,QAAQ;AACV;AAEA,IAAM,mBAAmB;AAAA,EACvB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA;AAEhB;AAEA,IAAM,sBAAsB;AAAA,EAC1B,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,UAAU;AACZ;AAEA,IAAM,sBAAsB;AAAA,EAC1B,SAAS;AAAA,EACT,cAAc;AAAA;AAAA,EAEd,WAAW;AACb;AAEA,IAAM,cAAc;AAAA,EAClB,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,QAAQ;AACV;AAEA,IAAM,oBAAoB;AAAA,EACxB,MAAM;AACR;AAEA,IAAO,oBAAQ;;;AD5Ef,IAAM,oBAAgB,eAAAA,SAAQ,MAAM,OAAO,kBAAkB,EAAE,KAAK,SAAO,IAAI,aAAa,GAAG,EAAE,KAAK,MAAM,CAAC;","names":["dynamic"]}
package/dist/index.mjs CHANGED
@@ -1,7 +1,8 @@
1
1
  "use client";
2
2
 
3
3
  // src/index.ts
4
- import { useBasic, BasicProvider, useQuery } from "@basictech/react";
4
+ import dynamic from "next/dynamic";
5
+ import { useBasic, useQuery } from "@basictech/react";
5
6
 
6
7
  // src/componets.tsx
7
8
  import * as Avatar from "@radix-ui/react-avatar";
@@ -72,6 +73,9 @@ var popoverArrowStyle = {
72
73
  fill: "white"
73
74
  };
74
75
  var componets_default = LoginButton;
76
+
77
+ // src/index.ts
78
+ var BasicProvider = dynamic(() => import("@basictech/react").then((mod) => mod.BasicProvider), { ssr: false });
75
79
  export {
76
80
  BasicProvider,
77
81
  componets_default as LoginButton,
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts","../src/componets.tsx"],"sourcesContent":["\"use client\"\n\n// import { useBasic, BasicProvider } from \"./AuthContext\";\n// import { useLiveQuery as useQuery } from \"dexie-react-hooks\"\n\nimport { useBasic, BasicProvider, useQuery } from \"@basictech/react\"\nimport LoginButton from \"./componets\";\n\n// import dynamic from 'next/dynamic' \n\n// const BasicSync = dynamic(() => import('./sync'), { ssr: false })\n// import { BasicSync } from \"./sync\"\n\nexport {\n useBasic, BasicProvider, useQuery, LoginButton\n}\n\n\n","import React from 'react';\nimport * as Avatar from '@radix-ui/react-avatar';\nimport * as Popover from '@radix-ui/react-popover';\n\nconst LoginButton = () => {\n return (\n <Popover.Root>\n {/* Trigger: Avatar that will be clicked */}\n <Popover.Trigger asChild>\n <Avatar.Root style={avatarContainerStyle}>\n <Avatar.Image\n src=\"https://via.placeholder.com/150\"\n alt=\"User Avatar\"\n style={avatarImageStyle}\n />\n <Avatar.Fallback delayMs={600} style={avatarFallbackStyle}>\n U\n </Avatar.Fallback>\n </Avatar.Root>\n </Popover.Trigger>\n\n {/* Popover content */}\n <Popover.Portal>\n <Popover.Content style={popoverContentStyle} sideOffset={10}>\n <p style={{ marginBottom: '10px' }}>Hello, User!</p>\n <button style={buttonStyle}>Logout</button>\n <Popover.Arrow style={popoverArrowStyle} />\n </Popover.Content>\n </Popover.Portal>\n </Popover.Root>\n );\n};\n\n// Basic styles\nconst avatarContainerStyle = {\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: '40px',\n height: '40px',\n borderRadius: '100%',\n backgroundColor: '#ccc',\n cursor: 'pointer',\n};\n\nconst avatarImageStyle = {\n width: '100%',\n height: '100%',\n borderRadius: '100%',\n// objectFit: 'cover',\n};\n\nconst avatarFallbackStyle = {\n width: '100%',\n height: '100%',\n borderRadius: '100%',\n backgroundColor: '#007bff',\n color: 'white',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n fontSize: '20px',\n};\n\nconst popoverContentStyle = {\n padding: '20px',\n borderRadius: '8px',\n// backgroundColor: 'white',\n boxShadow: '0 2px 10px rgba(0, 0, 0, 0.2)',\n};\n\nconst buttonStyle = {\n padding: '8px 16px',\n backgroundColor: '#007bff',\n color: '#fff',\n border: 'none',\n borderRadius: '4px',\n cursor: 'pointer',\n};\n\nconst popoverArrowStyle = {\n fill: 'white',\n};\n\nexport default LoginButton;\n"],"mappings":";;;AAKA,SAAS,UAAU,eAAe,gBAAgB;;;ACJlD,YAAY,YAAY;AACxB,YAAY,aAAa;AAOjB,SACE,KADF;AALR,IAAM,cAAc,MAAM;AACxB,SACE,qBAAS,cAAR,EAEC;AAAA,wBAAS,iBAAR,EAAgB,SAAO,MACtB,+BAAQ,aAAP,EAAY,OAAO,sBAClB;AAAA;AAAA,QAAQ;AAAA,QAAP;AAAA,UACC,KAAI;AAAA,UACJ,KAAI;AAAA,UACJ,OAAO;AAAA;AAAA,MACT;AAAA,MACA,oBAAQ,iBAAP,EAAgB,SAAS,KAAK,OAAO,qBAAqB,eAE3D;AAAA,OACF,GACF;AAAA,IAGA,oBAAS,gBAAR,EACC,+BAAS,iBAAR,EAAgB,OAAO,qBAAqB,YAAY,IACvD;AAAA,0BAAC,OAAE,OAAO,EAAE,cAAc,OAAO,GAAG,0BAAY;AAAA,MAChD,oBAAC,YAAO,OAAO,aAAa,oBAAM;AAAA,MAClC,oBAAS,eAAR,EAAc,OAAO,mBAAmB;AAAA,OAC3C,GACF;AAAA,KACF;AAEJ;AAGA,IAAM,uBAAuB;AAAA,EAC3B,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,QAAQ;AACV;AAEA,IAAM,mBAAmB;AAAA,EACvB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA;AAEhB;AAEA,IAAM,sBAAsB;AAAA,EAC1B,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,UAAU;AACZ;AAEA,IAAM,sBAAsB;AAAA,EAC1B,SAAS;AAAA,EACT,cAAc;AAAA;AAAA,EAEd,WAAW;AACb;AAEA,IAAM,cAAc;AAAA,EAClB,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,QAAQ;AACV;AAEA,IAAM,oBAAoB;AAAA,EACxB,MAAM;AACR;AAEA,IAAO,oBAAQ;","names":[]}
1
+ {"version":3,"sources":["../src/index.ts","../src/componets.tsx"],"sourcesContent":["'use client'\n\nimport dynamic from 'next/dynamic'\n\nimport { useBasic, useQuery } from \"@basictech/react\"\nimport LoginButton from \"./componets\";\n\n\nconst BasicProvider = dynamic(() => import('@basictech/react').then(mod => mod.BasicProvider), { ssr: false });\n\n\nexport {\n useBasic, BasicProvider, useQuery, LoginButton\n}","import React from 'react';\nimport * as Avatar from '@radix-ui/react-avatar';\nimport * as Popover from '@radix-ui/react-popover';\n\nconst LoginButton = () => {\n return (\n <Popover.Root>\n {/* Trigger: Avatar that will be clicked */}\n <Popover.Trigger asChild>\n <Avatar.Root style={avatarContainerStyle}>\n <Avatar.Image\n src=\"https://via.placeholder.com/150\"\n alt=\"User Avatar\"\n style={avatarImageStyle}\n />\n <Avatar.Fallback delayMs={600} style={avatarFallbackStyle}>\n U\n </Avatar.Fallback>\n </Avatar.Root>\n </Popover.Trigger>\n\n {/* Popover content */}\n <Popover.Portal>\n <Popover.Content style={popoverContentStyle} sideOffset={10}>\n <p style={{ marginBottom: '10px' }}>Hello, User!</p>\n <button style={buttonStyle}>Logout</button>\n <Popover.Arrow style={popoverArrowStyle} />\n </Popover.Content>\n </Popover.Portal>\n </Popover.Root>\n );\n};\n\n// Basic styles\nconst avatarContainerStyle = {\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: '40px',\n height: '40px',\n borderRadius: '100%',\n backgroundColor: '#ccc',\n cursor: 'pointer',\n};\n\nconst avatarImageStyle = {\n width: '100%',\n height: '100%',\n borderRadius: '100%',\n// objectFit: 'cover',\n};\n\nconst avatarFallbackStyle = {\n width: '100%',\n height: '100%',\n borderRadius: '100%',\n backgroundColor: '#007bff',\n color: 'white',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n fontSize: '20px',\n};\n\nconst popoverContentStyle = {\n padding: '20px',\n borderRadius: '8px',\n// backgroundColor: 'white',\n boxShadow: '0 2px 10px rgba(0, 0, 0, 0.2)',\n};\n\nconst buttonStyle = {\n padding: '8px 16px',\n backgroundColor: '#007bff',\n color: '#fff',\n border: 'none',\n borderRadius: '4px',\n cursor: 'pointer',\n};\n\nconst popoverArrowStyle = {\n fill: 'white',\n};\n\nexport default LoginButton;\n"],"mappings":";;;AAEA,OAAO,aAAa;AAEpB,SAAS,UAAU,gBAAgB;;;ACHnC,YAAY,YAAY;AACxB,YAAY,aAAa;AAOjB,SACE,KADF;AALR,IAAM,cAAc,MAAM;AACxB,SACE,qBAAS,cAAR,EAEC;AAAA,wBAAS,iBAAR,EAAgB,SAAO,MACtB,+BAAQ,aAAP,EAAY,OAAO,sBAClB;AAAA;AAAA,QAAQ;AAAA,QAAP;AAAA,UACC,KAAI;AAAA,UACJ,KAAI;AAAA,UACJ,OAAO;AAAA;AAAA,MACT;AAAA,MACA,oBAAQ,iBAAP,EAAgB,SAAS,KAAK,OAAO,qBAAqB,eAE3D;AAAA,OACF,GACF;AAAA,IAGA,oBAAS,gBAAR,EACC,+BAAS,iBAAR,EAAgB,OAAO,qBAAqB,YAAY,IACvD;AAAA,0BAAC,OAAE,OAAO,EAAE,cAAc,OAAO,GAAG,0BAAY;AAAA,MAChD,oBAAC,YAAO,OAAO,aAAa,oBAAM;AAAA,MAClC,oBAAS,eAAR,EAAc,OAAO,mBAAmB;AAAA,OAC3C,GACF;AAAA,KACF;AAEJ;AAGA,IAAM,uBAAuB;AAAA,EAC3B,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,QAAQ;AACV;AAEA,IAAM,mBAAmB;AAAA,EACvB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA;AAEhB;AAEA,IAAM,sBAAsB;AAAA,EAC1B,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,UAAU;AACZ;AAEA,IAAM,sBAAsB;AAAA,EAC1B,SAAS;AAAA,EACT,cAAc;AAAA;AAAA,EAEd,WAAW;AACb;AAEA,IAAM,cAAc;AAAA,EAClB,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,QAAQ;AACV;AAEA,IAAM,oBAAoB;AAAA,EACxB,MAAM;AACR;AAEA,IAAO,oBAAQ;;;AD5Ef,IAAM,gBAAgB,QAAQ,MAAM,OAAO,kBAAkB,EAAE,KAAK,SAAO,IAAI,aAAa,GAAG,EAAE,KAAK,MAAM,CAAC;","names":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@basictech/nextjs",
3
- "version": "0.2.0-beta.1",
3
+ "version": "0.2.0-beta.11",
4
4
  "description": "",
5
5
  "private": false,
6
6
  "publishConfig": {
@@ -17,7 +17,7 @@
17
17
  "author": "",
18
18
  "license": "ISC",
19
19
  "dependencies": {
20
- "@basictech/react": "0.2.0-beta.1",
20
+ "@basictech/react": "0.2.0-beta.11",
21
21
  "@radix-ui/react-avatar": "^1.1.1",
22
22
  "@radix-ui/react-popover": "^1.1.2"
23
23
  },
@@ -28,6 +28,7 @@
28
28
  "typescript": "^5.0.0"
29
29
  },
30
30
  "peerDependencies": {
31
- "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
31
+ "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
32
+ "next": "^14.0.0"
32
33
  }
33
34
  }
package/src/index.ts CHANGED
@@ -1,18 +1,14 @@
1
- "use client"
1
+ 'use client'
2
2
 
3
- // import { useBasic, BasicProvider } from "./AuthContext";
4
- // import { useLiveQuery as useQuery } from "dexie-react-hooks"
3
+ import dynamic from 'next/dynamic'
5
4
 
6
- import { useBasic, BasicProvider, useQuery } from "@basictech/react"
5
+ import { useBasic, useQuery } from "@basictech/react"
7
6
  import LoginButton from "./componets";
8
7
 
9
- // import dynamic from 'next/dynamic'
10
8
 
11
- // const BasicSync = dynamic(() => import('./sync'), { ssr: false })
12
- // import { BasicSync } from "./sync"
9
+ const BasicProvider = dynamic(() => import('@basictech/react').then(mod => mod.BasicProvider), { ssr: false });
10
+
13
11
 
14
12
  export {
15
13
  useBasic, BasicProvider, useQuery, LoginButton
16
- }
17
-
18
-
14
+ }