@mhmo91/schmancy 0.10.5 → 0.10.6

package/src/code-highlight/code-preview.ts

@@ -1,125 +0,0 @@
-import { SchmancyElement } from '@mixins/index'
-import { css, html } from 'lit'
-import { customElement, property, state } from 'lit/decorators.js'
-import { timer } from 'rxjs'
-import { take } from 'rxjs/operators'
-
-/**
- * @element schmancy-code-preview
- * A component that shows code and its rendered preview side by side
- * Takes the content as a slot and displays both the source and rendered result
- */
-@customElement('schmancy-code-preview')
-export class SchmancyCodePreview extends SchmancyElement {
-	static styles = [
-		css`:host{
-			display:block;
-			overflow:hidden;
-			position:relative;
-			inset:0;
-		}`,
-	];
-
-	/**
-	 * Programming language for syntax highlighting
-	 */
-	@property({ type: String })
-	language: string = 'html'
-
-	/**
-	 * Show code on top or side-by-side
-	 */
-	@property({ type: String })
-	layout: 'vertical' | 'horizontal' = 'vertical'
-
-	/**
-	 * Whether to render/execute the code in preview section
-	 * When false, only shows the code without rendering
-	 */
-	@property({ type: Boolean })
-	preview: boolean = true
-
-	@state()
-	private slotContent: string = ''
-
-	connectedCallback() {
-		super.connectedCallback()
-		// Capture the slot content as HTML string
-		timer(0).pipe(take(1)).subscribe(() => {
-			const slot = this.shadowRoot?.querySelector('slot')
-			if (slot) {
-				const nodes = slot.assignedNodes({ flatten: true })
-				const htmlStrings = nodes.map(node => {
-					if (node.nodeType === Node.ELEMENT_NODE) {
-						return (node as HTMLElement).outerHTML
-					} else if (node.nodeType === Node.TEXT_NODE) {
-						return node.textContent || ''
-					}
-					return ''
-				})
-				
-				// Clean up the HTML string
-				const rawContent = htmlStrings.join('')
-				
-				// Find the minimum indentation (excluding empty lines)
-				const lines = rawContent.split('\n')
-				const minIndent = lines
-					.filter(line => line.trim().length > 0)
-					.reduce((min, line) => {
-						const indent = line.match(/^(\s*)/)?.[1].length || 0
-						return Math.min(min, indent)
-					}, Infinity)
-				
-				// Remove the minimum indentation from all lines
-				this.slotContent = lines
-					.map(line => line.slice(minIndent))
-					.join('\n')
-					.trim()
-			}
-		})
-	}
-
-	render() {
-		const containerClass = this.layout === 'horizontal' 
-			? 'grid grid-cols-1 lg:grid-cols-2 gap-0' 
-			: 'flex flex-col'
-
-		const showPreview = this.preview && this.language.toLowerCase() === 'html'
-		
-		return html`
-			<schmancy-surface class="rounded-lg overflow-hidden">
-				<div class="${showPreview ? containerClass : ''}">
-					<!-- Code section with proper overflow handling -->
-					<div class="min-w-0 overflow-hidden">
-						<schmancy-code
-							language="${this.language}"
-							.code="${this.slotContent}"
-							?copyButton="${true}"
-							class="block w-full"
-						></schmancy-code>
-					</div>
-					
-					<!-- Preview section (only visible for HTML and when preview is enabled) -->
-					${showPreview ? html`
-						<div class="min-w-0 overflow-auto">
-							<schmancy-surface type="solid" class="p-2 h-full">
-								<slot></slot>
-							</schmancy-surface>
-						</div>
-					` : html`
-						<!-- Hidden slot to capture content -->
-						<div class="hidden">
-							<slot></slot>
-						</div>
-					`}
-				</div>
-			</schmancy-surface>
-		`
-	}
-}
-
-declare global {
-	interface HTMLElementTagNameMap {
-		'schmancy-code-preview': SchmancyCodePreview
-	}
-}

package/src/code-highlight/index.ts

@@ -1,3 +0,0 @@
-export { SchmancyCode } from './code-highlight'
-export { SchmancyCode as SchmancyCodeHighlight } from './code-highlight' // For backward compatibility
-export { SchmancyCodePreview } from './code-preview'

package/src/mailbox/README.md

@@ -1,128 +0,0 @@
-# Schmancy Mailbox Components
-
-A comprehensive email composition and management system.
-
-## Components
-
-### SchmancyEmailCompose
-
-Main orchestration component that combines composer, preview, and recipients management.
-
-```html
-<schmancy-email-compose
-  .config=${{ sendEndpoint: '/api/send-email' }}
-  .templates=${emailTemplates}
-  .importSources=${recipientSources}
-  @send-email=${handleSendEmail}
-></schmancy-email-compose>
-```
-
-### SchmancyEmailComposer
-
-Rich text email editor with markdown formatting, templates, and file attachments.
-
-```html
-<schmancy-email-composer
-  .subject="Welcome to our service"
-  .body="**Hello** and welcome!"
-  .templates=${templates}
-  @composer-change=${handleChange}
-></schmancy-email-composer>
-```
-
-### SchmancyEmailPreview
-
-Email preview component showing HTML and plain text versions.
-
-```html
-<schmancy-email-preview
-  subject="Welcome!"
-  body="**Hello** world"
-  .attachments=${attachments}
-  .recipients=${['user@example.com']}
-></schmancy-email-preview>
-```
-
-### SchmancyRecipientsPanel
-
-Floating boat interface for managing email recipients with CSV import.
-
-```html
-<schmancy-recipients-panel
-  .recipients=${recipientList}
-  .importSources=${importOptions}
-  @emails-imported=${handleImport}
-></schmancy-recipients-panel>
-```
-
-## Features
-
-- **Framework Agnostic**: No Firebase or external dependencies built-in
-- **Configurable Upload Handlers**: Support for custom file and image upload logic
-- **CSV Import**: Drag & drop CSV files with email validation
-- **Rich Text Editing**: Markdown-based editor with formatting toolbar
-- **Layout Templates**: Pre-built email layouts (columns, sidebars, image rows)
-- **Responsive Design**: Mobile-first with desktop optimization
-- **Theme Integration**: Full Schmancy theme system support
-- **TypeScript**: Complete type safety with comprehensive interfaces
-
-## Configuration
-
-### EmailComposeConfig
-
-```typescript
-interface EmailComposeConfig {
-  sendEndpoint?: string
-  templatesEndpoint?: string  
-  uploadEndpoint?: string
-  authenticateRequest?: (request: RequestInit) => RequestInit
-  uploadHandler?: (file: File) => Promise<string>
-  imageUploadHandler?: (file: File) => Promise<string>
-}
-```
-
-### Import Sources
-
-```typescript
-interface ImportSource {
-  id: string
-  label: string
-  icon: string
-  handler: () => void
-}
-
-const importSources: ImportSource[] = [
-  {
-    id: 'contacts',
-    label: 'Import from Contacts',
-    icon: 'contacts',
-    handler: () => importFromContacts()
-  }
-]
-```
-
-## Events
-
-All components dispatch standard CustomEvents:
-
-- `emails-imported`: When recipients are imported
-- `recipient-removed`: When individual recipient is removed  
-- `recipients-cleared`: When all recipients are cleared
-- `selection-changed`: When recipient selection changes
-- `compose-changed`: When email content changes
-- `send-email`: When send button is clicked
-- `send-error`: When validation or sending fails
-
-## Design Notes
-
-- **No Firebase coupling** — framework-agnostic
-- **Configurable upload handlers** — custom upload logic via props
-- **Optional CSV parser** — use Papa Parse or a custom parser
-- **Theme integration** — uses the Schmancy design system
-- **Type safety** — comprehensive TypeScript interfaces
-
-## Dependencies
-
-- **Required**: Schmancy core components (button, surface, typography, etc.)
-- **Optional**: CSV parser library (Papa Parse recommended)
-- **Optional**: Custom upload handlers for file management