@jmruthers/pace-core 0.5.181 → 0.5.182

package/examples/RBAC/PermissionExample.tsx

@@ -1,151 +0,0 @@
-/**
- * @file Permission System Example
- * @package @jmruthers/pace-core
- * @module Examples/RBAC/PermissionExample
- * @since 0.4.0
- *
- * Example component demonstrating the hybrid permission system
- * that supports both direct app access and event-based permissions.
- */
-
-import React from 'react';
-import { useUnifiedAuth } from '../../src/providers';
-import { useAppConfig } from '../../src/hooks';
-import { AccessLevel } from '../../src/types';
-
-export function PermissionExample() {
-  const { 
-    user, 
-    isAuthenticated, 
-    hasPermission, 
-    hasAccessLevel, 
-    accessLevel,
-    selectedEventId,
-    setSelectedEventId 
-  } = useUnifiedAuth();
-  
-  const { supportsDirectAccess, requiresEvent, isLoading, appName } = useAppConfig();
-
-  if (!isAuthenticated) {
-    return <div>Please log in to see permissions</div>;
-  }
-
-  if (isLoading) {
-    return <div>Loading app configuration...</div>;
-  }
-
-  return (
-    <div className="p-6 max-w-2xl">
-      <h2>Permission System Example</h2>
-      
-      {/* App Configuration Info */}
-      <div className="mb-6 p-4 bg-sec-100 rounded-lg">
-        <h3>App Configuration: {appName}</h3>
-        <div className="space-y-1">
-          <div>Supports Direct Access: {supportsDirectAccess ? '✅' : '❌'}</div>
-          <div>Requires Event: {requiresEvent ? '✅' : '❌'}</div>
-          <div>Current Access Level: {accessLevel}</div>
-        </div>
-      </div>
-
-      {/* Event Selection */}
-      {requiresEvent && (
-        <div className="mb-6 p-4 border rounded-lg">
-          <h3>Event Context</h3>
-          <div className="space-y-2">
-            <div>Selected Event: {selectedEventId || 'None'}</div>
-            <div className="space-x-2">
-              <button 
-                onClick={() => setSelectedEventId('event-123')}
-                className="px-3 py-1 bg-main-500 text-main-50 rounded"
-              >
-                Select Event 123
-              </button>
-              <button 
-                onClick={() => setSelectedEventId(null)}
-                className="px-3 py-1 bg-sec-500 text-main-50 rounded"
-              >
-                Clear Event
-              </button>
-            </div>
-          </div>
-        </div>
-      )}
-
-      {/* Permission Examples */}
-      <div className="space-y-4">
-        <h3>Permission Examples</h3>
-        
-        <div className="grid gap-4 md:grid-cols-2">
-          {/* Basic Permissions */}
-          <div className="p-4 border rounded-lg">
-            <h4>Basic Permissions</h4>
-            <div className="space-y-1 text-sm">
-              <div>Can Read: {hasPermission('app:read') ? '✅' : '❌'}</div>
-              <div>Can Write: {hasPermission('app:write') ? '✅' : '❌'}</div>
-              <div>Can Delete: {hasPermission('app:delete') ? '✅' : '❌'}</div>
-            </div>
-          </div>
-
-          {/* Access Level Checks */}
-          <div className="p-4 border rounded-lg">
-            <h4>Access Level Checks</h4>
-            <div className="space-y-1 text-sm">
-              <div>Is Editor+: {hasAccessLevel(AccessLevel.EDITOR) ? '✅' : '❌'}</div>
-              <div>Is Planner+: {hasAccessLevel(AccessLevel.PLANNER) ? '✅' : '❌'}</div>
-              <div>Is Admin: {hasAccessLevel(AccessLevel.ADMIN) ? '✅' : '❌'}</div>
-            </div>
-          </div>
-        </div>
-
-        {/* Conditional Rendering Examples */}
-        <div className="p-4 border rounded-lg">
-          <h4>Conditional UI Elements</h4>
-          <div className="space-y-2">
-            {hasPermission('app:read') && (
-              <div className="p-2 bg-main-100 text-main-800 rounded">
-                ✅ You can see this because you have read permission
-              </div>
-            )}
-            
-            {hasPermission('app:write') && (
-              <button className="px-4 py-2 bg-main-500 text-main-50 rounded">
-                Edit (Available with write permission)
-              </button>
-            )}
-            
-            {hasAccessLevel(AccessLevel.ADMIN) && (
-              <div className="p-2 bg-acc-100 text-acc-800 rounded">
-                🔒 Admin-only content visible
-              </div>
-            )}
-            
-            {!hasPermission('app:delete') && (
-              <div className="p-2 bg-acc-100 text-acc-800 rounded">
-                ⚠️ Delete functionality not available for your access level
-              </div>
-            )}
-          </div>
-        </div>
-
-        {/* Status Summary */}
-        <div className="p-4 bg-main-50 rounded-lg">
-          <h4>Current Status</h4>
-          <div className="text-sm space-y-1">
-            <div>User: {user?.email}</div>
-            <div>App: {appName}</div>
-            <div>Event: {selectedEventId || 'Direct Access'}</div>
-            <div>
-              Permission Model: {
-                selectedEventId ? 'Event-based' : 
-                supportsDirectAccess ? 'Direct Access' : 
-                'No Access (requires event)'
-              }
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}
-

package/examples/STRUCTURE.md

@@ -1,125 +0,0 @@
-# Examples Directory Structure
-
-This document describes the organization of examples in the pace-core package.
-
-## Overview
-
-All examples are consolidated in the `/packages/core/examples/` directory, organized into two main categories:
-
-1. **Features** (`features/`) - Cross-component workflow examples
-2. **Components** (`components/`) - Component-specific examples
-
-## Directory Structure
-
-```
-examples/
-├── README.md                    # Main examples documentation
-├── index.ts                     # Central export point
-│
-├── features/                    # Feature-based examples (cross-component)
-│   ├── index.ts
-│   ├── rbac/                    # RBAC examples
-│   │   ├── index.ts
-│   │   ├── EventBasedApp.tsx
-│   │   ├── CompleteRBACExample.tsx
-│   │   └── PermissionExample.tsx
-│   │
-│   └── public-pages/            # Public page workflow examples
-│       ├── index.ts
-│       ├── PublicPageUsageExample.tsx
-│       ├── PublicEventPage.tsx
-│       ├── PublicPageApp.tsx
-│       └── CorrectPublicPageImplementation.tsx
-│
-└── components/                  # Component-specific examples
-    ├── index.ts
-    ├── DataTable/
-    │   ├── index.ts
-    │   ├── HierarchicalExample.tsx
-    │   ├── HierarchicalActionsExample.tsx
-    │   ├── InitialPageSizeExample.tsx
-    │   └── PerformanceExample.tsx
-    │
-    └── Dialog/
-        ├── index.ts
-        ├── HtmlDialogExample.tsx
-        ├── ScrollableDialogExample.tsx
-        ├── SmartDialogExample.tsx
-        ├── SimpleHtmlTest.tsx
-        ├── BasicHtmlTest.tsx
-        └── DebugHtmlExample.tsx
-```
-
-## Import Paths
-
-### Feature Examples
-
-```tsx
-// Main export (recommended)
-import { PublicPageUsageExample, EventBasedApp } from '@jmruthers/pace-core/examples';
-
-// Specific feature
-import { PublicPageUsageExample } from '@jmruthers/pace-core/examples/features/public-pages';
-import { EventBasedApp } from '@jmruthers/pace-core/examples/features/rbac';
-```
-
-### Component Examples
-
-```tsx
-// Specific component
-import { HierarchicalExample } from '@jmruthers/pace-core/examples/components/DataTable';
-import { HtmlDialogExample } from '@jmruthers/pace-core/examples/components/Dialog';
-```
-
-## Migration Notes
-
-### Removed Locations
-
-- ❌ `/packages/core/src/examples/` - Duplicates moved to `examples/features/public-pages/`
-- ❌ `/packages/core/examples/RBAC/` - Moved to `examples/features/rbac/`
-- ❌ `/packages/core/examples/public-pages/` - Moved to `examples/features/public-pages/`
-- ❌ `/packages/core/examples/Components/`, `DataTable/`, `Dialog/`, `PublicPages/` - Empty folders removed
-
-### Component Examples
-
-Component examples were previously located in:
-- `/packages/core/src/components/DataTable/examples/`
-- `/packages/core/src/components/Dialog/examples/`
-
-These have been moved to:
-- `/packages/core/examples/components/DataTable/`
-- `/packages/core/examples/components/Dialog/`
-
-**Note:** Test files remain in the original component directories (`src/components/*/examples/__tests__/`) as they are part of the component's test suite.
-
-## Adding New Examples
-
-### Feature Examples
-
-1. Create a new directory under `examples/features/`
-2. Add your example files
-3. Create an `index.ts` file exporting your examples
-4. Update `examples/features/index.ts` to export from your new directory
-5. Update `examples/index.ts` if needed
-6. Update `package.json` exports if you want a dedicated import path
-
-### Component Examples
-
-1. Create a new directory under `examples/components/[ComponentName]/`
-2. Add your example files
-3. Create an `index.ts` file exporting your examples
-4. Update `examples/components/index.ts` to export from your new directory
-5. Update `package.json` exports if you want a dedicated import path
-
-## Package Exports
-
-The following export paths are available in `package.json`:
-
-- `@jmruthers/pace-core/examples` - Main export (all examples)
-- `@jmruthers/pace-core/examples/features` - All feature examples
-- `@jmruthers/pace-core/examples/features/rbac` - RBAC examples
-- `@jmruthers/pace-core/examples/features/public-pages` - Public pages examples
-- `@jmruthers/pace-core/examples/components` - All component examples
-- `@jmruthers/pace-core/examples/components/DataTable` - DataTable examples
-- `@jmruthers/pace-core/examples/components/Dialog` - Dialog examples
-