coursecode 0.1.0

package/schemas/lomLoose.xsd

@@ -0,0 +1,62 @@
+<xs:schema targetNamespace="http://ltsc.ieee.org/xsd/LOM"
+           xmlns="http://ltsc.ieee.org/xsd/LOM"
+           xmlns:xs="http://www.w3.org/2001/XMLSchema"
+           elementFormDefault="qualified"
+           version="IEEE LTSC LOM XML 1.0">
+
+   <xs:annotation>
+      <xs:documentation>
+         This work is licensed under the Creative Commons Attribution-ShareAlike
+         License.  To view a copy of this license, see the file license.txt,
+         visit http://creativecommons.org/licenses/by-sa/1.0 or send a letter to
+         Creative Commons, 559 Nathan Abbott Way, Stanford, California 94305, USA.
+     </xs:documentation>
+      <xs:documentation>
+         This file represents a composite schema for validation of the following:
+         1) No validation of vocabularies
+         2) Uniqueness constraints defined by 1484.12.1-2002
+         3) The use of custom extensions to the LOM Base Schema
+      </xs:documentation>
+     <xs:documentation>
+       ****************************************************************************
+       **                           CHANGE HISTORY                               **
+       ****************************************************************************
+       ** 09/22/2003:  - Updated comment describing vocab/strict.xsd.  Indicated **
+       **                that the strict.xsd is used to validate vocabularies    **
+       **                defined in the LOM V1.0 Base Schema.                    **
+       **              - Moved included schema elementNames.xsd just before      **
+       **                elementTypes.xsd.                                       **
+       **              - Moved the element declaration for the top-level lom     **
+       **                metadata element to a separate file (rootElement.xsd)   **
+       **                and included this file just after elementTypes.xsd.     **
+       **              - Moved the XML Schema import statements before the XML   **
+       **                Schema include statements.                              **
+       **              - Moved the element group declaration named               **
+       **                lom:customElements to a separate file (anyElement.xsd)  **
+       **                and included this new file just before the XML Schema   **
+       **                import statments.                                       **
+       ****************************************************************************
+     </xs:documentation>
+   </xs:annotation>
+
+  <!-- Learning Object Metadata -->
+
+  <xs:include schemaLocation="common/anyElement.xsd"/>
+
+  <xs:import namespace="http://ltsc.ieee.org/xsd/LOM/unique"
+             schemaLocation="unique/strict.xsd"/>
+
+  <xs:import namespace="http://ltsc.ieee.org/xsd/LOM/vocab"
+             schemaLocation="vocab/loose.xsd"/>
+
+  <xs:import namespace="http://ltsc.ieee.org/xsd/LOM/extend"
+             schemaLocation="extend/custom.xsd"/>
+
+  <xs:include schemaLocation="common/dataTypes.xsd"/>
+  <xs:include schemaLocation="common/elementNames.xsd"/>
+  <xs:include schemaLocation="common/elementTypes.xsd"/>
+  <xs:include schemaLocation="common/rootElement.xsd"/>
+  <xs:include schemaLocation="common/vocabValues.xsd"/>
+  <xs:include schemaLocation="common/vocabTypes.xsd"/>
+
+</xs:schema>

package/schemas/lomStrict.xsd

@@ -0,0 +1,62 @@
+<xs:schema targetNamespace="http://ltsc.ieee.org/xsd/LOM"
+           xmlns="http://ltsc.ieee.org/xsd/LOM"
+           xmlns:xs="http://www.w3.org/2001/XMLSchema"
+           elementFormDefault="qualified"
+           version="IEEE LTSC LOM XML 1.0">
+
+   <xs:annotation>
+      <xs:documentation>
+         This work is licensed under the Creative Commons Attribution-ShareAlike
+         License.  To view a copy of this license, see the file license.txt,
+         visit http://creativecommons.org/licenses/by-sa/1.0 or send a letter to
+         Creative Commons, 559 Nathan Abbott Way, Stanford, California 94305, USA.
+      </xs:documentation>
+      <xs:documentation>
+         This file represents a composite schema for validation of the following:
+         1) The use of LOM Base Schema vocabulary source/value pairs only
+         2) Uniqueness constraints defined by 1484.12.1-2002
+         3) No existenace of any defined extensions
+      </xs:documentation>
+      <xs:documentation>
+        ****************************************************************************
+        **                           CHANGE HISTORY                               **
+        ****************************************************************************
+        ** 09/22/2003:  - Updated comment describing vocab/strict.xsd.  Indicated **
+        **                that the strict.xsd is used to validate vocabularies    **
+        **                defined in the LOM V1.0 Base Schema.                    **
+        **              - Moved included schema elementNames.xsd just before      **
+        **                elementTypes.xsd.                                       **
+        **              - Moved the element declaration for the top-level lom     **
+        **                metadata element to a separate file (rootElement.xsd)   **
+        **                and included this file just after elementTypes.xsd.     **
+        **              - Moved the XML Schema import statements before the XML   **
+        **                Schema include statements.                              **
+        **              - Moved the element group declaration named               **
+        **                lom:customElements to a separate file (anyElement.xsd)  **
+        **                and included this new file just before the XML Schema   **
+        **                import statments.                                       **
+        ****************************************************************************
+      </xs:documentation>
+   </xs:annotation>
+
+  <!-- Learning Object Metadata -->
+
+  <xs:include schemaLocation="common/anyElement.xsd"/>
+
+  <xs:import namespace="http://ltsc.ieee.org/xsd/LOM/unique"
+             schemaLocation="unique/strict.xsd"/>
+
+  <xs:import namespace="http://ltsc.ieee.org/xsd/LOM/vocab"
+             schemaLocation="vocab/strict.xsd"/>
+
+  <xs:import namespace="http://ltsc.ieee.org/xsd/LOM/extend"
+             schemaLocation="extend/strict.xsd"/>
+
+  <xs:include schemaLocation="common/dataTypes.xsd"/>
+  <xs:include schemaLocation="common/elementNames.xsd"/>
+  <xs:include schemaLocation="common/elementTypes.xsd"/>
+  <xs:include schemaLocation="common/rootElement.xsd"/>
+  <xs:include schemaLocation="common/vocabValues.xsd"/>
+  <xs:include schemaLocation="common/vocabTypes.xsd"/>
+
+</xs:schema>

package/schemas/xml.xsd

@@ -0,0 +1,81 @@
+<?xml version='1.0'?>
+<!DOCTYPE xs:schema PUBLIC "-//W3C//DTD XMLSCHEMA 200102//EN" "XMLSchema.dtd" >
+<xs:schema targetNamespace="http://www.w3.org/XML/1998/namespace" xmlns:xs="http://www.w3.org/2001/XMLSchema" xml:lang="en">
+
+ <xs:annotation>
+  <xs:documentation>
+   See http://www.w3.org/XML/1998/namespace.html and
+   http://www.w3.org/TR/REC-xml for information about this namespace.
+  </xs:documentation>
+ </xs:annotation>
+
+ <xs:annotation>
+  <xs:documentation>This schema defines attributes and an attribute group
+        suitable for use by
+        schemas wishing to allow xml:base, xml:lang or xml:space attributes
+        on elements they define.
+
+        To enable this, such a schema must import this schema
+        for the XML namespace, e.g. as follows:
+        &lt;schema . . .>
+         . . .
+         &lt;import namespace="http://www.w3.org/XML/1998/namespace"
+                    schemaLocation="http://www.w3.org/2001/03/xml.xsd"/>
+
+        Subsequently, qualified reference to any of the attributes
+        or the group defined below will have the desired effect, e.g.
+
+        &lt;type . . .>
+         . . .
+         &lt;attributeGroup ref="xml:specialAttrs"/>
+ 
+         will define a type which will schema-validate an instance
+         element with any of those attributes</xs:documentation>
+ </xs:annotation>
+
+ <xs:annotation>
+  <xs:documentation>In keeping with the XML Schema WG's standard versioning
+   policy, this schema document will persist at
+   http://www.w3.org/2001/03/xml.xsd.
+   At the date of issue it can also be found at
+   http://www.w3.org/2001/xml.xsd.
+   The schema document at that URI may however change in the future,
+   in order to remain compatible with the latest version of XML Schema
+   itself.  In other words, if the XML Schema namespace changes, the version
+   of this document at
+   http://www.w3.org/2001/xml.xsd will change
+   accordingly; the version at
+   http://www.w3.org/2001/03/xml.xsd will not change.
+  </xs:documentation>
+ </xs:annotation>
+
+ <xs:attribute name="lang" type="xs:language">
+  <xs:annotation>
+   <xs:documentation>In due course, we should install the relevant ISO 2- and 3-letter
+         codes as the enumerated possible values . . .</xs:documentation>
+  </xs:annotation>
+ </xs:attribute>
+
+ <xs:attribute name="space" default="preserve">
+  <xs:simpleType>
+   <xs:restriction base="xs:NCName">
+    <xs:enumeration value="default"/>
+    <xs:enumeration value="preserve"/>
+   </xs:restriction>
+  </xs:simpleType>
+ </xs:attribute>
+
+ <xs:attribute name="base" type="xs:anyURI">
+  <xs:annotation>
+   <xs:documentation>See http://www.w3.org/TR/xmlbase/ for
+                     information about this attribute.</xs:documentation>
+  </xs:annotation>
+ </xs:attribute>
+
+ <xs:attributeGroup name="specialAttrs">
+  <xs:attribute ref="xml:base"/>
+  <xs:attribute ref="xml:lang"/>
+  <xs:attribute ref="xml:space"/>
+ </xs:attributeGroup>
+
+</xs:schema>

package/template/.env.example

@@ -0,0 +1,92 @@
+# ============================================
+# TTS Provider Selection
+# ============================================
+# Explicitly choose a provider: elevenlabs, openai, google, azure, deepgram
+# If not set, auto-detects based on available API keys (default: deepgram)
+# TTS_PROVIDER=deepgram
+
+# ============================================
+# ElevenLabs (Default)
+# ============================================
+# Get your key at: https://elevenlabs.io/
+ELEVENLABS_API_KEY=
+
+# Optional: Default voice ID
+# ELEVENLABS_VOICE_ID=S9UjcNYIwfBOtZiDnIQT
+
+# Optional: Model ID (default: eleven_v3)
+# Options: eleven_v3, eleven_turbo_v2_5, eleven_turbo_v2, eleven_multilingual_v2, eleven_flash_v2_5, eleven_flash_v2
+# ELEVENLABS_MODEL_ID=eleven_v3
+
+# ============================================
+# OpenAI TTS
+# ============================================
+# Get your key at: https://platform.openai.com/api-keys
+# OPENAI_API_KEY=sk-...
+
+# Optional: Voice (default: alloy)
+# Options: alloy, echo, fable, onyx, nova, shimmer
+# OPENAI_VOICE=alloy
+
+# Optional: Model (default: tts-1)
+# Options: tts-1 (faster), tts-1-hd (higher quality)
+# OPENAI_MODEL=tts-1
+
+# ============================================
+# Google Cloud TTS (Chirp)
+# ============================================
+# Setup:
+#   1. Go to: https://console.cloud.google.com/iam-admin/serviceaccounts
+#   2. Create a service account with "Cloud Text-to-Speech API User" role
+#   3. Create a JSON key and download it to your project root
+#   4. Set the path below (file is auto-ignored by .gitignore)
+# GOOGLE_APPLICATION_CREDENTIALS=google-service-account.json
+
+# Optional: Voice (default: en-US-Neural2-J)
+# Voice types: Neural2, Chirp3-HD, Wavenet, Standard
+#
+# Examples:
+#   en-US-Neural2-J     - Male, natural (default)
+#   en-US-Neural2-F     - Female, natural
+#   en-US-Chirp3-HD-Leda   - Female, professional
+#   en-US-Chirp3-HD-Orion  - Male, authoritative
+#
+# GOOGLE_VOICE=en-US-Neural2-J
+
+# Optional: Language code (default: en-US)
+# GOOGLE_LANGUAGE=en-US
+
+# ============================================
+# Azure Cognitive Services TTS
+# ============================================
+# Get credentials at: https://portal.azure.com/ (Create a Speech resource)
+# AZURE_SPEECH_KEY=
+# AZURE_SPEECH_REGION=eastus
+
+# Optional: Voice (default: en-US-JennyNeural)
+# AZURE_VOICE=en-US-JennyNeural
+
+# ============================================
+# Deepgram TTS (Aura)
+# ============================================
+# Get your key at: https://console.deepgram.com/
+# DEEPGRAM_API_KEY=
+
+# Optional: Voice (default: aura-2-hermes-en)
+# Aura 2 voices:
+#   aura-2-asteria-en  - Female, American - warm and conversational
+#   aura-2-luna-en     - Female, American - soft and calm
+#   aura-2-athena-en   - Female, British - refined
+#   aura-2-hermes-en   - Male, American - conversational (default)
+#   aura-2-orion-en    - Male, American - deep and steady
+#   aura-2-perseus-en  - Male, American - warm and friendly
+#   aura-2-helios-en   - Male, British - refined
+#
+# DEEPGRAM_VOICE=aura-2-hermes-en
+
+# ============================================
+# Network Settings
+# ============================================
+# Optional: Disable SSL certificate verification (for corporate proxies with SSL inspection)
+# WARNING: Only use this if you trust your network. Set to "true" to disable.
+# NODE_TLS_REJECT_UNAUTHORIZED=0

package/template/course/assets/docs/example_md_1.md

@@ -0,0 +1,39 @@
+# Sample Document
+
+This demonstrates **markdown rendering** in the lightbox component.
+
+## Table of Contents
+
+- [Features](#features)
+- [Quick Reference](#quick-reference)
+- [Code Examples](#code-examples)
+
+---
+
+## Features
+
+- Bold and *italic* text
+- Bullet lists
+- Code blocks
+- Tables with borders
+
+## Quick Reference
+
+| Feature | Supported |
+|---------|-----------|
+| Headers | ✅ |
+| Lists | ✅ |
+| Tables | ✅ |
+| Code | ✅ |
+| Links | ✅ |
+| Blockquotes | ✅ |
+
+## Code Examples
+
+```javascript
+// Syntax highlighting works too!
+const greeting = "Hello, CourseCode!";
+console.log(greeting);
+```
+
+> **Tip:** You can click anywhere outside the lightbox to close it, or press the Escape key.

package/template/course/assets/docs/example_md_2.md

@@ -0,0 +1,41 @@
+# Reference Table
+
+A sample table demonstrating markdown table rendering.
+
+## Table of Contents
+
+- [Comparison Table](#comparison-table)
+- [Pricing Example](#pricing-example)
+- [Status Legend](#status-legend)
+
+---
+
+## Comparison Table
+
+| Component | Description | Status |
+|-----------|-------------|--------|
+| Accordion | Expandable content sections | Active |
+| Tabs | Tabbed navigation panels | Active |
+| Lightbox | Click-to-enlarge media viewer | Active |
+| Carousel | Image slideshow | Active |
+| Modal | Overlay dialogs | Active |
+
+## Pricing Example
+
+| Plan | Monthly | Annual | Features |
+|------|---------|--------|----------|
+| Basic | $9 | $99 | 5 courses |
+| Pro | $29 | $299 | Unlimited |
+| Enterprise | Custom | Custom | White-label |
+
+## Status Legend
+
+| Symbol | Meaning |
+|--------|---------|
+| ✅ | Fully supported |
+| ⚠️ | Partial support |
+| ❌ | Not available |
+
+---
+
+*Tables render beautifully in the lightbox!*

package/template/course/assets/images/course-architecture.svg

@@ -0,0 +1,36 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 400">
+  <!-- Background -->
+  <rect width="800" height="400" fill="#f8f9fa" />
+  
+  <!-- Connections -->
+  <path d="M200 200 L400 200" stroke="#adb5bd" stroke-width="4" />
+  <path d="M400 200 L600 200" stroke="#adb5bd" stroke-width="4" />
+  
+  <!-- Slides (Left) -->
+  <g id="slides">
+    <rect x="50" y="100" width="150" height="200" rx="10" fill="#e2e8f0" stroke="#475569" stroke-width="4" />
+    <text x="125" y="180" font-family="Arial" font-size="16" text-anchor="middle" fill="#475569">SLIDES</text>
+    <text x="125" y="200" font-family="Arial" font-size="16" text-anchor="middle" fill="#475569">&amp; CONTENT</text>
+    <path d="M100 230 L150 230" stroke="#f7b801" stroke-width="4" />
+    <circle cx="125" cy="140" r="15" fill="#f7b801" />
+  </g>
+
+  <!-- Framework (Center) -->
+  <g id="framework">
+    <rect x="325" y="125" width="150" height="150" rx="10" fill="#e2e8f0" stroke="#475569" stroke-width="4" />
+    <text x="400" y="190" font-family="Arial" font-size="16" text-anchor="middle" fill="#475569">COURSECODE</text>
+    <text x="400" y="210" font-family="Arial" font-size="16" text-anchor="middle" fill="#475569">FRAMEWORK</text>
+    <rect x="350" y="230" width="100" height="20" fill="#14213d" />
+    <circle cx="400" cy="150" r="10" fill="#14213d" />
+  </g>
+
+  <!-- LMS Package (Right) -->
+  <g id="lms-package">
+    <rect x="600" y="100" width="150" height="200" rx="10" fill="#e2e8f0" stroke="#475569" stroke-width="4" />
+    <text x="675" y="180" font-family="Arial" font-size="16" text-anchor="middle" fill="#475569">LMS</text>
+    <text x="675" y="200" font-family="Arial" font-size="16" text-anchor="middle" fill="#475569">PACKAGE</text>
+    <circle cx="640" cy="240" r="8" fill="#22c55e" />
+    <circle cx="675" cy="240" r="8" fill="#22c55e" />
+    <circle cx="710" cy="240" r="8" fill="#22c55e" />
+  </g>
+</svg>

package/template/course/assets/images/logo.svg

@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 18 100 64" width="64" height="41" fill="none" stroke="currentColor" stroke-width="5" stroke-linecap="round" stroke-linejoin="round">
+  <!-- Left angle bracket < -->
+  <polyline points="25,22 5,50 25,78" />
+  
+  <!-- Right angle bracket > -->
+  <polyline points="75,22 95,50 75,78" />
+  
+  <!-- Lightbulb: rounded top -->
+  <path d="M50,28 C40,28 33,36 33,45 C33,52 38,56 42,60 L42,65 L58,65 L58,60 C62,56 67,52 67,45 C67,36 60,28 50,28" stroke-width="4" />
+  
+  <!-- Lightbulb: base lines -->
+  <line x1="44" y1="70" x2="56" y2="70" stroke-width="4" />
+  <line x1="46" y1="75" x2="54" y2="75" stroke-width="4" />
+</svg>

package/template/course/assets/widgets/counter-demo.html

@@ -0,0 +1,190 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Counter Widget Demo</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            min-height: 100vh;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            padding: 20px;
+        }
+        
+        .widget {
+            background: white;
+            border-radius: 16px;
+            padding: 32px;
+            text-align: center;
+            box-shadow: 0 10px 40px rgba(0,0,0,0.2);
+            max-width: 300px;
+            width: 100%;
+        }
+        
+        h1 {
+            font-size: 1.25rem;
+            color: #333;
+            margin-bottom: 16px;
+        }
+        
+        .counter-display {
+            font-size: 4rem;
+            font-weight: bold;
+            color: #667eea;
+            margin: 24px 0;
+            font-variant-numeric: tabular-nums;
+        }
+        
+        .controls {
+            display: flex;
+            gap: 12px;
+            justify-content: center;
+            margin-bottom: 24px;
+        }
+        
+        button {
+            width: 48px;
+            height: 48px;
+            border: none;
+            border-radius: 50%;
+            font-size: 1.5rem;
+            cursor: pointer;
+            transition: transform 0.1s, box-shadow 0.1s;
+        }
+        
+        button:active {
+            transform: scale(0.95);
+        }
+        
+        .btn-decrement {
+            background: #ff6b6b;
+            color: white;
+        }
+        
+        .btn-increment {
+            background: #51cf66;
+            color: white;
+        }
+        
+        .btn-complete {
+            background: #667eea;
+            color: white;
+            width: 100%;
+            height: auto;
+            padding: 12px 24px;
+            border-radius: 8px;
+            font-size: 1rem;
+            font-weight: 500;
+        }
+        
+        .btn-complete:disabled {
+            background: #ccc;
+            cursor: not-allowed;
+        }
+        
+        .status {
+            margin-top: 16px;
+            padding: 8px 16px;
+            border-radius: 8px;
+            font-size: 0.875rem;
+        }
+        
+        .status.success {
+            background: #d3f9d8;
+            color: #2b8a3e;
+        }
+        
+        .status.info {
+            background: #e7f5ff;
+            color: #1971c2;
+        }
+    </style>
+</head>
+<body>
+    <div class="widget">
+        <h1>Interactive Counter Widget</h1>
+        <div class="counter-display" id="counter">0</div>
+        <div class="controls">
+            <button class="btn-decrement" onclick="decrement()">−</button>
+            <button class="btn-increment" onclick="increment()">+</button>
+        </div>
+        <button class="btn-complete" id="complete-btn" onclick="markComplete()">
+            Mark Complete (requires 5+)
+        </button>
+        <div class="status info" id="status">
+            Reach 5 to unlock completion
+        </div>
+    </div>
+
+    <script>
+        let count = 0;
+        let isComplete = false;
+
+        function updateDisplay() {
+            document.getElementById('counter').textContent = count;
+            const btn = document.getElementById('complete-btn');
+            const status = document.getElementById('status');
+            
+            if (isComplete) {
+                btn.disabled = true;
+                btn.textContent = '✓ Completed';
+                status.className = 'status success';
+                status.textContent = 'Widget interaction complete!';
+            } else if (count >= 5) {
+                btn.disabled = false;
+                status.className = 'status info';
+                status.textContent = 'Ready to complete!';
+            } else {
+                btn.disabled = true;
+                status.className = 'status info';
+                status.textContent = `Reach 5 to unlock (${5 - count} more)`;
+            }
+        }
+
+        function increment() {
+            count++;
+            updateDisplay();
+        }
+
+        function decrement() {
+            if (count > 0) {
+                count--;
+                updateDisplay();
+            }
+        }
+
+        function markComplete() {
+            if (count >= 5 && !isComplete) {
+                isComplete = true;
+                updateDisplay();
+                
+                // Communicate completion to CourseCode framework
+                parent.postMessage({
+                    type: 'coursecode:flag',
+                    key: 'counter-widget-complete',
+                    value: true
+                }, '*');
+                
+                parent.postMessage({
+                    type: 'coursecode:log',
+                    level: 'info',
+                    message: 'Counter widget completed with value: ' + count
+                }, '*');
+            }
+        }
+
+        // Signal ready state to parent
+        parent.postMessage({ type: 'coursecode:ready' }, '*');
+    </script>
+</body>
+</html>