@saasquatch/squatch-js 2.8.3-3 → 2.8.3-30

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 (46) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/babelregister.js +0 -1
  3. package/coverage/base.css +224 -0
  4. package/coverage/block-navigation.js +87 -0
  5. package/coverage/clover.xml +996 -0
  6. package/coverage/coverage-final.json +26 -0
  7. package/coverage/favicon.png +0 -0
  8. package/coverage/prettify.css +1 -0
  9. package/coverage/prettify.js +2 -0
  10. package/coverage/sort-arrow-sprite.png +0 -0
  11. package/coverage/sorter.js +210 -0
  12. package/demo/perf-benchmark.ts +363 -0
  13. package/demo/perf-compare.html +870 -0
  14. package/demo/perf-deploy/vercel.json +17 -0
  15. package/demo/perf-frame.html +417 -0
  16. package/demo/perf-server.ts +131 -0
  17. package/dist/ErrorTemplate-DUNm11h9.js +124 -0
  18. package/dist/ErrorTemplate-DUNm11h9.js.map +1 -0
  19. package/dist/ErrorTemplate-DumOlC5f.cjs +109 -0
  20. package/dist/ErrorTemplate-DumOlC5f.cjs.map +1 -0
  21. package/dist/SkeletonTemplate-B3Bk4NFu.cjs +243 -0
  22. package/dist/SkeletonTemplate-B3Bk4NFu.cjs.map +1 -0
  23. package/dist/SkeletonTemplate-Day_0iMM.js +246 -0
  24. package/dist/SkeletonTemplate-Day_0iMM.js.map +1 -0
  25. package/dist/squatch.cjs.js +33 -2523
  26. package/dist/squatch.cjs.js.map +1 -1
  27. package/dist/squatch.esm.js +928 -1956
  28. package/dist/squatch.esm.js.map +1 -1
  29. package/dist/squatch.js +227 -2373
  30. package/dist/squatch.js.map +1 -1
  31. package/dist/squatch.min.js +4 -5
  32. package/dist/types.d.ts +134 -1
  33. package/dist/utils/cookieUtils.d.ts +1 -0
  34. package/dist/utils/logger.d.ts +23 -0
  35. package/dist/widgets/EmbedWidget.d.ts +1 -1
  36. package/dist/widgets/ErrorTemplate.d.ts +9 -0
  37. package/dist/widgets/PopupWidget.d.ts +3 -5
  38. package/dist/widgets/SkeletonTemplate.d.ts +1 -4
  39. package/dist/widgets/Widget.d.ts +29 -2
  40. package/dist/widgets/declarative/DeclarativeWidget.d.ts +9 -1
  41. package/dist/widgets/declarative/DeclarativeWidgets.d.ts +0 -6
  42. package/package.json +11 -15
  43. package/vite-env.d.ts +2 -1
  44. package/vite.config.ts +17 -0
  45. package/babel.config.js +0 -8
  46. package/jest.config.ts +0 -200
package/dist/SkeletonTemplate-Day_0iMM.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SkeletonTemplate-Day_0iMM.js","sources":["../src/widgets/SkeletonTemplate.ts"],"sourcesContent":["export type WidgetType = \"instant-access\" | \"verified-access\";\n\ninterface SkeletonProps {\n type?: WidgetType;\n}\n\n/**\n * Returns the complete HTML string (including <style>) for the skeleton.\n * Values are injected directly into the CSS string.\n */\nexport const getSkeleton = ({ type = \"verified-access\" }: SkeletonProps) => {\n const skeletonBackgroundColor = \"#e0e0e0\";\n const skeletonShimmerColor = \"#f5f5f5\";\n const referrerHTML = `\n <div class=\"hero-section\">\n <div class=\"hero-content\">\n <div class=\"skeleton sk-title-lg\"></div>\n <div class=\"skeleton sk-text\"></div>\n <div class=\"skeleton sk-text sk-text-short\"></div>\n </div>\n <div class=\"skeleton hero-image\"></div>\n </div>\n\n <div class=\"share-section\">\n <div class=\"skeleton sk-label\"></div>\n <div class=\"skeleton sk-input\"></div>\n <div class=\"social-buttons\">\n <div class=\"skeleton sk-btn-social\"></div>\n <div class=\"skeleton sk-btn-social\"></div>\n <div class=\"skeleton sk-btn-social\"></div>\n <div class=\"skeleton sk-btn-social\"></div>\n </div>\n </div>\n\n <div class=\"skeleton sk-title-md\" style=\"margin-top: 0; width: 30%; margin-left: auto; margin-right: auto\"></div>\n <div class=\"skeleton sk-text\" style=\"width: 60%; margin-left: auto; margin-right: auto\"></div>\n\n <div class=\"stats-section\">\n <div class=\"stat-card\">\n <div class=\"skeleton sk-stat-num\"></div>\n <div class=\"skeleton sk-stat-label\"></div>\n </div>\n <div class=\"stat-card stat-divider\">\n <div class=\"skeleton sk-stat-num\"></div>\n <div class=\"skeleton sk-stat-label\"></div>\n </div>\n </div>\n\n <div class=\"skeleton sk-title-md\"></div>\n\n <div class=\"table-header\">\n <div class=\"skeleton sk-th col-user\"></div>\n <div class=\"skeleton sk-th col-status\"></div>\n <div class=\"skeleton sk-th col-reward\"></div>\n <div class=\"skeleton sk-th col-date\"></div>\n </div>\n\n <div class=\"table-row\">\n <div class=\"col-user\"><div class=\"skeleton sk-text\" style=\"width: 70%; margin: 0\"></div></div>\n <div class=\"col-status\"><div class=\"skeleton sk-badge\" style=\"margin: 0\"></div></div>\n <div class=\"col-reward\"><div class=\"skeleton sk-reward-block\" style=\"margin: 0\"></div></div>\n <div class=\"col-date\"><div class=\"skeleton sk-text\" style=\"width: 80%; margin: 0\"></div></div>\n </div>\n \n <div class=\"table-row\">\n <div class=\"col-user\"><div class=\"skeleton sk-text\" style=\"width: 60%; margin: 0\"></div></div>\n <div class=\"col-status\"><div class=\"skeleton sk-badge\" style=\"margin: 0\"></div></div>\n <div class=\"col-reward\"><div class=\"skeleton sk-reward-block\" style=\"margin: 0\"></div></div>\n <div class=\"col-date\"><div class=\"skeleton sk-text\" style=\"width: 80%; margin: 0\"></div></div>\n </div>\n\n <div class=\"table-row\">\n <div class=\"col-user\"><div class=\"skeleton sk-text\" style=\"width: 75%; margin: 0\"></div></div>\n <div class=\"col-status\"><div class=\"skeleton sk-badge\" style=\"margin: 0\"></div></div>\n <div class=\"col-reward\"><div class=\"skeleton sk-reward-block\" style=\"margin: 0\"></div></div>\n <div class=\"col-date\"><div class=\"skeleton sk-text\" style=\"width: 80%; margin: 0\"></div></div>\n </div>\n\n <div class=\"pagination\">\n <div class=\"skeleton sk-btn-page\"></div>\n <div class=\"skeleton sk-btn-page\"></div>\n </div>\n `;\n\n const instantAccessHTML = `\n <div class=\"hero-section instant-access-layout\">\n <div class=\"skeleton hero-image ia-image\"></div>\n \n <div class=\"hero-content ia-content\">\n <div class=\"skeleton sk-title-lg ia-center\"></div>\n <div class=\"skeleton sk-text ia-center\"></div>\n \n <div class=\"skeleton sk-btn-action\"></div>\n\n <div class=\"skeleton sk-label\"></div>\n <div class=\"input-group\">\n <div class=\"skeleton sk-input\"></div>\n <div class=\"skeleton sk-btn-copy\"></div>\n </div>\n\n <div class=\"skeleton sk-text-short ia-center\" style=\"margin-top: 20px; width: 30%\"></div>\n <div class=\"skeleton sk-text-short ia-center\" style=\"width: 20%\"></div>\n </div>\n </div>\n `;\n\n return `\n <style>\n * {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n }\n\n .widget-container {\n background: white;\n width: 100%;\n padding: 40px;\n box-sizing: border-box;\n overflow: hidden; \n }\n\n @keyframes pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.6; }\n }\n\n .skeleton {\n background: ${skeletonBackgroundColor};\n animation: pulse 1.8s ease-in-out infinite;\n border-radius: 6px;\n margin-bottom: 12px;\n }\n\n /* Typography Skeletons */\n .sk-title-lg { height: 36px; width: 80%; margin-bottom: 16px; }\n .sk-title-md { height: 28px; width: 30%; margin-bottom: 20px; margin-top: 40px; }\n .sk-text { height: 16px; width: 90%; margin-bottom: 8px; }\n .sk-text-short { width: 40%; }\n .sk-label { height: 14px; width: 25%; margin-bottom: 10px; }\n\n /* Layouts */\n .hero-section {\n display: flex;\n gap: 40px;\n margin-bottom: 40px;\n padding-bottom: 40px;\n flex-direction: row;\n height: 100%;\n /* Removed border-bottom */\n }\n \n .hero-content {\n flex: 1;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n \n .hero-image {\n flex: 1;\n height: 300px;\n border-radius: 12px;\n }\n\n /* -- Specific Instant Access Overrides -- */\n .instant-access-layout {\n margin-bottom: 0;\n padding-bottom: 0;\n align-items: center; \n }\n .ia-image {\n height: 400px; \n }\n .ia-center {\n margin-left: auto;\n margin-right: auto;\n }\n .ia-content {\n align-items: center; \n text-align: center;\n }\n .sk-btn-action {\n height: 45px;\n width: 140px;\n border-radius: 6px;\n margin: 24px auto;\n }\n .input-group {\n display: flex;\n gap: 10px;\n width: 100%;\n max-width: 400px;\n }\n .sk-btn-copy {\n height: 50px;\n width: 120px;\n border-radius: 8px;\n }\n /* ------------------------------------- */\n\n .share-section { margin-bottom: 40px; }\n .sk-input { height: 50px; width: 100%; border-radius: 8px; margin-bottom: 16px; }\n \n .social-buttons { display: flex; gap: 12px; }\n .sk-btn-social { flex: 1; height: 50px; border-radius: 8px; }\n\n .stats-section {\n display: flex;\n gap: 24px;\n margin-bottom: 40px;\n padding: 30px 0;\n /* Removed border-top and border-bottom */\n }\n .stat-card { flex: 1; display: flex; flex-direction: column; align-items: center; }\n .stat-divider { padding-left: 24px; }\n .sk-stat-num { height: 48px; width: 120px; margin-bottom: 8px; }\n .sk-stat-label { height: 18px; width: 80px; }\n\n /* Table Styles */\n .table-header { display: flex; gap: 16px; margin-bottom: 16px; }\n .sk-th { height: 16px; }\n .table-row { \n display: flex; \n align-items: center; \n gap: 16px; \n padding: 16px 0; \n /* Removed border-bottom */\n }\n \n .col-user { flex: 2; }\n .col-status { flex: 1; }\n .col-reward { flex: 2; }\n .col-date { flex: 1; }\n\n .sk-badge { height: 28px; width: 90px; border-radius: 14px; }\n .sk-reward-block { height: 36px; width: 100%; border-radius: 6px; }\n\n .pagination { display: flex; justify-content: flex-end; gap: 8px; margin-top: 24px; }\n .sk-btn-page { height: 36px; width: 64px; border-radius: 6px; margin-bottom: 0; }\n\n @media (max-width: 768px) {\n body { padding: 20px; }\n .widget-container { padding: 24px; }\n\n .hero-section { flex-direction: column-reverse; gap: 24px; }\n .instant-access-layout { flex-direction: column; }\n \n .hero-image { height: 220px; width: 100%; }\n .sk-title-lg { width: 100%; }\n\n .col-date { display: none; }\n }\n </style>\n\n <div class=\"widget-container\">\n ${type === \"verified-access\" ? referrerHTML : instantAccessHTML}\n </div>\n `;\n};\n"],"names":["getSkeleton","type"],"mappings":"AAUO,MAAMA,IAAc,CAAC,EAAE,MAAAC,IAAO,wBAgG5B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAsJDA,MAAS,oBAnPM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAuEK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA4KyC;AAAA;AAAA;"}