@roxyapi/ui 0.5.0 → 0.6.0

package/dist/cdn/widgets.js

@@ -1,114 +1 @@
-(function () {
-	'use strict';
-	if (window.__ROXY_WIDGETS_LOADED__) return;
-	window.__ROXY_WIDGETS_LOADED__ = true;
-
-	var CDN = 'https://cdn.jsdelivr.net/npm/@roxyapi/ui@0/dist/cdn/roxy-ui.js';
-	var API = 'https://roxyapi.com/api/v2';
-
-	var WIDGET_ENDPOINTS = {
-		'natal-chart': { path: '/astrology/natal-chart', method: 'POST' },
-		'horoscope-card': { path: '/astrology/horoscope/{sign}/daily', method: 'GET' },
-		'synastry-chart': { path: '/astrology/synastry', method: 'POST' },
-		'compatibility-card': { path: '/astrology/compatibility-score', method: 'POST' },
-		'moon-phase': { path: '/astrology/moon-phase/current', method: 'GET' },
-		'vedic-kundli': { path: '/vedic-astrology/birth-chart', method: 'POST' },
-		'panchang-table': { path: '/vedic-astrology/panchang/detailed', method: 'POST' },
-		'dasha-timeline': { path: '/vedic-astrology/dasha/current', method: 'POST' },
-		'dosha-card': { path: '/vedic-astrology/dosha/manglik', method: 'POST' },
-		'guna-milan': { path: '/vedic-astrology/compatibility', method: 'POST' },
-		'kp-planets-table': { path: '/vedic-astrology/kp/planets', method: 'POST' },
-		'numerology-card': { path: '/numerology/life-path', method: 'POST' },
-		'tarot-card': { path: '/tarot/daily', method: 'POST' },
-		'tarot-spread': { path: '/tarot/spreads/three-card', method: 'POST' },
-		'biorhythm-chart': { path: '/biorhythm/daily', method: 'POST' },
-		hexagram: { path: '/iching/cast', method: 'GET' },
-	};
-
-	function ensureLoaded() {
-		if (document.getElementById('roxy-ui-loader')) return Promise.resolve();
-		return new Promise(function (resolve, reject) {
-			var s = document.createElement('script');
-			s.id = 'roxy-ui-loader';
-			s.src = CDN;
-			s.async = true;
-			s.crossOrigin = 'anonymous';
-			s.onload = function () { resolve(); };
-			s.onerror = function () { reject(new Error('roxy-ui load failed')); };
-			document.head.appendChild(s);
-		});
-	}
-
-	function fillTemplate(path, attrs) {
-		return path.replace(/\{([^}]+)\}/g, function (_, key) {
-			return encodeURIComponent(attrs[key] || '');
-		});
-	}
-
-	function collectAttrs(el) {
-		var out = {};
-		for (var i = 0; i < el.attributes.length; i++) {
-			var a = el.attributes[i];
-			if (a.name.indexOf('data-') === 0 && a.name !== 'data-roxy-widget' && a.name !== 'data-publishable-key') {
-				out[a.name.slice('data-'.length).replace(/-([a-z])/g, function (_, c) { return c.toUpperCase(); })] = a.value;
-			}
-		}
-		return out;
-	}
-
-	function mount(host) {
-		var name = host.getAttribute('data-roxy-widget');
-		var pk = host.getAttribute('data-publishable-key');
-		if (!name || !WIDGET_ENDPOINTS[name]) return;
-
-		var endpoint = WIDGET_ENDPOINTS[name];
-		var attrs = collectAttrs(host);
-		var url = API + fillTemplate(endpoint.path, attrs);
-
-		ensureLoaded().then(function () {
-			var element = document.createElement('roxy-' + name);
-			Object.keys(attrs).forEach(function (k) {
-				if (k === 'sign' || k === 'period' || k === 'mode' || k === 'type' || k === 'spread') {
-					element.setAttribute(k, attrs[k]);
-				}
-			});
-			host.innerHTML = '';
-			host.appendChild(element);
-
-			if (!pk) {
-				console.warn('roxy-widget', name, 'is missing data-publishable-key, skipping fetch');
-				return;
-			}
-
-			var headers = { Accept: 'application/json' };
-			headers['X-API-Key'] = pk;
-			var init = { headers: headers, method: endpoint.method };
-			if (endpoint.method === 'POST') {
-				init.headers['Content-Type'] = 'application/json';
-				init.body = JSON.stringify(attrs);
-			}
-
-			fetch(url, init)
-				.then(function (res) { return res.json(); })
-				.then(function (json) { element.data = json; })
-				.catch(function (err) {
-					element.setAttribute('aria-invalid', 'true');
-					console.error('roxy-widget', name, err);
-				});
-		});
-	}
-
-	function scan() {
-		var nodes = document.querySelectorAll('[data-roxy-widget]:not([data-roxy-mounted])');
-		for (var i = 0; i < nodes.length; i++) {
-			nodes[i].setAttribute('data-roxy-mounted', 'true');
-			mount(nodes[i]);
-		}
-	}
-
-	if (document.readyState === 'loading') {
-		document.addEventListener('DOMContentLoaded', scan);
-	} else {
-		scan();
-	}
-})();
+(function(){"use strict";if(window.__ROXY_WIDGETS_LOADED__)return;window.__ROXY_WIDGETS_LOADED__=!0;var u="https://cdn.jsdelivr.net/npm/@roxyapi/ui@0/dist/cdn/roxy-ui.js",p="https://roxyapi.com/api/v2",h={"natal-chart":{path:"/astrology/natal-chart",method:"POST"},"horoscope-card":{path:"/astrology/horoscope/{sign}/daily",method:"GET"},"synastry-chart":{path:"/astrology/synastry",method:"POST"},"compatibility-card":{path:"/astrology/compatibility-score",method:"POST"},"moon-phase":{path:"/astrology/moon-phase/current",method:"GET"},"vedic-kundli":{path:"/vedic-astrology/birth-chart",method:"POST"},"panchang-table":{path:"/vedic-astrology/panchang/detailed",method:"POST"},"dasha-timeline":{path:"/vedic-astrology/dasha/current",method:"POST"},"dosha-card":{path:"/vedic-astrology/dosha/manglik",method:"POST"},"guna-milan":{path:"/vedic-astrology/compatibility",method:"POST"},"kp-planets-table":{path:"/vedic-astrology/kp/planets",method:"POST"},"numerology-card":{path:"/numerology/life-path",method:"POST"},"tarot-card":{path:"/tarot/daily",method:"POST"},"tarot-spread":{path:"/tarot/spreads/three-card",method:"POST"},"biorhythm-chart":{path:"/biorhythm/daily",method:"POST"},hexagram:{path:"/iching/cast",method:"GET"}};function m(){return document.getElementById("roxy-ui-loader")?Promise.resolve():new Promise(function(e,t){var a=document.createElement("script");a.id="roxy-ui-loader",a.src=u,a.async=!0,a.crossOrigin="anonymous",a.onload=function(){e()},a.onerror=function(){t(new Error("roxy-ui load failed"))},document.head.appendChild(a)})}function y(e,t){return e.replace(/\{([^}]+)\}/g,function(a,r){return encodeURIComponent(t[r]||"")})}function g(e){for(var t={},a=0;a<e.attributes.length;a++){var r=e.attributes[a];r.name.indexOf("data-")===0&&r.name!=="data-roxy-widget"&&r.name!=="data-publishable-key"&&(t[r.name.slice(5).replace(/-([a-z])/g,function(n,d){return d.toUpperCase()})]=r.value)}return t}function f(e){var t=e.getAttribute("data-roxy-widget"),a=e.getAttribute("data-publishable-key");if(!(!t||!h[t])){var r=h[t],n=g(e),d=p+y(r.path,n);m().then(function(){var i=document.createElement("roxy-"+t);if(Object.keys(n).forEach(function(o){(o==="sign"||o==="period"||o==="mode"||o==="type"||o==="spread")&&i.setAttribute(o,n[o])}),e.innerHTML="",e.appendChild(i),!a){console.warn("roxy-widget",t,"is missing data-publishable-key, skipping fetch");return}var l={Accept:"application/json"};l["X-API-Key"]=a;var c={headers:l,method:r.method};r.method==="POST"&&(c.headers["Content-Type"]="application/json",c.body=JSON.stringify(n)),fetch(d,c).then(function(o){return o.json()}).then(function(o){i.data=o}).catch(function(o){i.setAttribute("aria-invalid","true"),console.error("roxy-widget",t,o)})})}}function s(){for(var e=document.querySelectorAll("[data-roxy-widget]:not([data-roxy-mounted])"),t=0;t<e.length;t++)e[t].setAttribute("data-roxy-mounted","true"),f(e[t])}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",s):s()})();