strapi-plugin-magic-sessionmanager 4.2.4 → 4.2.6

package/README.md

@@ -7,8 +7,6 @@ Track logins, monitor active users, and secure your app with one simple plugin.
 [![NPM](https://img.shields.io/npm/v/strapi-plugin-magic-sessionmanager.svg)](https://www.npmjs.com/package/strapi-plugin-magic-sessionmanager)
 [![License](https://img.shields.io/badge/License-MIT-blue.svg)](LICENSE)
 
-> 💡 **Tip:** Set `debug: true` in plugin config to enable detailed logging
-
 ---
 
 ## 📸 What It Looks Like

package/dist/server/index.js

@@ -1862,7 +1862,7 @@ var session$1 = ({ strapi: strapi2 }) => {
     }
   };
 };
-const version = "4.2.3";
+const version = "4.2.5";
 const require$$2 = {
   version
 };

package/dist/server/index.mjs

@@ -1858,7 +1858,7 @@ var session$1 = ({ strapi: strapi2 }) => {
     }
   };
 };
-const version = "4.2.3";
+const version = "4.2.5";
 const require$$2 = {
   version
 };

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "4.2.4",
+  "version": "4.2.6",
   "keywords": [
     "strapi",
     "strapi-plugin",
@@ -27,8 +27,6 @@
   },
   "files": [
     "dist",
-    "server",
-    "admin",
     "strapi-admin.js",
     "strapi-server.js",
     "README.md",

package/admin/jsconfig.json

@@ -1,10 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es6",
-    "jsx": "react",
-    "module": "esnext",
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true
-  },
-  "include": ["./src/**/*.js", "./src/**/*.jsx"]
-}

package/admin/src/components/Initializer.jsx

@@ -1,11 +0,0 @@
-import { useEffect } from 'react';
-
-const Initializer = () => {
-  useEffect(() => {
-    console.log('[magic-sessionmanager] Plugin initialized');
-  }, []);
-
-  return null;
-};
-
-export default Initializer;

package/admin/src/components/LicenseGuard.jsx

@@ -1,591 +0,0 @@
-import { useState, useEffect } from 'react';
-import styled, { keyframes } from 'styled-components';
-import {
-  Typography,
-  Box,
-  Flex,
-  Button,
-  TextInput,
-  Loader,
-} from '@strapi/design-system';
-import { useFetchClient, useNotification } from '@strapi/strapi/admin';
-import { Check, Key, Cross } from '@strapi/icons';
-import { useNavigate } from 'react-router-dom';
-import pluginId from '../pluginId';
-
-// Animations
-const fadeIn = keyframes`
-  from { opacity: 0; }
-  to { opacity: 1; }
-`;
-
-const slideUp = keyframes`
-  from { 
-    opacity: 0;
-    transform: translateY(30px);
-  }
-  to { 
-    opacity: 1;
-    transform: translateY(0);
-  }
-`;
-
-// Styled Components
-const ModalOverlay = styled.div`
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: rgba(4, 28, 47, 0.85);
-  backdrop-filter: blur(8px);
-  z-index: 9999;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  animation: ${fadeIn} 0.3s ease-out;
-  padding: 20px;
-`;
-
-const ModalContent = styled(Box)`
-  background: white;
-  border-radius: 16px;
-  width: 100%;
-  max-width: 580px;
-  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);
-  animation: ${slideUp} 0.4s cubic-bezier(0.4, 0, 0.2, 1);
-  overflow: hidden;
-`;
-
-const GradientHeader = styled(Box)`
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-  padding: 32px 40px;
-  position: relative;
-  overflow: hidden;
-
-  &::before {
-    content: '';
-    position: absolute;
-    top: -50%;
-    right: -50%;
-    width: 200%;
-    height: 200%;
-    background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
-  }
-`;
-
-const IconWrapper = styled.div`
-  width: 72px;
-  height: 72px;
-  border-radius: 50%;
-  background: rgba(255, 255, 255, 0.2);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin: 0 auto 16px;
-  backdrop-filter: blur(10px);
-  border: 2px solid rgba(255, 255, 255, 0.3);
-
-  svg {
-    width: 36px;
-    height: 36px;
-    color: white;
-  }
-`;
-
-const CloseButton = styled.button`
-  position: absolute;
-  top: 16px;
-  right: 16px;
-  background: rgba(255, 255, 255, 0.2);
-  border: 2px solid rgba(255, 255, 255, 0.3);
-  border-radius: 50%;
-  width: 36px;
-  height: 36px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  transition: all 0.2s;
-  z-index: 10;
-  
-  svg {
-    width: 20px;
-    height: 20px;
-    color: white;
-  }
-
-  &:hover {
-    background: rgba(255, 255, 255, 0.3);
-    transform: scale(1.1);
-  }
-
-  &:active {
-    transform: scale(0.95);
-  }
-`;
-
-const ToggleButton = styled.button`
-  background: none;
-  border: none;
-  color: #667eea;
-  font-size: 13px;
-  font-weight: 600;
-  cursor: pointer;
-  padding: 8px 0;
-  text-decoration: underline;
-  transition: color 0.2s;
-  
-  &:hover {
-    color: #764ba2;
-  }
-`;
-
-const LicenseGuard = ({ children }) => {
-  const { get, post } = useFetchClient();
-  const { toggleNotification } = useNotification();
-  const navigate = useNavigate();
-
-  const [isChecking, setIsChecking] = useState(true);
-  const [needsLicense, setNeedsLicense] = useState(false);
-  const [isCreating, setIsCreating] = useState(false);
-  const [useExistingKey, setUseExistingKey] = useState(false);
-  const [useAutoCreate, setUseAutoCreate] = useState(true);
-  const [existingLicenseKey, setExistingLicenseKey] = useState('');
-  const [existingEmail, setExistingEmail] = useState('');
-  const [adminUser, setAdminUser] = useState(null);
-  
-  const [formData, setFormData] = useState({
-    email: '',
-    firstName: '',
-    lastName: '',
-  });
-
-  useEffect(() => {
-    checkLicenseStatus();
-    fetchAdminUser();
-  }, []);
-
-  const fetchAdminUser = async () => {
-    try {
-      const response = await get('/admin/users/me');
-      const userData = response.data?.data || response.data;
-      if (userData) {
-        setAdminUser(userData);
-        setFormData({
-          email: userData.email || '',
-          firstName: userData.firstname || '',
-          lastName: userData.lastname || '',
-        });
-      }
-    } catch (error) {
-      // Silently fail - user might not be authenticated yet
-      console.debug('[LicenseGuard] Could not fetch admin user (not logged in yet)');
-    }
-  };
-
-  const checkLicenseStatus = async () => {
-    setIsChecking(true);
-    try {
-      const response = await get(`/${pluginId}/license/status`);
-      
-      if (response.data.valid) {
-        setNeedsLicense(false);
-      } else {
-        setNeedsLicense(true);
-      }
-    } catch (error) {
-      console.error('[LicenseGuard] Error checking license:', error);
-      setNeedsLicense(true);
-    } finally {
-      setIsChecking(false);
-    }
-  };
-
-  const handleAutoCreateLicense = async (e) => {
-    e.preventDefault();
-    setIsCreating(true);
-    
-    try {
-      const response = await post(`/${pluginId}/license/auto-create`, {});
-      
-      if (response.data && response.data.success) {
-        toggleNotification({
-          type: 'success',
-          message: 'License automatically created! Reloading...',
-        });
-        
-        setNeedsLicense(false);
-        
-        setTimeout(() => {
-          window.location.reload();
-        }, 500);
-      } else {
-        throw new Error('Failed to auto-create license');
-      }
-    } catch (error) {
-      console.error('[LicenseGuard] Error auto-creating license:', error);
-      toggleNotification({
-        type: 'danger',
-        message: error?.response?.data?.error?.message || 'Failed to auto-create license. Try manual creation.',
-      });
-      setIsCreating(false);
-      setUseAutoCreate(false);
-    }
-  };
-
-  const handleCreateLicense = async (e) => {
-    e.preventDefault();
-    
-    if (!formData.email || !formData.firstName || !formData.lastName) {
-      toggleNotification({
-        type: 'warning',
-        message: 'Please fill in all fields',
-      });
-      return;
-    }
-
-    setIsCreating(true);
-    
-    try {
-      const response = await post(`/${pluginId}/license/create`, formData);
-      
-      if (response.data && response.data.success) {
-        toggleNotification({
-          type: 'success',
-          message: 'License created successfully! Reloading...',
-        });
-        
-        setNeedsLicense(false);
-        
-        setTimeout(() => {
-          window.location.reload();
-        }, 500);
-      } else {
-        throw new Error('Failed to create license');
-      }
-    } catch (error) {
-      console.error('[LicenseGuard] Error creating license:', error);
-      toggleNotification({
-        type: 'danger',
-        message: error?.response?.data?.error?.message || 'Failed to create license. Please try again.',
-      });
-      setIsCreating(false);
-    }
-  };
-
-  const handleValidateExistingKey = async (e) => {
-    e.preventDefault();
-    
-    if (!existingLicenseKey.trim() || !existingEmail.trim()) {
-      toggleNotification({
-        type: 'warning',
-        message: 'Please enter both license key and email address',
-      });
-      return;
-    }
-
-    setIsCreating(true);
-    
-    try {
-      const response = await post(`/${pluginId}/license/store-key`, {
-        licenseKey: existingLicenseKey.trim(),
-        email: existingEmail.trim(),
-      });
-
-      if (response.data && response.data.success) {
-        toggleNotification({
-          type: 'success',
-          message: 'License key validated successfully! Reloading...',
-        });
-        
-        setNeedsLicense(false);
-        
-        setTimeout(() => {
-          window.location.reload();
-        }, 500);
-      } else {
-        throw new Error('Invalid license key or email');
-      }
-    } catch (error) {
-      console.error('[LicenseGuard] Error validating license key:', error);
-      toggleNotification({
-        type: 'danger',
-        message: error?.response?.data?.error?.message || 'Invalid license key or email address. Please check and try again.',
-      });
-      setIsCreating(false);
-    }
-  };
-
-  const handleClose = () => {
-    navigate('/content-manager');
-  };
-
-  if (isChecking) {
-    return (
-      <Box padding={8} style={{ textAlign: 'center' }}>
-        <Loader>Checking license...</Loader>
-      </Box>
-    );
-  }
-
-  if (needsLicense) {
-    return (
-      <ModalOverlay>
-        <ModalContent>
-          <GradientHeader>
-            <CloseButton onClick={handleClose} type="button">
-              <Cross />
-            </CloseButton>
-            <IconWrapper>
-              <Key />
-            </IconWrapper>
-            <Box style={{ textAlign: 'center', position: 'relative' }}>
-              <Typography
-                variant="alpha"
-                style={{
-                  color: 'white',
-                  fontSize: '24px',
-                  fontWeight: '700',
-                  marginBottom: '12px',
-                  display: 'block',
-                }}
-              >
-                🔐 Activate Session Manager
-              </Typography>
-              <Typography
-                variant="epsilon"
-                style={{
-                  color: 'rgba(255, 255, 255, 0.9)',
-                  fontSize: '14px',
-                  display: 'block',
-                }}
-              >
-                {useExistingKey ? 'Enter your existing license key' : 'Create a license to start using the plugin'}
-              </Typography>
-            </Box>
-          </GradientHeader>
-
-          <form onSubmit={useExistingKey ? handleValidateExistingKey : (useAutoCreate ? handleAutoCreateLicense : handleCreateLicense)}>
-          <Box
-            padding={6}
-            paddingLeft={8}
-            paddingRight={8}
-          >
-            <Flex direction="column" gap={5} style={{ width: '100%' }}>
-              <Box style={{ textAlign: 'center', width: '100%' }}>
-                {!useExistingKey && (
-                  <ToggleButton 
-                    type="button"
-                    onClick={() => setUseAutoCreate(!useAutoCreate)}
-                    disabled={isCreating}
-                    style={{ marginBottom: '8px', display: 'block', margin: '0 auto' }}
-                  >
-                    {useAutoCreate ? '→ Manual entry' : '← Auto-create with my account'}
-                  </ToggleButton>
-                )}
-                <ToggleButton 
-                  type="button"
-                  onClick={() => {
-                    setUseExistingKey(!useExistingKey);
-                    if (!useExistingKey) setUseAutoCreate(false);
-                  }}
-                  disabled={isCreating}
-                >
-                  {useExistingKey ? '← Create new license' : 'Have a license key? →'}
-                </ToggleButton>
-              </Box>
-
-              <Box
-                background="primary100"
-                padding={4}
-                style={{
-                  borderRadius: '8px',
-                  border: '2px solid #BAE6FD',
-                  width: '100%',
-                }}
-              >
-                <Typography variant="omega" style={{ fontSize: '13px', lineHeight: '1.6' }}>
-                  {useExistingKey 
-                    ? 'Enter your email and license key to activate.'
-                    : useAutoCreate && adminUser && adminUser.email
-                    ? `Click "Activate" to auto-create a license with your account (${adminUser.email})`
-                    : useAutoCreate
-                    ? 'Click "Activate" to auto-create a license with your admin account'
-                    : 'A license will be created with the details below.'
-                  }
-                </Typography>
-              </Box>
-
-              {useExistingKey ? (
-                // Existing License Key Input
-                <>
-                  <Box style={{ width: '100%' }}>
-                    <Typography
-                      variant="pi"
-                      fontWeight="bold"
-                      style={{ marginBottom: '8px', display: 'block' }}
-                    >
-                      Email Address *
-                    </Typography>
-                    <TextInput
-                      placeholder="admin@example.com"
-                      type="email"
-                      value={existingEmail}
-                      onChange={(e) => setExistingEmail(e.target.value)}
-                      required
-                      disabled={isCreating}
-                    />
-                    <Typography variant="omega" textColor="neutral600" style={{ fontSize: '11px', marginTop: '4px' }}>
-                      Enter the email address associated with this license
-                    </Typography>
-                  </Box>
-
-                  <Box style={{ width: '100%' }}>
-                    <Typography
-                      variant="pi"
-                      fontWeight="bold"
-                      style={{ marginBottom: '8px', display: 'block' }}
-                    >
-                      License Key *
-                    </Typography>
-                    <TextInput
-                      placeholder="67C5-40D2-7695-718C"
-                      value={existingLicenseKey}
-                      onChange={(e) => setExistingLicenseKey(e.target.value)}
-                      required
-                      disabled={isCreating}
-                    />
-                    <Typography variant="omega" textColor="neutral600" style={{ fontSize: '11px', marginTop: '4px' }}>
-                      Enter the license key in the format: XXXX-XXXX-XXXX-XXXX
-                    </Typography>
-                  </Box>
-                </>
-              ) : useAutoCreate && adminUser ? (
-                // Auto-create mode - Show user info
-                <Box
-                  background="success100"
-                  padding={5}
-                  style={{
-                    borderRadius: '8px',
-                    border: '2px solid #DCFCE7',
-                    textAlign: 'center',
-                  }}
-                >
-                  <Typography variant="omega" fontWeight="bold" style={{ marginBottom: '12px', display: 'block' }}>
-                    Ready to activate with your account:
-                  </Typography>
-                  <Typography variant="pi" style={{ marginBottom: '4px', display: 'block' }}>
-                    {adminUser.firstname || 'Admin'} {adminUser.lastname || 'User'}
-                  </Typography>
-                  <Typography variant="pi" textColor="neutral600">
-                    {adminUser.email || 'Loading...'}
-                  </Typography>
-                </Box>
-              ) : (
-                // Manual Create License Fields
-                <>
-                  <Box style={{ width: '100%' }}>
-                    <Typography
-                      variant="pi"
-                      fontWeight="bold"
-                      style={{ marginBottom: '8px', display: 'block' }}
-                    >
-                      Email Address *
-                    </Typography>
-                    <TextInput
-                      placeholder="admin@example.com"
-                      type="email"
-                      value={formData.email}
-                      onChange={(e) => setFormData({ ...formData, email: e.target.value })}
-                      required
-                      disabled={isCreating}
-                    />
-                  </Box>
-
-                  <Box style={{ width: '100%' }}>
-                    <Typography
-                      variant="pi"
-                      fontWeight="bold"
-                      style={{ marginBottom: '8px', display: 'block' }}
-                    >
-                      First Name *
-                    </Typography>
-                    <TextInput
-                      placeholder="John"
-                      value={formData.firstName}
-                      onChange={(e) => setFormData({ ...formData, firstName: e.target.value })}
-                      required
-                      disabled={isCreating}
-                    />
-                  </Box>
-
-                  <Box style={{ width: '100%' }}>
-                    <Typography
-                      variant="pi"
-                      fontWeight="bold"
-                      style={{ marginBottom: '8px', display: 'block' }}
-                    >
-                      Last Name *
-                    </Typography>
-                    <TextInput
-                      placeholder="Doe"
-                      value={formData.lastName}
-                      onChange={(e) => setFormData({ ...formData, lastName: e.target.value })}
-                      required
-                      disabled={isCreating}
-                    />
-                  </Box>
-                </>
-              )}
-
-              <Flex gap={3} justifyContent="center" style={{ marginTop: '16px' }}>
-                {useExistingKey ? (
-                  <Button
-                    type="submit"
-                    size="L"
-                    startIcon={<Check />}
-                    loading={isCreating}
-                    disabled={isCreating || !existingLicenseKey.trim() || !existingEmail.trim()}
-                    style={{
-                      background: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',
-                      color: 'white',
-                      fontWeight: '600',
-                      border: 'none',
-                      boxShadow: '0 4px 12px rgba(102, 126, 234, 0.4)',
-                    }}
-                  >
-                    Validate License
-                  </Button>
-                ) : (
-                  <Button
-                    type="submit"
-                    size="L"
-                    startIcon={<Check />}
-                    loading={isCreating}
-                    disabled={isCreating || (!useAutoCreate && (!formData.email || !formData.firstName || !formData.lastName))}
-                    style={{
-                      background: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',
-                      color: 'white',
-                      fontWeight: '600',
-                      border: 'none',
-                      boxShadow: '0 4px 12px rgba(102, 126, 234, 0.4)',
-                    }}
-                  >
-                    {useAutoCreate ? 'Activate License' : 'Create License'}
-                  </Button>
-                )}
-              </Flex>
-            </Flex>
-          </Box>
-          </form>
-        </ModalContent>
-      </ModalOverlay>
-    );
-  }
-
-  return <>{children}</>;
-};
-
-export default LicenseGuard;
-