tailwind-hyperclay 0.1.15 → 0.1.16

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.
Files changed (4) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/index.js +10 -3
  3. package/package.json +1 -1
  4. package/test/test.js +6 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # Changelog
2
2
 
3
+ ## [0.1.16] - 2026-04-02
4
+
5
+ ### Changed
6
+ - `getTailwindName` now matches any domain instead of a hardcoded list, and `replaceTailwindLink` preserves the domain prefix in generated links
7
+
8
+
9
+
3
10
  ## [0.1.14] - 2026-01-31
4
11
 
5
12
  ### Changed
package/index.js CHANGED
@@ -129,12 +129,18 @@ function extractCandidates(html) {
129
129
 
130
130
  function getTailwindName(urlString) {
131
131
  // Match relative path: /tailwindcss/name.css
132
- // Or full URL: https://hyperclay.com/tailwindcss/name.css
132
+ // Or full URL with any domain: https://example.com/tailwindcss/name.css
133
133
  // With optional query params (?v=123) or fragments (#section)
134
- const match = urlString.match(/^(?:https:\/\/hyperclay\.com)?\/tailwindcss\/([^?#]+)\.css(?:[?#].*)?$/);
134
+ const match = urlString.match(/^(?:https?:\/\/[^/]+)?\/tailwindcss\/([^?#]+)\.css(?:[?#].*)?$/);
135
135
  return match ? match[1] : null;
136
136
  }
137
137
 
138
+ function getTailwindPrefix(urlString) {
139
+ // Extract the domain prefix (e.g. "https://hyperclay.com") or empty string for relative URLs
140
+ const match = urlString.match(/^(https?:\/\/[^/]+)?\/tailwindcss\//);
141
+ return match?.[1] || '';
142
+ }
143
+
138
144
  function extractHrefs(html) {
139
145
  const hrefs = [];
140
146
  const regex = /href\s*=\s*["']([^"']+)["']/gi;
@@ -163,7 +169,8 @@ function replaceTailwindLink(html, newName, sitePath) {
163
169
  /(href\s*=\s*["'])([^"']+)(["'])/gi,
164
170
  (match, prefix, url, suffix) => {
165
171
  if (getTailwindName(url) !== null) {
166
- return `${prefix}/tailwindcss/${scopedName}.css${suffix}`;
172
+ const domainPrefix = getTailwindPrefix(url);
173
+ return `${prefix}${domainPrefix}/tailwindcss/${scopedName}.css${suffix}`;
167
174
  }
168
175
  return match;
169
176
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tailwind-hyperclay",
3
- "version": "0.1.15",
3
+ "version": "0.1.16",
4
4
  "description": "On-save Tailwind CSS generator for Hyperclay",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/test/test.js CHANGED
@@ -1,4 +1,4 @@
1
- const { compileTailwind, hasTailwindLink, hasAnyTailwindLink, replaceTailwindLink } = require('../index.js');
1
+ const { compileTailwind, hasAnyTailwindLink, replaceTailwindLink, getTailwindCssName } = require('../index.js');
2
2
 
3
3
  const testHTML = `
4
4
  <!DOCTYPE html>
@@ -42,11 +42,11 @@ function test(name, actual, expected) {
42
42
  }
43
43
 
44
44
  async function runTests() {
45
- console.log('Testing hasTailwindLink...');
46
- test('myApp found', hasTailwindLink(testHTML, 'myApp'), true);
47
- test('other not found', hasTailwindLink(testHTML, 'other'), false);
48
- test('myApp with query params', hasTailwindLink(testHTMLWithQueryParams, 'myApp'), true);
49
- test('myApp with fragment', hasTailwindLink(testHTMLWithFragment, 'myApp'), true);
45
+ console.log('Testing getTailwindCssName...');
46
+ test('myApp found', getTailwindCssName(testHTML), 'myApp');
47
+ test('myApp with query params', getTailwindCssName(testHTMLWithQueryParams), 'myApp');
48
+ test('myApp with fragment', getTailwindCssName(testHTMLWithFragment), 'myApp');
49
+ test('no link returns null', getTailwindCssName('<html></html>'), null);
50
50
 
51
51
  console.log('\nTesting hasAnyTailwindLink...');
52
52
  test('finds link', hasAnyTailwindLink(testHTML), true);