@b3-crow/ui-kit 0.0.35 → 0.0.36-pr44.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.
- package/dist/components/backgrounds/DashboardBackground.d.ts +4 -0
- package/dist/components/backgrounds/DashboardBackground.d.ts.map +1 -0
- package/dist/components/backgrounds/DashboardBackground.js +20 -0
- package/dist/components/backgrounds/DashboardBackground.js.map +1 -0
- package/dist/components/backgrounds/Globe.d.ts.map +1 -1
- package/dist/components/backgrounds/Globe.js +15 -274
- package/dist/components/backgrounds/Globe.js.map +1 -1
- package/dist/components/backgrounds/GlobeRenderer.d.ts +3 -0
- package/dist/components/backgrounds/GlobeRenderer.d.ts.map +1 -0
- package/dist/components/backgrounds/GlobeRenderer.js +187 -0
- package/dist/components/backgrounds/GlobeRenderer.js.map +1 -0
- package/dist/components/buttons/CollapseToggleButton.d.ts +7 -0
- package/dist/components/buttons/CollapseToggleButton.d.ts.map +1 -0
- package/dist/components/buttons/CollapseToggleButton.js +7 -0
- package/dist/components/buttons/CollapseToggleButton.js.map +1 -0
- package/dist/components/cards/Card.d.ts +1 -1
- package/dist/components/cards/MetricsCard.d.ts +10 -0
- package/dist/components/cards/MetricsCard.d.ts.map +1 -0
- package/dist/components/cards/MetricsCard.js +27 -0
- package/dist/components/cards/MetricsCard.js.map +1 -0
- package/dist/components/cards/PatternCard.d.ts +15 -0
- package/dist/components/cards/PatternCard.d.ts.map +1 -0
- package/dist/components/cards/PatternCard.js +45 -0
- package/dist/components/cards/PatternCard.js.map +1 -0
- package/dist/components/cards/TipCard.d.ts +5 -0
- package/dist/components/cards/TipCard.d.ts.map +1 -0
- package/dist/components/cards/TipCard.js +10 -0
- package/dist/components/cards/TipCard.js.map +1 -0
- package/dist/components/chat/ChatHistorySection.d.ts +4 -0
- package/dist/components/chat/ChatHistorySection.d.ts.map +1 -0
- package/dist/components/chat/ChatHistorySection.js +121 -0
- package/dist/components/chat/ChatHistorySection.js.map +1 -0
- package/dist/components/chat/MessageBubble.d.ts +13 -0
- package/dist/components/chat/MessageBubble.d.ts.map +1 -0
- package/dist/components/chat/MessageBubble.js +19 -0
- package/dist/components/chat/MessageBubble.js.map +1 -0
- package/dist/components/display/CodeBlock.js +3 -3
- package/dist/components/display/CodeBlock.js.map +1 -1
- package/dist/components/display/IconBadge.d.ts +12 -0
- package/dist/components/display/IconBadge.d.ts.map +1 -0
- package/dist/components/display/IconBadge.js +26 -0
- package/dist/components/display/IconBadge.js.map +1 -0
- package/dist/components/display/SourceIcon.d.ts +7 -0
- package/dist/components/display/SourceIcon.d.ts.map +1 -0
- package/dist/components/display/SourceIcon.js +23 -0
- package/dist/components/display/SourceIcon.js.map +1 -0
- package/dist/components/display/StatusBadge.d.ts +14 -0
- package/dist/components/display/StatusBadge.d.ts.map +1 -0
- package/dist/components/display/StatusBadge.js +30 -0
- package/dist/components/display/StatusBadge.js.map +1 -0
- package/dist/components/display/StatusIndicator.d.ts +7 -0
- package/dist/components/display/StatusIndicator.d.ts.map +1 -0
- package/dist/components/display/StatusIndicator.js +26 -0
- package/dist/components/display/StatusIndicator.js.map +1 -0
- package/dist/components/display/Tag.d.ts +7 -0
- package/dist/components/display/Tag.d.ts.map +1 -0
- package/dist/components/display/Tag.js +12 -0
- package/dist/components/display/Tag.js.map +1 -0
- package/dist/components/feedback/GeneratingState.d.ts +12 -0
- package/dist/components/feedback/GeneratingState.d.ts.map +1 -0
- package/dist/components/feedback/GeneratingState.js +19 -0
- package/dist/components/feedback/GeneratingState.js.map +1 -0
- package/dist/components/feedback/SettingsModal.d.ts +4 -0
- package/dist/components/feedback/SettingsModal.d.ts.map +1 -0
- package/dist/components/feedback/SettingsModal.js +56 -0
- package/dist/components/feedback/SettingsModal.js.map +1 -0
- package/dist/components/index.d.ts +32 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +33 -1
- package/dist/components/index.js.map +1 -1
- package/dist/components/inputs/FilterDropdown.d.ts +14 -0
- package/dist/components/inputs/FilterDropdown.d.ts.map +1 -0
- package/dist/components/inputs/FilterDropdown.js +112 -0
- package/dist/components/inputs/FilterDropdown.js.map +1 -0
- package/dist/components/inputs/InputField.d.ts +1 -1
- package/dist/components/inputs/SearchInput.d.ts +14 -0
- package/dist/components/inputs/SearchInput.d.ts.map +1 -0
- package/dist/components/inputs/SearchInput.js +38 -0
- package/dist/components/inputs/SearchInput.js.map +1 -0
- package/dist/components/inputs/SettingsDropup.d.ts +10 -0
- package/dist/components/inputs/SettingsDropup.d.ts.map +1 -0
- package/dist/components/inputs/SettingsDropup.js +94 -0
- package/dist/components/inputs/SettingsDropup.js.map +1 -0
- package/dist/components/inputs/SuggestionChip.d.ts +10 -0
- package/dist/components/inputs/SuggestionChip.d.ts.map +1 -0
- package/dist/components/inputs/SuggestionChip.js +12 -0
- package/dist/components/inputs/SuggestionChip.js.map +1 -0
- package/dist/components/inputs/ToggleSwitch.d.ts +8 -0
- package/dist/components/inputs/ToggleSwitch.d.ts.map +1 -0
- package/dist/components/inputs/ToggleSwitch.js +29 -0
- package/dist/components/inputs/ToggleSwitch.js.map +1 -0
- package/dist/components/layout/GlassPanel.d.ts +4 -0
- package/dist/components/layout/GlassPanel.d.ts.map +1 -0
- package/dist/components/layout/GlassPanel.js +11 -0
- package/dist/components/layout/GlassPanel.js.map +1 -0
- package/dist/components/layout/Header.d.ts +4 -0
- package/dist/components/layout/Header.d.ts.map +1 -0
- package/dist/components/layout/Header.js +127 -0
- package/dist/components/layout/Header.js.map +1 -0
- package/dist/components/layout/ListItem.d.ts +10 -0
- package/dist/components/layout/ListItem.d.ts.map +1 -0
- package/dist/components/layout/ListItem.js +14 -0
- package/dist/components/layout/ListItem.js.map +1 -0
- package/dist/components/layout/MobileSidebar.d.ts +4 -0
- package/dist/components/layout/MobileSidebar.d.ts.map +1 -0
- package/dist/components/layout/MobileSidebar.js +45 -0
- package/dist/components/layout/MobileSidebar.js.map +1 -0
- package/dist/components/layout/NavMenu.d.ts +10 -0
- package/dist/components/layout/NavMenu.d.ts.map +1 -0
- package/dist/components/layout/NavMenu.js +68 -0
- package/dist/components/layout/NavMenu.js.map +1 -0
- package/dist/components/layout/NavTooltip.d.ts +10 -0
- package/dist/components/layout/NavTooltip.d.ts.map +1 -0
- package/dist/components/layout/NavTooltip.js +36 -0
- package/dist/components/layout/NavTooltip.js.map +1 -0
- package/dist/components/layout/SectionHeader.d.ts +13 -0
- package/dist/components/layout/SectionHeader.d.ts.map +1 -0
- package/dist/components/layout/SectionHeader.js +22 -0
- package/dist/components/layout/SectionHeader.js.map +1 -0
- package/dist/components/layout/SidePanel.d.ts +12 -0
- package/dist/components/layout/SidePanel.d.ts.map +1 -0
- package/dist/components/layout/SidePanel.js +79 -0
- package/dist/components/layout/SidePanel.js.map +1 -0
- package/dist/components/layout/Sidebar.d.ts +4 -0
- package/dist/components/layout/Sidebar.d.ts.map +1 -0
- package/dist/components/layout/Sidebar.js +15 -0
- package/dist/components/layout/Sidebar.js.map +1 -0
- package/dist/components/layout/SidebarLogo.d.ts +9 -0
- package/dist/components/layout/SidebarLogo.d.ts.map +1 -0
- package/dist/components/layout/SidebarLogo.js +10 -0
- package/dist/components/layout/SidebarLogo.js.map +1 -0
- package/dist/components/providers/LenisProvider.d.ts +22 -0
- package/dist/components/providers/LenisProvider.d.ts.map +1 -0
- package/dist/components/providers/LenisProvider.js +45 -0
- package/dist/components/providers/LenisProvider.js.map +1 -0
- package/dist/lib/constants/accessibility.d.ts +24 -0
- package/dist/lib/constants/accessibility.d.ts.map +1 -0
- package/dist/lib/constants/accessibility.js +26 -0
- package/dist/lib/constants/accessibility.js.map +1 -0
- package/dist/lib/constants/animations.d.ts +73 -0
- package/dist/lib/constants/animations.d.ts.map +1 -0
- package/dist/lib/constants/animations.js +48 -0
- package/dist/lib/constants/animations.js.map +1 -0
- package/dist/lib/constants/colors.d.ts +55 -0
- package/dist/lib/constants/colors.d.ts.map +1 -0
- package/dist/lib/constants/colors.js +55 -0
- package/dist/lib/constants/colors.js.map +1 -0
- package/dist/lib/constants/gradients.d.ts +29 -0
- package/dist/lib/constants/gradients.d.ts.map +1 -0
- package/dist/lib/constants/gradients.js +29 -0
- package/dist/lib/constants/gradients.js.map +1 -0
- package/dist/lib/constants/icons.d.ts +4 -0
- package/dist/lib/constants/icons.d.ts.map +1 -0
- package/dist/lib/constants/icons.js +23 -0
- package/dist/lib/constants/icons.js.map +1 -0
- package/dist/lib/constants/navigation.d.ts +3 -0
- package/dist/lib/constants/navigation.d.ts.map +1 -0
- package/dist/lib/constants/navigation.js +35 -0
- package/dist/lib/constants/navigation.js.map +1 -0
- package/dist/lib/constants/sizing.d.ts +61 -0
- package/dist/lib/constants/sizing.d.ts.map +1 -0
- package/dist/lib/constants/sizing.js +49 -0
- package/dist/lib/constants/sizing.js.map +1 -0
- package/dist/lib/constants/styles.d.ts +44 -0
- package/dist/lib/constants/styles.d.ts.map +1 -0
- package/dist/lib/constants/styles.js +44 -0
- package/dist/lib/constants/styles.js.map +1 -0
- package/dist/lib/constants.d.ts +32 -0
- package/dist/lib/constants.d.ts.map +1 -0
- package/dist/lib/constants.js +105 -0
- package/dist/lib/constants.js.map +1 -0
- package/dist/lib/types.d.ts +94 -0
- package/dist/lib/types.d.ts.map +1 -0
- package/dist/lib/types.js +2 -0
- package/dist/lib/types.js.map +1 -0
- package/dist/lib/utils/accessibilityUtils.d.ts +9 -0
- package/dist/lib/utils/accessibilityUtils.d.ts.map +1 -0
- package/dist/lib/utils/accessibilityUtils.js +56 -0
- package/dist/lib/utils/accessibilityUtils.js.map +1 -0
- package/dist/lib/utils/pathUtils.d.ts +4 -0
- package/dist/lib/utils/pathUtils.d.ts.map +1 -0
- package/dist/lib/utils/pathUtils.js +16 -0
- package/dist/lib/utils/pathUtils.js.map +1 -0
- package/dist/styles.css +1 -1
- package/package.json +64 -20
- package/vitest.shims.d.ts +1 -0
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { DashboardBackgroundProps } from '../../lib/types';
|
|
2
|
+
export type { DashboardBackgroundProps };
|
|
3
|
+
export declare function DashboardBackground({ variant, noiseTextureSrc, sidebarWidth, }: DashboardBackgroundProps): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
//# sourceMappingURL=DashboardBackground.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DashboardBackground.d.ts","sourceRoot":"","sources":["../../../src/components/backgrounds/DashboardBackground.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAEhE,YAAY,EAAE,wBAAwB,EAAE,CAAC;AAwDzC,wBAAgB,mBAAmB,CAAC,EAClC,OAAmB,EACnB,eAAe,EACf,YAAkB,GACnB,EAAE,wBAAwB,2CAW1B"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
const gradientStyles = {
|
|
4
|
+
primary: 'radial-gradient(ellipse 80% 70% at 85% 50%, rgba(30, 16, 53, 0.8) 0%, rgba(10, 5, 21, 0.4) 50%, transparent 100%)',
|
|
5
|
+
vignette: (sidebarWidth) => `radial-gradient(ellipse 55% 90% at calc(50% + calc(${sidebarWidth}px / 2)) 50%, rgba(3, 0, 5, 0) 0%, rgba(3, 0, 5, 0.50) 100%)`,
|
|
6
|
+
purpleGlow: (sidebarWidth) => `radial-gradient(ellipse 60% 50% at calc(50% + calc(${sidebarWidth}px / 2)) 100%, rgba(133, 78, 210, 0.5) 0%, rgba(133, 78, 210, 0.3) 25%, rgba(133, 78, 210, 0.1) 50%, transparent 70%)`,
|
|
7
|
+
};
|
|
8
|
+
function MinimalBackground() {
|
|
9
|
+
return (_jsx("div", { className: "fixed inset-0 pointer-events-none z-0", children: _jsx("div", { className: "absolute inset-0 bg-[#030005]" }) }));
|
|
10
|
+
}
|
|
11
|
+
function DefaultBackground({ noiseTextureSrc, sidebarWidth, }) {
|
|
12
|
+
return (_jsxs("div", { className: "fixed inset-0 pointer-events-none z-0 overflow-hidden", style: { '--sidebar-width': `${sidebarWidth}px` }, children: [_jsx("div", { className: "absolute inset-0 bg-[#030005]" }), _jsx("div", { className: "absolute top-0 bottom-0 left-0 right-0 opacity-50", style: { background: gradientStyles.primary } }), noiseTextureSrc && (_jsx("img", { src: noiseTextureSrc, alt: "", role: "presentation", className: "absolute inset-0 w-full h-full opacity-[0.07] mix-blend-overlay object-cover" })), _jsx("div", { className: "absolute inset-0 opacity-40", style: { background: gradientStyles.vignette(sidebarWidth) } }), _jsx("div", { className: "absolute inset-x-0 bottom-0 h-[800px] pointer-events-none", style: { background: gradientStyles.purpleGlow(sidebarWidth) } })] }));
|
|
13
|
+
}
|
|
14
|
+
export function DashboardBackground({ variant = 'default', noiseTextureSrc, sidebarWidth = 280, }) {
|
|
15
|
+
if (variant === 'minimal') {
|
|
16
|
+
return _jsx(MinimalBackground, {});
|
|
17
|
+
}
|
|
18
|
+
return (_jsx(DefaultBackground, { noiseTextureSrc: noiseTextureSrc, sidebarWidth: sidebarWidth }));
|
|
19
|
+
}
|
|
20
|
+
//# sourceMappingURL=DashboardBackground.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DashboardBackground.js","sourceRoot":"","sources":["../../../src/components/backgrounds/DashboardBackground.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAMb,MAAM,cAAc,GAAG;IACrB,OAAO,EACL,mHAAmH;IACrH,QAAQ,EAAE,CAAC,YAAoB,EAAE,EAAE,CACjC,sDAAsD,YAAY,8DAA8D;IAClI,UAAU,EAAE,CAAC,YAAoB,EAAE,EAAE,CACnC,sDAAsD,YAAY,uHAAuH;CAC5L,CAAC;AAEF,SAAS,iBAAiB;IACxB,OAAO,CACL,cAAK,SAAS,EAAC,uCAAuC,YACpD,cAAK,SAAS,EAAC,+BAA+B,GAAG,GAC7C,CACP,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CAAC,EACzB,eAAe,EACf,YAAY,GAIb;IACC,OAAO,CACL,eACE,SAAS,EAAC,uDAAuD,EACjE,KAAK,EAAE,EAAE,iBAAiB,EAAE,GAAG,YAAY,IAAI,EAAyB,aAExE,cAAK,SAAS,EAAC,+BAA+B,GAAG,EACjD,cACE,SAAS,EAAC,mDAAmD,EAC7D,KAAK,EAAE,EAAE,UAAU,EAAE,cAAc,CAAC,OAAO,EAAE,GAC7C,EACD,eAAe,IAAI,CAClB,cACE,GAAG,EAAE,eAAe,EACpB,GAAG,EAAC,EAAE,EACN,IAAI,EAAC,cAAc,EACnB,SAAS,EAAC,8EAA8E,GACxF,CACH,EACD,cACE,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAE,EAAE,UAAU,EAAE,cAAc,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,GAC5D,EACF,cACE,SAAS,EAAC,2DAA2D,EACrE,KAAK,EAAE,EAAE,UAAU,EAAE,cAAc,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE,GAC9D,IACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,EAClC,OAAO,GAAG,SAAS,EACnB,eAAe,EACf,YAAY,GAAG,GAAG,GACO;IACzB,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,OAAO,KAAC,iBAAiB,KAAG,CAAC;IAC/B,CAAC;IAED,OAAO,CACL,KAAC,iBAAiB,IAChB,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,GAC1B,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Globe.d.ts","sourceRoot":"","sources":["../../../src/components/backgrounds/Globe.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Globe.d.ts","sourceRoot":"","sources":["../../../src/components/backgrounds/Globe.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC5B;AAED,MAAM,WAAW,UAAU;IACzB,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AA0CD,wBAAgB,KAAK,CAAC,EAAE,MAAuB,EAAE,IAAU,EAAE,EAAE,UAAU,2CAMxE"}
|
|
@@ -1,290 +1,31 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import {
|
|
4
|
-
import { motion } from 'framer-motion';
|
|
5
|
-
import { HiOutlineShare } from 'react-icons/hi';
|
|
6
|
-
import { BsGlobe2 } from 'react-icons/bs';
|
|
3
|
+
import { lazy, Suspense } from 'react';
|
|
7
4
|
import { BiCctv } from 'react-icons/bi';
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
// Base icosahedron vertices
|
|
12
|
-
let vertices = [
|
|
13
|
-
{ x: -1, y: t, z: 0 },
|
|
14
|
-
{ x: 1, y: t, z: 0 },
|
|
15
|
-
{ x: -1, y: -t, z: 0 },
|
|
16
|
-
{ x: 1, y: -t, z: 0 },
|
|
17
|
-
{ x: 0, y: -1, z: t },
|
|
18
|
-
{ x: 0, y: 1, z: t },
|
|
19
|
-
{ x: 0, y: -1, z: -t },
|
|
20
|
-
{ x: 0, y: 1, z: -t },
|
|
21
|
-
{ x: t, y: 0, z: -1 },
|
|
22
|
-
{ x: t, y: 0, z: 1 },
|
|
23
|
-
{ x: -t, y: 0, z: -1 },
|
|
24
|
-
{ x: -t, y: 0, z: 1 },
|
|
25
|
-
];
|
|
26
|
-
// Base faces (triangles)
|
|
27
|
-
let faces = [
|
|
28
|
-
[0, 11, 5],
|
|
29
|
-
[0, 5, 1],
|
|
30
|
-
[0, 1, 7],
|
|
31
|
-
[0, 7, 10],
|
|
32
|
-
[0, 10, 11],
|
|
33
|
-
[1, 5, 9],
|
|
34
|
-
[5, 11, 4],
|
|
35
|
-
[11, 10, 2],
|
|
36
|
-
[10, 7, 6],
|
|
37
|
-
[7, 1, 8],
|
|
38
|
-
[3, 9, 4],
|
|
39
|
-
[3, 4, 2],
|
|
40
|
-
[3, 2, 6],
|
|
41
|
-
[3, 6, 8],
|
|
42
|
-
[3, 8, 9],
|
|
43
|
-
[4, 9, 5],
|
|
44
|
-
[2, 4, 11],
|
|
45
|
-
[6, 2, 10],
|
|
46
|
-
[8, 6, 7],
|
|
47
|
-
[9, 8, 1],
|
|
48
|
-
];
|
|
49
|
-
// Normalize vertex
|
|
50
|
-
const normalize = (v) => {
|
|
51
|
-
const len = Math.sqrt(v.x * v.x + v.y * v.y + v.z * v.z);
|
|
52
|
-
return { x: v.x / len, y: v.y / len, z: v.z / len };
|
|
53
|
-
};
|
|
54
|
-
// Get midpoint and add to vertices
|
|
55
|
-
const getMidpoint = (v1, v2) => {
|
|
56
|
-
return normalize({
|
|
57
|
-
x: (v1.x + v2.x) / 2,
|
|
58
|
-
y: (v1.y + v2.y) / 2,
|
|
59
|
-
z: (v1.z + v2.z) / 2,
|
|
60
|
-
});
|
|
61
|
-
};
|
|
62
|
-
// Normalize initial vertices
|
|
63
|
-
vertices = vertices.map(normalize);
|
|
64
|
-
// Subdivide
|
|
65
|
-
for (let i = 0; i < subdivisions; i++) {
|
|
66
|
-
const newFaces = [];
|
|
67
|
-
faces.forEach(face => {
|
|
68
|
-
const [a, b, c] = face;
|
|
69
|
-
const va = vertices[a];
|
|
70
|
-
const vb = vertices[b];
|
|
71
|
-
const vc = vertices[c];
|
|
72
|
-
// Get midpoints
|
|
73
|
-
const mab = getMidpoint(va, vb);
|
|
74
|
-
const mbc = getMidpoint(vb, vc);
|
|
75
|
-
const mca = getMidpoint(vc, va);
|
|
76
|
-
// Add midpoints to vertices
|
|
77
|
-
const iab = vertices.length;
|
|
78
|
-
vertices.push(mab);
|
|
79
|
-
const ibc = vertices.length;
|
|
80
|
-
vertices.push(mbc);
|
|
81
|
-
const ica = vertices.length;
|
|
82
|
-
vertices.push(mca);
|
|
83
|
-
// Create 4 new triangles
|
|
84
|
-
newFaces.push([a, iab, ica]);
|
|
85
|
-
newFaces.push([b, ibc, iab]);
|
|
86
|
-
newFaces.push([c, ica, ibc]);
|
|
87
|
-
newFaces.push([iab, ibc, ica]);
|
|
88
|
-
});
|
|
89
|
-
faces = newFaces;
|
|
90
|
-
}
|
|
91
|
-
// Extract unique edges from faces
|
|
92
|
-
const edgeSet = new Set();
|
|
93
|
-
const edges = [];
|
|
94
|
-
faces.forEach(face => {
|
|
95
|
-
const [a, b, c] = face;
|
|
96
|
-
const pairs = [
|
|
97
|
-
[a, b],
|
|
98
|
-
[b, c],
|
|
99
|
-
[c, a],
|
|
100
|
-
];
|
|
101
|
-
pairs.forEach(([i, j]) => {
|
|
102
|
-
const key = i < j ? `${i}-${j}` : `${j}-${i}`;
|
|
103
|
-
if (!edgeSet.has(key)) {
|
|
104
|
-
edgeSet.add(key);
|
|
105
|
-
edges.push({ a: i, b: j });
|
|
106
|
-
}
|
|
107
|
-
});
|
|
108
|
-
});
|
|
109
|
-
return { vertices, edges };
|
|
110
|
-
};
|
|
111
|
-
// Rotate a 3D point around Y axis
|
|
112
|
-
const rotateY = (v, angle) => {
|
|
113
|
-
const cos = Math.cos(angle);
|
|
114
|
-
const sin = Math.sin(angle);
|
|
115
|
-
return {
|
|
116
|
-
x: v.x * cos - v.z * sin,
|
|
117
|
-
y: v.y,
|
|
118
|
-
z: v.x * sin + v.z * cos,
|
|
119
|
-
};
|
|
120
|
-
};
|
|
121
|
-
// Rotate a 3D point around X axis
|
|
122
|
-
const rotateX = (v, angle) => {
|
|
123
|
-
const cos = Math.cos(angle);
|
|
124
|
-
const sin = Math.sin(angle);
|
|
125
|
-
return {
|
|
126
|
-
x: v.x,
|
|
127
|
-
y: v.y * cos - v.z * sin,
|
|
128
|
-
z: v.y * sin + v.z * cos,
|
|
129
|
-
};
|
|
130
|
-
};
|
|
131
|
-
// Project 3D to 2D (orthographic projection to maintain perfect circle)
|
|
132
|
-
const project = (v, radius, size) => {
|
|
133
|
-
return {
|
|
134
|
-
x: size / 2 + v.x * radius,
|
|
135
|
-
y: size / 2 - v.y * radius,
|
|
136
|
-
};
|
|
137
|
-
};
|
|
138
|
-
// Convert lat/long to 3D and calculate screen position
|
|
139
|
-
const calculatePointPosition = (lat, long, rotation, size) => {
|
|
140
|
-
const latRad = (lat * Math.PI) / 180;
|
|
141
|
-
const longRad = (long * Math.PI) / 180;
|
|
142
|
-
let vertex = {
|
|
143
|
-
x: Math.cos(latRad) * Math.sin(longRad),
|
|
144
|
-
y: Math.sin(latRad),
|
|
145
|
-
z: Math.cos(latRad) * Math.cos(longRad),
|
|
146
|
-
};
|
|
147
|
-
vertex = rotateY(vertex, rotation);
|
|
148
|
-
vertex = rotateX(vertex, 0.3);
|
|
149
|
-
const projected = project(vertex, size * 0.4, size);
|
|
150
|
-
const baseScale = vertex.z > 0 ? 1 + vertex.z * 0.3 : 0.7 + vertex.z * 0.3;
|
|
151
|
-
// Smooth fade transition instead of instant disappearance
|
|
152
|
-
let opacity = 1;
|
|
153
|
-
if (vertex.z > 0.3) {
|
|
154
|
-
opacity = 1; // Fully visible in front
|
|
155
|
-
}
|
|
156
|
-
else if (vertex.z > -0.3) {
|
|
157
|
-
// Gradual fade in the transition zone
|
|
158
|
-
opacity = (vertex.z + 0.3) / 0.6;
|
|
159
|
-
}
|
|
160
|
-
else {
|
|
161
|
-
opacity = 0; // Fully hidden behind
|
|
162
|
-
}
|
|
163
|
-
return {
|
|
164
|
-
x: projected.x,
|
|
165
|
-
y: projected.y,
|
|
166
|
-
z: vertex.z,
|
|
167
|
-
scale: Math.max(0.5, baseScale),
|
|
168
|
-
opacity,
|
|
169
|
-
};
|
|
170
|
-
};
|
|
171
|
-
const defaultPoints = [
|
|
5
|
+
import { BsGlobe2 } from 'react-icons/bs';
|
|
6
|
+
import { HiOutlineShare } from 'react-icons/hi';
|
|
7
|
+
const DEFAULT_POINTS = [
|
|
172
8
|
{
|
|
173
9
|
label: 'Internet',
|
|
174
10
|
icon: _jsx(BsGlobe2, { className: "text-3xl" }),
|
|
175
11
|
location: [20, 0],
|
|
176
12
|
},
|
|
177
|
-
{
|
|
13
|
+
{
|
|
14
|
+
label: 'CCTV',
|
|
15
|
+
icon: _jsx(BiCctv, { className: "text-3xl" }),
|
|
16
|
+
location: [0, -60],
|
|
17
|
+
},
|
|
178
18
|
{
|
|
179
19
|
label: 'Social Media',
|
|
180
20
|
icon: _jsx(HiOutlineShare, { className: "text-3xl" }),
|
|
181
21
|
location: [-10, 50],
|
|
182
22
|
},
|
|
183
23
|
];
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
const scaleStartTimeRef = useRef(0);
|
|
191
|
-
const animationRef = useRef(undefined);
|
|
192
|
-
const displayPoints = points || defaultPoints;
|
|
193
|
-
useEffect(() => {
|
|
194
|
-
const canvas = canvasRef.current;
|
|
195
|
-
if (!canvas)
|
|
196
|
-
return;
|
|
197
|
-
const ctx = canvas.getContext('2d');
|
|
198
|
-
if (!ctx)
|
|
199
|
-
return;
|
|
200
|
-
const { vertices, edges } = generateIcosphere(2);
|
|
201
|
-
const radius = size * 0.4;
|
|
202
|
-
const render = () => {
|
|
203
|
-
ctx.clearRect(0, 0, size, size);
|
|
204
|
-
// Rotate and project vertices
|
|
205
|
-
const rotated = vertices.map(v => {
|
|
206
|
-
let rv = rotateY(v, rotationRef.current);
|
|
207
|
-
rv = rotateX(rv, 0.3);
|
|
208
|
-
return rv;
|
|
209
|
-
});
|
|
210
|
-
// Draw edges
|
|
211
|
-
ctx.strokeStyle = 'rgba(255, 255, 255, 0.4)';
|
|
212
|
-
ctx.lineWidth = 1.5;
|
|
213
|
-
edges.forEach(edge => {
|
|
214
|
-
const v1 = rotated[edge.a];
|
|
215
|
-
const v2 = rotated[edge.b];
|
|
216
|
-
if (v1.z > -0.5 || v2.z > -0.5) {
|
|
217
|
-
const p1 = project(v1, radius, size);
|
|
218
|
-
const p2 = project(v2, radius, size);
|
|
219
|
-
ctx.beginPath();
|
|
220
|
-
ctx.moveTo(p1.x, p1.y);
|
|
221
|
-
ctx.lineTo(p2.x, p2.y);
|
|
222
|
-
ctx.stroke();
|
|
223
|
-
}
|
|
224
|
-
});
|
|
225
|
-
// Draw vertices as small dots
|
|
226
|
-
ctx.fillStyle = 'rgba(255, 255, 255, 0.5)';
|
|
227
|
-
rotated.forEach(v => {
|
|
228
|
-
if (v.z > -0.5) {
|
|
229
|
-
const p = project(v, radius, size);
|
|
230
|
-
ctx.beginPath();
|
|
231
|
-
ctx.arc(p.x, p.y, 2, 0, Math.PI * 2);
|
|
232
|
-
ctx.fill();
|
|
233
|
-
}
|
|
234
|
-
});
|
|
235
|
-
// Update point positions
|
|
236
|
-
const positions = displayPoints.map(point => calculatePointPosition(point.location[0], point.location[1], rotationRef.current, size));
|
|
237
|
-
// Sequential scaling - brief pulse when icon reaches front
|
|
238
|
-
const currentPos = positions[scaleIndexRef.current];
|
|
239
|
-
const now = Date.now();
|
|
240
|
-
if (currentPos && currentPos.z > 0.4 && !scalingRef.current) {
|
|
241
|
-
scalingRef.current = true;
|
|
242
|
-
scaleStartTimeRef.current = now;
|
|
243
|
-
}
|
|
244
|
-
if (scalingRef.current) {
|
|
245
|
-
const elapsed = now - scaleStartTimeRef.current;
|
|
246
|
-
const scaleDuration = 500;
|
|
247
|
-
if (elapsed < scaleDuration && currentPos) {
|
|
248
|
-
const progress = elapsed / scaleDuration;
|
|
249
|
-
const pulseAmount = Math.sin(progress * Math.PI);
|
|
250
|
-
currentPos.scale *= 1 + pulseAmount * 0.35;
|
|
251
|
-
}
|
|
252
|
-
else {
|
|
253
|
-
scalingRef.current = false;
|
|
254
|
-
scaleIndexRef.current =
|
|
255
|
-
(scaleIndexRef.current + 1) % displayPoints.length;
|
|
256
|
-
}
|
|
257
|
-
}
|
|
258
|
-
setPointPositions(positions);
|
|
259
|
-
rotationRef.current += 0.003;
|
|
260
|
-
animationRef.current = requestAnimationFrame(render);
|
|
261
|
-
};
|
|
262
|
-
render();
|
|
263
|
-
return () => {
|
|
264
|
-
if (animationRef.current) {
|
|
265
|
-
cancelAnimationFrame(animationRef.current);
|
|
266
|
-
}
|
|
267
|
-
};
|
|
268
|
-
}, [size, displayPoints]);
|
|
269
|
-
return (_jsxs("div", { className: "relative", style: { width: size, height: size }, children: [_jsx("canvas", { ref: canvasRef, width: size, height: size, style: {
|
|
270
|
-
width: size,
|
|
271
|
-
height: size,
|
|
272
|
-
maxWidth: '100%',
|
|
273
|
-
aspectRatio: '1',
|
|
274
|
-
} }), displayPoints.map((point, index) => {
|
|
275
|
-
const pos = pointPositions[index];
|
|
276
|
-
if (!pos)
|
|
277
|
-
return null;
|
|
278
|
-
return (_jsx(motion.div, { className: "absolute -translate-x-1/2 -translate-y-1/2 pointer-events-none", style: {
|
|
279
|
-
left: pos.x,
|
|
280
|
-
top: pos.y,
|
|
281
|
-
opacity: pos.opacity,
|
|
282
|
-
zIndex: pos.z > 0 ? 10 : 5,
|
|
283
|
-
}, animate: {
|
|
284
|
-
scale: pos.scale,
|
|
285
|
-
}, transition: {
|
|
286
|
-
scale: { duration: 0.3, ease: 'easeOut' },
|
|
287
|
-
}, children: _jsxs("div", { className: "relative", children: [_jsx("div", { className: "w-16 h-16 rounded-full bg-black/70 border-2 border-white/50 backdrop-blur-sm flex items-center justify-center text-white shadow-lg", children: point.icon }), _jsx("div", { className: "absolute top-full mt-2 left-1/2 -translate-x-1/2 whitespace-nowrap", children: _jsx("span", { className: "text-sm text-white font-medium drop-shadow-lg", children: point.label }) })] }) }, point.label));
|
|
288
|
-
})] }));
|
|
24
|
+
const GlobeRenderer = lazy(() => import('./GlobeRenderer'));
|
|
25
|
+
function GlobeLoader({ size }) {
|
|
26
|
+
return (_jsx("div", { className: "flex items-center justify-center", style: { width: size, height: size }, children: _jsxs("div", { className: "relative", children: [_jsx("div", { className: "rounded-full border-2 border-white/20 animate-pulse", style: { width: size * 0.6, height: size * 0.6 } }), _jsx("div", { className: "absolute inset-0 rounded-full border-t-2 border-blue-500/50 animate-spin", style: { width: size * 0.6, height: size * 0.6 } })] }) }));
|
|
27
|
+
}
|
|
28
|
+
export function Globe({ points = DEFAULT_POINTS, size = 600 }) {
|
|
29
|
+
return (_jsx(Suspense, { fallback: _jsx(GlobeLoader, { size: size }), children: _jsx(GlobeRenderer, { points: points, size: size }) }));
|
|
289
30
|
}
|
|
290
31
|
//# sourceMappingURL=Globe.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Globe.js","sourceRoot":"","sources":["../../../src/components/backgrounds/Globe.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Globe.js","sourceRoot":"","sources":["../../../src/components/backgrounds/Globe.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAahD,MAAM,cAAc,GAAiB;IACnC;QACE,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG;QACvC,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC,CAAqB;KACtC;IACD;QACE,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,KAAC,MAAM,IAAC,SAAS,EAAC,UAAU,GAAG;QACrC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAqB;KACvC;IACD;QACE,KAAK,EAAE,cAAc;QACrB,IAAI,EAAE,KAAC,cAAc,IAAC,SAAS,EAAC,UAAU,GAAG;QAC7C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAqB;KACxC;CACF,CAAC;AAEF,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC;AAE5D,SAAS,WAAW,CAAC,EAAE,IAAI,EAAoB;IAC7C,OAAO,CACL,cACE,SAAS,EAAC,kCAAkC,EAC5C,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,YAEpC,eAAK,SAAS,EAAC,UAAU,aACvB,cACE,SAAS,EAAC,qDAAqD,EAC/D,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,GAAG,GAAG,EAAE,MAAM,EAAE,IAAI,GAAG,GAAG,EAAE,GAChD,EACF,cACE,SAAS,EAAC,0EAA0E,EACpF,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,GAAG,GAAG,EAAE,MAAM,EAAE,IAAI,GAAG,GAAG,EAAE,GAChD,IACE,GACF,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,KAAK,CAAC,EAAE,MAAM,GAAG,cAAc,EAAE,IAAI,GAAG,GAAG,EAAc;IACvE,OAAO,CACL,KAAC,QAAQ,IAAC,QAAQ,EAAE,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,GAAI,YAC7C,KAAC,aAAa,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,GAAI,GACpC,CACZ,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GlobeRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/backgrounds/GlobeRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAc,UAAU,EAAE,MAAM,SAAS,CAAC;AAwEtD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,MAAW,EAAE,IAAU,EAAE,EAAE,UAAU,2CAoM5E"}
|
|
@@ -0,0 +1,187 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { motion } from 'framer-motion';
|
|
4
|
+
import { useEffect, useRef, useState } from 'react';
|
|
5
|
+
import * as THREE from 'three';
|
|
6
|
+
import ThreeGlobe from 'three-globe';
|
|
7
|
+
function generateArcs(points, randomArcCount = 6) {
|
|
8
|
+
const arcs = [];
|
|
9
|
+
const colors = [
|
|
10
|
+
'rgba(255, 107, 107, 0.4)',
|
|
11
|
+
'rgba(78, 205, 196, 0.4)',
|
|
12
|
+
'rgba(69, 183, 209, 0.4)',
|
|
13
|
+
'rgba(150, 206, 180, 0.4)',
|
|
14
|
+
'rgba(168, 85, 247, 0.4)',
|
|
15
|
+
'rgba(59, 130, 246, 0.4)',
|
|
16
|
+
];
|
|
17
|
+
for (let i = 0; i < points.length; i++) {
|
|
18
|
+
for (let j = i + 1; j < points.length; j++) {
|
|
19
|
+
arcs.push({
|
|
20
|
+
startLat: points[i].location[0],
|
|
21
|
+
startLng: points[i].location[1],
|
|
22
|
+
endLat: points[j].location[0],
|
|
23
|
+
endLng: points[j].location[1],
|
|
24
|
+
color: colors[Math.floor(Math.random() * colors.length)],
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
for (let i = 0; i < randomArcCount; i++) {
|
|
29
|
+
const startLat = Math.random() * 140 - 70;
|
|
30
|
+
const startLng = Math.random() * 360 - 180;
|
|
31
|
+
const endLat = Math.random() * 140 - 70;
|
|
32
|
+
const endLng = Math.random() * 360 - 180;
|
|
33
|
+
arcs.push({
|
|
34
|
+
startLat,
|
|
35
|
+
startLng,
|
|
36
|
+
endLat,
|
|
37
|
+
endLng,
|
|
38
|
+
color: colors[Math.floor(Math.random() * colors.length)],
|
|
39
|
+
});
|
|
40
|
+
}
|
|
41
|
+
return arcs;
|
|
42
|
+
}
|
|
43
|
+
function generatePointsData(points) {
|
|
44
|
+
return points.map(p => ({
|
|
45
|
+
lat: p.location[0],
|
|
46
|
+
lng: p.location[1],
|
|
47
|
+
size: 0.5,
|
|
48
|
+
color: '#ffffff',
|
|
49
|
+
}));
|
|
50
|
+
}
|
|
51
|
+
export default function GlobeRenderer({ points = [], size = 600 }) {
|
|
52
|
+
const containerRef = useRef(null);
|
|
53
|
+
const rendererRef = useRef(null);
|
|
54
|
+
const animationRef = useRef(undefined);
|
|
55
|
+
const globeRef = useRef(null);
|
|
56
|
+
const [pointPositions, setPointPositions] = useState([]);
|
|
57
|
+
const scaleIndexRef = useRef(0);
|
|
58
|
+
const scalingRef = useRef(false);
|
|
59
|
+
const scaleStartTimeRef = useRef(0);
|
|
60
|
+
const displayPoints = points;
|
|
61
|
+
useEffect(() => {
|
|
62
|
+
const container = containerRef.current;
|
|
63
|
+
if (!container)
|
|
64
|
+
return;
|
|
65
|
+
const scene = new THREE.Scene();
|
|
66
|
+
const camera = new THREE.PerspectiveCamera(50, 1, 1, 1000);
|
|
67
|
+
camera.position.z = 350;
|
|
68
|
+
const renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true });
|
|
69
|
+
renderer.setSize(size, size);
|
|
70
|
+
renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));
|
|
71
|
+
container.appendChild(renderer.domElement);
|
|
72
|
+
rendererRef.current = renderer;
|
|
73
|
+
const ambientLight = new THREE.AmbientLight(0xffffff, 2.0);
|
|
74
|
+
scene.add(ambientLight);
|
|
75
|
+
const directionalLight = new THREE.DirectionalLight(0xffffff, 2.2);
|
|
76
|
+
directionalLight.position.set(1, 1, 1);
|
|
77
|
+
scene.add(directionalLight);
|
|
78
|
+
const GLOBE_RADIUS = 100;
|
|
79
|
+
const globe = new ThreeGlobe({ animateIn: true })
|
|
80
|
+
.globeImageUrl('https://unpkg.com/three-globe@2.45.0/example/img/earth-night.jpg')
|
|
81
|
+
.bumpImageUrl('https://unpkg.com/three-globe@2.45.0/example/img/earth-topology.png')
|
|
82
|
+
.showAtmosphere(true)
|
|
83
|
+
.atmosphereColor('#3a82f7')
|
|
84
|
+
.atmosphereAltitude(0.15)
|
|
85
|
+
.pointsData(generatePointsData(displayPoints))
|
|
86
|
+
.pointAltitude(0.01)
|
|
87
|
+
.pointColor('color')
|
|
88
|
+
.pointRadius('size')
|
|
89
|
+
.arcsData(generateArcs(displayPoints))
|
|
90
|
+
.arcColor('color')
|
|
91
|
+
.arcDashLength(0.4)
|
|
92
|
+
.arcDashGap(0.2)
|
|
93
|
+
.arcDashAnimateTime(2000)
|
|
94
|
+
.arcStroke(0.3)
|
|
95
|
+
.arcAltitudeAutoScale(0.3);
|
|
96
|
+
globeRef.current = globe;
|
|
97
|
+
scene.add(globe);
|
|
98
|
+
scene.rotation.x = 0.2;
|
|
99
|
+
const animate = () => {
|
|
100
|
+
const now = Date.now();
|
|
101
|
+
globe.rotation.y += 0.002;
|
|
102
|
+
const positions = displayPoints.map((point, index) => {
|
|
103
|
+
const [lat, lng] = point.location;
|
|
104
|
+
const phi = ((90 - lat) * Math.PI) / 180;
|
|
105
|
+
const theta = ((lng + 180) * Math.PI) / 180;
|
|
106
|
+
const pos = new THREE.Vector3(-GLOBE_RADIUS * Math.sin(phi) * Math.cos(theta), GLOBE_RADIUS * Math.cos(phi), GLOBE_RADIUS * Math.sin(phi) * Math.sin(theta));
|
|
107
|
+
pos.applyAxisAngle(new THREE.Vector3(0, 1, 0), globe.rotation.y);
|
|
108
|
+
pos.applyAxisAngle(new THREE.Vector3(1, 0, 0), 0.2);
|
|
109
|
+
const projected = pos.clone().project(camera);
|
|
110
|
+
const screenX = (projected.x * 0.5 + 0.5) * size;
|
|
111
|
+
const screenY = (-projected.y * 0.5 + 0.5) * size;
|
|
112
|
+
const normalizedZ = pos.z / GLOBE_RADIUS;
|
|
113
|
+
let opacity = 1;
|
|
114
|
+
if (normalizedZ > 0.3) {
|
|
115
|
+
opacity = 1;
|
|
116
|
+
}
|
|
117
|
+
else if (normalizedZ > -0.3) {
|
|
118
|
+
opacity = (normalizedZ + 0.3) / 0.6;
|
|
119
|
+
}
|
|
120
|
+
else {
|
|
121
|
+
opacity = 0;
|
|
122
|
+
}
|
|
123
|
+
let scale = normalizedZ > 0 ? 1 + normalizedZ * 0.3 : 0.7 + normalizedZ * 0.3;
|
|
124
|
+
scale = Math.max(0.5, scale);
|
|
125
|
+
if (index === scaleIndexRef.current) {
|
|
126
|
+
if (normalizedZ > 0.4 && !scalingRef.current) {
|
|
127
|
+
scalingRef.current = true;
|
|
128
|
+
scaleStartTimeRef.current = now;
|
|
129
|
+
}
|
|
130
|
+
if (scalingRef.current) {
|
|
131
|
+
const elapsed = now - scaleStartTimeRef.current;
|
|
132
|
+
const duration = 500;
|
|
133
|
+
if (elapsed < duration) {
|
|
134
|
+
const progress = elapsed / duration;
|
|
135
|
+
const pulse = Math.sin(progress * Math.PI);
|
|
136
|
+
scale *= 1 + pulse * 0.35;
|
|
137
|
+
}
|
|
138
|
+
else {
|
|
139
|
+
scalingRef.current = false;
|
|
140
|
+
scaleIndexRef.current =
|
|
141
|
+
(scaleIndexRef.current + 1) % displayPoints.length;
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
return {
|
|
146
|
+
x: screenX,
|
|
147
|
+
y: screenY,
|
|
148
|
+
z: normalizedZ,
|
|
149
|
+
scale,
|
|
150
|
+
opacity,
|
|
151
|
+
};
|
|
152
|
+
});
|
|
153
|
+
// eslint-disable-next-line react-hooks-extra/no-direct-set-state-in-use-effect
|
|
154
|
+
setPointPositions(positions);
|
|
155
|
+
renderer.render(scene, camera);
|
|
156
|
+
animationRef.current = requestAnimationFrame(animate);
|
|
157
|
+
};
|
|
158
|
+
animate();
|
|
159
|
+
return () => {
|
|
160
|
+
if (animationRef.current) {
|
|
161
|
+
cancelAnimationFrame(animationRef.current);
|
|
162
|
+
}
|
|
163
|
+
if (rendererRef.current && container) {
|
|
164
|
+
container.removeChild(rendererRef.current.domElement);
|
|
165
|
+
rendererRef.current.dispose();
|
|
166
|
+
}
|
|
167
|
+
};
|
|
168
|
+
}, [size, displayPoints]);
|
|
169
|
+
return (_jsxs("div", { className: "relative", style: { width: size, height: size }, children: [_jsx("div", { ref: containerRef, className: "absolute inset-0" }), displayPoints.map((point, index) => {
|
|
170
|
+
const pos = pointPositions[index];
|
|
171
|
+
if (!pos)
|
|
172
|
+
return null;
|
|
173
|
+
return (_jsx(motion.div, { className: "absolute -translate-x-1/2 -translate-y-1/2 pointer-events-none", style: {
|
|
174
|
+
left: pos.x,
|
|
175
|
+
top: pos.y,
|
|
176
|
+
opacity: pos.opacity,
|
|
177
|
+
zIndex: pos.z > 0 ? 10 : 5,
|
|
178
|
+
}, initial: { opacity: 0, scale: 0 }, animate: {
|
|
179
|
+
opacity: pos.opacity,
|
|
180
|
+
scale: pos.scale,
|
|
181
|
+
}, transition: {
|
|
182
|
+
opacity: { duration: 0.3 },
|
|
183
|
+
scale: { duration: 0.3, ease: 'easeOut' },
|
|
184
|
+
}, children: _jsxs("div", { className: "relative", children: [_jsx("div", { className: "w-16 h-16 rounded-full bg-black/70 border-2 border-white/50 backdrop-blur-sm flex items-center justify-center text-white shadow-lg", children: point.icon }), _jsx("div", { className: "absolute top-full mt-2 left-1/2 -translate-x-1/2 whitespace-nowrap", children: _jsx("span", { className: "text-sm text-white font-medium drop-shadow-lg", children: point.label }) })] }) }, point.label));
|
|
185
|
+
})] }));
|
|
186
|
+
}
|
|
187
|
+
//# sourceMappingURL=GlobeRenderer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GlobeRenderer.js","sourceRoot":"","sources":["../../../src/components/backgrounds/GlobeRenderer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
interface CollapseToggleButtonProps {
|
|
2
|
+
isCollapsed: boolean;
|
|
3
|
+
onToggle: () => void;
|
|
4
|
+
}
|
|
5
|
+
export declare function CollapseToggleButton({ isCollapsed, onToggle }: CollapseToggleButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export {};
|
|
7
|
+
//# sourceMappingURL=CollapseToggleButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CollapseToggleButton.d.ts","sourceRoot":"","sources":["../../../src/components/buttons/CollapseToggleButton.tsx"],"names":[],"mappings":"AAMA,UAAU,yBAAyB;IACjC,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,oBAAoB,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,yBAAyB,2CAgBxF"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { PanelLeftClose, PanelLeftOpen } from 'lucide-react';
|
|
4
|
+
export function CollapseToggleButton({ isCollapsed, onToggle }) {
|
|
5
|
+
return (_jsx("button", { type: "button", onClick: onToggle, "aria-label": isCollapsed ? 'Expand sidebar' : 'Collapse sidebar', "aria-expanded": !isCollapsed, className: "w-6 h-6 flex items-center justify-center rounded-md border border-white/[0.08] transition-all duration-200", children: isCollapsed ? (_jsx(PanelLeftOpen, { size: 16, className: "text-gray-400", strokeWidth: 2 })) : (_jsx(PanelLeftClose, { size: 16, className: "text-gray-400", strokeWidth: 2 })) }));
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=CollapseToggleButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CollapseToggleButton.js","sourceRoot":"","sources":["../../../src/components/buttons/CollapseToggleButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAS7D,MAAM,UAAU,oBAAoB,CAAC,EAAE,WAAW,EAAE,QAAQ,EAA6B;IACvF,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,gBACL,WAAW,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,kBAAkB,mBAChD,CAAC,WAAW,EAC3B,SAAS,EAAC,4GAA4G,YAErH,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,eAAe,EAAC,WAAW,EAAE,CAAC,GAAI,CACtE,CAAC,CAAC,CAAC,CACF,KAAC,cAAc,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,eAAe,EAAC,WAAW,EAAE,CAAC,GAAI,CACvE,GACM,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type VariantProps } from 'class-variance-authority';
|
|
2
2
|
declare const cardVariants: (props?: ({
|
|
3
|
-
border?: "top" | "left" | "
|
|
3
|
+
border?: "top" | "left" | "none" | "all" | "right" | "bottom" | "top-bottom" | "left-right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | null | undefined;
|
|
4
4
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
5
5
|
export interface CardProps extends VariantProps<typeof cardVariants> {
|
|
6
6
|
title: string;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export interface MetricsCardProps {
|
|
2
|
+
title: string;
|
|
3
|
+
value: string;
|
|
4
|
+
change: string;
|
|
5
|
+
changeType: 'positive' | 'negative' | 'neutral' | 'info';
|
|
6
|
+
chartData?: readonly number[];
|
|
7
|
+
chartColor?: 'violet' | 'rose' | 'gray';
|
|
8
|
+
}
|
|
9
|
+
export declare function MetricsCard({ title, value, change, changeType, chartData, chartColor, }: MetricsCardProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
//# sourceMappingURL=MetricsCard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MetricsCard.d.ts","sourceRoot":"","sources":["../../../src/components/cards/MetricsCard.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;IACzD,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC9B,UAAU,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;CACzC;AAmCD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,MAAM,EACN,UAAU,EACV,SAA8B,EAC9B,UAAqB,GACtB,EAAE,gBAAgB,2CA4BlB"}
|