interview-widget 0.0.3 → 0.0.4

package/README.md

@@ -1,6 +1,6 @@
 # Interview Widget
 
-A customizable React interview widget that can be easily embedded into any website or React application via CDN.
+A customizable React interview widget that can be easily embedded into any website or React application.
 
 ## Features
 
@@ -88,8 +88,9 @@ import {
   InterviewQuestion,
   InterviewAnswer,
 } from "interview-widget";
+import "interview-widget/style.css";
 
-function App() {
+export function InterviewWidgetDemo() {
   const questions: InterviewQuestion[] = [
     {
       id: "1",
@@ -131,7 +132,7 @@ function App() {
 ### InterviewWidget Props
 
 | Prop             | Type                                   | Default       | Description                             |
-| ---------------- | -------------------------------------- | ------------- | --------------------------------------- | --- |
+| ---------------- | -------------------------------------- | ------------- | --------------------------------------- |
 | `title`          | `string`                               | `"Interview"` | Title displayed in the interview header |
 | `candidateName`  | `string`                               | `""`          | Optional name of the candidate          |
 | `questions`      | `InterviewQuestion[]`                  | Required      | Array of interview questions            |
@@ -139,26 +140,23 @@ function App() {
 | `onComplete`     | `(answers: InterviewAnswer[]) => void` | `undefined`   | Callback when interview is completed    |
 | `className`      | `string`                               | `""`          | Additional CSS classes                  |
 | `height`         | `string`                               | `"600px"`     | Height of the interview widget          |
-| `width`          | `string`                               | `"100%"`      | Width of the interview widget           |     |
+| `width`          | `string`                               | `"100%"`      | Width of the interview widget           |
 
-### InterviewQuestion Interface
+## Browser Support
 
-```typescript
-interface InterviewQuestion {
-  id: string;
-  text: string;
-  type?: "text" | "code" | "multiple-choice";
-  options?: string[]; // For multiple choice questions
-  timestamp: Date;
-}
-```
+- Chrome (latest)
+- Firefox (latest)
+- Safari (latest)
+- Edge (latest)
 
-### InterviewAnswer Interface
+## License
 
-```typescript
-interface InterviewAnswer {
-  questionId: string;
-  answerText: string;
-  timestamp: Date;
-}
-```
+MIT License - see LICENSE file for details.
+
+## Contributing
+
+1. Fork the repository
+2. Create a feature branch
+3. Make your changes
+4. Add tests if applicable
+5. Submit a pull request

package/package.json

@@ -1,13 +1,22 @@
 {
   "name": "interview-widget",
   "type": "module",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "Advanced React interview widget with STT, TTS, camera access, and ML-powered analysis",
   "main": "dist/widget.umd.js",
   "module": "dist/widget.es.js",
   "types": "dist/index.d.ts",
   "unpkg": "dist/widget.umd.js",
   "jsdelivr": "dist/widget.umd.js",
+  "style": "dist/widget.css",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/widget.es.js",
+      "require": "./dist/widget.umd.js"
+    },
+    "./style.css": "./dist/widget.css"
+  },
   "files": [
     "dist"
   ],