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

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.9 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
+ CJS dist/index.js 4.34 KB
15
+ CJS dist/index.js.map 3.79 KB
16
+ CJS ⚡️ Build success in 10ms
17
+ ESM dist/index.mjs 2.39 KB
18
+ ESM dist/index.mjs.map 3.73 KB
19
+ ESM ⚡️ Build success in 10ms
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 839ms
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,111 @@
1
1
  # @basictech/nextjs
2
2
 
3
+ ## 0.2.0-beta.10
4
+
5
+ ### Minor Changes
6
+
7
+ - added schema package - test
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies
12
+ - @basictech/react@0.2.0-beta.10
13
+
14
+ ## 0.2.0-beta.9
15
+
16
+ ### Minor Changes
17
+
18
+ - add schema validation
19
+
20
+ ### Patch Changes
21
+
22
+ - Updated dependencies
23
+ - @basictech/react@0.2.0-beta.9
24
+
25
+ ## 0.2.0-beta.8
26
+
27
+ ### Minor Changes
28
+
29
+ - changed isLoaded to isAuthReady and fixed dbStatus hooks for useBasic
30
+
31
+ ### Patch Changes
32
+
33
+ - Updated dependencies
34
+ - @basictech/react@0.2.0-beta.8
35
+
36
+ ## 0.2.0-beta.7
37
+
38
+ ### Minor Changes
39
+
40
+ - update useQuery hook
41
+
42
+ - no need to pass param as a function, can now enter query directly
43
+ - defaults to empty array when loading
44
+
45
+ ### Patch Changes
46
+
47
+ - Updated dependencies
48
+ - @basictech/react@0.2.0-beta.7
49
+
50
+ ## 0.2.0-beta.6
51
+
52
+ ### Minor Changes
53
+
54
+ - add debug option
55
+
56
+ ### Patch Changes
57
+
58
+ - Updated dependencies
59
+ - @basictech/react@0.2.0-beta.6
60
+
61
+ ## 0.2.0-beta.5
62
+
63
+ ### Minor Changes
64
+
65
+ - schema validation bugfix
66
+
67
+ ### Patch Changes
68
+
69
+ - Updated dependencies
70
+ - @basictech/react@0.2.0-beta.5
71
+
72
+ ## 0.2.0-beta.4
73
+
74
+ ### Minor Changes
75
+
76
+ - add schema validation
77
+
78
+ ### Patch Changes
79
+
80
+ - Updated dependencies
81
+ - @basictech/react@0.2.0-beta.4
82
+
83
+ ## 0.2.0-beta.3
84
+
85
+ ### Minor Changes
86
+
87
+ - remove sync lib
88
+ - 4841960: test build
89
+ - remove sync library
90
+
91
+ ### Patch Changes
92
+
93
+ - Updated dependencies
94
+ - Updated dependencies [4841960]
95
+ - Updated dependencies
96
+ - @basictech/react@0.2.0-beta.3
97
+
98
+ ## 0.2.0-beta.2
99
+
100
+ ### Minor Changes
101
+
102
+ - rebuild tsup
103
+
104
+ ### Patch Changes
105
+
106
+ - Updated dependencies
107
+ - @basictech/react@0.2.0-beta.2
108
+
3
109
  ## 0.2.0-beta.1
4
110
 
5
111
  ### 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.10",
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.10",
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
+ }