@premium-ai/preview-ui 1.0.2 → 1.0.4

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [1.0.4](https://github.com/tdogga14-ctrl/preview-ui/compare/v1.0.3...v1.0.4) (2025-12-21)
+
+
+### Bug Fixes
+
+* remove accidental submodule and flatten repo ([246d82a](https://github.com/tdogga14-ctrl/preview-ui/commit/246d82ae3a249c2c26d074a4880f6e92ba82fa74))
+
+## [1.0.3](https://github.com/tdogga14-ctrl/preview-ui/compare/v1.0.2...v1.0.3) (2025-12-21)
+
+
+### Bug Fixes
+
+* update README usage ([740609d](https://github.com/tdogga14-ctrl/preview-ui/commit/740609d2a65a0a45d94d5df13c41a918ba5ddf4e))
+
 ## [1.0.2](https://github.com/tdogga14-ctrl/preview-ui/compare/v1.0.1...v1.0.2) (2025-12-19)
 
 

package/README.md

@@ -9,10 +9,41 @@ Tailwind plugin that adds production-grade styling and adaptive dark-mode compon
 npm install @premium-ai/preview-ui --save-dev
 ```
 
+Add the plugin to your Tailwind config (dark mode is `media`):
+
+```js
+// tailwind.config.js
+const previewUI = require('@premium-ai/preview-ui');
+
+module.exports = {
+  content: ['./src/**/*.{html,js,ts,jsx,tsx}'],
+  darkMode: 'media',
+  plugins: [previewUI]
+};
+```
+
+Drop the classes into your preview markup:
+
 ```html
 <div class="ai-preview fade-in">
   <div class="preview-loading">
     <i class="fas fa-spinner fa-spin"></i>
   </div>
+  <div class="skeleton"></div>
+  <div class="preview-image-container">
+    <img class="preview-image loaded" src="/path/to/image.jpg" alt="AI headshot" />
+    <div class="preview-overlay">
+      <button>Retake</button>
+      <button>Download</button>
+    </div>
+  </div>
+  <div class="upsell-card">
+    <span class="quality-badge text-green-500">HD</span>
+  </div>
+  <div class="error-state hidden">
+    <i class="fas fa-exclamation-circle"></i>
+    <p>Something went wrong. Try again.</p>
+    <button>Retry</button>
+  </div>
 </div>
 ```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@premium-ai/preview-ui",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "Tailwind plugin providing adaptive, dark-mode UI components for Premium AI Headshots realtime preview.",
   "main": "index.js",
   "publishConfig": {
@@ -35,6 +35,12 @@
     "@semantic-release/github": "^9.2.1",
     "@semantic-release/npm": "^13.1.3",
     "@semantic-release/release-notes-generator": "^12.1.0",
-    "semantic-release": "^25.0.2"
+    "autoprefixer": "^10.4.23",
+    "postcss": "^8.5.6",
+    "semantic-release": "^25.0.2",
+    "tailwindcss": "^4.1.18"
+  },
+  "dependencies": {
+    "@premium-ai/preview-ui": "^1.0.2"
   }
 }

package/tailwind-ai-preview-plugin.js

@@ -58,10 +58,12 @@ module.exports = plugin(function ({ addComponents }) {
       '#satisfactionText': { '@apply text-gray-300': {} }
     }
   });
-});const previewUI = require('@premium-ai/preview-ui');
+});
 
-module.exports = {
-  content: ['./src/**/*.{html,js}'],
-  darkMode: 'media',
-  plugins: [previewUI],
-};
+// Example usage in a consumer tailwind.config.js (do not export from here):
+// const previewUI = require('@premium-ai/preview-ui');
+// module.exports = {
+//   content: ['./src/**/*.{html,js}'],
+//   darkMode: 'media',
+//   plugins: [previewUI]
+// };

package/.github/index.js

@@ -1,3 +0,0 @@
-// Entry point for @premium-ai/preview-ui
-const plugin = require('./tailwind-ai-preview-plugin');
-module.exports = plugin;

package/.github/workflows/release.yml

@@ -1,42 +0,0 @@
-name: 🚀 Semantic Release
-
-on:
-  push:
-    branches:
-      - main
-
-jobs:
-  release:
-    name: Publish via semantic-release
-    runs-on: ubuntu-latest
-
-    permissions:
-      contents: write
-      issues: write
-      pull-requests: write
-
-    steps:
-      - name: 🧩 Checkout repository
-        uses: actions/checkout@v4
-        with:
-          fetch-depth: 0
-
-      - name: 🧰 Setup Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: 22
-          registry-url: 'https://registry.npmjs.org/'
-
-      - name: 📦 Install dependencies
-        run: npm ci
-
-      - name: 🧹 Lint check
-        run: |
-          npm install eslint --no-save
-          npx eslint . --ext .js || echo "Lint warnings only, continuing..."
-
-      - name: 🚀 Run semantic-release
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
-        run: npx semantic-release