@premium-ai/preview-ui 1.0.2 โ 1.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -0
- package/README.md +31 -0
- package/package.json +8 -2
- package/tailwind-ai-preview-plugin.js +8 -6
- package/.github/index.js +0 -3
- package/.github/workflows/release.yml +0 -42
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,17 @@
|
|
|
1
|
+
## [1.0.4](https://github.com/tdogga14-ctrl/preview-ui/compare/v1.0.3...v1.0.4) (2025-12-21)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* remove accidental submodule and flatten repo ([246d82a](https://github.com/tdogga14-ctrl/preview-ui/commit/246d82ae3a249c2c26d074a4880f6e92ba82fa74))
|
|
7
|
+
|
|
8
|
+
## [1.0.3](https://github.com/tdogga14-ctrl/preview-ui/compare/v1.0.2...v1.0.3) (2025-12-21)
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
### Bug Fixes
|
|
12
|
+
|
|
13
|
+
* update README usage ([740609d](https://github.com/tdogga14-ctrl/preview-ui/commit/740609d2a65a0a45d94d5df13c41a918ba5ddf4e))
|
|
14
|
+
|
|
1
15
|
## [1.0.2](https://github.com/tdogga14-ctrl/preview-ui/compare/v1.0.1...v1.0.2) (2025-12-19)
|
|
2
16
|
|
|
3
17
|
|
package/README.md
CHANGED
|
@@ -9,10 +9,41 @@ Tailwind plugin that adds production-grade styling and adaptive dark-mode compon
|
|
|
9
9
|
npm install @premium-ai/preview-ui --save-dev
|
|
10
10
|
```
|
|
11
11
|
|
|
12
|
+
Add the plugin to your Tailwind config (dark mode is `media`):
|
|
13
|
+
|
|
14
|
+
```js
|
|
15
|
+
// tailwind.config.js
|
|
16
|
+
const previewUI = require('@premium-ai/preview-ui');
|
|
17
|
+
|
|
18
|
+
module.exports = {
|
|
19
|
+
content: ['./src/**/*.{html,js,ts,jsx,tsx}'],
|
|
20
|
+
darkMode: 'media',
|
|
21
|
+
plugins: [previewUI]
|
|
22
|
+
};
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
Drop the classes into your preview markup:
|
|
26
|
+
|
|
12
27
|
```html
|
|
13
28
|
<div class="ai-preview fade-in">
|
|
14
29
|
<div class="preview-loading">
|
|
15
30
|
<i class="fas fa-spinner fa-spin"></i>
|
|
16
31
|
</div>
|
|
32
|
+
<div class="skeleton"></div>
|
|
33
|
+
<div class="preview-image-container">
|
|
34
|
+
<img class="preview-image loaded" src="/path/to/image.jpg" alt="AI headshot" />
|
|
35
|
+
<div class="preview-overlay">
|
|
36
|
+
<button>Retake</button>
|
|
37
|
+
<button>Download</button>
|
|
38
|
+
</div>
|
|
39
|
+
</div>
|
|
40
|
+
<div class="upsell-card">
|
|
41
|
+
<span class="quality-badge text-green-500">HD</span>
|
|
42
|
+
</div>
|
|
43
|
+
<div class="error-state hidden">
|
|
44
|
+
<i class="fas fa-exclamation-circle"></i>
|
|
45
|
+
<p>Something went wrong. Try again.</p>
|
|
46
|
+
<button>Retry</button>
|
|
47
|
+
</div>
|
|
17
48
|
</div>
|
|
18
49
|
```
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@premium-ai/preview-ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.4",
|
|
4
4
|
"description": "Tailwind plugin providing adaptive, dark-mode UI components for Premium AI Headshots realtime preview.",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"publishConfig": {
|
|
@@ -35,6 +35,12 @@
|
|
|
35
35
|
"@semantic-release/github": "^9.2.1",
|
|
36
36
|
"@semantic-release/npm": "^13.1.3",
|
|
37
37
|
"@semantic-release/release-notes-generator": "^12.1.0",
|
|
38
|
-
"
|
|
38
|
+
"autoprefixer": "^10.4.23",
|
|
39
|
+
"postcss": "^8.5.6",
|
|
40
|
+
"semantic-release": "^25.0.2",
|
|
41
|
+
"tailwindcss": "^4.1.18"
|
|
42
|
+
},
|
|
43
|
+
"dependencies": {
|
|
44
|
+
"@premium-ai/preview-ui": "^1.0.2"
|
|
39
45
|
}
|
|
40
46
|
}
|
|
@@ -58,10 +58,12 @@ module.exports = plugin(function ({ addComponents }) {
|
|
|
58
58
|
'#satisfactionText': { '@apply text-gray-300': {} }
|
|
59
59
|
}
|
|
60
60
|
});
|
|
61
|
-
});
|
|
61
|
+
});
|
|
62
62
|
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
63
|
+
// Example usage in a consumer tailwind.config.js (do not export from here):
|
|
64
|
+
// const previewUI = require('@premium-ai/preview-ui');
|
|
65
|
+
// module.exports = {
|
|
66
|
+
// content: ['./src/**/*.{html,js}'],
|
|
67
|
+
// darkMode: 'media',
|
|
68
|
+
// plugins: [previewUI]
|
|
69
|
+
// };
|
package/.github/index.js
DELETED
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
name: ๐ Semantic Release
|
|
2
|
-
|
|
3
|
-
on:
|
|
4
|
-
push:
|
|
5
|
-
branches:
|
|
6
|
-
- main
|
|
7
|
-
|
|
8
|
-
jobs:
|
|
9
|
-
release:
|
|
10
|
-
name: Publish via semantic-release
|
|
11
|
-
runs-on: ubuntu-latest
|
|
12
|
-
|
|
13
|
-
permissions:
|
|
14
|
-
contents: write
|
|
15
|
-
issues: write
|
|
16
|
-
pull-requests: write
|
|
17
|
-
|
|
18
|
-
steps:
|
|
19
|
-
- name: ๐งฉ Checkout repository
|
|
20
|
-
uses: actions/checkout@v4
|
|
21
|
-
with:
|
|
22
|
-
fetch-depth: 0
|
|
23
|
-
|
|
24
|
-
- name: ๐งฐ Setup Node.js
|
|
25
|
-
uses: actions/setup-node@v4
|
|
26
|
-
with:
|
|
27
|
-
node-version: 22
|
|
28
|
-
registry-url: 'https://registry.npmjs.org/'
|
|
29
|
-
|
|
30
|
-
- name: ๐ฆ Install dependencies
|
|
31
|
-
run: npm ci
|
|
32
|
-
|
|
33
|
-
- name: ๐งน Lint check
|
|
34
|
-
run: |
|
|
35
|
-
npm install eslint --no-save
|
|
36
|
-
npx eslint . --ext .js || echo "Lint warnings only, continuing..."
|
|
37
|
-
|
|
38
|
-
- name: ๐ Run semantic-release
|
|
39
|
-
env:
|
|
40
|
-
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
|
41
|
-
NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
|
|
42
|
-
run: npx semantic-release
|