@myrjfa/ui 1.1.0 → 1.1.2

package/package.json

@@ -1,9 +1,11 @@
 {
   "name": "@myrjfa/ui",
-  "version": "1.1.0",
+  "version": "1.1.2",
+  "type": "module",
   "description": "Shared UI components for my apps",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
+  "sideEffects": false,
   "files": [
     "dist"
   ],
@@ -36,7 +38,7 @@
     "cmdk": "1.1.1",
     "embla-carousel-react": "^8.5.2",
     "emoji-picker-react": "^4.18.0",
-    "pnpm": "^10.14.0",
+    "react-easy-crop": "^5.5.6",
     "react-hook-form": "^7.54.2",
     "react-icons": "^5.5.0",
     "react-share": "^5.2.2"
@@ -48,11 +50,11 @@
     "lucide-react": "*",
     "next": "*",
     "react": "*",
-    "react-dom": "",
+    "react-dom": "*",
     "zod": "*"
   },
   "devDependencies": {
-    "@myrjfa/state": "1.1.0",
+    "@myrjfa/state": "1.1.2",
     "@types/react": "19.0.10",
     "@types/react-dom": "^19.0.4",
     "date-fns": "^3.0.0",

package/dist/main/portfolio/temp-page.d.ts

@@ -1,2 +0,0 @@
-export default function PortfolioPage(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=temp-page.d.ts.map

package/dist/main/portfolio/temp-page.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"temp-page.d.ts","sourceRoot":"","sources":["../../../src/main/portfolio/temp-page.tsx"],"names":[],"mappings":"AAYA,MAAM,CAAC,OAAO,UAAU,aAAa,4CAmKpC"}

package/dist/main/portfolio/temp-page.js

@@ -1,102 +0,0 @@
-// app/(dashboard)/profile/[userId]/portfolio/page.tsx
-'use client';
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState, useRef } from 'react';
-import { useParams, useRouter, useSearchParams } from 'next/navigation';
-import Image from 'next/image';
-import { Button } from '@myrjfa/ui/dist/misc/button';
-import { ExternalLink, ChevronLeft } from 'lucide-react';
-import ShareButton from '@myrjfa/ui/dist/misc/share';
-import { getUserPortfolio } from '@/lib/actions';
-export default function PortfolioPage() {
-    var _this = this;
-    var router = useRouter();
-    var id = useParams().id;
-    var userId = decodeURIComponent(id);
-    var searchParams = useSearchParams();
-    var firstName = searchParams.get("firstName");
-    var _a = useState([]), portfolio = _a[0], setPortfolio = _a[1];
-    var _b = useState(0), currentIndex = _b[0], setCurrentIndex = _b[1];
-    var containerRef = useRef(null);
-    useEffect(function () {
-        // Fetch portfolio data
-        // This should match your existing data fetching logic
-        var fetchData = function () { return __awaiter(_this, void 0, void 0, function () {
-            var portfolioResponse;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, getUserPortfolio(userId)];
-                    case 1:
-                        portfolioResponse = _a.sent();
-                        if (portfolioResponse.error)
-                            console.error(portfolioResponse.error);
-                        else
-                            setPortfolio(portfolioResponse.portfolios);
-                        return [2 /*return*/];
-                }
-            });
-        }); };
-        fetchData();
-        var index = searchParams.get('index');
-        if (index) {
-            setCurrentIndex(parseInt(index));
-        }
-    }, [userId, searchParams]);
-    useEffect(function () {
-        // Scroll to current item
-        if (containerRef.current) {
-            var items = containerRef.current.children;
-            if (items[currentIndex]) {
-                items[currentIndex].scrollIntoView({ behavior: 'smooth', block: 'start' });
-            }
-        }
-    }, [currentIndex]);
-    var handleScroll = function () {
-        if (!containerRef.current)
-            return;
-        var container = containerRef.current;
-        var scrollPosition = container.scrollTop;
-        var itemHeight = window.innerHeight;
-        var newIndex = Math.round(scrollPosition / itemHeight);
-        if (newIndex !== currentIndex && newIndex >= 0 && newIndex < portfolio.length) {
-            setCurrentIndex(newIndex);
-        }
-    };
-    return (_jsxs("div", { className: "fixed inset-0 bg-black z-50 mt-15", children: [_jsx("div", { className: "absolute top-0 left-0 right-0 z-10 bg-gradient-to-b from-black/50 to-transparent", children: _jsxs("div", { className: "flex items-center justify-between p-4", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: function () { return router.back(); }, className: "text-white hover:bg-white/10", children: _jsx(ChevronLeft, { className: "h-6 w-6" }) }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "w-8 h-8 bg-gradient-to-r from-blue-500 to-purple-500 rounded-full flex items-center justify-center", children: _jsx("span", { className: "text-white text-xs font-bold", children: "P" }) }), _jsxs("span", { className: "text-white font-semibold", children: [firstName, "'s Portfolio"] })] }), _jsx("div", { className: "w-10" }), " "] }) }), _jsx("div", { ref: containerRef, onScroll: handleScroll, className: "h-full overflow-y-scroll snap-y snap-mandatory scrollbar-hide", style: { scrollbarWidth: 'none', msOverflowStyle: 'none' }, children: portfolio.map(function (item, index) { return (_jsxs("div", { className: "h-screen w-full snap-start snap-always relative flex flex-col", children: [_jsx("div", { className: "flex-1 flex items-center justify-center bg-black", children: item.mediaType === 'video' ? (_jsx("video", { src: item.url, controls: true, loop: true, playsInline: true, className: "max-w-full max-h-full object-contain" })) : (_jsx("div", { className: "relative w-full h-full", children: _jsx(Image, { src: item.url, alt: item.caption, fill: true, sizes: "100vw", className: "object-contain", priority: index === currentIndex }) })) }), _jsx("div", { className: "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/80 via-black/50 to-transparent p-4 pb-6", children: _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx(ShareButton, {}), item.mainUrl && (_jsx(Button, { variant: "ghost", size: "sm", onClick: function () { return window.open(item.mainUrl, '_blank'); }, className: "text-white hover:bg-white/10", children: _jsx(ExternalLink, { className: "w-5 h-5" }) }))] }), _jsxs("div", { className: "text-white text-sm", children: [_jsx("p", { className: "font-medium", children: "5 likes" }), _jsxs("p", { className: "text-white/70 text-xs", children: [item.comments || 0, " comments \u2022 ", item.shares || 0, " shares"] })] }), _jsx("div", { className: "text-white", children: _jsxs("p", { className: "text-sm leading-relaxed line-clamp-3", children: [_jsx("span", { className: "font-semibold", children: firstName }), " ", item.caption] }) }), _jsx("div", { className: "flex gap-1 justify-center pt-2", children: portfolio.map(function (_, i) { return (_jsx("div", { className: "h-0.5 flex-1 rounded-full transition-all ".concat(i === currentIndex ? 'bg-white' : 'bg-white/30') }, i)); }) })] }) })] }, item._id)); }) }), _jsx("style", { jsx: true, children: "\n                .scrollbar-hide::-webkit-scrollbar {\n                    display: none;\n                }\n            " })] }));
-}