@basictech/nextjs 0.2.0-beta.2 → 0.2.0-beta.4

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@0.2.0-beta.1 build
3
+ > @basictech/nextjs@0.2.0-beta.3 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 2.24 KB
15
- ESM dist/index.mjs.map 3.78 KB
16
- ESM ⚡️ Build success in 23ms
17
- CJS dist/index.js 4.15 KB
18
- CJS dist/index.js.map 3.82 KB
19
- CJS ⚡️ Build success in 23ms
14
+ ESM dist/index.mjs 2.39 KB
15
+ ESM dist/index.mjs.map 3.73 KB
16
+ ESM ⚡️ Build success in 15ms
17
+ CJS dist/index.js 4.34 KB
18
+ CJS dist/index.js.map 3.79 KB
19
+ CJS ⚡️ Build success in 15ms
20
20
  DTS Build start
21
- DTS ⚡️ Build success in 1248ms
22
- DTS dist/index.d.ts 216.00 B
23
- DTS dist/index.d.mts 216.00 B
21
+ DTS ⚡️ Build success in 1072ms
22
+ DTS dist/index.d.ts 376.00 B
23
+ DTS dist/index.d.mts 376.00 B
package/CHANGELOG.md CHANGED
@@ -1,5 +1,31 @@
1
1
  # @basictech/nextjs
2
2
 
3
+ ## 0.2.0-beta.4
4
+
5
+ ### Minor Changes
6
+
7
+ - add schema validation
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies
12
+ - @basictech/react@0.2.0-beta.4
13
+
14
+ ## 0.2.0-beta.3
15
+
16
+ ### Minor Changes
17
+
18
+ - remove sync lib
19
+ - 4841960: test build
20
+ - remove sync library
21
+
22
+ ### Patch Changes
23
+
24
+ - Updated dependencies
25
+ - Updated dependencies [4841960]
26
+ - Updated dependencies
27
+ - @basictech/react@0.2.0-beta.3
28
+
3
29
  ## 0.2.0-beta.2
4
30
 
5
31
  ### Minor Changes
package/dist/index.d.mts CHANGED
@@ -1,6 +1,13 @@
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
+ }>;
12
+
13
+ export { BasicProvider, LoginButton };
package/dist/index.d.ts CHANGED
@@ -1,6 +1,13 @@
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
+ }>;
12
+
13
+ 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.2",
3
+ "version": "0.2.0-beta.4",
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.2",
20
+ "@basictech/react": "0.2.0-beta.4",
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
+ }