@skhema/web-component 0.0.15 → 0.0.17
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/dist/components/SkhemaElement.d.ts +1 -0
- package/dist/components/SkhemaElement.d.ts.map +1 -1
- package/dist/index.cjs +272 -38
- package/dist/index.cjs.map +1 -1
- package/dist/index.es.js +272 -38
- package/dist/index.es.js.map +1 -1
- package/dist/utils/analytics.d.ts.map +1 -1
- package/dist/utils/sanitization.d.ts +31 -0
- package/dist/utils/sanitization.d.ts.map +1 -0
- package/dist/web-component.min.js +1 -1
- package/dist/web-component.min.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports):"function"==typeof define&&define.amd?define(["exports"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self).SkhemaWebComponent={})}(this,function(e){"use strict";function n(e){return"false"!==e.getAttribute("track-analytics")}function t(e){let n=0;const t=e.trim().substring(0,200);for(let a=0;a<t.length;a++){n=(n<<5)-n+t.charCodeAt(a),n&=n}return Math.abs(n).toString(36).substring(0,12)}const a={KEY_CHALLENGE:{value:"key_challenge",label:"Key Challenge",acronym:"KC"},SUPPORTING_FACT:{value:"supporting_fact",label:"Supporting Fact",acronym:"SF"},ASSOCIATED_IMPACT:{value:"associated_impact",label:"Associated Impact",acronym:"AI"},GUIDING_POLICY:{value:"guiding_policy",label:"Guiding Policy",acronym:"GP"},COMPETITOR_MOVE:{value:"competitor_move",label:"Competitor Move",acronym:"CM"},SCOPE:{value:"scope",label:"Scope",acronym:"SC"},CONSTRAINT:{value:"constraint",label:"Constraint",acronym:"CN"},SOLUTION_ALTERNATIVE:{value:"solution_alternative",label:"Solution Alternative",acronym:"SA"},ASSUMPTION_HYPOTHESIS:{value:"assumption_hypothesis",label:"Assumption Hypothesis",acronym:"AH"},EXPERIMENT:{value:"experiment",label:"Experiment",acronym:"EX"},ACTION:{value:"action",label:"Action",acronym:"AC"},INVESTMENT:{value:"investment",label:"Investment",acronym:"IN"},ESTIMATE:{value:"estimate",label:"Estimate",acronym:"ES"},BASELINE:{value:"baseline",label:"Baseline",acronym:"BL"},OUTCOME:{value:"outcome",label:"Outcome",acronym:"OC"},PERFORMANCE_VARIABLE:{value:"performance_variable",label:"Performance Variable",acronym:"PV"},CAPABILITY:{value:"capability",label:"Capability",acronym:"CP"},SYSTEM:{value:"system",label:"System",acronym:"SY"},PRINCIPLE:{value:"principle",label:"Principle",acronym:"PR"}};function r(e){return Object.values(a).map(e=>e.value).includes(e)}function o(e){const n=Object.values(a).find(n=>n.value===e);return n?.label||e}function i(e,n,a,r={}){const o=r.baseUrl||"https://app.skhema.com/save",i=t(e),s=encodeURIComponent(window.location.href),c=Date.now();return`${o}?contributor_id=${a}&element_type=${n}&content_hash=${i}&${new URLSearchParams({source:s,t:c.toString(),utm_source:r.utmSource||"web_component",utm_medium:r.utmMedium||"embedded",utm_campaign:r.utmCampaign||n,utm_content:a}).toString()}`}const s="\n:host {\n /* Skhema Brand Colors - matching UI library */\n --skhema-primary: hsl(344 57% 54%); /* #cd476a */\n --skhema-primary-hover: hsl(344 50% 47%); /* #b53d5e */\n --skhema-primary-pressed: hsl(343 50% 41%); /* #9d3552 */\n --skhema-secondary: hsl(345 100% 75%); /* #ff82a2 */\n --skhema-gradient: linear-gradient(135deg, hsl(344 57% 54%) 0%, hsl(345 100% 75%) 100%);\n \n /* Light mode colors */\n --skhema-bg: hsl(0 0% 100%);\n --skhema-card: hsl(0 0% 100%);\n --skhema-border: hsl(214.3 31.8% 91.4%);\n --skhema-text: hsl(222.2 84% 4.9%);\n --skhema-text-muted: hsl(215.4 16.3% 46.9%);\n --skhema-accent: hsl(210 40% 96%);\n \n /* Shadows matching UI library */\n --skhema-shadow: 0 1px 3px 0 hsl(0 0 0 / 0.1), 0 1px 2px -1px hsl(0 0 0 / 0.1);\n --skhema-shadow-md: 0 4px 6px -1px hsl(0 0 0 / 0.1), 0 2px 4px -2px hsl(0 0 0 / 0.1);\n --skhema-shadow-lg: 0 10px 15px -3px hsl(0 0 0 / 0.1), 0 4px 6px -4px hsl(0 0 0 / 0.1);\n --skhema-radius: 0.375rem;\n \n display: block;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Inter', sans-serif;\n line-height: 1.5;\n color: var(--skhema-text);\n}\n\n:host([theme=\"dark\"]) {\n /* Dark mode colors */\n --skhema-bg: hsl(222.2 84% 4.9%);\n --skhema-card: hsl(222.2 84% 4.9%);\n --skhema-border: hsl(217.2 32.6% 17.5%);\n --skhema-text: hsl(210 40% 98%);\n --skhema-text-muted: hsl(215 20.2% 65.1%);\n --skhema-accent: hsl(217.2 32.6% 17.5%);\n}\n\n/* Main component card - inspired by your design */\n.skhema-insight-card {\n position: relative;\n background: var(--skhema-card);\n border: 1px solid var(--skhema-border);\n border-radius: calc(var(--skhema-radius) * 2);\n padding: 16px;\n box-shadow: var(--skhema-shadow);\n transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n max-width: 600px;\n margin: 8px 0;\n}\n\n.skhema-insight-card:hover {\n box-shadow: var(--skhema-shadow-lg);\n border-color: var(--skhema-primary);\n transform: translateY(-1px);\n}\n\n/* Header section with contributor info */\n.skhema-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 12px;\n gap: 12px;\n}\n\n.skhema-contributor {\n display: flex;\n align-items: center;\n gap: 8px;\n flex: 1;\n}\n\n.skhema-avatar {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n background: var(--skhema-gradient);\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 14px;\n color: white;\n flex-shrink: 0;\n}\n\n.skhema-contributor-info {\n min-width: 0;\n flex: 1;\n}\n\n.skhema-contributor-name {\n font-weight: 500;\n font-size: 14px;\n color: var(--skhema-text);\n margin: 0;\n line-height: 1.2;\n}\n\n.skhema-contributor-role {\n font-size: 12px;\n color: var(--skhema-text-muted);\n margin: 0;\n line-height: 1.2;\n}\n\n/* Element type badge */\n.skhema-element-badge {\n display: inline-flex;\n align-items: center;\n padding: 4px 8px;\n background: var(--skhema-accent);\n border: 1px solid var(--skhema-border);\n border-radius: var(--skhema-radius);\n font-size: 11px;\n font-weight: 500;\n color: var(--skhema-text-muted);\n text-transform: capitalize;\n white-space: nowrap;\n flex-shrink: 0;\n}\n\n/* Content section */\n.skhema-content {\n margin: 12px 0 16px 0;\n padding: 0;\n}\n\n.skhema-content-text {\n font-size: 15px;\n line-height: 1.6;\n color: var(--skhema-text);\n margin: 0;\n font-style: italic;\n position: relative;\n}\n\n.skhema-content-text::before {\n content: '\"';\n color: var(--skhema-primary);\n font-size: 20px;\n font-weight: 600;\n margin-right: 4px;\n}\n\n.skhema-content-text::after {\n content: '\"';\n color: var(--skhema-primary);\n font-size: 20px;\n font-weight: 600;\n margin-left: 4px;\n}\n\n/* Footer section */\n.skhema-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n padding-top: 12px;\n border-top: 1px solid var(--skhema-border);\n}\n\n.skhema-attribution {\n font-size: 11px;\n color: var(--skhema-text-muted);\n display: flex;\n align-items: center;\n gap: 4px;\n}\n\n.skhema-attribution a {\n color: var(--skhema-primary);\n text-decoration: none;\n font-weight: 500;\n}\n\n.skhema-attribution a:hover {\n text-decoration: underline;\n}\n\n/* Save button with gradient and arrow */\n.skhema-save-btn {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: var(--skhema-gradient);\n color: white;\n border: none;\n padding: 8px 16px;\n border-radius: var(--skhema-radius);\n font-size: 13px;\n font-weight: 500;\n text-decoration: none;\n cursor: pointer;\n transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: var(--skhema-shadow);\n white-space: nowrap;\n}\n\n.skhema-save-btn:hover {\n transform: translateY(-1px);\n box-shadow: var(--skhema-shadow-md);\n}\n\n.skhema-save-btn:active {\n transform: translateY(0);\n}\n\n.skhema-save-btn:focus {\n outline: 2px solid var(--skhema-primary);\n outline-offset: 2px;\n}\n\n.skhema-save-btn::after {\n content: '→';\n transition: transform 0.2s ease;\n}\n\n.skhema-save-btn:hover::after {\n transform: translateX(2px);\n}\n\n/* Error state */\n.skhema-error {\n background: hsl(0 93% 94%);\n border: 1px solid hsl(0 84% 60%);\n color: hsl(0 74% 42%);\n padding: 12px;\n border-radius: var(--skhema-radius);\n font-size: 13px;\n}\n\n.skhema-error-title {\n font-weight: 600;\n margin-bottom: 8px;\n}\n\n.skhema-error-list {\n margin: 0;\n padding-left: 16px;\n}\n\n/* Loading state */\n.skhema-loading {\n background: var(--skhema-accent);\n border: 1px solid var(--skhema-border);\n padding: 12px;\n border-radius: var(--skhema-radius);\n color: var(--skhema-text-muted);\n font-size: 13px;\n text-align: center;\n}\n\n.skhema-loading::after {\n content: '...';\n animation: loading 1.5s infinite;\n}\n\n@keyframes loading {\n 0%, 33% { content: '...'; }\n 66% { content: '..'; }\n 100% { content: '.'; }\n}\n\n/* Responsive design */\n@media (max-width: 640px) {\n .skhema-insight-card {\n margin: 4px 0;\n padding: 12px;\n }\n \n .skhema-header {\n flex-direction: column;\n align-items: flex-start;\n gap: 8px;\n }\n \n .skhema-footer {\n flex-direction: column;\n align-items: stretch;\n gap: 8px;\n }\n \n .skhema-save-btn {\n justify-content: center;\n }\n}\n\n/* Accessibility */\n@media (prefers-reduced-motion: reduce) {\n .skhema-insight-card,\n .skhema-save-btn {\n transition: none;\n }\n \n .skhema-save-btn::after {\n transition: none;\n }\n \n .skhema-save-btn:hover::after {\n transform: none;\n }\n}\n\n.skhema-structured-data {\n display: none !important;\n}\n";class c extends HTMLElement{constructor(){super(),this.contentData=null,this.componentConnected=!1,this.shadow=this.attachShadow({mode:"closed"})}static get observedAttributes(){return["element-type","contributor-id","content","source-url","theme","track-analytics"]}connectedCallback(){if(!this.componentConnected){this.componentConnected=!0;try{this.render(),this.trackLoad()}catch(e){this.renderError("Failed to initialize component",e)}}}attributeChangedCallback(e,n,t){n!==t&&this.componentConnected&&this.render()}render(){const e=function(e){const n=[],t=e.getAttribute("element-type"),o=e.getAttribute("contributor-id");if(t){if(!r(t)){const e=Object.values(a).map(e=>e.value).join(", ");n.push(`Invalid element-type "${t}". Valid types: ${e}`)}}else n.push("Missing required attribute: element-type");return o?0===o.trim().length&&n.push("contributor-id cannot be empty"):n.push("Missing required attribute: contributor-id"),{isValid:0===n.length,errors:n,elementType:r(t||"")?t:void 0,contributorId:o||void 0}}(this);if(!e.isValid)return void this.renderError("Invalid component attributes",e.errors);const n=this.getContent();n.trim()?(this.contentData={contributor_id:e.contributorId,element_type:e.elementType,content:n,content_hash:t(n),source_url:this.getAttribute("source-url")||window.location.href,timestamp:(new Date).toISOString(),page_title:document.title},this.renderContent(),this.addStructuredData()):this.renderError("Component requires content",["Add content between the opening and closing tags, or use the content attribute"])}getContent(){return this.getAttribute("content")||this.textContent||""}renderContent(){if(!this.contentData)return;const{element_type:e,contributor_id:n,content:t}=this.contentData,a=o(e),r=i(t,e,n),c=this.getAttribute("theme")||"auto",l=this.formatContributorName(n),m=this.getInitials(l),h={role:"article","aria-label":`${o(e)} - Strategic insight`,"aria-describedby":"skhema-description"};Object.entries(h).forEach(([e,n])=>{this.setAttribute(e,n)}),this.shadow.innerHTML=`\n <style>${s}</style>\n \n <div class="skhema-insight-card" data-theme="${c}">\n <div class="skhema-header">\n <div class="skhema-contributor">\n <div class="skhema-avatar" title="${l}">\n ${m}\n </div>\n <div class="skhema-contributor-info">\n <div class="skhema-contributor-name">${l}</div>\n <div class="skhema-contributor-role">Strategy Insight</div>\n </div>\n </div>\n <div class="skhema-element-badge" title="${a}">\n ${a}\n </div>\n </div>\n \n <div class="skhema-content">\n <div class="skhema-content-text">${t}</div>\n </div>\n \n <div class="skhema-footer">\n <div class="skhema-attribution">\n Powered by <a href="https://skhema.com" target="_blank" rel="noopener noreferrer">Skhema</a>\n </div>\n <a href="${r}" \n class="skhema-save-btn" \n target="_blank"\n rel="noopener noreferrer"\n title="Save this insight to Skhema">\n Save to Skhema\n </a>\n </div>\n </div>\n `;const d=this.shadow.querySelector(".skhema-save-btn");d&&d.addEventListener("click",e=>{this.handleSaveClick(e)})}formatContributorName(e){return e.split(/[_-]/).map(e=>e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()).join(" ")}getInitials(e){return e.split(" ").map(e=>e.charAt(0)).join("").toUpperCase().substring(0,2)}renderError(e,n){const t=Array.isArray(n)?n:[String(n)];this.shadow.innerHTML=`\n <style>${s}</style>\n \n <div class="skhema-insight-card">\n <div class="skhema-error">\n <div class="skhema-error-title">Skhema Component Error: ${e}</div>\n <ul class="skhema-error-list">\n ${t.map(e=>`<li>${e}</li>`).join("")}\n </ul>\n </div>\n </div>\n `,this.dispatchEvent(new CustomEvent("skhema:error",{detail:{error:e,details:n},bubbles:!0}))}addStructuredData(){if(!this.contentData)return;const{content:e,element_type:n,contributor_id:t,source_url:a}=this.contentData,r=function(e,n,t,a){return{"@context":"https://schema.org","@type":"AnalysisContent",text:e,analysisType:n,category:o(n),contributor:t,url:i(e,n,t),provider:{"@type":"Organization",name:"Skhema",url:"https://skhema.com"},isPartOf:{"@type":"WebPage",url:a},dateCreated:(new Date).toISOString(),platform:"Skhema"}}(e,n,t,a),s=document.createElement("script");s.type="application/ld+json",s.textContent=JSON.stringify(r),s.className="skhema-structured-data",document.head.appendChild(s);const c=document.createElement("div");c.innerHTML=function(e,n,t){return`\n <div itemscope itemtype="https://schema.org/AnalysisContent" style="display:none;">\n <meta itemprop="analysisType" content="${n}">\n <meta itemprop="text" content="${e}">\n <meta itemprop="contributor" content="${t}">\n <meta itemprop="category" content="${o(n)}">\n <meta itemprop="platform" content="Skhema">\n </div>\n `}(e,n,t),c.className="skhema-structured-data",document.body.appendChild(c)}async trackLoad(){if(!n(this)||!this.contentData)return;const e={contributorId:this.contentData.contributor_id,elementType:this.contentData.element_type,contentHash:this.contentData.content_hash,content:this.contentData.content,pageUrl:window.location.href,pageTitle:document.title,timestamp:Date.now(),userAgent:navigator.userAgent};await async function(e){try{const t=new URLSearchParams({contributor_id:e.contributorId,element_type:e.elementType,content_hash:e.contentHash,content:(n=e.content,btoa(encodeURIComponent(n).replace(/%([0-9A-F]{2})/g,(e,n)=>String.fromCharCode(parseInt(n,16)))).replace(/\+/g,"-").replace(/\//g,"_").replace(/=+$/,"")),page_url:e.pageUrl,page_title:e.pageTitle||"",timestamp:e.timestamp.toString(),user_agent:e.userAgent||""});navigator.sendBeacon?navigator.sendBeacon("https://api.skhema.com/api:XGdoUqHx/component/embed",t):fetch("https://api.skhema.com/api:XGdoUqHx/component/embed",{method:"POST",body:t,credentials:"omit",keepalive:!0}).catch(()=>{})}catch(t){console.debug("Analytics tracking failed:",t)}var n}(e),this.dispatchEvent(new CustomEvent("skhema:load",{detail:e,bubbles:!0}))}async handleSaveClick(e){this.contentData&&(n(this)&&await async function(e){try{const n={contributor_id:e.contributor_id,element_type:e.element_type,content_hash:e.content_hash,source_url:e.source_url,timestamp:e.timestamp};fetch("https://api.skhema.com/api:XGdoUqHx/component/click",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(n),credentials:"omit",keepalive:!0}).catch(()=>{})}catch(n){console.debug("Click tracking failed:",n)}}(this.contentData),this.dispatchEvent(new CustomEvent("skhema:click",{detail:this.contentData,bubbles:!0})))}getContentData(){return this.contentData}refresh(){this.render()}}customElements.get("skhema-element")||customElements.define("skhema-element",c),"undefined"!=typeof window&&(window.SkhemaElement=c),e.SkhemaElement=c,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).SkhemaWebComponent={})}(this,function(e){"use strict";function t(e){return btoa(encodeURIComponent(e).replace(/%([0-9A-F]{2})/g,(e,t)=>String.fromCharCode(parseInt(t,16)))).replace(/\+/g,"-").replace(/\//g,"_").replace(/=+$/,"")}function n(){try{const e=document.cookie.split("; ").find(e=>e.startsWith("_sk="));if(!e)return[];const t=JSON.parse(decodeURIComponent(e.split("=")[1])),n=Date.now()-864e5;return t.filter(e=>e.timestamp>n)}catch{return[]}}function a(e){const t=n();t.push({contentHash:e,timestamp:Date.now()}),function(e){try{const t=e.slice(-50),n=new Date(Date.now()+864e5);document.cookie=`_sk=${encodeURIComponent(JSON.stringify(t))}; expires=${n.toUTCString()}; path=/; SameSite=Lax`}catch{}}(t)}const s=new class{constructor(){this.batch={embeds:[],clicks:[]},this.batchTimeout=null,this.BATCH_DELAY=2e3,this.MAX_BATCH_SIZE=10}addEmbedLoad(e){this.batch.embeds.push(e),this.scheduleBatchSend()}addClick(e){this.batch.clicks.push(e),this.scheduleBatchSend()}scheduleBatchSend(){this.batchTimeout&&clearTimeout(this.batchTimeout),this.batch.embeds.length>=this.MAX_BATCH_SIZE||this.batch.clicks.length>=this.MAX_BATCH_SIZE?this.sendBatch():this.batchTimeout=window.setTimeout(()=>{this.sendBatch()},this.BATCH_DELAY)}async sendBatch(){this.batchTimeout&&(clearTimeout(this.batchTimeout),this.batchTimeout=null);const e={...this.batch};this.batch={embeds:[],clicks:[]},0===e.embeds.length&&0===e.clicks.length||(e.embeds.length>0&&await this.sendEmbeds(e.embeds),e.clicks.length>0&&await this.sendClicks(e.clicks))}async sendEmbeds(e){for(const a of e)try{const e=new URLSearchParams({contributor_id:a.contributorId,element_type:a.elementType,content_hash:a.contentHash,content:t(a.content),page_url:a.pageUrl,page_title:a.pageTitle||"",timestamp:a.timestamp.toString(),user_agent:a.userAgent||""});navigator.sendBeacon?navigator.sendBeacon("https://api.skhema.com/api:XGdoUqHx/component/embed",e):await i("https://api.skhema.com/api:XGdoUqHx/component/embed",e,"urlencoded")}catch(n){console.debug("Embed tracking failed:",n)}}async sendClicks(e){for(const n of e)try{const e={contributor_id:n.contributor_id,element_type:n.element_type,content_hash:n.content_hash,source_url:n.source_url,timestamp:n.timestamp};await i("https://api.skhema.com/api:XGdoUqHx/component/click",e,"json")}catch(t){console.debug("Click tracking failed:",t)}}flush(){(this.batch.embeds.length>0||this.batch.clicks.length>0)&&this.sendBatch()}};async function i(e,t,n="json",a=3){for(let i=0;i<a;i++){try{const a={method:"POST",credentials:"omit",keepalive:!0};"json"===n?(a.headers={"Content-Type":"application/json"},a.body=JSON.stringify(t)):a.body=t;const s=await fetch(e,a);if(s.ok)return;if(s.status>=400&&s.status<500)break}catch(s){if(i===a-1)return void console.debug("Analytics failed after retries:",s)}await new Promise(e=>setTimeout(e,1e3*Math.pow(2,i)))}}async function o(e){try{if(t=e.contentHash,n().some(e=>e.contentHash===t))return void console.debug("Embed already tracked, skipping:",e.contentHash);a(e.contentHash),s.addEmbedLoad(e)}catch(i){console.debug("Analytics tracking failed:",i)}var t}function r(e){return"false"!==e.getAttribute("track-analytics")}function c(e){let t=0;const n=e.trim().substring(0,200);for(let a=0;a<n.length;a++){t=(t<<5)-t+n.charCodeAt(a),t&=t}return Math.abs(t).toString(36).substring(0,12)}"undefined"!=typeof window&&(window.addEventListener("beforeunload",()=>{s.flush()}),document.addEventListener("visibilitychange",()=>{"hidden"===document.visibilityState&&s.flush()}));const h={KEY_CHALLENGE:{value:"key_challenge",label:"Key Challenge",acronym:"KC"},SUPPORTING_FACT:{value:"supporting_fact",label:"Supporting Fact",acronym:"SF"},ASSOCIATED_IMPACT:{value:"associated_impact",label:"Associated Impact",acronym:"AI"},GUIDING_POLICY:{value:"guiding_policy",label:"Guiding Policy",acronym:"GP"},COMPETITOR_MOVE:{value:"competitor_move",label:"Competitor Move",acronym:"CM"},SCOPE:{value:"scope",label:"Scope",acronym:"SC"},CONSTRAINT:{value:"constraint",label:"Constraint",acronym:"CN"},SOLUTION_ALTERNATIVE:{value:"solution_alternative",label:"Solution Alternative",acronym:"SA"},ASSUMPTION_HYPOTHESIS:{value:"assumption_hypothesis",label:"Assumption Hypothesis",acronym:"AH"},EXPERIMENT:{value:"experiment",label:"Experiment",acronym:"EX"},ACTION:{value:"action",label:"Action",acronym:"AC"},INVESTMENT:{value:"investment",label:"Investment",acronym:"IN"},ESTIMATE:{value:"estimate",label:"Estimate",acronym:"ES"},BASELINE:{value:"baseline",label:"Baseline",acronym:"BL"},OUTCOME:{value:"outcome",label:"Outcome",acronym:"OC"},PERFORMANCE_VARIABLE:{value:"performance_variable",label:"Performance Variable",acronym:"PV"},CAPABILITY:{value:"capability",label:"Capability",acronym:"CP"},SYSTEM:{value:"system",label:"System",acronym:"SY"},PRINCIPLE:{value:"principle",label:"Principle",acronym:"PR"}};function l(e){return Object.values(h).map(e=>e.value).includes(e)}function d(e){const t=Object.values(h).find(t=>t.value===e);return t?.label||e}function m(e,t,n,a={}){const s=a.baseUrl||"https://app.skhema.com/save",i=c(e),o=encodeURIComponent(window.location.href),r=Date.now();return`${s}?contributor_id=${n}&element_type=${t}&content_hash=${i}&${new URLSearchParams({source:o,t:r.toString(),utm_source:a.utmSource||"web_component",utm_medium:a.utmMedium||"embedded",utm_campaign:a.utmCampaign||t,utm_content:n}).toString()}`}const p="\n:host {\n /* Skhema Brand Colors - matching UI library */\n --skhema-primary: hsl(344 57% 54%); /* #cd476a */\n --skhema-primary-hover: hsl(344 50% 47%); /* #b53d5e */\n --skhema-primary-pressed: hsl(343 50% 41%); /* #9d3552 */\n --skhema-secondary: hsl(345 100% 75%); /* #ff82a2 */\n --skhema-gradient: linear-gradient(135deg, hsl(344 57% 54%) 0%, hsl(345 100% 75%) 100%);\n \n /* Light mode colors */\n --skhema-bg: hsl(0 0% 100%);\n --skhema-card: hsl(0 0% 100%);\n --skhema-border: hsl(214.3 31.8% 91.4%);\n --skhema-text: hsl(222.2 84% 4.9%);\n --skhema-text-muted: hsl(215.4 16.3% 46.9%);\n --skhema-accent: hsl(210 40% 96%);\n \n /* Shadows matching UI library */\n --skhema-shadow: 0 1px 3px 0 hsl(0 0 0 / 0.1), 0 1px 2px -1px hsl(0 0 0 / 0.1);\n --skhema-shadow-md: 0 4px 6px -1px hsl(0 0 0 / 0.1), 0 2px 4px -2px hsl(0 0 0 / 0.1);\n --skhema-shadow-lg: 0 10px 15px -3px hsl(0 0 0 / 0.1), 0 4px 6px -4px hsl(0 0 0 / 0.1);\n --skhema-radius: 0.375rem;\n \n display: block;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Inter', sans-serif;\n line-height: 1.5;\n color: var(--skhema-text);\n}\n\n:host([theme=\"dark\"]) {\n /* Dark mode colors */\n --skhema-bg: hsl(222.2 84% 4.9%);\n --skhema-card: hsl(222.2 84% 4.9%);\n --skhema-border: hsl(217.2 32.6% 17.5%);\n --skhema-text: hsl(210 40% 98%);\n --skhema-text-muted: hsl(215 20.2% 65.1%);\n --skhema-accent: hsl(217.2 32.6% 17.5%);\n}\n\n/* Main component card - inspired by your design */\n.skhema-insight-card {\n position: relative;\n background: var(--skhema-card);\n border: 1px solid var(--skhema-border);\n border-radius: calc(var(--skhema-radius) * 2);\n padding: 16px;\n box-shadow: var(--skhema-shadow);\n transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n max-width: 600px;\n margin: 8px 0;\n}\n\n.skhema-insight-card:hover {\n box-shadow: var(--skhema-shadow-lg);\n border-color: var(--skhema-primary);\n transform: translateY(-1px);\n}\n\n/* Header section with contributor info */\n.skhema-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 12px;\n gap: 12px;\n}\n\n.skhema-contributor {\n display: flex;\n align-items: center;\n gap: 8px;\n flex: 1;\n}\n\n.skhema-avatar {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n background: var(--skhema-gradient);\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 14px;\n color: white;\n flex-shrink: 0;\n}\n\n.skhema-contributor-info {\n min-width: 0;\n flex: 1;\n}\n\n.skhema-contributor-name {\n font-weight: 500;\n font-size: 14px;\n color: var(--skhema-text);\n margin: 0;\n line-height: 1.2;\n}\n\n.skhema-contributor-role {\n font-size: 12px;\n color: var(--skhema-text-muted);\n margin: 0;\n line-height: 1.2;\n}\n\n/* Element type badge */\n.skhema-element-badge {\n display: inline-flex;\n align-items: center;\n padding: 4px 8px;\n background: var(--skhema-accent);\n border: 1px solid var(--skhema-border);\n border-radius: var(--skhema-radius);\n font-size: 11px;\n font-weight: 500;\n color: var(--skhema-text-muted);\n text-transform: capitalize;\n white-space: nowrap;\n flex-shrink: 0;\n}\n\n/* Content section */\n.skhema-content {\n margin: 12px 0 16px 0;\n padding: 0;\n}\n\n.skhema-content-text {\n font-size: 15px;\n line-height: 1.6;\n color: var(--skhema-text);\n margin: 0;\n font-style: italic;\n position: relative;\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n max-width: 100%;\n}\n\n.skhema-content-text::before {\n content: '\"';\n color: var(--skhema-primary);\n font-size: 20px;\n font-weight: 600;\n margin-right: 4px;\n}\n\n.skhema-content-text::after {\n content: '\"';\n color: var(--skhema-primary);\n font-size: 20px;\n font-weight: 600;\n margin-left: 4px;\n}\n\n/* Footer section */\n.skhema-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n padding-top: 12px;\n border-top: 1px solid var(--skhema-border);\n}\n\n.skhema-attribution {\n font-size: 11px;\n color: var(--skhema-text-muted);\n display: flex;\n align-items: center;\n gap: 4px;\n}\n\n.skhema-attribution a {\n color: var(--skhema-primary);\n text-decoration: none;\n font-weight: 500;\n}\n\n.skhema-attribution a:hover {\n text-decoration: underline;\n}\n\n/* Save button with gradient and arrow */\n.skhema-save-btn {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: var(--skhema-gradient);\n color: white;\n border: none;\n padding: 8px 16px;\n border-radius: var(--skhema-radius);\n font-size: 13px;\n font-weight: 500;\n text-decoration: none;\n cursor: pointer;\n transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: var(--skhema-shadow);\n white-space: nowrap;\n}\n\n.skhema-save-btn:hover {\n transform: translateY(-1px);\n box-shadow: var(--skhema-shadow-md);\n}\n\n.skhema-save-btn:active {\n transform: translateY(0);\n}\n\n.skhema-save-btn:focus {\n outline: 2px solid var(--skhema-primary);\n outline-offset: 2px;\n}\n\n.skhema-save-btn::after {\n content: '→';\n transition: transform 0.2s ease;\n}\n\n.skhema-save-btn:hover::after {\n transform: translateX(2px);\n}\n\n/* Error state */\n.skhema-error {\n background: hsl(0 93% 94%);\n border: 1px solid hsl(0 84% 60%);\n color: hsl(0 74% 42%);\n padding: 12px;\n border-radius: var(--skhema-radius);\n font-size: 13px;\n}\n\n.skhema-error-title {\n font-weight: 600;\n margin-bottom: 8px;\n}\n\n.skhema-error-list {\n margin: 0;\n padding-left: 16px;\n}\n\n/* Loading state */\n.skhema-loading {\n background: var(--skhema-accent);\n border: 1px solid var(--skhema-border);\n padding: 12px;\n border-radius: var(--skhema-radius);\n color: var(--skhema-text-muted);\n font-size: 13px;\n text-align: center;\n}\n\n.skhema-loading::after {\n content: '...';\n animation: loading 1.5s infinite;\n}\n\n@keyframes loading {\n 0%, 33% { content: '...'; }\n 66% { content: '..'; }\n 100% { content: '.'; }\n}\n\n/* Responsive design */\n@media (max-width: 640px) {\n .skhema-insight-card {\n margin: 4px 0;\n padding: 12px;\n }\n \n .skhema-header {\n flex-direction: column;\n align-items: flex-start;\n gap: 8px;\n }\n \n .skhema-footer {\n flex-direction: column;\n align-items: stretch;\n gap: 8px;\n }\n \n .skhema-save-btn {\n justify-content: center;\n }\n}\n\n/* Accessibility */\n@media (prefers-reduced-motion: reduce) {\n .skhema-insight-card,\n .skhema-save-btn {\n transition: none;\n }\n \n .skhema-save-btn::after {\n transition: none;\n }\n \n .skhema-save-btn:hover::after {\n transform: none;\n }\n}\n\n.skhema-structured-data {\n display: none !important;\n}\n";class u extends HTMLElement{constructor(){super(),this.contentData=null,this.componentConnected=!1,this.hasTrackedLoad=!1,this.shadow=this.attachShadow({mode:"closed"})}static get observedAttributes(){return["element-type","contributor-id","content","source-url","theme","track-analytics"]}connectedCallback(){if(!this.componentConnected){this.componentConnected=!0;try{this.render(),this.trackLoad()}catch(e){this.renderError("Failed to initialize component",e)}}}attributeChangedCallback(e,t,n){t!==n&&this.componentConnected&&this.render()}render(){const e=function(e){const t=[],n=e.getAttribute("element-type"),a=e.getAttribute("contributor-id");if(n){if(!l(n)){const e=Object.values(h).map(e=>e.value).join(", ");t.push(`Invalid element-type "${n}". Valid types: ${e}`)}}else t.push("Missing required attribute: element-type");return a?0===a.trim().length&&t.push("contributor-id cannot be empty"):t.push("Missing required attribute: contributor-id"),{isValid:0===t.length,errors:t,elementType:l(n||"")?n:void 0,contributorId:a||void 0}}(this);if(!e.isValid)return void this.renderError("Invalid component attributes",e.errors);const t=this.getContent();if(!t.trim())return void this.renderError("Component requires content",["Add content between the opening and closing tags, or use the content attribute"]);const n=function(e){const t=[];return/<script[\s>]/i.test(e)&&t.push("Script tags detected"),/on\w+\s*=/i.test(e)&&t.push("Event handlers detected"),/javascript:/i.test(e)&&t.push("JavaScript protocol detected"),/data:[^,]*script/i.test(e)&&t.push("Data URL with script detected"),/<iframe[\s>]/i.test(e)&&t.push("Iframe tags detected"),(/https?:\/\//i.test(e)||/www\./i.test(e))&&t.push("URLs detected in content"),{isSecure:0===t.length,issues:t}}(t);n.isSecure?(this.contentData={contributor_id:e.contributorId,element_type:e.elementType,content:t,content_hash:c(t),source_url:this.getAttribute("source-url")||window.location.href,timestamp:(new Date).toISOString(),page_title:document.title},this.renderContent(),this.addStructuredData()):this.renderError("Content security validation failed",n.issues)}getContent(){return this.getAttribute("content")||this.textContent||""}renderContent(){if(!this.contentData)return;const{element_type:e,contributor_id:t,content:n}=this.contentData,a=d(e),s=m(n,e,t),i=this.getAttribute("theme")||"auto",o=this.formatContributorName(t),r=this.getInitials(o),c={role:"article","aria-label":`${d(e)} - Strategic insight`,"aria-describedby":"skhema-description"};Object.entries(c).forEach(([e,t])=>{this.setAttribute(e,t)}),this.shadow.innerHTML=`\n <style>${p}</style>\n \n <div class="skhema-insight-card" data-theme="${i}">\n <div class="skhema-header">\n <div class="skhema-contributor">\n <div class="skhema-avatar" title="${o}">\n ${r}\n </div>\n <div class="skhema-contributor-info">\n <div class="skhema-contributor-name">${o}</div>\n <div class="skhema-contributor-role">Strategy Insight</div>\n </div>\n </div>\n <div class="skhema-element-badge" title="${a}">\n ${a}\n </div>\n </div>\n \n <div class="skhema-content">\n <div class="skhema-content-text">${function(e){let t=function(e){let t=e;return[/https?:\/\/[^\s<>"{}|\\^`[\]]+/gi,/ftp:\/\/[^\s<>"{}|\\^`[\]]+/gi,/www\.[^\s<>"{}|\\^`[\]]+/gi,/[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}/gi,/(?:^|\s)([a-zA-Z0-9-]+\.)+[a-zA-Z]{2,}(?:\/[^\s]*)?/gi].forEach(e=>{t=t.replace(e,"")}),t=t.replace(/\s+/g," ").trim(),t}(e);return t=(e=>{const t=document.createElement("div");return t.textContent=e,t.innerHTML})(t),t=t.replace(/\n/g,"<br>"),t=t.split(/(\s+)/).map(e=>/^\s+$/.test(e)||e.includes("<")?e:e.length>30?e.replace(/(.{10})/g,"$1"):e).join(""),t}(n)}</div>\n </div>\n \n <div class="skhema-footer">\n <div class="skhema-attribution">\n Powered by <a href="https://skhema.com" target="_blank" rel="noopener noreferrer">Skhema</a>\n </div>\n <a href="${s}" \n class="skhema-save-btn" \n target="_blank"\n rel="noopener noreferrer"\n title="Save this insight to Skhema">\n Save to Skhema\n </a>\n </div>\n </div>\n `;const h=this.shadow.querySelector(".skhema-save-btn");h&&h.addEventListener("click",e=>{this.handleSaveClick(e)})}formatContributorName(e){return e.split(/[_-]/).map(e=>e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()).join(" ")}getInitials(e){return e.split(" ").map(e=>e.charAt(0)).join("").toUpperCase().substring(0,2)}renderError(e,t){const n=Array.isArray(t)?t:[String(t)];this.shadow.innerHTML=`\n <style>${p}</style>\n \n <div class="skhema-insight-card">\n <div class="skhema-error">\n <div class="skhema-error-title">Skhema Component Error: ${e}</div>\n <ul class="skhema-error-list">\n ${n.map(e=>`<li>${e}</li>`).join("")}\n </ul>\n </div>\n </div>\n `,this.dispatchEvent(new CustomEvent("skhema:error",{detail:{error:e,details:t},bubbles:!0}))}addStructuredData(){if(!this.contentData)return;const{content:e,element_type:t,contributor_id:n,source_url:a}=this.contentData,s=function(e,t,n,a){return{"@context":"https://schema.org","@type":"AnalysisContent",text:e,analysisType:t,category:d(t),contributor:n,url:m(e,t,n),provider:{"@type":"Organization",name:"Skhema",url:"https://skhema.com"},isPartOf:{"@type":"WebPage",url:a},dateCreated:(new Date).toISOString(),platform:"Skhema"}}(e,t,n,a),i=document.createElement("script");i.type="application/ld+json",i.textContent=JSON.stringify(s),i.className="skhema-structured-data",document.head.appendChild(i);const o=document.createElement("div");o.innerHTML=function(e,t,n){return`\n <div itemscope itemtype="https://schema.org/AnalysisContent" style="display:none;">\n <meta itemprop="analysisType" content="${t}">\n <meta itemprop="text" content="${e}">\n <meta itemprop="contributor" content="${n}">\n <meta itemprop="category" content="${d(t)}">\n <meta itemprop="platform" content="Skhema">\n </div>\n `}(e,t,n),o.className="skhema-structured-data",document.body.appendChild(o)}async trackLoad(){if(!r(this)||!this.contentData||this.hasTrackedLoad)return;this.hasTrackedLoad=!0;const e={contributorId:this.contentData.contributor_id,elementType:this.contentData.element_type,contentHash:this.contentData.content_hash,content:this.contentData.content,pageUrl:window.location.href,pageTitle:document.title,timestamp:Date.now(),userAgent:navigator.userAgent};await o(e),this.dispatchEvent(new CustomEvent("skhema:load",{detail:e,bubbles:!0}))}async handleSaveClick(e){this.contentData&&(r(this)&&await async function(e){try{s.addClick(e)}catch(t){console.debug("Click tracking failed:",t)}}(this.contentData),this.dispatchEvent(new CustomEvent("skhema:click",{detail:this.contentData,bubbles:!0})))}getContentData(){return this.contentData}refresh(){this.render()}}customElements.get("skhema-element")||customElements.define("skhema-element",u),"undefined"!=typeof window&&(window.SkhemaElement=u),e.SkhemaElement=u,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
|
|
2
2
|
//# sourceMappingURL=web-component.min.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"web-component.min.js","sources":["../src/utils/analytics.ts","../src/utils/hash.ts","../../skhema-types-library/dist/schema/elements.js","../src/utils/validation.ts","../src/utils/seo.ts","../src/components/SkhemaElement.ts","../src/cdn.ts"],"sourcesContent":["import type { ContentData, EmbedAnalytics } from '../components/types.js'\n\n/**\n * Encode string to URL-safe base64\n */\nfunction toUrlSafeBase64(str: string): string {\n // Convert string to base64\n const base64 = btoa(\n encodeURIComponent(str).replace(/%([0-9A-F]{2})/g, (_, p1) =>\n String.fromCharCode(parseInt(p1, 16))\n )\n )\n // Make it URL-safe by replacing + with -, / with _, and removing trailing =\n return base64.replace(/\\+/g, '-').replace(/\\//g, '_').replace(/=+$/, '')\n}\n\nexport async function trackEmbedLoad(analytics: EmbedAnalytics): Promise<void> {\n try {\n const data = new URLSearchParams({\n contributor_id: analytics.contributorId,\n element_type: analytics.elementType,\n content_hash: analytics.contentHash,\n content: toUrlSafeBase64(analytics.content),\n page_url: analytics.pageUrl,\n page_title: analytics.pageTitle || '',\n timestamp: analytics.timestamp.toString(),\n user_agent: analytics.userAgent || '',\n })\n\n // Use beacon for reliability\n if (navigator.sendBeacon) {\n navigator.sendBeacon(\n 'https://api.skhema.com/api:XGdoUqHx/component/embed',\n data\n )\n } else {\n // Fallback to fetch\n fetch('https://api.skhema.com/api:XGdoUqHx/component/embed', {\n method: 'POST',\n body: data,\n credentials: 'omit',\n keepalive: true,\n }).catch(() => {\n // Fail silently - analytics shouldn't break the component\n })\n }\n } catch (error) {\n // Fail silently\n console.debug('Analytics tracking failed:', error)\n }\n}\n\nexport async function trackClick(contentData: ContentData): Promise<void> {\n try {\n const data = {\n contributor_id: contentData.contributor_id,\n element_type: contentData.element_type,\n content_hash: contentData.content_hash,\n source_url: contentData.source_url,\n timestamp: contentData.timestamp,\n }\n\n // Always use fetch for click tracking to ensure proper CORS handling\n fetch('https://api.skhema.com/api:XGdoUqHx/component/click', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(data),\n credentials: 'omit',\n keepalive: true,\n }).catch(() => {\n // Fail silently\n })\n } catch (error) {\n console.debug('Click tracking failed:', error)\n }\n}\n\nexport function shouldTrackAnalytics(element: HTMLElement): boolean {\n const trackAnalytics = element.getAttribute('track-analytics')\n return trackAnalytics !== 'false'\n}\n","export function generateContentHash(content: string): string {\n // Simple hash function for content identification\n let hash = 0\n const cleanContent = content.trim().substring(0, 200)\n\n for (let i = 0; i < cleanContent.length; i++) {\n const char = cleanContent.charCodeAt(i)\n hash = (hash << 5) - hash + char\n hash = hash & hash // Convert to 32bit integer\n }\n\n return Math.abs(hash).toString(36).substring(0, 12)\n}\n","export const ELEMENT_TYPES = {\n KEY_CHALLENGE: {\n value: 'key_challenge',\n label: 'Key Challenge',\n acronym: 'KC',\n },\n SUPPORTING_FACT: {\n value: 'supporting_fact',\n label: 'Supporting Fact',\n acronym: 'SF',\n },\n ASSOCIATED_IMPACT: {\n value: 'associated_impact',\n label: 'Associated Impact',\n acronym: 'AI',\n },\n GUIDING_POLICY: {\n value: 'guiding_policy',\n label: 'Guiding Policy',\n acronym: 'GP',\n },\n COMPETITOR_MOVE: {\n value: 'competitor_move',\n label: 'Competitor Move',\n acronym: 'CM',\n },\n SCOPE: {\n value: 'scope',\n label: 'Scope',\n acronym: 'SC',\n },\n CONSTRAINT: {\n value: 'constraint',\n label: 'Constraint',\n acronym: 'CN',\n },\n SOLUTION_ALTERNATIVE: {\n value: 'solution_alternative',\n label: 'Solution Alternative',\n acronym: 'SA',\n },\n ASSUMPTION_HYPOTHESIS: {\n value: 'assumption_hypothesis',\n label: 'Assumption Hypothesis',\n acronym: 'AH',\n },\n EXPERIMENT: {\n value: 'experiment',\n label: 'Experiment',\n acronym: 'EX',\n },\n ACTION: {\n value: 'action',\n label: 'Action',\n acronym: 'AC',\n },\n INVESTMENT: {\n value: 'investment',\n label: 'Investment',\n acronym: 'IN',\n },\n ESTIMATE: {\n value: 'estimate',\n label: 'Estimate',\n acronym: 'ES',\n },\n BASELINE: {\n value: 'baseline',\n label: 'Baseline',\n acronym: 'BL',\n },\n OUTCOME: {\n value: 'outcome',\n label: 'Outcome',\n acronym: 'OC',\n },\n PERFORMANCE_VARIABLE: {\n value: 'performance_variable',\n label: 'Performance Variable',\n acronym: 'PV',\n },\n CAPABILITY: {\n value: 'capability',\n label: 'Capability',\n acronym: 'CP',\n },\n SYSTEM: {\n value: 'system',\n label: 'System',\n acronym: 'SY',\n },\n PRINCIPLE: {\n value: 'principle',\n label: 'Principle',\n acronym: 'PR',\n },\n};\n","import type { ElementValue } from '@skhema/types'\nimport { ELEMENT_TYPES } from '@skhema/types'\n\nexport function isValidElementType(\n elementType: string\n): elementType is ElementValue {\n const validTypes = Object.values(ELEMENT_TYPES).map((type) => type.value)\n return validTypes.includes(elementType as ElementValue)\n}\n\nexport function validateAttributes(element: HTMLElement): {\n isValid: boolean\n errors: string[]\n elementType?: ElementValue\n contributorId?: string\n} {\n const errors: string[] = []\n\n const elementType = element.getAttribute('element-type')\n const contributorId = element.getAttribute('contributor-id')\n\n if (!elementType) {\n errors.push('Missing required attribute: element-type')\n } else if (!isValidElementType(elementType)) {\n const validTypes = Object.values(ELEMENT_TYPES)\n .map((t) => t.value)\n .join(', ')\n errors.push(\n `Invalid element-type \"${elementType}\". Valid types: ${validTypes}`\n )\n }\n\n if (!contributorId) {\n errors.push('Missing required attribute: contributor-id')\n } else if (contributorId.trim().length === 0) {\n errors.push('contributor-id cannot be empty')\n }\n\n return {\n isValid: errors.length === 0,\n errors,\n elementType: isValidElementType(elementType || '')\n ? (elementType as ElementValue)\n : undefined,\n contributorId: contributorId || undefined,\n }\n}\n\nexport function getElementTypeLabel(elementType: ElementValue): string {\n const type = Object.values(ELEMENT_TYPES).find((t) => t.value === elementType)\n return type?.label || elementType\n}\n\nexport function getElementTypeAcronym(elementType: ElementValue): string {\n const type = Object.values(ELEMENT_TYPES).find((t) => t.value === elementType)\n return type?.acronym || elementType.substring(0, 2).toUpperCase()\n}\n","import type { ElementValue } from '@skhema/types'\nimport { generateContentHash } from './hash.js'\nimport { getElementTypeLabel } from './validation.js'\n\nexport function generateStructuredData(\n content: string,\n elementType: ElementValue,\n contributorId: string,\n sourceUrl: string\n): object {\n return {\n '@context': 'https://schema.org',\n '@type': 'AnalysisContent',\n text: content,\n analysisType: elementType,\n category: getElementTypeLabel(elementType),\n contributor: contributorId,\n url: generateRedirectUrl(content, elementType, contributorId),\n provider: {\n '@type': 'Organization',\n name: 'Skhema',\n url: 'https://skhema.com',\n },\n isPartOf: {\n '@type': 'WebPage',\n url: sourceUrl,\n },\n dateCreated: new Date().toISOString(),\n platform: 'Skhema',\n }\n}\n\nexport function generateRedirectUrl(\n content: string,\n elementType: ElementValue,\n contributorId: string,\n options: {\n baseUrl?: string\n utmSource?: string\n utmMedium?: string\n utmCampaign?: string\n } = {}\n): string {\n const baseUrl = options.baseUrl || 'https://app.skhema.com/save' // This page will handle the authentication and content saving\n const contentHash = generateContentHash(content)\n const sourceUrl = encodeURIComponent(window.location.href)\n const timestamp = Date.now()\n\n const params = new URLSearchParams({\n source: sourceUrl,\n t: timestamp.toString(),\n utm_source: options.utmSource || 'web_component',\n utm_medium: options.utmMedium || 'embedded',\n utm_campaign: options.utmCampaign || elementType,\n utm_content: contributorId,\n })\n\n return `${baseUrl}?contributor_id=${contributorId}&element_type=${elementType}&content_hash=${contentHash}&${params.toString()}`\n // return `${baseUrl}/contributor_id=${contributorId}&element_type=${elementType}&content_hash=${contentHash}?${params.toString()}`;\n}\n\nexport function createMetaTags(\n content: string,\n elementType: ElementValue,\n contributorId: string\n): string {\n const label = getElementTypeLabel(elementType)\n\n return `\n <div itemscope itemtype=\"https://schema.org/AnalysisContent\" style=\"display:none;\">\n <meta itemprop=\"analysisType\" content=\"${elementType}\">\n <meta itemprop=\"text\" content=\"${content}\">\n <meta itemprop=\"contributor\" content=\"${contributorId}\">\n <meta itemprop=\"category\" content=\"${label}\">\n <meta itemprop=\"platform\" content=\"Skhema\">\n </div>\n `\n}\n\nexport function createAriaAttributes(\n elementType: ElementValue\n): Record<string, string> {\n const label = getElementTypeLabel(elementType)\n\n return {\n role: 'article',\n 'aria-label': `${label} - Strategic insight`,\n 'aria-describedby': 'skhema-description',\n }\n}\n","import {\n shouldTrackAnalytics,\n trackClick,\n trackEmbedLoad,\n} from '../utils/analytics.js'\nimport { generateContentHash } from '../utils/hash.js'\nimport {\n createAriaAttributes,\n createMetaTags,\n generateRedirectUrl,\n generateStructuredData,\n} from '../utils/seo.js'\nimport { getElementTypeLabel, validateAttributes } from '../utils/validation.js'\nimport type {\n ContentData,\n EmbedAnalytics,\n SkhemaElementAttributes,\n SkhemaElementEventMap,\n} from './types.js'\n\n// Inline styles matching Skhema UI library design system\nconst styles = `\n:host {\n /* Skhema Brand Colors - matching UI library */\n --skhema-primary: hsl(344 57% 54%); /* #cd476a */\n --skhema-primary-hover: hsl(344 50% 47%); /* #b53d5e */\n --skhema-primary-pressed: hsl(343 50% 41%); /* #9d3552 */\n --skhema-secondary: hsl(345 100% 75%); /* #ff82a2 */\n --skhema-gradient: linear-gradient(135deg, hsl(344 57% 54%) 0%, hsl(345 100% 75%) 100%);\n \n /* Light mode colors */\n --skhema-bg: hsl(0 0% 100%);\n --skhema-card: hsl(0 0% 100%);\n --skhema-border: hsl(214.3 31.8% 91.4%);\n --skhema-text: hsl(222.2 84% 4.9%);\n --skhema-text-muted: hsl(215.4 16.3% 46.9%);\n --skhema-accent: hsl(210 40% 96%);\n \n /* Shadows matching UI library */\n --skhema-shadow: 0 1px 3px 0 hsl(0 0 0 / 0.1), 0 1px 2px -1px hsl(0 0 0 / 0.1);\n --skhema-shadow-md: 0 4px 6px -1px hsl(0 0 0 / 0.1), 0 2px 4px -2px hsl(0 0 0 / 0.1);\n --skhema-shadow-lg: 0 10px 15px -3px hsl(0 0 0 / 0.1), 0 4px 6px -4px hsl(0 0 0 / 0.1);\n --skhema-radius: 0.375rem;\n \n display: block;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Inter', sans-serif;\n line-height: 1.5;\n color: var(--skhema-text);\n}\n\n:host([theme=\"dark\"]) {\n /* Dark mode colors */\n --skhema-bg: hsl(222.2 84% 4.9%);\n --skhema-card: hsl(222.2 84% 4.9%);\n --skhema-border: hsl(217.2 32.6% 17.5%);\n --skhema-text: hsl(210 40% 98%);\n --skhema-text-muted: hsl(215 20.2% 65.1%);\n --skhema-accent: hsl(217.2 32.6% 17.5%);\n}\n\n/* Main component card - inspired by your design */\n.skhema-insight-card {\n position: relative;\n background: var(--skhema-card);\n border: 1px solid var(--skhema-border);\n border-radius: calc(var(--skhema-radius) * 2);\n padding: 16px;\n box-shadow: var(--skhema-shadow);\n transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n max-width: 600px;\n margin: 8px 0;\n}\n\n.skhema-insight-card:hover {\n box-shadow: var(--skhema-shadow-lg);\n border-color: var(--skhema-primary);\n transform: translateY(-1px);\n}\n\n/* Header section with contributor info */\n.skhema-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 12px;\n gap: 12px;\n}\n\n.skhema-contributor {\n display: flex;\n align-items: center;\n gap: 8px;\n flex: 1;\n}\n\n.skhema-avatar {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n background: var(--skhema-gradient);\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 14px;\n color: white;\n flex-shrink: 0;\n}\n\n.skhema-contributor-info {\n min-width: 0;\n flex: 1;\n}\n\n.skhema-contributor-name {\n font-weight: 500;\n font-size: 14px;\n color: var(--skhema-text);\n margin: 0;\n line-height: 1.2;\n}\n\n.skhema-contributor-role {\n font-size: 12px;\n color: var(--skhema-text-muted);\n margin: 0;\n line-height: 1.2;\n}\n\n/* Element type badge */\n.skhema-element-badge {\n display: inline-flex;\n align-items: center;\n padding: 4px 8px;\n background: var(--skhema-accent);\n border: 1px solid var(--skhema-border);\n border-radius: var(--skhema-radius);\n font-size: 11px;\n font-weight: 500;\n color: var(--skhema-text-muted);\n text-transform: capitalize;\n white-space: nowrap;\n flex-shrink: 0;\n}\n\n/* Content section */\n.skhema-content {\n margin: 12px 0 16px 0;\n padding: 0;\n}\n\n.skhema-content-text {\n font-size: 15px;\n line-height: 1.6;\n color: var(--skhema-text);\n margin: 0;\n font-style: italic;\n position: relative;\n}\n\n.skhema-content-text::before {\n content: '\"';\n color: var(--skhema-primary);\n font-size: 20px;\n font-weight: 600;\n margin-right: 4px;\n}\n\n.skhema-content-text::after {\n content: '\"';\n color: var(--skhema-primary);\n font-size: 20px;\n font-weight: 600;\n margin-left: 4px;\n}\n\n/* Footer section */\n.skhema-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n padding-top: 12px;\n border-top: 1px solid var(--skhema-border);\n}\n\n.skhema-attribution {\n font-size: 11px;\n color: var(--skhema-text-muted);\n display: flex;\n align-items: center;\n gap: 4px;\n}\n\n.skhema-attribution a {\n color: var(--skhema-primary);\n text-decoration: none;\n font-weight: 500;\n}\n\n.skhema-attribution a:hover {\n text-decoration: underline;\n}\n\n/* Save button with gradient and arrow */\n.skhema-save-btn {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: var(--skhema-gradient);\n color: white;\n border: none;\n padding: 8px 16px;\n border-radius: var(--skhema-radius);\n font-size: 13px;\n font-weight: 500;\n text-decoration: none;\n cursor: pointer;\n transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: var(--skhema-shadow);\n white-space: nowrap;\n}\n\n.skhema-save-btn:hover {\n transform: translateY(-1px);\n box-shadow: var(--skhema-shadow-md);\n}\n\n.skhema-save-btn:active {\n transform: translateY(0);\n}\n\n.skhema-save-btn:focus {\n outline: 2px solid var(--skhema-primary);\n outline-offset: 2px;\n}\n\n.skhema-save-btn::after {\n content: '→';\n transition: transform 0.2s ease;\n}\n\n.skhema-save-btn:hover::after {\n transform: translateX(2px);\n}\n\n/* Error state */\n.skhema-error {\n background: hsl(0 93% 94%);\n border: 1px solid hsl(0 84% 60%);\n color: hsl(0 74% 42%);\n padding: 12px;\n border-radius: var(--skhema-radius);\n font-size: 13px;\n}\n\n.skhema-error-title {\n font-weight: 600;\n margin-bottom: 8px;\n}\n\n.skhema-error-list {\n margin: 0;\n padding-left: 16px;\n}\n\n/* Loading state */\n.skhema-loading {\n background: var(--skhema-accent);\n border: 1px solid var(--skhema-border);\n padding: 12px;\n border-radius: var(--skhema-radius);\n color: var(--skhema-text-muted);\n font-size: 13px;\n text-align: center;\n}\n\n.skhema-loading::after {\n content: '...';\n animation: loading 1.5s infinite;\n}\n\n@keyframes loading {\n 0%, 33% { content: '...'; }\n 66% { content: '..'; }\n 100% { content: '.'; }\n}\n\n/* Responsive design */\n@media (max-width: 640px) {\n .skhema-insight-card {\n margin: 4px 0;\n padding: 12px;\n }\n \n .skhema-header {\n flex-direction: column;\n align-items: flex-start;\n gap: 8px;\n }\n \n .skhema-footer {\n flex-direction: column;\n align-items: stretch;\n gap: 8px;\n }\n \n .skhema-save-btn {\n justify-content: center;\n }\n}\n\n/* Accessibility */\n@media (prefers-reduced-motion: reduce) {\n .skhema-insight-card,\n .skhema-save-btn {\n transition: none;\n }\n \n .skhema-save-btn::after {\n transition: none;\n }\n \n .skhema-save-btn:hover::after {\n transform: none;\n }\n}\n\n.skhema-structured-data {\n display: none !important;\n}\n`\n\nexport class SkhemaElement extends HTMLElement {\n private shadow: ShadowRoot\n private contentData: ContentData | null = null\n private componentConnected = false\n\n constructor() {\n super()\n this.shadow = this.attachShadow({ mode: 'closed' })\n }\n\n static get observedAttributes(): (keyof SkhemaElementAttributes)[] {\n return [\n 'element-type',\n 'contributor-id',\n 'content',\n 'source-url',\n 'theme',\n 'track-analytics',\n ]\n }\n\n connectedCallback() {\n if (this.componentConnected) return\n this.componentConnected = true\n\n try {\n this.render()\n this.trackLoad()\n } catch (error) {\n this.renderError('Failed to initialize component', error)\n }\n }\n\n attributeChangedCallback(\n _name: keyof SkhemaElementAttributes,\n oldValue: string | null,\n newValue: string | null\n ) {\n if (oldValue !== newValue && this.componentConnected) {\n this.render()\n }\n }\n\n private render() {\n const validation = validateAttributes(this as HTMLElement)\n\n if (!validation.isValid) {\n this.renderError('Invalid component attributes', validation.errors)\n return\n }\n\n const content = this.getContent()\n if (!content.trim()) {\n this.renderError('Component requires content', [\n 'Add content between the opening and closing tags, or use the content attribute',\n ])\n return\n }\n\n this.contentData = {\n contributor_id: validation.contributorId!,\n element_type: validation.elementType!,\n content: content,\n content_hash: generateContentHash(content),\n source_url: this.getAttribute('source-url') || window.location.href,\n timestamp: new Date().toISOString(),\n page_title: document.title,\n }\n\n this.renderContent()\n this.addStructuredData()\n }\n\n private getContent(): string {\n return this.getAttribute('content') || this.textContent || ''\n }\n\n private renderContent() {\n if (!this.contentData) return\n\n const { element_type, contributor_id, content } = this.contentData\n const label = getElementTypeLabel(element_type)\n const redirectUrl = generateRedirectUrl(\n content,\n element_type,\n contributor_id\n )\n const theme = this.getAttribute('theme') || 'auto'\n\n // Generate contributor display name and initials\n const displayName = this.formatContributorName(contributor_id)\n const initials = this.getInitials(displayName)\n\n // Set ARIA attributes on host element\n const ariaAttrs = createAriaAttributes(element_type)\n Object.entries(ariaAttrs).forEach(([key, value]) => {\n this.setAttribute(key, value)\n })\n\n this.shadow.innerHTML = `\n <style>${styles}</style>\n \n <div class=\"skhema-insight-card\" data-theme=\"${theme}\">\n <div class=\"skhema-header\">\n <div class=\"skhema-contributor\">\n <div class=\"skhema-avatar\" title=\"${displayName}\">\n ${initials}\n </div>\n <div class=\"skhema-contributor-info\">\n <div class=\"skhema-contributor-name\">${displayName}</div>\n <div class=\"skhema-contributor-role\">Strategy Insight</div>\n </div>\n </div>\n <div class=\"skhema-element-badge\" title=\"${label}\">\n ${label}\n </div>\n </div>\n \n <div class=\"skhema-content\">\n <div class=\"skhema-content-text\">${content}</div>\n </div>\n \n <div class=\"skhema-footer\">\n <div class=\"skhema-attribution\">\n Powered by <a href=\"https://skhema.com\" target=\"_blank\" rel=\"noopener noreferrer\">Skhema</a>\n </div>\n <a href=\"${redirectUrl}\" \n class=\"skhema-save-btn\" \n target=\"_blank\"\n rel=\"noopener noreferrer\"\n title=\"Save this insight to Skhema\">\n Save to Skhema\n </a>\n </div>\n </div>\n `\n\n // Add click event listener\n const saveBtn = this.shadow.querySelector(\n '.skhema-save-btn'\n ) as HTMLAnchorElement\n if (saveBtn) {\n saveBtn.addEventListener('click', (event) => {\n this.handleSaveClick(event)\n })\n }\n }\n\n private formatContributorName(contributorId: string): string {\n // Convert contributor_id to display name\n return contributorId\n .split(/[_-]/)\n .map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())\n .join(' ')\n }\n\n private getInitials(name: string): string {\n return name\n .split(' ')\n .map((word) => word.charAt(0))\n .join('')\n .toUpperCase()\n .substring(0, 2)\n }\n\n private renderError(title: string, errors: string | string[] | unknown) {\n const errorList = Array.isArray(errors) ? errors : [String(errors)]\n\n this.shadow.innerHTML = `\n <style>${styles}</style>\n \n <div class=\"skhema-insight-card\">\n <div class=\"skhema-error\">\n <div class=\"skhema-error-title\">Skhema Component Error: ${title}</div>\n <ul class=\"skhema-error-list\">\n ${errorList.map((error) => `<li>${error}</li>`).join('')}\n </ul>\n </div>\n </div>\n `\n\n // Dispatch error event\n this.dispatchEvent(\n new CustomEvent('skhema:error', {\n detail: { error: title, details: errors },\n bubbles: true,\n })\n )\n }\n\n private addStructuredData() {\n if (!this.contentData) return\n\n const { content, element_type, contributor_id, source_url } =\n this.contentData\n\n // Add structured data to the document head\n const structuredData = generateStructuredData(\n content,\n element_type,\n contributor_id,\n source_url\n )\n const script = document.createElement('script')\n script.type = 'application/ld+json'\n script.textContent = JSON.stringify(structuredData)\n script.className = 'skhema-structured-data'\n document.head.appendChild(script)\n\n // Add meta tags for SEO\n const metaDiv = document.createElement('div')\n metaDiv.innerHTML = createMetaTags(content, element_type, contributor_id)\n metaDiv.className = 'skhema-structured-data'\n document.body.appendChild(metaDiv)\n }\n\n private async trackLoad() {\n if (!shouldTrackAnalytics(this as HTMLElement) || !this.contentData) return\n\n const analytics: EmbedAnalytics = {\n contributorId: this.contentData.contributor_id,\n elementType: this.contentData.element_type,\n contentHash: this.contentData.content_hash,\n content: this.contentData.content,\n pageUrl: window.location.href,\n pageTitle: document.title,\n timestamp: Date.now(),\n userAgent: navigator.userAgent,\n }\n\n await trackEmbedLoad(analytics)\n\n // Dispatch load event\n this.dispatchEvent(\n new CustomEvent('skhema:load', {\n detail: analytics,\n bubbles: true,\n })\n )\n }\n\n private async handleSaveClick(_event: Event) {\n if (!this.contentData) return\n\n // Track click analytics\n if (shouldTrackAnalytics(this as HTMLElement)) {\n await trackClick(this.contentData)\n }\n\n // Dispatch click event\n this.dispatchEvent(\n new CustomEvent('skhema:click', {\n detail: this.contentData,\n bubbles: true,\n })\n )\n }\n\n // Public API methods\n public getContentData(): ContentData | null {\n return this.contentData\n }\n\n public refresh(): void {\n this.render()\n }\n}\n\n// Type augmentation for custom events and JSX elements\ndeclare global {\n // eslint-disable-next-line @typescript-eslint/no-empty-object-type\n interface HTMLElementEventMap extends SkhemaElementEventMap {}\n\n interface SkhemaElementJSX extends Partial<SkhemaElementAttributes> {\n [key: string]: unknown\n }\n\n // Module augmentation for JSX without using namespace\n interface JSXIntrinsicElements {\n 'skhema-element': SkhemaElementJSX\n }\n}\n","// CDN bundle entry point - automatically registers the component\nimport { SkhemaElement } from './components/SkhemaElement.js'\n\n// Register the custom element for CDN usage\nif (!customElements.get('skhema-element')) {\n customElements.define(\n 'skhema-element',\n SkhemaElement as CustomElementConstructor\n )\n}\n\n// Expose on global for UMD builds\nif (typeof window !== 'undefined') {\n ;(\n window as unknown as { SkhemaElement: typeof SkhemaElement }\n ).SkhemaElement = SkhemaElement\n}\n\nexport { SkhemaElement }\n"],"names":["shouldTrackAnalytics","element","getAttribute","generateContentHash","content","hash","cleanContent","trim","substring","i","length","charCodeAt","Math","abs","toString","ELEMENT_TYPES","KEY_CHALLENGE","value","label","acronym","SUPPORTING_FACT","ASSOCIATED_IMPACT","GUIDING_POLICY","COMPETITOR_MOVE","SCOPE","CONSTRAINT","SOLUTION_ALTERNATIVE","ASSUMPTION_HYPOTHESIS","EXPERIMENT","ACTION","INVESTMENT","ESTIMATE","BASELINE","OUTCOME","PERFORMANCE_VARIABLE","CAPABILITY","SYSTEM","PRINCIPLE","isValidElementType","elementType","Object","values","map","type","includes","getElementTypeLabel","find","t","generateRedirectUrl","contributorId","options","baseUrl","contentHash","sourceUrl","encodeURIComponent","window","location","href","timestamp","Date","now","URLSearchParams","source","utm_source","utmSource","utm_medium","utmMedium","utm_campaign","utmCampaign","utm_content","styles","SkhemaElement","HTMLElement","constructor","super","this","contentData","componentConnected","shadow","attachShadow","mode","observedAttributes","connectedCallback","render","trackLoad","error","renderError","attributeChangedCallback","_name","oldValue","newValue","validation","errors","validTypes","join","push","isValid","validateAttributes","getContent","contributor_id","element_type","content_hash","source_url","toISOString","page_title","document","title","renderContent","addStructuredData","textContent","redirectUrl","theme","displayName","formatContributorName","initials","getInitials","ariaAttrs","role","entries","forEach","key","setAttribute","innerHTML","saveBtn","querySelector","addEventListener","event","handleSaveClick","split","word","charAt","toUpperCase","slice","toLowerCase","name","errorList","Array","isArray","String","dispatchEvent","CustomEvent","detail","details","bubbles","structuredData","text","analysisType","category","contributor","url","provider","isPartOf","dateCreated","platform","generateStructuredData","script","createElement","JSON","stringify","className","head","appendChild","metaDiv","createMetaTags","body","analytics","pageUrl","pageTitle","userAgent","navigator","async","data","str","btoa","replace","_","p1","fromCharCode","parseInt","page_url","user_agent","sendBeacon","fetch","method","credentials","keepalive","catch","console","debug","trackEmbedLoad","_event","headers","trackClick","getContentData","refresh","customElements","get","define"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"web-component.min.js","sources":["../src/utils/analytics.ts","../src/utils/hash.ts","../../skhema-types-library/dist/schema/elements.js","../src/utils/validation.ts","../src/utils/seo.ts","../src/components/SkhemaElement.ts","../src/utils/sanitization.ts","../src/cdn.ts"],"sourcesContent":["import type { ContentData, EmbedAnalytics } from '../components/types.js'\n\n/**\n * Encode string to URL-safe base64\n */\nfunction toUrlSafeBase64(str: string): string {\n // Convert string to base64\n const base64 = btoa(\n encodeURIComponent(str).replace(/%([0-9A-F]{2})/g, (_, p1) =>\n String.fromCharCode(parseInt(p1, 16))\n )\n )\n // Make it URL-safe by replacing + with -, / with _, and removing trailing =\n return base64.replace(/\\+/g, '-').replace(/\\//g, '_').replace(/=+$/, '')\n}\n\n// Cookie-based tracking management\ninterface TrackedEmbed {\n contentHash: string\n timestamp: number\n}\n\nconst TRACKING_COOKIE_NAME = '_sk'\nconst TRACKING_EXPIRY_HOURS = 24\nconst MAX_TRACKED_ITEMS = 50 // Prevent cookie from growing too large\n\nfunction getTrackedEmbeds(): TrackedEmbed[] {\n try {\n const cookie = document.cookie\n .split('; ')\n .find((row) => row.startsWith(`${TRACKING_COOKIE_NAME}=`))\n\n if (!cookie) return []\n\n const data = JSON.parse(decodeURIComponent(cookie.split('=')[1]))\n const now = Date.now()\n const cutoff = now - TRACKING_EXPIRY_HOURS * 60 * 60 * 1000\n\n // Filter out expired entries\n return data.filter((item: TrackedEmbed) => item.timestamp > cutoff)\n } catch {\n return []\n }\n}\n\nfunction setTrackedEmbeds(tracked: TrackedEmbed[]): void {\n try {\n // Keep only the most recent entries to prevent cookie bloat\n const limited = tracked.slice(-MAX_TRACKED_ITEMS)\n const expires = new Date(\n Date.now() + TRACKING_EXPIRY_HOURS * 60 * 60 * 1000\n )\n\n document.cookie = `${TRACKING_COOKIE_NAME}=${encodeURIComponent(\n JSON.stringify(limited)\n )}; expires=${expires.toUTCString()}; path=/; SameSite=Lax`\n } catch {\n // Fail silently if cookie storage fails\n }\n}\n\nfunction hasBeenTracked(contentHash: string): boolean {\n const tracked = getTrackedEmbeds()\n return tracked.some((item) => item.contentHash === contentHash)\n}\n\nfunction markAsTracked(contentHash: string): void {\n const tracked = getTrackedEmbeds()\n tracked.push({\n contentHash,\n timestamp: Date.now(),\n })\n setTrackedEmbeds(tracked)\n}\n\n// Batching system for analytics\ninterface BatchedAnalytics {\n embeds: EmbedAnalytics[]\n clicks: ContentData[]\n}\n\nclass AnalyticsBatcher {\n private batch: BatchedAnalytics = { embeds: [], clicks: [] }\n private batchTimeout: number | null = null\n private readonly BATCH_DELAY = 2000 // 2 seconds\n private readonly MAX_BATCH_SIZE = 10\n\n addEmbedLoad(analytics: EmbedAnalytics): void {\n this.batch.embeds.push(analytics)\n this.scheduleBatchSend()\n }\n\n addClick(contentData: ContentData): void {\n this.batch.clicks.push(contentData)\n this.scheduleBatchSend()\n }\n\n private scheduleBatchSend(): void {\n // Clear existing timeout\n if (this.batchTimeout) {\n clearTimeout(this.batchTimeout)\n }\n\n // Send immediately if batch is full\n if (\n this.batch.embeds.length >= this.MAX_BATCH_SIZE ||\n this.batch.clicks.length >= this.MAX_BATCH_SIZE\n ) {\n this.sendBatch()\n return\n }\n\n // Otherwise, wait for more events or timeout\n this.batchTimeout = window.setTimeout(() => {\n this.sendBatch()\n }, this.BATCH_DELAY)\n }\n\n private async sendBatch(): Promise<void> {\n if (this.batchTimeout) {\n clearTimeout(this.batchTimeout)\n this.batchTimeout = null\n }\n\n const currentBatch = { ...this.batch }\n this.batch = { embeds: [], clicks: [] }\n\n if (currentBatch.embeds.length === 0 && currentBatch.clicks.length === 0) {\n return\n }\n\n // Send embeds if any\n if (currentBatch.embeds.length > 0) {\n await this.sendEmbeds(currentBatch.embeds)\n }\n\n // Send clicks if any\n if (currentBatch.clicks.length > 0) {\n await this.sendClicks(currentBatch.clicks)\n }\n }\n\n private async sendEmbeds(embeds: EmbedAnalytics[]): Promise<void> {\n // For now, send individually to maintain compatibility with existing endpoint\n // In future, create a batch endpoint on the server\n for (const embed of embeds) {\n try {\n const data = new URLSearchParams({\n contributor_id: embed.contributorId,\n element_type: embed.elementType,\n content_hash: embed.contentHash,\n content: toUrlSafeBase64(embed.content),\n page_url: embed.pageUrl,\n page_title: embed.pageTitle || '',\n timestamp: embed.timestamp.toString(),\n user_agent: embed.userAgent || '',\n })\n\n // Use beacon for reliability\n if (navigator.sendBeacon) {\n navigator.sendBeacon(\n 'https://api.skhema.com/api:XGdoUqHx/component/embed',\n data\n )\n } else {\n // Fallback to fetch with retry\n await sendWithRetry(\n 'https://api.skhema.com/api:XGdoUqHx/component/embed',\n data,\n 'urlencoded'\n )\n }\n } catch (error) {\n console.debug('Embed tracking failed:', error)\n }\n }\n }\n\n private async sendClicks(clicks: ContentData[]): Promise<void> {\n // For now, send individually to maintain compatibility with existing endpoint\n for (const click of clicks) {\n try {\n const data = {\n contributor_id: click.contributor_id,\n element_type: click.element_type,\n content_hash: click.content_hash,\n source_url: click.source_url,\n timestamp: click.timestamp,\n }\n\n await sendWithRetry(\n 'https://api.skhema.com/api:XGdoUqHx/component/click',\n data,\n 'json'\n )\n } catch (error) {\n console.debug('Click tracking failed:', error)\n }\n }\n }\n\n // Ensure batch is sent when page unloads\n flush(): void {\n if (this.batch.embeds.length > 0 || this.batch.clicks.length > 0) {\n this.sendBatch()\n }\n }\n}\n\n// Global batcher instance\nconst analyticsBatcher = new AnalyticsBatcher()\n\n// Flush on page unload\nif (typeof window !== 'undefined') {\n window.addEventListener('beforeunload', () => {\n analyticsBatcher.flush()\n })\n\n // Also flush on visibility change (mobile browsers)\n document.addEventListener('visibilitychange', () => {\n if (document.visibilityState === 'hidden') {\n analyticsBatcher.flush()\n }\n })\n}\n\n// Retry logic with exponential backoff\nasync function sendWithRetry(\n url: string,\n data: URLSearchParams | Record<string, unknown>,\n contentType: 'json' | 'urlencoded' = 'json',\n maxRetries = 3\n): Promise<void> {\n for (let attempt = 0; attempt < maxRetries; attempt++) {\n try {\n const options: RequestInit = {\n method: 'POST',\n credentials: 'omit',\n keepalive: true,\n }\n\n if (contentType === 'json') {\n options.headers = { 'Content-Type': 'application/json' }\n options.body = JSON.stringify(data)\n } else {\n options.body = data as URLSearchParams\n }\n\n const response = await fetch(url, options)\n\n if (response.ok) return\n\n if (response.status >= 400 && response.status < 500) {\n // Client error, don't retry\n break\n }\n } catch (error) {\n if (attempt === maxRetries - 1) {\n console.debug('Analytics failed after retries:', error)\n return\n }\n }\n\n // Exponential backoff: 1s, 2s, 4s\n await new Promise((resolve) =>\n setTimeout(resolve, Math.pow(2, attempt) * 1000)\n )\n }\n}\n\n// Main tracking functions\nexport async function trackEmbedLoad(analytics: EmbedAnalytics): Promise<void> {\n try {\n // Check if this embed has already been tracked\n if (hasBeenTracked(analytics.contentHash)) {\n console.debug('Embed already tracked, skipping:', analytics.contentHash)\n return\n }\n\n // Mark as tracked before sending to prevent race conditions\n markAsTracked(analytics.contentHash)\n\n // Add to batch instead of sending immediately\n analyticsBatcher.addEmbedLoad(analytics)\n } catch (error) {\n console.debug('Analytics tracking failed:', error)\n }\n}\n\nexport async function trackClick(contentData: ContentData): Promise<void> {\n try {\n // Add to batch instead of sending immediately\n analyticsBatcher.addClick(contentData)\n } catch (error) {\n console.debug('Click tracking failed:', error)\n }\n}\n\nexport function shouldTrackAnalytics(element: HTMLElement): boolean {\n const trackAnalytics = element.getAttribute('track-analytics')\n return trackAnalytics !== 'false'\n}\n","export function generateContentHash(content: string): string {\n // Simple hash function for content identification\n let hash = 0\n const cleanContent = content.trim().substring(0, 200)\n\n for (let i = 0; i < cleanContent.length; i++) {\n const char = cleanContent.charCodeAt(i)\n hash = (hash << 5) - hash + char\n hash = hash & hash // Convert to 32bit integer\n }\n\n return Math.abs(hash).toString(36).substring(0, 12)\n}\n","export const ELEMENT_TYPES = {\n KEY_CHALLENGE: {\n value: 'key_challenge',\n label: 'Key Challenge',\n acronym: 'KC',\n },\n SUPPORTING_FACT: {\n value: 'supporting_fact',\n label: 'Supporting Fact',\n acronym: 'SF',\n },\n ASSOCIATED_IMPACT: {\n value: 'associated_impact',\n label: 'Associated Impact',\n acronym: 'AI',\n },\n GUIDING_POLICY: {\n value: 'guiding_policy',\n label: 'Guiding Policy',\n acronym: 'GP',\n },\n COMPETITOR_MOVE: {\n value: 'competitor_move',\n label: 'Competitor Move',\n acronym: 'CM',\n },\n SCOPE: {\n value: 'scope',\n label: 'Scope',\n acronym: 'SC',\n },\n CONSTRAINT: {\n value: 'constraint',\n label: 'Constraint',\n acronym: 'CN',\n },\n SOLUTION_ALTERNATIVE: {\n value: 'solution_alternative',\n label: 'Solution Alternative',\n acronym: 'SA',\n },\n ASSUMPTION_HYPOTHESIS: {\n value: 'assumption_hypothesis',\n label: 'Assumption Hypothesis',\n acronym: 'AH',\n },\n EXPERIMENT: {\n value: 'experiment',\n label: 'Experiment',\n acronym: 'EX',\n },\n ACTION: {\n value: 'action',\n label: 'Action',\n acronym: 'AC',\n },\n INVESTMENT: {\n value: 'investment',\n label: 'Investment',\n acronym: 'IN',\n },\n ESTIMATE: {\n value: 'estimate',\n label: 'Estimate',\n acronym: 'ES',\n },\n BASELINE: {\n value: 'baseline',\n label: 'Baseline',\n acronym: 'BL',\n },\n OUTCOME: {\n value: 'outcome',\n label: 'Outcome',\n acronym: 'OC',\n },\n PERFORMANCE_VARIABLE: {\n value: 'performance_variable',\n label: 'Performance Variable',\n acronym: 'PV',\n },\n CAPABILITY: {\n value: 'capability',\n label: 'Capability',\n acronym: 'CP',\n },\n SYSTEM: {\n value: 'system',\n label: 'System',\n acronym: 'SY',\n },\n PRINCIPLE: {\n value: 'principle',\n label: 'Principle',\n acronym: 'PR',\n },\n};\n","import type { ElementValue } from '@skhema/types'\nimport { ELEMENT_TYPES } from '@skhema/types'\n\nexport function isValidElementType(\n elementType: string\n): elementType is ElementValue {\n const validTypes = Object.values(ELEMENT_TYPES).map((type) => type.value)\n return validTypes.includes(elementType as ElementValue)\n}\n\nexport function validateAttributes(element: HTMLElement): {\n isValid: boolean\n errors: string[]\n elementType?: ElementValue\n contributorId?: string\n} {\n const errors: string[] = []\n\n const elementType = element.getAttribute('element-type')\n const contributorId = element.getAttribute('contributor-id')\n\n if (!elementType) {\n errors.push('Missing required attribute: element-type')\n } else if (!isValidElementType(elementType)) {\n const validTypes = Object.values(ELEMENT_TYPES)\n .map((t) => t.value)\n .join(', ')\n errors.push(\n `Invalid element-type \"${elementType}\". Valid types: ${validTypes}`\n )\n }\n\n if (!contributorId) {\n errors.push('Missing required attribute: contributor-id')\n } else if (contributorId.trim().length === 0) {\n errors.push('contributor-id cannot be empty')\n }\n\n return {\n isValid: errors.length === 0,\n errors,\n elementType: isValidElementType(elementType || '')\n ? (elementType as ElementValue)\n : undefined,\n contributorId: contributorId || undefined,\n }\n}\n\nexport function getElementTypeLabel(elementType: ElementValue): string {\n const type = Object.values(ELEMENT_TYPES).find((t) => t.value === elementType)\n return type?.label || elementType\n}\n\nexport function getElementTypeAcronym(elementType: ElementValue): string {\n const type = Object.values(ELEMENT_TYPES).find((t) => t.value === elementType)\n return type?.acronym || elementType.substring(0, 2).toUpperCase()\n}\n","import type { ElementValue } from '@skhema/types'\nimport { generateContentHash } from './hash.js'\nimport { getElementTypeLabel } from './validation.js'\n\nexport function generateStructuredData(\n content: string,\n elementType: ElementValue,\n contributorId: string,\n sourceUrl: string\n): object {\n return {\n '@context': 'https://schema.org',\n '@type': 'AnalysisContent',\n text: content,\n analysisType: elementType,\n category: getElementTypeLabel(elementType),\n contributor: contributorId,\n url: generateRedirectUrl(content, elementType, contributorId),\n provider: {\n '@type': 'Organization',\n name: 'Skhema',\n url: 'https://skhema.com',\n },\n isPartOf: {\n '@type': 'WebPage',\n url: sourceUrl,\n },\n dateCreated: new Date().toISOString(),\n platform: 'Skhema',\n }\n}\n\nexport function generateRedirectUrl(\n content: string,\n elementType: ElementValue,\n contributorId: string,\n options: {\n baseUrl?: string\n utmSource?: string\n utmMedium?: string\n utmCampaign?: string\n } = {}\n): string {\n const baseUrl = options.baseUrl || 'https://app.skhema.com/save' // This page will handle the authentication and content saving\n const contentHash = generateContentHash(content)\n const sourceUrl = encodeURIComponent(window.location.href)\n const timestamp = Date.now()\n\n const params = new URLSearchParams({\n source: sourceUrl,\n t: timestamp.toString(),\n utm_source: options.utmSource || 'web_component',\n utm_medium: options.utmMedium || 'embedded',\n utm_campaign: options.utmCampaign || elementType,\n utm_content: contributorId,\n })\n\n return `${baseUrl}?contributor_id=${contributorId}&element_type=${elementType}&content_hash=${contentHash}&${params.toString()}`\n // return `${baseUrl}/contributor_id=${contributorId}&element_type=${elementType}&content_hash=${contentHash}?${params.toString()}`;\n}\n\nexport function createMetaTags(\n content: string,\n elementType: ElementValue,\n contributorId: string\n): string {\n const label = getElementTypeLabel(elementType)\n\n return `\n <div itemscope itemtype=\"https://schema.org/AnalysisContent\" style=\"display:none;\">\n <meta itemprop=\"analysisType\" content=\"${elementType}\">\n <meta itemprop=\"text\" content=\"${content}\">\n <meta itemprop=\"contributor\" content=\"${contributorId}\">\n <meta itemprop=\"category\" content=\"${label}\">\n <meta itemprop=\"platform\" content=\"Skhema\">\n </div>\n `\n}\n\nexport function createAriaAttributes(\n elementType: ElementValue\n): Record<string, string> {\n const label = getElementTypeLabel(elementType)\n\n return {\n role: 'article',\n 'aria-label': `${label} - Strategic insight`,\n 'aria-describedby': 'skhema-description',\n }\n}\n","import {\n shouldTrackAnalytics,\n trackClick,\n trackEmbedLoad,\n} from '../utils/analytics.js'\nimport { generateContentHash } from '../utils/hash.js'\nimport {\n sanitizeContent,\n validateContentSecurity,\n} from '../utils/sanitization.js'\nimport {\n createAriaAttributes,\n createMetaTags,\n generateRedirectUrl,\n generateStructuredData,\n} from '../utils/seo.js'\nimport { getElementTypeLabel, validateAttributes } from '../utils/validation.js'\nimport type {\n ContentData,\n EmbedAnalytics,\n SkhemaElementAttributes,\n SkhemaElementEventMap,\n} from './types.js'\n\n// Inline styles matching Skhema UI library design system\nconst styles = `\n:host {\n /* Skhema Brand Colors - matching UI library */\n --skhema-primary: hsl(344 57% 54%); /* #cd476a */\n --skhema-primary-hover: hsl(344 50% 47%); /* #b53d5e */\n --skhema-primary-pressed: hsl(343 50% 41%); /* #9d3552 */\n --skhema-secondary: hsl(345 100% 75%); /* #ff82a2 */\n --skhema-gradient: linear-gradient(135deg, hsl(344 57% 54%) 0%, hsl(345 100% 75%) 100%);\n \n /* Light mode colors */\n --skhema-bg: hsl(0 0% 100%);\n --skhema-card: hsl(0 0% 100%);\n --skhema-border: hsl(214.3 31.8% 91.4%);\n --skhema-text: hsl(222.2 84% 4.9%);\n --skhema-text-muted: hsl(215.4 16.3% 46.9%);\n --skhema-accent: hsl(210 40% 96%);\n \n /* Shadows matching UI library */\n --skhema-shadow: 0 1px 3px 0 hsl(0 0 0 / 0.1), 0 1px 2px -1px hsl(0 0 0 / 0.1);\n --skhema-shadow-md: 0 4px 6px -1px hsl(0 0 0 / 0.1), 0 2px 4px -2px hsl(0 0 0 / 0.1);\n --skhema-shadow-lg: 0 10px 15px -3px hsl(0 0 0 / 0.1), 0 4px 6px -4px hsl(0 0 0 / 0.1);\n --skhema-radius: 0.375rem;\n \n display: block;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Inter', sans-serif;\n line-height: 1.5;\n color: var(--skhema-text);\n}\n\n:host([theme=\"dark\"]) {\n /* Dark mode colors */\n --skhema-bg: hsl(222.2 84% 4.9%);\n --skhema-card: hsl(222.2 84% 4.9%);\n --skhema-border: hsl(217.2 32.6% 17.5%);\n --skhema-text: hsl(210 40% 98%);\n --skhema-text-muted: hsl(215 20.2% 65.1%);\n --skhema-accent: hsl(217.2 32.6% 17.5%);\n}\n\n/* Main component card - inspired by your design */\n.skhema-insight-card {\n position: relative;\n background: var(--skhema-card);\n border: 1px solid var(--skhema-border);\n border-radius: calc(var(--skhema-radius) * 2);\n padding: 16px;\n box-shadow: var(--skhema-shadow);\n transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n max-width: 600px;\n margin: 8px 0;\n}\n\n.skhema-insight-card:hover {\n box-shadow: var(--skhema-shadow-lg);\n border-color: var(--skhema-primary);\n transform: translateY(-1px);\n}\n\n/* Header section with contributor info */\n.skhema-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 12px;\n gap: 12px;\n}\n\n.skhema-contributor {\n display: flex;\n align-items: center;\n gap: 8px;\n flex: 1;\n}\n\n.skhema-avatar {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n background: var(--skhema-gradient);\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 14px;\n color: white;\n flex-shrink: 0;\n}\n\n.skhema-contributor-info {\n min-width: 0;\n flex: 1;\n}\n\n.skhema-contributor-name {\n font-weight: 500;\n font-size: 14px;\n color: var(--skhema-text);\n margin: 0;\n line-height: 1.2;\n}\n\n.skhema-contributor-role {\n font-size: 12px;\n color: var(--skhema-text-muted);\n margin: 0;\n line-height: 1.2;\n}\n\n/* Element type badge */\n.skhema-element-badge {\n display: inline-flex;\n align-items: center;\n padding: 4px 8px;\n background: var(--skhema-accent);\n border: 1px solid var(--skhema-border);\n border-radius: var(--skhema-radius);\n font-size: 11px;\n font-weight: 500;\n color: var(--skhema-text-muted);\n text-transform: capitalize;\n white-space: nowrap;\n flex-shrink: 0;\n}\n\n/* Content section */\n.skhema-content {\n margin: 12px 0 16px 0;\n padding: 0;\n}\n\n.skhema-content-text {\n font-size: 15px;\n line-height: 1.6;\n color: var(--skhema-text);\n margin: 0;\n font-style: italic;\n position: relative;\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n max-width: 100%;\n}\n\n.skhema-content-text::before {\n content: '\"';\n color: var(--skhema-primary);\n font-size: 20px;\n font-weight: 600;\n margin-right: 4px;\n}\n\n.skhema-content-text::after {\n content: '\"';\n color: var(--skhema-primary);\n font-size: 20px;\n font-weight: 600;\n margin-left: 4px;\n}\n\n/* Footer section */\n.skhema-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n padding-top: 12px;\n border-top: 1px solid var(--skhema-border);\n}\n\n.skhema-attribution {\n font-size: 11px;\n color: var(--skhema-text-muted);\n display: flex;\n align-items: center;\n gap: 4px;\n}\n\n.skhema-attribution a {\n color: var(--skhema-primary);\n text-decoration: none;\n font-weight: 500;\n}\n\n.skhema-attribution a:hover {\n text-decoration: underline;\n}\n\n/* Save button with gradient and arrow */\n.skhema-save-btn {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: var(--skhema-gradient);\n color: white;\n border: none;\n padding: 8px 16px;\n border-radius: var(--skhema-radius);\n font-size: 13px;\n font-weight: 500;\n text-decoration: none;\n cursor: pointer;\n transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: var(--skhema-shadow);\n white-space: nowrap;\n}\n\n.skhema-save-btn:hover {\n transform: translateY(-1px);\n box-shadow: var(--skhema-shadow-md);\n}\n\n.skhema-save-btn:active {\n transform: translateY(0);\n}\n\n.skhema-save-btn:focus {\n outline: 2px solid var(--skhema-primary);\n outline-offset: 2px;\n}\n\n.skhema-save-btn::after {\n content: '→';\n transition: transform 0.2s ease;\n}\n\n.skhema-save-btn:hover::after {\n transform: translateX(2px);\n}\n\n/* Error state */\n.skhema-error {\n background: hsl(0 93% 94%);\n border: 1px solid hsl(0 84% 60%);\n color: hsl(0 74% 42%);\n padding: 12px;\n border-radius: var(--skhema-radius);\n font-size: 13px;\n}\n\n.skhema-error-title {\n font-weight: 600;\n margin-bottom: 8px;\n}\n\n.skhema-error-list {\n margin: 0;\n padding-left: 16px;\n}\n\n/* Loading state */\n.skhema-loading {\n background: var(--skhema-accent);\n border: 1px solid var(--skhema-border);\n padding: 12px;\n border-radius: var(--skhema-radius);\n color: var(--skhema-text-muted);\n font-size: 13px;\n text-align: center;\n}\n\n.skhema-loading::after {\n content: '...';\n animation: loading 1.5s infinite;\n}\n\n@keyframes loading {\n 0%, 33% { content: '...'; }\n 66% { content: '..'; }\n 100% { content: '.'; }\n}\n\n/* Responsive design */\n@media (max-width: 640px) {\n .skhema-insight-card {\n margin: 4px 0;\n padding: 12px;\n }\n \n .skhema-header {\n flex-direction: column;\n align-items: flex-start;\n gap: 8px;\n }\n \n .skhema-footer {\n flex-direction: column;\n align-items: stretch;\n gap: 8px;\n }\n \n .skhema-save-btn {\n justify-content: center;\n }\n}\n\n/* Accessibility */\n@media (prefers-reduced-motion: reduce) {\n .skhema-insight-card,\n .skhema-save-btn {\n transition: none;\n }\n \n .skhema-save-btn::after {\n transition: none;\n }\n \n .skhema-save-btn:hover::after {\n transform: none;\n }\n}\n\n.skhema-structured-data {\n display: none !important;\n}\n`\n\nexport class SkhemaElement extends HTMLElement {\n private shadow: ShadowRoot\n private contentData: ContentData | null = null\n private componentConnected = false\n private hasTrackedLoad = false\n\n constructor() {\n super()\n this.shadow = this.attachShadow({ mode: 'closed' })\n }\n\n static get observedAttributes(): (keyof SkhemaElementAttributes)[] {\n return [\n 'element-type',\n 'contributor-id',\n 'content',\n 'source-url',\n 'theme',\n 'track-analytics',\n ]\n }\n\n connectedCallback() {\n if (this.componentConnected) return\n this.componentConnected = true\n\n try {\n this.render()\n this.trackLoad()\n } catch (error) {\n this.renderError('Failed to initialize component', error)\n }\n }\n\n attributeChangedCallback(\n _name: keyof SkhemaElementAttributes,\n oldValue: string | null,\n newValue: string | null\n ) {\n if (oldValue !== newValue && this.componentConnected) {\n this.render()\n }\n }\n\n private render() {\n const validation = validateAttributes(this as HTMLElement)\n\n if (!validation.isValid) {\n this.renderError('Invalid component attributes', validation.errors)\n return\n }\n\n const content = this.getContent()\n if (!content.trim()) {\n this.renderError('Component requires content', [\n 'Add content between the opening and closing tags, or use the content attribute',\n ])\n return\n }\n\n // Validate content security\n const securityValidation = validateContentSecurity(content)\n if (!securityValidation.isSecure) {\n this.renderError(\n 'Content security validation failed',\n securityValidation.issues\n )\n return\n }\n\n this.contentData = {\n contributor_id: validation.contributorId!,\n element_type: validation.elementType!,\n content: content,\n content_hash: generateContentHash(content),\n source_url: this.getAttribute('source-url') || window.location.href,\n timestamp: new Date().toISOString(),\n page_title: document.title,\n }\n\n this.renderContent()\n this.addStructuredData()\n }\n\n private getContent(): string {\n return this.getAttribute('content') || this.textContent || ''\n }\n\n private renderContent() {\n if (!this.contentData) return\n\n const { element_type, contributor_id, content } = this.contentData\n const label = getElementTypeLabel(element_type)\n const redirectUrl = generateRedirectUrl(\n content,\n element_type,\n contributor_id\n )\n const theme = this.getAttribute('theme') || 'auto'\n\n // Generate contributor display name and initials\n const displayName = this.formatContributorName(contributor_id)\n const initials = this.getInitials(displayName)\n\n // Set ARIA attributes on host element\n const ariaAttrs = createAriaAttributes(element_type)\n Object.entries(ariaAttrs).forEach(([key, value]) => {\n this.setAttribute(key, value)\n })\n\n this.shadow.innerHTML = `\n <style>${styles}</style>\n \n <div class=\"skhema-insight-card\" data-theme=\"${theme}\">\n <div class=\"skhema-header\">\n <div class=\"skhema-contributor\">\n <div class=\"skhema-avatar\" title=\"${displayName}\">\n ${initials}\n </div>\n <div class=\"skhema-contributor-info\">\n <div class=\"skhema-contributor-name\">${displayName}</div>\n <div class=\"skhema-contributor-role\">Strategy Insight</div>\n </div>\n </div>\n <div class=\"skhema-element-badge\" title=\"${label}\">\n ${label}\n </div>\n </div>\n \n <div class=\"skhema-content\">\n <div class=\"skhema-content-text\">${sanitizeContent(content)}</div>\n </div>\n \n <div class=\"skhema-footer\">\n <div class=\"skhema-attribution\">\n Powered by <a href=\"https://skhema.com\" target=\"_blank\" rel=\"noopener noreferrer\">Skhema</a>\n </div>\n <a href=\"${redirectUrl}\" \n class=\"skhema-save-btn\" \n target=\"_blank\"\n rel=\"noopener noreferrer\"\n title=\"Save this insight to Skhema\">\n Save to Skhema\n </a>\n </div>\n </div>\n `\n\n // Add click event listener\n const saveBtn = this.shadow.querySelector(\n '.skhema-save-btn'\n ) as HTMLAnchorElement\n if (saveBtn) {\n saveBtn.addEventListener('click', (event) => {\n this.handleSaveClick(event)\n })\n }\n }\n\n private formatContributorName(contributorId: string): string {\n // Convert contributor_id to display name\n return contributorId\n .split(/[_-]/)\n .map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())\n .join(' ')\n }\n\n private getInitials(name: string): string {\n return name\n .split(' ')\n .map((word) => word.charAt(0))\n .join('')\n .toUpperCase()\n .substring(0, 2)\n }\n\n private renderError(title: string, errors: string | string[] | unknown) {\n const errorList = Array.isArray(errors) ? errors : [String(errors)]\n\n this.shadow.innerHTML = `\n <style>${styles}</style>\n \n <div class=\"skhema-insight-card\">\n <div class=\"skhema-error\">\n <div class=\"skhema-error-title\">Skhema Component Error: ${title}</div>\n <ul class=\"skhema-error-list\">\n ${errorList.map((error) => `<li>${error}</li>`).join('')}\n </ul>\n </div>\n </div>\n `\n\n // Dispatch error event\n this.dispatchEvent(\n new CustomEvent('skhema:error', {\n detail: { error: title, details: errors },\n bubbles: true,\n })\n )\n }\n\n private addStructuredData() {\n if (!this.contentData) return\n\n const { content, element_type, contributor_id, source_url } =\n this.contentData\n\n // Add structured data to the document head\n const structuredData = generateStructuredData(\n content,\n element_type,\n contributor_id,\n source_url\n )\n const script = document.createElement('script')\n script.type = 'application/ld+json'\n script.textContent = JSON.stringify(structuredData)\n script.className = 'skhema-structured-data'\n document.head.appendChild(script)\n\n // Add meta tags for SEO\n const metaDiv = document.createElement('div')\n metaDiv.innerHTML = createMetaTags(content, element_type, contributor_id)\n metaDiv.className = 'skhema-structured-data'\n document.body.appendChild(metaDiv)\n }\n\n private async trackLoad() {\n if (\n !shouldTrackAnalytics(this as HTMLElement) ||\n !this.contentData ||\n this.hasTrackedLoad\n ) {\n return\n }\n\n this.hasTrackedLoad = true\n\n const analytics: EmbedAnalytics = {\n contributorId: this.contentData.contributor_id,\n elementType: this.contentData.element_type,\n contentHash: this.contentData.content_hash,\n content: this.contentData.content,\n pageUrl: window.location.href,\n pageTitle: document.title,\n timestamp: Date.now(),\n userAgent: navigator.userAgent,\n }\n\n await trackEmbedLoad(analytics)\n\n // Dispatch load event\n this.dispatchEvent(\n new CustomEvent('skhema:load', {\n detail: analytics,\n bubbles: true,\n })\n )\n }\n\n private async handleSaveClick(_event: Event) {\n if (!this.contentData) return\n\n // Track click analytics\n if (shouldTrackAnalytics(this as HTMLElement)) {\n await trackClick(this.contentData)\n }\n\n // Dispatch click event\n this.dispatchEvent(\n new CustomEvent('skhema:click', {\n detail: this.contentData,\n bubbles: true,\n })\n )\n }\n\n // Public API methods\n public getContentData(): ContentData | null {\n return this.contentData\n }\n\n public refresh(): void {\n this.render()\n }\n}\n\n// Type augmentation for custom events and JSX elements\ndeclare global {\n // eslint-disable-next-line @typescript-eslint/no-empty-object-type\n interface HTMLElementEventMap extends SkhemaElementEventMap {}\n\n interface SkhemaElementJSX extends Partial<SkhemaElementAttributes> {\n [key: string]: unknown\n }\n\n // Module augmentation for JSX without using namespace\n interface JSXIntrinsicElements {\n 'skhema-element': SkhemaElementJSX\n }\n}\n","/**\n * Content sanitization utilities for Skhema web component\n */\n\n/**\n * Sanitizes content to prevent XSS attacks and removes URLs\n * @param content The raw content to sanitize\n * @returns Sanitized HTML-safe content with URLs removed\n */\nexport function sanitizeContent(content: string): string {\n // HTML entity encoding for basic XSS protection\n const htmlEncode = (str: string): string => {\n const div = document.createElement('div')\n div.textContent = str\n return div.innerHTML\n }\n\n // Strip URLs first\n let sanitized = stripUrls(content)\n\n // Encode all HTML entities to prevent script injection\n sanitized = htmlEncode(sanitized)\n\n // Preserve line breaks for readability\n sanitized = sanitized.replace(/\\n/g, '<br>')\n\n // Apply text wrapping rules for long text\n sanitized = applyTextWrapping(sanitized)\n\n return sanitized\n}\n\n/**\n * Strips all URLs from the content\n * @param text The text containing potential URLs\n * @returns Text with all URLs removed\n */\nfunction stripUrls(text: string): string {\n // Comprehensive URL patterns to remove\n const patterns = [\n // Standard URLs with protocols\n /https?:\\/\\/[^\\s<>\"{}|\\\\^`[\\]]+/gi,\n // FTP URLs\n /ftp:\\/\\/[^\\s<>\"{}|\\\\^`[\\]]+/gi,\n // URLs without protocol but with www\n /www\\.[^\\s<>\"{}|\\\\^`[\\]]+/gi,\n // Email-like patterns\n /[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}/gi,\n // Common domain patterns (anything.com, anything.org, etc.)\n /(?:^|\\s)([a-zA-Z0-9-]+\\.)+[a-zA-Z]{2,}(?:\\/[^\\s]*)?/gi,\n ]\n\n let stripped = text\n patterns.forEach((pattern) => {\n stripped = stripped.replace(pattern, '')\n })\n\n // Clean up any multiple spaces left after URL removal\n stripped = stripped.replace(/\\s+/g, ' ').trim()\n\n return stripped\n}\n\n/**\n * Applies intelligent text wrapping to prevent layout breaking\n * @param text The text to apply wrapping rules to\n * @returns Text with appropriate wrapping hints\n */\nfunction applyTextWrapping(text: string): string {\n // Split text into words\n const words = text.split(/(\\s+)/)\n\n return words\n .map((word) => {\n // Skip if it's whitespace or already contains HTML\n if (/^\\s+$/.test(word) || word.includes('<')) {\n return word\n }\n\n // For very long words (>30 chars), add word-break opportunities\n if (word.length > 30) {\n // Insert zero-width spaces every 10 characters for breaking\n return word.replace(/(.{10})/g, '$1\\u200B')\n }\n\n return word\n })\n .join('')\n}\n\n/**\n * Validates if content contains potentially malicious patterns or URLs\n * @param content The content to validate\n * @returns Object with validation status and detected issues\n */\nexport function validateContentSecurity(content: string): {\n isSecure: boolean\n issues: string[]\n} {\n const issues: string[] = []\n\n // Check for script tags\n if (/<script[\\s>]/i.test(content)) {\n issues.push('Script tags detected')\n }\n\n // Check for event handlers\n if (/on\\w+\\s*=/i.test(content)) {\n issues.push('Event handlers detected')\n }\n\n // Check for javascript: protocol\n if (/javascript:/i.test(content)) {\n issues.push('JavaScript protocol detected')\n }\n\n // Check for data: URLs that could contain scripts\n if (/data:[^,]*script/i.test(content)) {\n issues.push('Data URL with script detected')\n }\n\n // Check for iframe tags\n if (/<iframe[\\s>]/i.test(content)) {\n issues.push('Iframe tags detected')\n }\n\n // Check for URLs (since we want to disallow them)\n if (/https?:\\/\\//i.test(content) || /www\\./i.test(content)) {\n issues.push('URLs detected in content')\n }\n\n return {\n isSecure: issues.length === 0,\n issues,\n }\n}\n\n/**\n * Strips all HTML tags from content\n * @param content The content to strip\n * @returns Plain text content\n */\nexport function stripHtml(content: string): string {\n const div = document.createElement('div')\n div.innerHTML = content\n return div.textContent || div.innerText || ''\n}\n\n/**\n * Checks if content contains any URLs\n * @param content The content to check\n * @returns True if URLs are found\n */\nexport function containsUrls(content: string): boolean {\n const urlPatterns = [\n /https?:\\/\\//i,\n /ftp:\\/\\//i,\n /www\\./i,\n /[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}/i,\n /(?:^|\\s)([a-zA-Z0-9-]+\\.)+[a-zA-Z]{2,}(?:\\/[^\\s]*)?/i,\n ]\n\n return urlPatterns.some((pattern) => pattern.test(content))\n}\n","// CDN bundle entry point - automatically registers the component\nimport { SkhemaElement } from './components/SkhemaElement.js'\n\n// Register the custom element for CDN usage\nif (!customElements.get('skhema-element')) {\n customElements.define(\n 'skhema-element',\n SkhemaElement as CustomElementConstructor\n )\n}\n\n// Expose on global for UMD builds\nif (typeof window !== 'undefined') {\n ;(\n window as unknown as { SkhemaElement: typeof SkhemaElement }\n ).SkhemaElement = SkhemaElement\n}\n\nexport { SkhemaElement }\n"],"names":["toUrlSafeBase64","str","btoa","encodeURIComponent","replace","_","p1","String","fromCharCode","parseInt","getTrackedEmbeds","cookie","document","split","find","row","startsWith","data","JSON","parse","decodeURIComponent","cutoff","Date","now","TRACKING_EXPIRY_HOURS","filter","item","timestamp","markAsTracked","contentHash","tracked","push","limited","slice","expires","stringify","toUTCString","setTrackedEmbeds","analyticsBatcher","constructor","this","batch","embeds","clicks","batchTimeout","BATCH_DELAY","MAX_BATCH_SIZE","addEmbedLoad","analytics","scheduleBatchSend","addClick","contentData","clearTimeout","length","sendBatch","window","setTimeout","currentBatch","sendEmbeds","sendClicks","embed","URLSearchParams","contributor_id","contributorId","element_type","elementType","content_hash","content","page_url","pageUrl","page_title","pageTitle","toString","user_agent","userAgent","navigator","sendBeacon","sendWithRetry","error","console","debug","click","source_url","flush","async","url","contentType","maxRetries","attempt","options","method","credentials","keepalive","headers","body","response","fetch","ok","status","Promise","resolve","Math","pow","trackEmbedLoad","some","shouldTrackAnalytics","element","getAttribute","generateContentHash","hash","cleanContent","trim","substring","i","charCodeAt","abs","addEventListener","visibilityState","ELEMENT_TYPES","KEY_CHALLENGE","value","label","acronym","SUPPORTING_FACT","ASSOCIATED_IMPACT","GUIDING_POLICY","COMPETITOR_MOVE","SCOPE","CONSTRAINT","SOLUTION_ALTERNATIVE","ASSUMPTION_HYPOTHESIS","EXPERIMENT","ACTION","INVESTMENT","ESTIMATE","BASELINE","OUTCOME","PERFORMANCE_VARIABLE","CAPABILITY","SYSTEM","PRINCIPLE","isValidElementType","Object","values","map","type","includes","getElementTypeLabel","t","generateRedirectUrl","baseUrl","sourceUrl","location","href","source","utm_source","utmSource","utm_medium","utmMedium","utm_campaign","utmCampaign","utm_content","styles","SkhemaElement","HTMLElement","super","componentConnected","hasTrackedLoad","shadow","attachShadow","mode","observedAttributes","connectedCallback","render","trackLoad","renderError","attributeChangedCallback","_name","oldValue","newValue","validation","errors","validTypes","join","isValid","validateAttributes","getContent","securityValidation","issues","test","isSecure","validateContentSecurity","toISOString","title","renderContent","addStructuredData","textContent","redirectUrl","theme","displayName","formatContributorName","initials","getInitials","ariaAttrs","role","entries","forEach","key","setAttribute","innerHTML","sanitized","text","stripped","pattern","stripUrls","div","createElement","htmlEncode","word","sanitizeContent","saveBtn","querySelector","event","handleSaveClick","charAt","toUpperCase","toLowerCase","name","errorList","Array","isArray","dispatchEvent","CustomEvent","detail","details","bubbles","structuredData","analysisType","category","contributor","provider","isPartOf","dateCreated","platform","generateStructuredData","script","className","head","appendChild","metaDiv","createMetaTags","_event","trackClick","getContentData","refresh","customElements","get","define"],"mappings":"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"}
|