'+(t?r:E(r,!0))+`"+(t?r:E(r,!0))+`-${this.parser.parse(s)}-`}html({text:s}){return s}def(s){return""}heading({tokens:s,depth:e}){return`
-`}list(s){let e=s.ordered,t=s.start,n="";for(let l=0;l
${this.parser.parseInline(s)}
-`}table(s){let e="",t="";for(let r=0;r${E(s,!0)}`}br(s){return""}del({tokens:s}){return`
An error occurred:
"+E(t.message+"",!0)+"";return e?Promise.resolve(n):n}if(e)return Promise.reject(t);throw t}}},N=new Wt;function x(s,e){return N.parse(s,e)}x.options=x.setOptions=function(s){return N.setOptions(s),x.defaults=N.defaults,_e(x.defaults),x};x.getDefaults=me;x.defaults=H;x.use=function(...s){return N.use(...s),x.defaults=N.defaults,_e(x.defaults),x};x.walkTokens=function(s,e){return N.walkTokens(s,e)};x.parseInline=N.parseInline;x.Parser=C;x.parser=C.parse;x.Renderer=ie;x.TextRenderer=ze;x.Lexer=z;x.lexer=z.lex;x.Tokenizer=le;x.Hooks=W;x.parse=x;x.options;x.setOptions;x.use;x.walkTokens;x.parseInline;C.parse;z.lex;const Xt=lt({__name:"SkillEditor",props:{mode:{},slug:{},forkOf:{},initialName:{},initialDescription:{},initialAllowedTools:{},initialArgumentHint:{},initialModel:{},initialUserInvocable:{type:Boolean},initialDisableModelInvocation:{type:Boolean},initialContext:{},initialAgent:{},initialHooks:{},initialBody:{},initialAuthor:{},initialAuthorEmail:{},initialTags:{},availableTools:{},availableModels:{},availableTags:{}},setup(s,{expose:e}){e();const t=s,n=t.availableTools??["Bash","Read","Write","Edit","Glob","Grep","WebFetch","WebSearch","Task","NotebookEdit"],r=t.availableModels??[{id:"claude-opus-4-6",display_name:"Claude Opus 4.6"},{id:"claude-sonnet-4-5-20250929",display_name:"Claude Sonnet 4.5"},{id:"claude-haiku-4-5-20251001",display_name:"Claude Haiku 4.5"}],i=Q(()=>!!t.forkOf),l=m(t.initialName||""),c=m(t.initialDescription||""),a=m(t.initialArgumentHint||""),p=m(t.initialModel||""),u=m(t.initialUserInvocable??!0),g=m(t.initialDisableModelInvocation??!1),d=m(t.initialContext||""),w=m(t.initialAgent||""),b=m(t.initialHooks||""),y=m(t.initialTags?t.initialTags.split(",").map(h=>h.trim()).filter(Boolean):[]),I=m(""),F=m(!1),V=m(),U=t.availableTags?t.availableTags.split(",").map(h=>h.trim()).filter(Boolean):[],Z=m(t.initialBody||""),O=m(!1),B=m(""),ce=m(""),ue=m(""),pe=m(typeof localStorage<"u"&&localStorage.getItem("skillshere-token")||""),_=m(new Set(t.initialAllowedTools?t.initialAllowedTools.split(",").map(h=>h.trim()).filter(Boolean):[]));function Je(h){_.value.has(h)?_.value.delete(h):_.value.add(h),_.value=new Set(_.value)}const We=Q(()=>{const h=I.value.toLowerCase().trim(),k=new Set(y.value.map($=>$.toLowerCase())),R=U.filter($=>!k.has($.toLowerCase())&&(!h||$.toLowerCase().includes(h)));return h&&!k.has(h)&&!R.some($=>$.toLowerCase()===h)&&R.push(h),R}),Xe=h=>!U.some(k=>k.toLowerCase()===h.toLowerCase());function he(h){const k=h.trim().toLowerCase();k&&!y.value.some(R=>R.toLowerCase()===k)&&y.value.push(k),I.value="",V.value?.focus()}function Ke(h){y.value.splice(h,1)}function Ye(h){h.key==="Enter"||h.key===","?(h.preventDefault(),I.value.trim()&&he(I.value)):h.key==="Backspace"&&!I.value&&y.value.length&&y.value.pop()}let K;function et(){K=setTimeout(()=>{F.value=!1},200)}function tt(h){clearTimeout(K),he(h)}const Y=Q(()=>t.mode==="edit"&&t.slug?t.slug:l.value.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"").slice(0,64)||"my-skill"),rt=Q(()=>t.forkOf?Y.value===t.forkOf:!1),nt=Q(()=>Z.value.split(` -`).length);let de=m(""),ee;it(Z,h=>{clearTimeout(ee),ee=setTimeout(async()=>{de.value=await x(h||"")},300)},{immediate:!0});function Ce(){const h=[..._.value],k=["---"];if(k.push(`name: ${l.value}`),c.value&&k.push(`description: ${c.value}`),i.value?(ce.value&&k.push(`author: ${ce.value}`),ue.value&&k.push(`author-email: ${ue.value}`),k.push(`fork-of: ${t.forkOf}`)):(t.initialAuthor&&k.push(`author: ${t.initialAuthor}`),t.initialAuthorEmail&&k.push(`author-email: ${t.initialAuthorEmail}`)),a.value&&k.push(`argument-hint: ${a.value}`),h.length>0&&k.push(`allowed-tools: ${h.join(", ")}`),y.value.length>0&&k.push(`tags: ${y.value.join(", ")}`),p.value&&k.push(`model: ${p.value}`),u.value===!1&&k.push("user-invocable: false"),g.value&&k.push("disable-model-invocation: true"),d.value&&k.push(`context: ${d.value}`),w.value&&k.push(`agent: ${w.value}`),b.value.trim())try{const R=JSON.parse(b.value.trim());k.push(`hooks: ${JSON.stringify(R)}`)}catch{}return k.push("---"),k.join(` -`)+` - -`+Z.value.trim()+` -`}async function st(){O.value=!0,B.value="";try{const h=Ce(),k={"Content-Type":"application/json"};if(!i.value&&pe.value&&(k.Authorization=`Bearer ${pe.value}`),t.mode==="create"){const R=await fetch("/api/skills",{method:"POST",headers:k,body:JSON.stringify({slug:Y.value,content:h})});if(!R.ok){const $=await R.json();throw new Error($.error||"Failed to create skill")}window.location.href=`/${Y.value}`}else{const R=await fetch(`/api/skills/${t.slug}`,{method:"PUT",headers:k,body:JSON.stringify({content:h})});if(!R.ok){const $=await R.json();throw new Error($.error||"Failed to update skill")}window.location.href=`/${t.slug}`}}catch(h){B.value=h instanceof Error?h.message:"Something went wrong"}finally{O.value=!1}}const $e={props:t,AVAILABLE_TOOLS:n,AVAILABLE_MODELS:r,isFork:i,name:l,description:c,argumentHint:a,model:p,userInvocable:u,disableModelInvocation:g,context:d,agent:w,hooksJson:b,tags:y,tagQuery:I,tagSuggestionsOpen:F,tagInputEl:V,knownTags:U,body:Z,saving:O,error:B,forkAuthorName:ce,forkAuthorEmail:ue,authorToken:pe,selectedTools:_,toggleTool:Je,tagSuggestions:We,isNewTag:Xe,addTag:he,removeTag:Ke,onTagKeydown:Ye,get tagBlurTimer(){return K},set tagBlurTimer(h){K=h},onTagBlur:et,onTagSuggestionClick:tt,computedSlug:Y,slugMatchesOriginal:rt,bodyLines:nt,get previewHtml(){return de},set previewHtml(h){de=h},get debounceTimer(){return ee},set debounceTimer(h){ee=h},buildContent:Ce,save:st};return Object.defineProperty($e,"__isScriptSetup",{enumerable:!1,value:!0}),$e}}),Kt={key:0,class:"rounded-xl border border-[var(--color-accent-500)]/20 bg-[var(--color-accent-500)]/5 p-4 space-y-3"},Yt={class:"grid gap-3 sm:grid-cols-2"},er={key:1,class:"rounded-xl border border-amber-500/20 bg-amber-500/5 p-4"},tr={class:"grid gap-4 sm:grid-cols-2"},rr={class:"mt-1.5 text-xs text-gray-600 flex justify-between"},nr={class:"relative"},sr=["onClick"],lr={key:0,class:"absolute z-10 mt-1 w-full max-h-40 overflow-auto rounded-xl border border-white/[0.08] bg-[var(--color-surface-200)] shadow-xl"},ir=["onMousedown"],ar={key:0,class:"text-[var(--color-accent-500)] text-xs"},or={key:1,class:"text-xs text-gray-600"},cr={class:"flex flex-wrap gap-1.5 rounded-xl border border-white/[0.06] bg-[var(--color-surface-100)] px-3 py-2.5 min-h-[42px]"},ur=["onClick"],pr={class:"grid gap-4 sm:grid-cols-3"},hr=["value"],dr={class:"flex flex-wrap gap-6"},gr={class:"flex items-center gap-2.5 cursor-pointer group"},fr={class:"flex items-center gap-2.5 cursor-pointer group"},kr={class:"group"},xr={class:"mt-3"},br={class:"grid gap-4 lg:grid-cols-2"},mr={class:"flex justify-between text-xs font-medium uppercase tracking-wider text-gray-500 mb-1.5"},wr=["innerHTML"],yr={class:"flex items-center gap-4 pt-2"},vr=["disabled","title"],Sr={key:0,class:"h-4 w-4 animate-spin",fill:"none",viewBox:"0 0 24 24"},Tr={key:0,class:"text-sm text-red-400"};function Rr(s,e,t,n,r,i){return S(),v("form",{onSubmit:fe(n.save,["prevent"]),class:"space-y-6"},[n.isFork?(S(),v("div",Kt,[e[19]||(e[19]=o("p",{class:"text-sm text-[var(--color-accent-400)]"},"Claim this fork as yours. It will stay open for editing until you push from CLI, which registers a token and locks it to you.",-1)),o("div",Yt,[o("div",null,[e[17]||(e[17]=o("label",{class:"block text-xs font-medium uppercase tracking-wider text-gray-500 mb-1"},"Your Name",-1)),A(o("input",{"onUpdate:modelValue":e[0]||(e[0]=l=>n.forkAuthorName=l),type:"text",placeholder:"Jane Doe",class:"w-full rounded-xl border border-white/[0.06] bg-[var(--color-surface-100)] px-4 py-2.5 text-sm text-white placeholder-gray-600 focus:border-[var(--color-accent-500)]/50 focus:outline-none focus:ring-1 focus:ring-[var(--color-accent-500)]/20 transition-all"},null,512),[[P,n.forkAuthorName]])]),o("div",null,[e[18]||(e[18]=o("label",{class:"block text-xs font-medium uppercase tracking-wider text-gray-500 mb-1"},"Your Email",-1)),A(o("input",{"onUpdate:modelValue":e[1]||(e[1]=l=>n.forkAuthorEmail=l),type:"email",placeholder:"jane@example.com",class:"w-full rounded-xl border border-white/[0.06] bg-[var(--color-surface-100)] px-4 py-2.5 text-sm text-white placeholder-gray-600 focus:border-[var(--color-accent-500)]/50 focus:outline-none focus:ring-1 focus:ring-[var(--color-accent-500)]/20 transition-all"},null,512),[[P,n.forkAuthorEmail]])])])])):q("",!0),n.isFork&&n.slugMatchesOriginal?(S(),v("div",er,[...e[20]||(e[20]=[o("p",{class:"text-sm text-amber-400"},[M("Change the "),o("strong",null,"name"),M(" to generate a different slug. You can't save a fork with the same slug as the original.")],-1)])])):q("",!0),o("div",tr,[o("div",null,[e[22]||(e[22]=o("label",{class:"block text-xs font-medium uppercase tracking-wider text-gray-500 mb-1.5"},"Name",-1)),A(o("input",{"onUpdate:modelValue":e[2]||(e[2]=l=>n.name=l),type:"text",required:"",maxlength:"64",placeholder:"My Awesome Skill",class:j(["w-full rounded-xl border px-4 py-2.5 text-sm text-white placeholder-gray-600 focus:outline-none focus:ring-1 transition-all",n.isFork&&n.slugMatchesOriginal?"border-amber-500/30 bg-[var(--color-surface-100)] focus:border-amber-500/50 focus:ring-amber-500/20":"border-white/[0.06] bg-[var(--color-surface-100)] focus:border-[var(--color-accent-500)]/50 focus:ring-[var(--color-accent-500)]/20"])},null,2),[[P,n.name]]),o("p",rr,[o("span",null,[e[21]||(e[21]=M("Slug: ",-1)),o("code",{class:j(["font-mono",n.isFork&&n.slugMatchesOriginal?"text-amber-500":"text-gray-500"])},L(n.computedSlug),3)]),o("span",{class:j(n.name.length>58?"text-amber-500":"")},L(n.name.length)+"/64",3)])]),o("div",null,[e[23]||(e[23]=o("label",{class:"block text-xs font-medium uppercase tracking-wider text-gray-500 mb-1.5"},"Description",-1)),A(o("input",{"onUpdate:modelValue":e[3]||(e[3]=l=>n.description=l),type:"text",maxlength:"200",placeholder:"Brief description of what this skill does",class:"w-full rounded-xl border border-white/[0.06] bg-[var(--color-surface-100)] px-4 py-2.5 text-sm text-white placeholder-gray-600 focus:border-[var(--color-accent-500)]/50 focus:outline-none focus:ring-1 focus:ring-[var(--color-accent-500)]/20 transition-all"},null,512),[[P,n.description]]),o("p",{class:j(["mt-1.5 text-xs text-gray-600 text-right",n.description.length>180?"text-amber-500":""])},L(n.description.length)+"/200",3)])]),o("div",nr,[e[25]||(e[25]=o("label",{class:"block text-xs font-medium uppercase tracking-wider text-gray-500 mb-1.5"},"Tags",-1)),o("div",{class:"flex flex-wrap items-center gap-1.5 rounded-xl border border-white/[0.06] bg-[var(--color-surface-100)] px-3 py-2 min-h-[42px] cursor-text focus-within:border-[var(--color-accent-500)]/50 focus-within:ring-1 focus-within:ring-[var(--color-accent-500)]/20 transition-all",onClick:e[8]||(e[8]=l=>n.tagInputEl?.focus())},[(S(!0),v(te,null,re(n.tags,(l,c)=>(S(),v("span",{key:l,class:"inline-flex items-center gap-1 rounded-full bg-[var(--color-accent-500)]/15 border border-[var(--color-accent-500)]/25 pl-2.5 pr-1.5 py-0.5 text-xs font-medium text-[var(--color-accent-400)]"},[M(L(l)+" ",1),o("button",{type:"button",onClick:fe(a=>n.removeTag(c),["stop"]),class:"rounded-full p-0.5 hover:bg-[var(--color-accent-500)]/30 transition-colors"},[...e[24]||(e[24]=[o("svg",{class:"h-3 w-3",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2.5"},[o("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M6 18 18 6M6 6l12 12"})],-1)])],8,sr)]))),128)),A(o("input",{ref:"tagInputEl","onUpdate:modelValue":e[4]||(e[4]=l=>n.tagQuery=l),type:"text",placeholder:"Add tag...",class:"flex-1 min-w-[80px] bg-transparent text-sm text-white placeholder-gray-600 outline-none",onKeydown:n.onTagKeydown,onFocus:e[5]||(e[5]=l=>n.tagSuggestionsOpen=!0),onClick:e[6]||(e[6]=l=>n.tagSuggestionsOpen=!0),onInput:e[7]||(e[7]=l=>n.tagSuggestionsOpen=!0),onBlur:n.onTagBlur},null,544),[[P,n.tagQuery]])]),n.tagSuggestionsOpen&&n.tagSuggestions.length>0?(S(),v("div",lr,[(S(!0),v(te,null,re(n.tagSuggestions,l=>(S(),v("button",{key:l,type:"button",onMousedown:fe(c=>n.onTagSuggestionClick(l),["prevent"]),class:"flex w-full items-center gap-2 px-4 py-2 text-sm text-gray-300 hover:bg-white/[0.06] hover:text-white transition-colors text-left"},[n.isNewTag(l)?(S(),v("span",ar,"+")):q("",!0),M(" "+L(l)+" ",1),n.isNewTag(l)?(S(),v("span",or,"(new)")):q("",!0)],40,ir))),128))])):q("",!0),e[26]||(e[26]=o("p",{class:"mt-1.5 text-xs text-gray-600"},"Type and press Enter or comma. Click suggestions to add.",-1))]),o("div",null,[e[27]||(e[27]=o("label",{class:"block text-xs font-medium uppercase tracking-wider text-gray-500 mb-1.5"},"Allowed Tools",-1)),o("div",cr,[(S(!0),v(te,null,re(n.AVAILABLE_TOOLS,l=>(S(),v("button",{key:l,type:"button",onClick:c=>n.toggleTool(l),class:j(["rounded-md px-2.5 py-1 text-xs font-medium transition-all",n.selectedTools.has(l)?"bg-[var(--color-accent-500)] text-white shadow-sm":"bg-white/[0.04] border border-white/[0.06] text-gray-500 hover:text-gray-300 hover:bg-white/[0.08]"])},L(l),11,ur))),128))])]),o("div",pr,[o("div",null,[e[29]||(e[29]=o("label",{class:"block text-xs font-medium uppercase tracking-wider text-gray-500 mb-1.5"},"Model",-1)),A(o("select",{"onUpdate:modelValue":e[9]||(e[9]=l=>n.model=l),class:"w-full rounded-xl border border-white/[0.06] bg-[var(--color-surface-100)] px-4 py-2.5 text-sm text-white focus:border-[var(--color-accent-500)]/50 focus:outline-none focus:ring-1 focus:ring-[var(--color-accent-500)]/20 transition-all"},[e[28]||(e[28]=o("option",{value:""},"Default",-1)),(S(!0),v(te,null,re(n.AVAILABLE_MODELS,l=>(S(),v("option",{key:l.id,value:l.id},L(l.display_name),9,hr))),128))],512),[[ge,n.model]])]),o("div",null,[e[30]||(e[30]=o("label",{class:"block text-xs font-medium uppercase tracking-wider text-gray-500 mb-1.5"},"Argument Hint",-1)),A(o("input",{"onUpdate:modelValue":e[10]||(e[10]=l=>n.argumentHint=l),type:"text",placeholder:"e.g.
${from} ` : ""}to ${relativeLocation}
-`;
-}
-
-class AppPipeline extends Pipeline {
- static create({
- logger,
- manifest,
- runtimeMode,
- renderers,
- resolve,
- serverLike,
- streaming,
- defaultRoutes
- }) {
- const pipeline = new AppPipeline(
- logger,
- manifest,
- runtimeMode,
- renderers,
- resolve,
- serverLike,
- streaming,
- void 0,
- void 0,
- void 0,
- void 0,
- void 0,
- void 0,
- void 0,
- void 0,
- defaultRoutes
- );
- return pipeline;
- }
- headElements(routeData) {
- const routeInfo = this.manifest.routes.find((route) => route.routeData === routeData);
- const links = /* @__PURE__ */ new Set();
- const scripts = /* @__PURE__ */ new Set();
- const styles = createStylesheetElementSet(routeInfo?.styles ?? []);
- for (const script of routeInfo?.scripts ?? []) {
- if ("stage" in script) {
- if (script.stage === "head-inline") {
- scripts.add({
- props: {},
- children: script.children
- });
- }
- } else {
- scripts.add(createModuleScriptElement(script));
- }
- }
- return { links, styles, scripts };
- }
- componentMetadata() {
- }
- async getComponentByRoute(routeData) {
- const module = await this.getModuleForRoute(routeData);
- return module.page();
- }
- async tryRewrite(payload, request) {
- const { newUrl, pathname, routeData } = findRouteToRewrite({
- payload,
- request,
- routes: this.manifest?.routes.map((r) => r.routeData),
- trailingSlash: this.manifest.trailingSlash,
- buildFormat: this.manifest.buildFormat,
- base: this.manifest.base,
- outDir: this.serverLike ? this.manifest.buildClientDir : this.manifest.outDir
- });
- const componentInstance = await this.getComponentByRoute(routeData);
- return { newUrl, pathname, componentInstance, routeData };
- }
- async getModuleForRoute(route) {
- for (const defaultRoute of this.defaultRoutes) {
- if (route.component === defaultRoute.component) {
- return {
- page: () => Promise.resolve(defaultRoute.instance),
- renderers: []
- };
- }
- }
- if (route.type === "redirect") {
- return RedirectSinglePageBuiltModule;
- } else {
- if (this.manifest.pageMap) {
- const importComponentInstance = this.manifest.pageMap.get(route.component);
- if (!importComponentInstance) {
- throw new Error(
- `Unexpectedly unable to find a component instance for route ${route.route}`
- );
- }
- return await importComponentInstance();
- } else if (this.manifest.pageModule) {
- return this.manifest.pageModule;
- }
- throw new Error(
- "Astro couldn't find the correct page to render, probably because it wasn't correctly mapped for SSR usage. This is an internal error, please file an issue."
- );
- }
- }
-}
-
-class App {
- #manifest;
- #manifestData;
- #logger = new Logger({
- dest: consoleLogDestination,
- level: "info"
- });
- #baseWithoutTrailingSlash;
- #pipeline;
- #adapterLogger;
- constructor(manifest, streaming = true) {
- this.#manifest = manifest;
- this.#manifestData = {
- routes: manifest.routes.map((route) => route.routeData)
- };
- ensure404Route(this.#manifestData);
- this.#baseWithoutTrailingSlash = removeTrailingForwardSlash(this.#manifest.base);
- this.#pipeline = this.#createPipeline(streaming);
- this.#adapterLogger = new AstroIntegrationLogger(
- this.#logger.options,
- this.#manifest.adapterName
- );
- }
- getAdapterLogger() {
- return this.#adapterLogger;
- }
- getAllowedDomains() {
- return this.#manifest.allowedDomains;
- }
- get manifest() {
- return this.#manifest;
- }
- set manifest(value) {
- this.#manifest = value;
- }
- matchesAllowedDomains(forwardedHost, protocol) {
- return App.validateForwardedHost(forwardedHost, this.#manifest.allowedDomains, protocol);
- }
- static validateForwardedHost(forwardedHost, allowedDomains, protocol) {
- if (!allowedDomains || allowedDomains.length === 0) {
- return false;
- }
- try {
- const testUrl = new URL(`${protocol || "https"}://${forwardedHost}`);
- return allowedDomains.some((pattern) => {
- return matchPattern(testUrl, pattern);
- });
- } catch {
- return false;
- }
- }
- /**
- * Validate a hostname by rejecting any with path separators.
- * Prevents path injection attacks. Invalid hostnames return undefined.
- */
- static sanitizeHost(hostname) {
- if (!hostname) return void 0;
- if (/[/\\]/.test(hostname)) return void 0;
- return hostname;
- }
- /**
- * Validate forwarded headers (proto, host, port) against allowedDomains.
- * Returns validated values or undefined for rejected headers.
- * Uses strict defaults: http/https only for proto, rejects port if not in allowedDomains.
- */
- static validateForwardedHeaders(forwardedProtocol, forwardedHost, forwardedPort, allowedDomains) {
- const result = {};
- if (forwardedProtocol) {
- if (allowedDomains && allowedDomains.length > 0) {
- const hasProtocolPatterns = allowedDomains.some(
- (pattern) => pattern.protocol !== void 0
- );
- if (hasProtocolPatterns) {
- try {
- const testUrl = new URL(`${forwardedProtocol}://example.com`);
- const isAllowed = allowedDomains.some((pattern) => matchPattern(testUrl, pattern));
- if (isAllowed) {
- result.protocol = forwardedProtocol;
- }
- } catch {
- }
- } else if (/^https?$/.test(forwardedProtocol)) {
- result.protocol = forwardedProtocol;
- }
- } else if (/^https?$/.test(forwardedProtocol)) {
- result.protocol = forwardedProtocol;
- }
- }
- if (forwardedPort && allowedDomains && allowedDomains.length > 0) {
- const hasPortPatterns = allowedDomains.some((pattern) => pattern.port !== void 0);
- if (hasPortPatterns) {
- const isAllowed = allowedDomains.some((pattern) => pattern.port === forwardedPort);
- if (isAllowed) {
- result.port = forwardedPort;
- }
- }
- }
- if (forwardedHost && forwardedHost.length > 0 && allowedDomains && allowedDomains.length > 0) {
- const protoForValidation = result.protocol || "https";
- const sanitized = App.sanitizeHost(forwardedHost);
- if (sanitized) {
- try {
- const hostnameOnly = sanitized.split(":")[0];
- const portFromHost = sanitized.includes(":") ? sanitized.split(":")[1] : void 0;
- const portForValidation = result.port || portFromHost;
- const hostWithPort = portForValidation ? `${hostnameOnly}:${portForValidation}` : hostnameOnly;
- const testUrl = new URL(`${protoForValidation}://${hostWithPort}`);
- const isAllowed = allowedDomains.some((pattern) => matchPattern(testUrl, pattern));
- if (isAllowed) {
- result.host = sanitized;
- }
- } catch {
- }
- }
- }
- return result;
- }
- /**
- * Creates a pipeline by reading the stored manifest
- *
- * @param streaming
- * @private
- */
- #createPipeline(streaming = false) {
- return AppPipeline.create({
- logger: this.#logger,
- manifest: this.#manifest,
- runtimeMode: "production",
- renderers: this.#manifest.renderers,
- defaultRoutes: createDefaultRoutes(this.#manifest),
- resolve: async (specifier) => {
- if (!(specifier in this.#manifest.entryModules)) {
- throw new Error(`Unable to resolve [${specifier}]`);
- }
- const bundlePath = this.#manifest.entryModules[specifier];
- if (bundlePath.startsWith("data:") || bundlePath.length === 0) {
- return bundlePath;
- } else {
- return createAssetLink(bundlePath, this.#manifest.base, this.#manifest.assetsPrefix);
- }
- },
- serverLike: true,
- streaming
- });
- }
- set setManifestData(newManifestData) {
- this.#manifestData = newManifestData;
- }
- removeBase(pathname) {
- if (pathname.startsWith(this.#manifest.base)) {
- return pathname.slice(this.#baseWithoutTrailingSlash.length + 1);
- }
- return pathname;
- }
- /**
- * It removes the base from the request URL, prepends it with a forward slash and attempts to decoded it.
- *
- * If the decoding fails, it logs the error and return the pathname as is.
- * @param request
- * @private
- */
- #getPathnameFromRequest(request) {
- const url = new URL(request.url);
- const pathname = prependForwardSlash$1(this.removeBase(url.pathname));
- try {
- return validateAndDecodePathname(pathname);
- } catch (e) {
- this.getAdapterLogger().error(e.toString());
- return pathname;
- }
- }
- /**
- * Given a `Request`, it returns the `RouteData` that matches its `pathname`. By default, prerendered
- * routes aren't returned, even if they are matched.
- *
- * When `allowPrerenderedRoutes` is `true`, the function returns matched prerendered routes too.
- * @param request
- * @param allowPrerenderedRoutes
- */
- match(request, allowPrerenderedRoutes = false) {
- const url = new URL(request.url);
- if (this.#manifest.assets.has(url.pathname)) return void 0;
- let pathname = this.#computePathnameFromDomain(request);
- if (!pathname) {
- pathname = prependForwardSlash$1(this.removeBase(url.pathname));
- }
- try {
- pathname = validateAndDecodePathname(pathname);
- } catch {
- return void 0;
- }
- let routeData = matchRoute(pathname, this.#manifestData);
- if (!routeData) return void 0;
- if (allowPrerenderedRoutes) {
- return routeData;
- } else if (routeData.prerender) {
- return void 0;
- }
- return routeData;
- }
- #computePathnameFromDomain(request) {
- let pathname = void 0;
- const url = new URL(request.url);
- if (this.#manifest.i18n && (this.#manifest.i18n.strategy === "domains-prefix-always" || this.#manifest.i18n.strategy === "domains-prefix-other-locales" || this.#manifest.i18n.strategy === "domains-prefix-always-no-redirect")) {
- const validated = App.validateForwardedHeaders(
- request.headers.get("X-Forwarded-Proto") ?? void 0,
- request.headers.get("X-Forwarded-Host") ?? void 0,
- request.headers.get("X-Forwarded-Port") ?? void 0,
- this.#manifest.allowedDomains
- );
- let protocol = validated.protocol ? validated.protocol + ":" : url.protocol;
- let host = validated.host ?? request.headers.get("Host");
- if (host && protocol) {
- host = host.split(":")[0];
- try {
- let locale;
- const hostAsUrl = new URL(`${protocol}//${host}`);
- for (const [domainKey, localeValue] of Object.entries(
- this.#manifest.i18n.domainLookupTable
- )) {
- const domainKeyAsUrl = new URL(domainKey);
- if (hostAsUrl.host === domainKeyAsUrl.host && hostAsUrl.protocol === domainKeyAsUrl.protocol) {
- locale = localeValue;
- break;
- }
- }
- if (locale) {
- pathname = prependForwardSlash$1(
- joinPaths(normalizeTheLocale(locale), this.removeBase(url.pathname))
- );
- if (url.pathname.endsWith("/")) {
- pathname = appendForwardSlash$1(pathname);
- }
- }
- } catch (e) {
- this.#logger.error(
- "router",
- `Astro tried to parse ${protocol}//${host} as an URL, but it threw a parsing error. Check the X-Forwarded-Host and X-Forwarded-Proto headers.`
- );
- this.#logger.error("router", `Error: ${e}`);
- }
- }
- }
- return pathname;
- }
- #redirectTrailingSlash(pathname) {
- const { trailingSlash } = this.#manifest;
- if (pathname === "/" || isInternalPath(pathname)) {
- return pathname;
- }
- const path = collapseDuplicateTrailingSlashes(pathname, trailingSlash !== "never");
- if (path !== pathname) {
- return path;
- }
- if (trailingSlash === "ignore") {
- return pathname;
- }
- if (trailingSlash === "always" && !hasFileExtension(pathname)) {
- return appendForwardSlash$1(pathname);
- }
- if (trailingSlash === "never") {
- return removeTrailingForwardSlash(pathname);
- }
- return pathname;
- }
- async render(request, renderOptions) {
- let routeData;
- let locals;
- let clientAddress;
- let addCookieHeader;
- const url = new URL(request.url);
- const redirect = this.#redirectTrailingSlash(url.pathname);
- const prerenderedErrorPageFetch = renderOptions?.prerenderedErrorPageFetch ?? fetch;
- if (redirect !== url.pathname) {
- const status = request.method === "GET" ? 301 : 308;
- return new Response(
- redirectTemplate({
- status,
- relativeLocation: url.pathname,
- absoluteLocation: redirect,
- from: request.url
- }),
- {
- status,
- headers: {
- location: redirect + url.search
- }
- }
- );
- }
- addCookieHeader = renderOptions?.addCookieHeader;
- clientAddress = renderOptions?.clientAddress ?? Reflect.get(request, clientAddressSymbol);
- routeData = renderOptions?.routeData;
- locals = renderOptions?.locals;
- if (routeData) {
- this.#logger.debug(
- "router",
- "The adapter " + this.#manifest.adapterName + " provided a custom RouteData for ",
- request.url
- );
- this.#logger.debug("router", "RouteData:\n" + routeData);
- }
- if (locals) {
- if (typeof locals !== "object") {
- const error = new AstroError(LocalsNotAnObject);
- this.#logger.error(null, error.stack);
- return this.#renderError(request, {
- status: 500,
- error,
- clientAddress,
- prerenderedErrorPageFetch
- });
- }
- }
- if (!routeData) {
- routeData = this.match(request);
- this.#logger.debug("router", "Astro matched the following route for " + request.url);
- this.#logger.debug("router", "RouteData:\n" + routeData);
- }
- if (!routeData) {
- routeData = this.#manifestData.routes.find(
- (route) => route.component === "404.astro" || route.component === DEFAULT_404_COMPONENT
- );
- }
- if (!routeData) {
- this.#logger.debug("router", "Astro hasn't found routes that match " + request.url);
- this.#logger.debug("router", "Here's the available routes:\n", this.#manifestData);
- return this.#renderError(request, {
- locals,
- status: 404,
- clientAddress,
- prerenderedErrorPageFetch
- });
- }
- const pathname = this.#getPathnameFromRequest(request);
- const defaultStatus = this.#getDefaultStatusCode(routeData, pathname);
- let response;
- let session;
- try {
- const mod = await this.#pipeline.getModuleForRoute(routeData);
- if (!mod || typeof mod.page !== "function") {
- throw new AstroError({
- ...FailedToFindPageMapSSR,
- message: `The module for route "${routeData.route}" does not have a valid page function. This may occur when using static output mode with an SSR adapter.`
- });
- }
- const renderContext = await RenderContext.create({
- pipeline: this.#pipeline,
- locals,
- pathname,
- request,
- routeData,
- status: defaultStatus,
- clientAddress
- });
- session = renderContext.session;
- response = await renderContext.render(await mod.page());
- } catch (err) {
- this.#logger.error("router", "Error while trying to render the route " + routeData.route);
- this.#logger.error(null, err.stack || err.message || String(err));
- return this.#renderError(request, {
- locals,
- status: 500,
- error: err,
- clientAddress,
- prerenderedErrorPageFetch
- });
- } finally {
- await session?.[PERSIST_SYMBOL]();
- }
- if (REROUTABLE_STATUS_CODES.includes(response.status) && // If the body isn't null, that means the user sets the 404 status
- // but uses the current route to handle the 404
- response.body === null && response.headers.get(REROUTE_DIRECTIVE_HEADER) !== "no") {
- return this.#renderError(request, {
- locals,
- response,
- status: response.status,
- // We don't have an error to report here. Passing null means we pass nothing intentionally
- // while undefined means there's no error
- error: response.status === 500 ? null : void 0,
- clientAddress,
- prerenderedErrorPageFetch
- });
- }
- if (response.headers.has(REROUTE_DIRECTIVE_HEADER)) {
- response.headers.delete(REROUTE_DIRECTIVE_HEADER);
- }
- if (addCookieHeader) {
- for (const setCookieHeaderValue of App.getSetCookieFromResponse(response)) {
- response.headers.append("set-cookie", setCookieHeaderValue);
- }
- }
- Reflect.set(response, responseSentSymbol$1, true);
- return response;
- }
- setCookieHeaders(response) {
- return getSetCookiesFromResponse(response);
- }
- /**
- * Reads all the cookies written by `Astro.cookie.set()` onto the passed response.
- * For example,
- * ```ts
- * for (const cookie_ of App.getSetCookieFromResponse(response)) {
- * const cookie: string = cookie_
- * }
- * ```
- * @param response The response to read cookies from.
- * @returns An iterator that yields key-value pairs as equal-sign-separated strings.
- */
- static getSetCookieFromResponse = getSetCookiesFromResponse;
- /**
- * If it is a known error code, try sending the according page (e.g. 404.astro / 500.astro).
- * This also handles pre-rendered /404 or /500 routes
- */
- async #renderError(request, {
- locals,
- status,
- response: originalResponse,
- skipMiddleware = false,
- error,
- clientAddress,
- prerenderedErrorPageFetch
- }) {
- const errorRoutePath = `/${status}${this.#manifest.trailingSlash === "always" ? "/" : ""}`;
- const errorRouteData = matchRoute(errorRoutePath, this.#manifestData);
- const url = new URL(request.url);
- if (errorRouteData) {
- if (errorRouteData.prerender) {
- const maybeDotHtml = errorRouteData.route.endsWith(`/${status}`) ? ".html" : "";
- const statusURL = new URL(
- `${this.#baseWithoutTrailingSlash}/${status}${maybeDotHtml}`,
- url
- );
- if (statusURL.toString() !== request.url) {
- const response2 = await prerenderedErrorPageFetch(statusURL.toString());
- const override = { status, removeContentEncodingHeaders: true };
- return this.#mergeResponses(response2, originalResponse, override);
- }
- }
- const mod = await this.#pipeline.getModuleForRoute(errorRouteData);
- if (!mod || typeof mod.page !== "function") {
- const response2 = this.#mergeResponses(new Response(null, { status }), originalResponse);
- Reflect.set(response2, responseSentSymbol$1, true);
- return response2;
- }
- let session;
- try {
- const renderContext = await RenderContext.create({
- locals,
- pipeline: this.#pipeline,
- middleware: skipMiddleware ? NOOP_MIDDLEWARE_FN : void 0,
- pathname: this.#getPathnameFromRequest(request),
- request,
- routeData: errorRouteData,
- status,
- props: { error },
- clientAddress
- });
- session = renderContext.session;
- const response2 = await renderContext.render(await mod.page());
- return this.#mergeResponses(response2, originalResponse);
- } catch {
- if (skipMiddleware === false) {
- return this.#renderError(request, {
- locals,
- status,
- response: originalResponse,
- skipMiddleware: true,
- clientAddress,
- prerenderedErrorPageFetch
- });
- }
- } finally {
- await session?.[PERSIST_SYMBOL]();
- }
- }
- const response = this.#mergeResponses(new Response(null, { status }), originalResponse);
- Reflect.set(response, responseSentSymbol$1, true);
- return response;
- }
- #mergeResponses(newResponse, originalResponse, override) {
- let newResponseHeaders = newResponse.headers;
- if (override?.removeContentEncodingHeaders) {
- newResponseHeaders = new Headers(newResponseHeaders);
- newResponseHeaders.delete("Content-Encoding");
- newResponseHeaders.delete("Content-Length");
- }
- if (!originalResponse) {
- if (override !== void 0) {
- return new Response(newResponse.body, {
- status: override.status,
- statusText: newResponse.statusText,
- headers: newResponseHeaders
- });
- }
- return newResponse;
- }
- const status = override?.status ? override.status : originalResponse.status === 200 ? newResponse.status : originalResponse.status;
- try {
- originalResponse.headers.delete("Content-type");
- } catch {
- }
- const mergedHeaders = new Map([
- ...Array.from(newResponseHeaders),
- ...Array.from(originalResponse.headers)
- ]);
- const newHeaders = new Headers();
- for (const [name, value] of mergedHeaders) {
- newHeaders.set(name, value);
- }
- return new Response(newResponse.body, {
- status,
- statusText: status === 200 ? newResponse.statusText : originalResponse.statusText,
- // If you're looking at here for possible bugs, it means that it's not a bug.
- // With the middleware, users can meddle with headers, and we should pass to the 404/500.
- // If users see something weird, it's because they are setting some headers they should not.
- //
- // Although, we don't want it to replace the content-type, because the error page must return `text/html`
- headers: newHeaders
- });
- }
- #getDefaultStatusCode(routeData, pathname) {
- if (!routeData.pattern.test(pathname)) {
- for (const fallbackRoute of routeData.fallbackRoutes) {
- if (fallbackRoute.pattern.test(pathname)) {
- return 302;
- }
- }
- }
- const route = removeTrailingForwardSlash(routeData.route);
- if (route.endsWith("/404")) return 404;
- if (route.endsWith("/500")) return 500;
- return 200;
- }
-}
-
-const createOutgoingHttpHeaders = (headers) => {
- if (!headers) {
- return void 0;
- }
- const nodeHeaders = Object.fromEntries(headers.entries());
- if (Object.keys(nodeHeaders).length === 0) {
- return void 0;
- }
- if (headers.has("set-cookie")) {
- const cookieHeaders = headers.getSetCookie();
- if (cookieHeaders.length > 1) {
- nodeHeaders["set-cookie"] = cookieHeaders;
- }
- }
- return nodeHeaders;
-};
-
-function apply() {
- if (!globalThis.crypto) {
- Object.defineProperty(globalThis, "crypto", {
- value: crypto$1.webcrypto
- });
- }
- if (!globalThis.File) {
- Object.defineProperty(globalThis, "File", {
- value: buffer.File
- });
- }
-}
-
-class NodeApp extends App {
- headersMap = void 0;
- setHeadersMap(headers) {
- this.headersMap = headers;
- }
- match(req, allowPrerenderedRoutes = false) {
- if (!(req instanceof Request)) {
- req = NodeApp.createRequest(req, {
- skipBody: true,
- allowedDomains: this.manifest.allowedDomains
- });
- }
- return super.match(req, allowPrerenderedRoutes);
- }
- render(req, routeDataOrOptions, maybeLocals) {
- if (!(req instanceof Request)) {
- req = NodeApp.createRequest(req, {
- allowedDomains: this.manifest.allowedDomains
- });
- }
- return super.render(req, routeDataOrOptions, maybeLocals);
- }
- /**
- * Converts a NodeJS IncomingMessage into a web standard Request.
- * ```js
- * import { NodeApp } from 'astro/app/node';
- * import { createServer } from 'node:http';
- *
- * const server = createServer(async (req, res) => {
- * const request = NodeApp.createRequest(req);
- * const response = await app.render(request);
- * await NodeApp.writeResponse(response, res);
- * })
- * ```
- */
- static createRequest(req, {
- skipBody = false,
- allowedDomains = []
- } = {}) {
- const controller = new AbortController();
- const isEncrypted = "encrypted" in req.socket && req.socket.encrypted;
- const getFirstForwardedValue = (multiValueHeader) => {
- return multiValueHeader?.toString()?.split(",").map((e) => e.trim())?.[0];
- };
- const providedProtocol = isEncrypted ? "https" : "http";
- const providedHostname = req.headers.host ?? req.headers[":authority"];
- const validated = App.validateForwardedHeaders(
- getFirstForwardedValue(req.headers["x-forwarded-proto"]),
- getFirstForwardedValue(req.headers["x-forwarded-host"]),
- getFirstForwardedValue(req.headers["x-forwarded-port"]),
- allowedDomains
- );
- const protocol = validated.protocol ?? providedProtocol;
- const sanitizedProvidedHostname = App.sanitizeHost(
- typeof providedHostname === "string" ? providedHostname : void 0
- );
- const hostname = validated.host ?? sanitizedProvidedHostname;
- const port = validated.port;
- let url;
- try {
- const hostnamePort = getHostnamePort(hostname, port);
- url = new URL(`${protocol}://${hostnamePort}${req.url}`);
- } catch {
- const hostnamePort = getHostnamePort(providedHostname, port);
- url = new URL(`${providedProtocol}://${hostnamePort}`);
- }
- const options = {
- method: req.method || "GET",
- headers: makeRequestHeaders(req),
- signal: controller.signal
- };
- const bodyAllowed = options.method !== "HEAD" && options.method !== "GET" && skipBody === false;
- if (bodyAllowed) {
- Object.assign(options, makeRequestBody(req));
- }
- const request = new Request(url, options);
- const socket = getRequestSocket(req);
- if (socket && typeof socket.on === "function") {
- const existingCleanup = getAbortControllerCleanup(req);
- if (existingCleanup) {
- existingCleanup();
- }
- let cleanedUp = false;
- const removeSocketListener = () => {
- if (typeof socket.off === "function") {
- socket.off("close", onSocketClose);
- } else if (typeof socket.removeListener === "function") {
- socket.removeListener("close", onSocketClose);
- }
- };
- const cleanup = () => {
- if (cleanedUp) return;
- cleanedUp = true;
- removeSocketListener();
- controller.signal.removeEventListener("abort", cleanup);
- Reflect.deleteProperty(req, nodeRequestAbortControllerCleanupSymbol);
- };
- const onSocketClose = () => {
- cleanup();
- if (!controller.signal.aborted) {
- controller.abort();
- }
- };
- socket.on("close", onSocketClose);
- controller.signal.addEventListener("abort", cleanup, { once: true });
- Reflect.set(req, nodeRequestAbortControllerCleanupSymbol, cleanup);
- if (socket.destroyed) {
- onSocketClose();
- }
- }
- const forwardedClientIp = getFirstForwardedValue(req.headers["x-forwarded-for"]);
- const clientIp = forwardedClientIp || req.socket?.remoteAddress;
- if (clientIp) {
- Reflect.set(request, clientAddressSymbol, clientIp);
- }
- return request;
- }
- /**
- * Streams a web-standard Response into a NodeJS Server Response.
- * ```js
- * import { NodeApp } from 'astro/app/node';
- * import { createServer } from 'node:http';
- *
- * const server = createServer(async (req, res) => {
- * const request = NodeApp.createRequest(req);
- * const response = await app.render(request);
- * await NodeApp.writeResponse(response, res);
- * })
- * ```
- * @param source WhatWG Response
- * @param destination NodeJS ServerResponse
- */
- static async writeResponse(source, destination) {
- const { status, headers, body, statusText } = source;
- if (!(destination instanceof Http2ServerResponse)) {
- destination.statusMessage = statusText;
- }
- destination.writeHead(status, createOutgoingHttpHeaders(headers));
- const cleanupAbortFromDestination = getAbortControllerCleanup(
- destination.req ?? void 0
- );
- if (cleanupAbortFromDestination) {
- const runCleanup = () => {
- cleanupAbortFromDestination();
- if (typeof destination.off === "function") {
- destination.off("finish", runCleanup);
- destination.off("close", runCleanup);
- } else {
- destination.removeListener?.("finish", runCleanup);
- destination.removeListener?.("close", runCleanup);
- }
- };
- destination.on("finish", runCleanup);
- destination.on("close", runCleanup);
- }
- if (!body) return destination.end();
- try {
- const reader = body.getReader();
- destination.on("close", () => {
- reader.cancel().catch((err) => {
- console.error(
- `There was an uncaught error in the middle of the stream while rendering ${destination.req.url}.`,
- err
- );
- });
- });
- let result = await reader.read();
- while (!result.done) {
- destination.write(result.value);
- result = await reader.read();
- }
- destination.end();
- } catch (err) {
- destination.write("Internal server error", () => {
- err instanceof Error ? destination.destroy(err) : destination.destroy();
- });
- }
- }
-}
-function getHostnamePort(hostname, port) {
- const portInHostname = typeof hostname === "string" && /:\d+$/.test(hostname);
- const hostnamePort = portInHostname ? hostname : `${hostname}${port ? `:${port}` : ""}`;
- return hostnamePort;
-}
-function makeRequestHeaders(req) {
- const headers = new Headers();
- for (const [name, value] of Object.entries(req.headers)) {
- if (value === void 0) {
- continue;
- }
- if (Array.isArray(value)) {
- for (const item of value) {
- headers.append(name, item);
- }
- } else {
- headers.append(name, value);
- }
- }
- return headers;
-}
-function makeRequestBody(req) {
- if (req.body !== void 0) {
- if (typeof req.body === "string" && req.body.length > 0) {
- return { body: Buffer.from(req.body) };
- }
- if (typeof req.body === "object" && req.body !== null && Object.keys(req.body).length > 0) {
- return { body: Buffer.from(JSON.stringify(req.body)) };
- }
- if (typeof req.body === "object" && req.body !== null && typeof req.body[Symbol.asyncIterator] !== "undefined") {
- return asyncIterableToBodyProps(req.body);
- }
- }
- return asyncIterableToBodyProps(req);
-}
-function asyncIterableToBodyProps(iterable) {
- return {
- // Node uses undici for the Request implementation. Undici accepts
- // a non-standard async iterable for the body.
- // @ts-expect-error
- body: iterable,
- // The duplex property is required when using a ReadableStream or async
- // iterable for the body. The type definitions do not include the duplex
- // property because they are not up-to-date.
- duplex: "half"
- };
-}
-function getAbortControllerCleanup(req) {
- if (!req) return void 0;
- const cleanup = Reflect.get(req, nodeRequestAbortControllerCleanupSymbol);
- return typeof cleanup === "function" ? cleanup : void 0;
-}
-function getRequestSocket(req) {
- if (req.socket && typeof req.socket.on === "function") {
- return req.socket;
- }
- const http2Socket = req.stream?.session?.socket;
- if (http2Socket && typeof http2Socket.on === "function") {
- return http2Socket;
- }
- return void 0;
-}
-
-apply();
-
-function createAppHandler(app, options) {
- const als = new AsyncLocalStorage();
- const logger = app.getAdapterLogger();
- process.on("unhandledRejection", (reason) => {
- const requestUrl = als.getStore();
- logger.error(`Unhandled rejection while rendering ${requestUrl}`);
- console.error(reason);
- });
- const originUrl = options.experimentalErrorPageHost ? new URL(options.experimentalErrorPageHost) : void 0;
- const prerenderedErrorPageFetch = originUrl ? (url) => {
- const errorPageUrl = new URL(url);
- errorPageUrl.protocol = originUrl.protocol;
- errorPageUrl.host = originUrl.host;
- return fetch(errorPageUrl);
- } : void 0;
- return async (req, res, next, locals) => {
- let request;
- try {
- request = NodeApp.createRequest(req, {
- allowedDomains: app.getAllowedDomains?.() ?? []
- });
- } catch (err) {
- logger.error(`Could not render ${req.url}`);
- console.error(err);
- res.statusCode = 500;
- res.end("Internal Server Error");
- return;
- }
- const routeData = app.match(request, true);
- if (routeData) {
- const response = await als.run(
- request.url,
- () => app.render(request, {
- addCookieHeader: true,
- locals,
- routeData,
- prerenderedErrorPageFetch
- })
- );
- await NodeApp.writeResponse(response, res);
- } else if (next) {
- return next();
- } else {
- const response = await app.render(req, { addCookieHeader: true, prerenderedErrorPageFetch });
- await NodeApp.writeResponse(response, res);
- }
- };
-}
-
-function createMiddleware(app, options) {
- const handler = createAppHandler(app, options);
- const logger = app.getAdapterLogger();
- return async (...args) => {
- const [req, res, next, locals] = args;
- if (req instanceof Error) {
- const error = req;
- if (next) {
- return next(error);
- } else {
- throw error;
- }
- }
- try {
- await handler(req, res, next, locals);
- } catch (err) {
- logger.error(`Could not render ${req.url}`);
- console.error(err);
- if (!res.headersSent) {
- res.writeHead(500, `Server error`);
- res.end();
- }
- }
- };
-}
-
-const STATIC_HEADERS_FILE = "_experimentalHeaders.json";
-
-const wildcardHosts = /* @__PURE__ */ new Set(["0.0.0.0", "::", "0000:0000:0000:0000:0000:0000:0000:0000"]);
-async function logListeningOn(logger, server, configuredHost) {
- await new Promise((resolve) => server.once("listening", resolve));
- const protocol = server instanceof https.Server ? "https" : "http";
- const host = getResolvedHostForHttpServer(configuredHost);
- const { port } = server.address();
- const address = getNetworkAddress(protocol, host, port);
- if (host === void 0 || wildcardHosts.has(host)) {
- logger.info(
- `Server listening on
- local: ${address.local[0]}
- network: ${address.network[0]}
-`
- );
- } else {
- logger.info(`Server listening on ${address.local[0]}`);
- }
-}
-function getResolvedHostForHttpServer(host) {
- if (host === false) {
- return "localhost";
- } else if (host === true) {
- return void 0;
- } else {
- return host;
- }
-}
-function getNetworkAddress(protocol = "http", hostname, port, base) {
- const NetworkAddress = {
- local: [],
- network: []
- };
- Object.values(os.networkInterfaces()).flatMap((nInterface) => nInterface ?? []).filter(
- (detail) => detail && detail.address && (detail.family === "IPv4" || // @ts-expect-error Node 18.0 - 18.3 returns number
- detail.family === 4)
- ).forEach((detail) => {
- let host = detail.address.replace(
- "127.0.0.1",
- hostname === void 0 || wildcardHosts.has(hostname) ? "localhost" : hostname
- );
- if (host.includes(":")) {
- host = `[${host}]`;
- }
- const url = `${protocol}://${host}:${port}${""}`;
- if (detail.address.includes("127.0.0.1")) {
- NetworkAddress.local.push(url);
- } else {
- NetworkAddress.network.push(url);
- }
- });
- return NetworkAddress;
-}
-
-function createStaticHandler(app, options) {
- const client = resolveClientDir(options);
- return (req, res, ssr) => {
- if (req.url) {
- let fullUrl = req.url;
- if (req.url.includes("#")) {
- fullUrl = fullUrl.slice(0, req.url.indexOf("#"));
- }
- const [urlPath, urlQuery] = fullUrl.split("?");
- const filePath = path.join(client, app.removeBase(urlPath));
- let isDirectory = false;
- try {
- isDirectory = fs.lstatSync(filePath).isDirectory();
- } catch {
- }
- const { trailingSlash = "ignore" } = options;
- const hasSlash = urlPath.endsWith("/");
- let pathname = urlPath;
- if (app.headersMap && app.headersMap.length > 0) {
- const routeData = app.match(req, true);
- if (routeData && routeData.prerender) {
- const matchedRoute = app.headersMap.find((header) => header.pathname.includes(pathname));
- if (matchedRoute) {
- for (const header of matchedRoute.headers) {
- res.setHeader(header.key, header.value);
- }
- }
- }
- }
- switch (trailingSlash) {
- case "never": {
- if (isDirectory && urlPath !== "/" && hasSlash) {
- pathname = urlPath.slice(0, -1) + (urlQuery ? "?" + urlQuery : "");
- res.statusCode = 301;
- res.setHeader("Location", pathname);
- return res.end();
- }
- if (isDirectory && !hasSlash) {
- pathname = `${urlPath}/index.html`;
- }
- break;
- }
- case "ignore": {
- if (isDirectory && !hasSlash) {
- pathname = `${urlPath}/index.html`;
- }
- break;
- }
- case "always": {
- if (!hasSlash && !hasFileExtension(urlPath) && !isInternalPath(urlPath)) {
- pathname = urlPath + "/" + (urlQuery ? "?" + urlQuery : "");
- res.statusCode = 301;
- res.setHeader("Location", pathname);
- return res.end();
- }
- break;
- }
- }
- pathname = prependForwardSlash(app.removeBase(pathname));
- const stream = send(req, pathname, {
- root: client,
- dotfiles: pathname.startsWith("/.well-known/") ? "allow" : "deny"
- });
- let forwardError = false;
- stream.on("error", (err) => {
- if (forwardError) {
- console.error(err.toString());
- res.writeHead(500);
- res.end("Internal server error");
- return;
- }
- ssr();
- });
- stream.on("headers", (_res) => {
- if (pathname.startsWith(`/${options.assets}/`)) {
- _res.setHeader("Cache-Control", "public, max-age=31536000, immutable");
- }
- });
- stream.on("file", () => {
- forwardError = true;
- });
- stream.pipe(res);
- } else {
- ssr();
- }
- };
-}
-function resolveClientDir(options) {
- const clientURLRaw = new URL(options.client);
- const serverURLRaw = new URL(options.server);
- const rel = path.relative(url.fileURLToPath(serverURLRaw), url.fileURLToPath(clientURLRaw));
- const serverFolder = path.basename(options.server);
- let serverEntryFolderURL = path.dirname(import.meta.url);
- while (!serverEntryFolderURL.endsWith(serverFolder)) {
- serverEntryFolderURL = path.dirname(serverEntryFolderURL);
- }
- const serverEntryURL = serverEntryFolderURL + "/entry.mjs";
- const clientURL = new URL(appendForwardSlash(rel), serverEntryURL);
- const client = url.fileURLToPath(clientURL);
- return client;
-}
-function prependForwardSlash(pth) {
- return pth.startsWith("/") ? pth : "/" + pth;
-}
-function appendForwardSlash(pth) {
- return pth.endsWith("/") ? pth : pth + "/";
-}
-
-const hostOptions = (host) => {
- if (typeof host === "boolean") {
- return host ? "0.0.0.0" : "localhost";
- }
- return host;
-};
-function standalone(app, options) {
- const port = process.env.PORT ? Number(process.env.PORT) : options.port ?? 8080;
- const host = process.env.HOST ?? hostOptions(options.host);
- const handler = createStandaloneHandler(app, options);
- const server = createServer(handler, host, port);
- server.server.listen(port, host);
- if (process.env.ASTRO_NODE_LOGGING !== "disabled") {
- logListeningOn(app.getAdapterLogger(), server.server, host);
- }
- return {
- server,
- done: server.closed()
- };
-}
-function createStandaloneHandler(app, options) {
- const appHandler = createAppHandler(app, options);
- const staticHandler = createStaticHandler(app, options);
- return (req, res) => {
- try {
- decodeURI(req.url);
- } catch {
- res.writeHead(400);
- res.end("Bad request.");
- return;
- }
- staticHandler(req, res, () => appHandler(req, res));
- };
-}
-function createServer(listener, host, port) {
- let httpServer;
- if (process.env.SERVER_CERT_PATH && process.env.SERVER_KEY_PATH) {
- httpServer = https.createServer(
- {
- key: fs.readFileSync(process.env.SERVER_KEY_PATH),
- cert: fs.readFileSync(process.env.SERVER_CERT_PATH)
- },
- listener
- );
- } else {
- httpServer = http.createServer(listener);
- }
- enableDestroy(httpServer);
- const closed = new Promise((resolve, reject) => {
- httpServer.addListener("close", resolve);
- httpServer.addListener("error", reject);
- });
- const previewable = {
- host,
- port,
- closed() {
- return closed;
- },
- async stop() {
- await new Promise((resolve, reject) => {
- httpServer.destroy((err) => err ? reject(err) : resolve(void 0));
- });
- }
- };
- return {
- server: httpServer,
- ...previewable
- };
-}
-
-function createExports(manifest, options) {
- const app = new NodeApp(manifest, !options.experimentalDisableStreaming);
- let headersMap = void 0;
- if (options.experimentalStaticHeaders) {
- headersMap = readHeadersJson(manifest.outDir);
- }
- if (headersMap) {
- app.setHeadersMap(headersMap);
- }
- options.trailingSlash = manifest.trailingSlash;
- return {
- options,
- handler: options.mode === "middleware" ? createMiddleware(app, options) : createStandaloneHandler(app, options),
- startServer: () => standalone(app, options)
- };
-}
-function start(manifest, options) {
- if (options.mode !== "standalone" || process.env.ASTRO_NODE_AUTOSTART === "disabled") {
- return;
- }
- let headersMap = void 0;
- if (options.experimentalStaticHeaders) {
- headersMap = readHeadersJson(manifest.outDir);
- }
- const app = new NodeApp(manifest, !options.experimentalDisableStreaming);
- if (headersMap) {
- app.setHeadersMap(headersMap);
- }
- standalone(app, options);
-}
-function readHeadersJson(outDir) {
- let headersMap = void 0;
- const headersUrl = new URL(STATIC_HEADERS_FILE, outDir);
- if (existsSync(headersUrl)) {
- const content = readFileSync(headersUrl, "utf-8");
- try {
- headersMap = JSON.parse(content);
- } catch (e) {
- console.error("[@astrojs/node] Error parsing _headers.json: " + e.message);
- console.error("[@astrojs/node] Please make sure your _headers.json is valid JSON.");
- }
- }
- return headersMap;
-}
-
-const serverEntrypointModule = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
- __proto__: null,
- createExports,
- start
-}, Symbol.toStringTag, { value: 'Module' }));
-
-export { start as a, createExports as c, serverEntrypointModule as s };
diff --git a/dist/server/chunks/_plugin-vue_export-helper_CEgY73aA.mjs b/dist/server/chunks/_plugin-vue_export-helper_CEgY73aA.mjs
deleted file mode 100644
index cd4a30a..0000000
--- a/dist/server/chunks/_plugin-vue_export-helper_CEgY73aA.mjs
+++ /dev/null
@@ -1,24 +0,0 @@
-import { e as createAstro, f as createComponent, n as renderHead, o as renderSlot, r as renderTemplate } from './astro/server_CF97kUu8.mjs';
-import 'piccolore';
-import 'clsx';
-/* empty css */
-
-const $$Astro = createAstro("https://skills.here.run.place");
-const $$Base = createComponent(($$result, $$props, $$slots) => {
- const Astro2 = $$result.createAstro($$Astro, $$props, $$slots);
- Astro2.self = $$Base;
- const { title = "Skills Here" } = Astro2.props;
- return renderTemplate` ${statusCode ? `${statusCode}: ` : ""}${title}
- ${body || ` -Path: ${escape(pathname)}
- `}
- Claim this fork as yours. It will stay open for editing until you push from CLI, which registers a token and locks it to you.
Change the name to generate a different slug. You can't save a fork with the same slug as the original.
Slug: ${ssrInterpolate($setup.computedSlug)}${ssrInterpolate($setup.name.length)}/64
${ssrInterpolate($setup.description.length)}/200
`);
- ssrRenderList($setup.tags, (tag, i) => {
- _push(`${ssrInterpolate(tag)} `);
- });
- _push(`
`);
- if ($setup.tagSuggestionsOpen && $setup.tagSuggestions.length > 0) {
- _push(``);
- ssrRenderList($setup.tagSuggestions, (s) => {
- _push(``);
- });
- _push(`
`);
- } else {
- _push(``);
- }
- _push(`Type and press Enter or comma. Click suggestions to add.
`);
- ssrRenderList($setup.AVAILABLE_TOOLS, (tool) => {
- _push(``);
- });
- _push(`
Fork runs the skill in an isolated subagent context
Hooks (advanced)
JSON object. Leave empty to omit.
Preview
${$setup.previewHtml ?? ""}
Cancel`);
- if ($setup.error) {
- _push(`
`);
-}
-const _sfc_setup = _sfc_main.setup;
-_sfc_main.setup = (props, ctx) => {
- const ssrContext = useSSRContext();
- (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/SkillEditor.vue");
- return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
-};
-const SkillEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["ssrRender", _sfc_ssrRender]]);
-
-const FALLBACK_TOOLS = [
- "Bash",
- "Read",
- "Write",
- "Edit",
- "MultiEdit",
- "Glob",
- "Grep",
- "WebFetch",
- "WebSearch",
- "Task",
- "NotebookEdit",
- "NotebookRead",
- "TodoRead",
- "TodoWrite"
-];
-const GIST_URL = "https://gist.githubusercontent.com/wong2/e0f34aac66caf890a332f7b6f9e2ba8f/raw";
-const IGNORED = /* @__PURE__ */ new Set(["LS", "exit_plan_mode", "Agent", "BashOutput", "KillShell", "SlashCommand", "ExitPlanMode"]);
-let cached$1 = null;
-let lastFetch$1 = 0;
-const CACHE_TTL$1 = 1e3 * 60 * 60;
-async function getAvailableTools() {
- if (cached$1 && Date.now() - lastFetch$1 < CACHE_TTL$1) {
- return cached$1;
- }
- try {
- const res = await fetch(GIST_URL, { signal: AbortSignal.timeout(5e3) });
- if (!res.ok) throw new Error(`HTTP ${res.status}`);
- const text = await res.text();
- const matches = text.matchAll(/"name":\s*"([A-Z][a-zA-Z]+)"/g);
- const tools = /* @__PURE__ */ new Set();
- for (const m of matches) {
- if (!IGNORED.has(m[1])) {
- tools.add(m[1]);
- }
- }
- if (tools.size >= 5) {
- cached$1 = [...tools].sort();
- lastFetch$1 = Date.now();
- return cached$1;
- }
- } catch {
- }
- cached$1 = FALLBACK_TOOLS;
- lastFetch$1 = Date.now();
- return cached$1;
-}
-
-const FALLBACK_MODELS = [
- { id: "claude-opus-4-6", display_name: "Claude Opus 4.6" },
- { id: "claude-sonnet-4-5-20250929", display_name: "Claude Sonnet 4.5" },
- { id: "claude-haiku-4-5-20251001", display_name: "Claude Haiku 4.5" }
-];
-const DOCS_URL = "https://platform.claude.com/docs/en/about-claude/models/overview";
-const MODEL_ID_RE = /claude-(?:opus|sonnet|haiku|3-\d+-(?:opus|sonnet|haiku)|3-(?:opus|sonnet|haiku))-[\w-]*\d+(?:-\d{8})?/g;
-let cached = null;
-let lastFetch = 0;
-const CACHE_TTL = 1e3 * 60 * 60 * 24;
-function displayName(id) {
- const clean = id.replace(/-\d{8}$/, "").replace(/^claude-/, "");
- const parts = clean.split("-");
- const words = parts.map((p, i) => {
- if (/^\d+$/.test(p) && i === parts.length - 1 && parts.length > 1) {
- const prev = parts[i - 1];
- if (/^\d+$/.test(prev)) return null;
- return p;
- }
- return p.charAt(0).toUpperCase() + p.slice(1);
- }).filter(Boolean);
- const result = [];
- for (const w of words) {
- if (/^\d+$/.test(w) && result.length > 0 && /^\d+$/.test(result[result.length - 1])) {
- result[result.length - 1] += "." + w;
- } else {
- result.push(w);
- }
- }
- return "Claude " + result.join(" ");
-}
-async function getAvailableModels() {
- if (cached && Date.now() - lastFetch < CACHE_TTL) {
- return cached;
- }
- const apiKey = process.env.ANTHROPIC_API_KEY;
- if (apiKey) {
- try {
- const res = await fetch("https://api.anthropic.com/v1/models?limit=100", {
- headers: { "x-api-key": apiKey, "anthropic-version": "2023-06-01" },
- signal: AbortSignal.timeout(5e3)
- });
- if (res.ok) {
- const body = await res.json();
- const models = body.data.filter((m) => m.id.startsWith("claude-")).map((m) => ({ id: m.id, display_name: m.display_name }));
- if (models.length > 0) {
- cached = models;
- lastFetch = Date.now();
- return cached;
- }
- }
- } catch {
- }
- }
- try {
- const res = await fetch(DOCS_URL, { signal: AbortSignal.timeout(5e3) });
- if (!res.ok) throw new Error(`HTTP ${res.status}`);
- const html = await res.text();
- const seen = /* @__PURE__ */ new Set();
- const models = [];
- for (const match of html.matchAll(MODEL_ID_RE)) {
- const id = match[0];
- if (id.endsWith("-v1") || id.includes("-v1:")) continue;
- if (seen.has(id)) continue;
- seen.add(id);
- models.push({ id, display_name: displayName(id) });
- }
- const deduped = /* @__PURE__ */ new Map();
- for (const m of models) {
- const base = m.id.replace(/-\d{8}$/, "").replace(/-0$/, "");
- if (!deduped.has(base) || m.id.length < deduped.get(base).id.length) {
- deduped.set(base, m);
- }
- }
- const result = [...deduped.values()];
- if (result.length > 0) {
- cached = result;
- lastFetch = Date.now();
- return cached;
- }
- } catch {
- }
- cached = FALLBACK_MODELS;
- lastFetch = Date.now();
- return cached;
-}
-
-export { SkillEditor as S, getAvailableModels as a, getAvailableTools as g };
diff --git a/dist/server/chunks/node_HH9e2ntY.mjs b/dist/server/chunks/node_HH9e2ntY.mjs
deleted file mode 100644
index f645092..0000000
--- a/dist/server/chunks/node_HH9e2ntY.mjs
+++ /dev/null
@@ -1,1896 +0,0 @@
-import { i as isRemoteAllowed, j as joinPaths, a as isRemotePath, r as removeQueryString, b as isParentDirectory } from './remote_B3W5fv4r.mjs';
-import { A as AstroError, E as ExpectedImage, L as LocalImageUsedWrongly, M as MissingImageDimension, U as UnsupportedImageFormat, I as IncompatibleDescriptorOptions, a as UnsupportedImageConversion, t as toStyleString, N as NoImageMetadata, F as FailedToFetchRemoteImageDimensions, b as ExpectedImageOptions, c as ExpectedNotESMImage, d as InvalidImageService, e as createAstro, f as createComponent, g as ImageMissingAlt, m as maybeRenderHead, h as addAttribute, s as spreadAttributes, r as renderTemplate, i as ExperimentalFontsNotEnabled, j as FontFamilyNotFound, u as unescapeHTML } from './astro/server_CF97kUu8.mjs';
-import 'clsx';
-import * as mime from 'mrmime';
-import 'piccolore';
-import { readFile } from 'node:fs/promises';
-import path from 'node:path';
-import { fileURLToPath } from 'node:url';
-import '../renderers.mjs';
-
-const VALID_SUPPORTED_FORMATS = [
- "jpeg",
- "jpg",
- "png",
- "tiff",
- "webp",
- "gif",
- "svg",
- "avif"
-];
-const DEFAULT_OUTPUT_FORMAT = "webp";
-const DEFAULT_HASH_PROPS = [
- "src",
- "width",
- "height",
- "format",
- "quality",
- "fit",
- "position",
- "background"
-];
-
-const DEFAULT_RESOLUTIONS = [
- 640,
- // older and lower-end phones
- 750,
- // iPhone 6-8
- 828,
- // iPhone XR/11
- 960,
- // older horizontal phones
- 1080,
- // iPhone 6-8 Plus
- 1280,
- // 720p
- 1668,
- // Various iPads
- 1920,
- // 1080p
- 2048,
- // QXGA
- 2560,
- // WQXGA
- 3200,
- // QHD+
- 3840,
- // 4K
- 4480,
- // 4.5K
- 5120,
- // 5K
- 6016
- // 6K
-];
-const LIMITED_RESOLUTIONS = [
- 640,
- // older and lower-end phones
- 750,
- // iPhone 6-8
- 828,
- // iPhone XR/11
- 1080,
- // iPhone 6-8 Plus
- 1280,
- // 720p
- 1668,
- // Various iPads
- 2048,
- // QXGA
- 2560
- // WQXGA
-];
-const getWidths = ({
- width,
- layout,
- breakpoints = DEFAULT_RESOLUTIONS,
- originalWidth
-}) => {
- const smallerThanOriginal = (w) => !originalWidth || w <= originalWidth;
- if (layout === "full-width") {
- return breakpoints.filter(smallerThanOriginal);
- }
- if (!width) {
- return [];
- }
- const doubleWidth = width * 2;
- const maxSize = originalWidth ? Math.min(doubleWidth, originalWidth) : doubleWidth;
- if (layout === "fixed") {
- return originalWidth && width > originalWidth ? [originalWidth] : [width, maxSize];
- }
- if (layout === "constrained") {
- return [
- // Always include the image at 1x and 2x the specified width
- width,
- doubleWidth,
- ...breakpoints
- ].filter((w) => w <= maxSize).sort((a, b) => a - b);
- }
- return [];
-};
-const getSizesAttribute = ({
- width,
- layout
-}) => {
- if (!width || !layout) {
- return void 0;
- }
- switch (layout) {
- // If screen is wider than the max size then image width is the max size,
- // otherwise it's the width of the screen
- case "constrained":
- return `(min-width: ${width}px) ${width}px, 100vw`;
- // Image is always the same width, whatever the size of the screen
- case "fixed":
- return `${width}px`;
- // Image is always the width of the screen
- case "full-width":
- return `100vw`;
- case "none":
- default:
- return void 0;
- }
-};
-
-function isESMImportedImage(src) {
- return typeof src === "object" || typeof src === "function" && "src" in src;
-}
-function isRemoteImage(src) {
- return typeof src === "string";
-}
-async function resolveSrc(src) {
- if (typeof src === "object" && "then" in src) {
- const resource = await src;
- return resource.default ?? resource;
- }
- return src;
-}
-
-function isLocalService(service) {
- if (!service) {
- return false;
- }
- return "transform" in service;
-}
-function parseQuality(quality) {
- let result = parseInt(quality);
- if (Number.isNaN(result)) {
- return quality;
- }
- return result;
-}
-const sortNumeric = (a, b) => a - b;
-function verifyOptions(options) {
- if (!options.src || !isRemoteImage(options.src) && !isESMImportedImage(options.src)) {
- throw new AstroError({
- ...ExpectedImage,
- message: ExpectedImage.message(
- JSON.stringify(options.src),
- typeof options.src,
- JSON.stringify(options, (_, v) => v === void 0 ? null : v)
- )
- });
- }
- if (!isESMImportedImage(options.src)) {
- if (options.src.startsWith("/@fs/") || !isRemotePath(options.src) && !options.src.startsWith("/")) {
- throw new AstroError({
- ...LocalImageUsedWrongly,
- message: LocalImageUsedWrongly.message(options.src)
- });
- }
- let missingDimension;
- if (!options.width && !options.height) {
- missingDimension = "both";
- } else if (!options.width && options.height) {
- missingDimension = "width";
- } else if (options.width && !options.height) {
- missingDimension = "height";
- }
- if (missingDimension) {
- throw new AstroError({
- ...MissingImageDimension,
- message: MissingImageDimension.message(missingDimension, options.src)
- });
- }
- } else {
- if (!VALID_SUPPORTED_FORMATS.includes(options.src.format)) {
- throw new AstroError({
- ...UnsupportedImageFormat,
- message: UnsupportedImageFormat.message(
- options.src.format,
- options.src.src,
- VALID_SUPPORTED_FORMATS
- )
- });
- }
- if (options.widths && options.densities) {
- throw new AstroError(IncompatibleDescriptorOptions);
- }
- if (options.src.format === "svg" && options.format !== "svg" || options.src.format !== "svg" && options.format === "svg") {
- throw new AstroError(UnsupportedImageConversion);
- }
- }
-}
-const baseService = {
- validateOptions(options) {
- if (isESMImportedImage(options.src) && options.src.format === "svg") {
- options.format = "svg";
- }
- verifyOptions(options);
- if (!options.format) {
- options.format = DEFAULT_OUTPUT_FORMAT;
- }
- if (options.width) options.width = Math.round(options.width);
- if (options.height) options.height = Math.round(options.height);
- if (options.layout && options.width && options.height) {
- options.fit ??= "cover";
- delete options.layout;
- }
- if (options.fit === "none") {
- delete options.fit;
- }
- return options;
- },
- getHTMLAttributes(options) {
- const { targetWidth, targetHeight } = getTargetDimensions(options);
- const {
- src,
- width,
- height,
- format,
- quality,
- densities,
- widths,
- formats,
- layout,
- priority,
- fit,
- position,
- background,
- ...attributes
- } = options;
- return {
- ...attributes,
- width: targetWidth,
- height: targetHeight,
- loading: attributes.loading ?? "lazy",
- decoding: attributes.decoding ?? "async"
- };
- },
- getSrcSet(options) {
- const { targetWidth, targetHeight } = getTargetDimensions(options);
- const aspectRatio = targetWidth / targetHeight;
- const { widths, densities } = options;
- const targetFormat = options.format ?? DEFAULT_OUTPUT_FORMAT;
- let transformedWidths = (widths ?? []).sort(sortNumeric);
- let imageWidth = options.width;
- let maxWidth = Infinity;
- if (isESMImportedImage(options.src)) {
- imageWidth = options.src.width;
- maxWidth = imageWidth;
- if (transformedWidths.length > 0 && transformedWidths.at(-1) > maxWidth) {
- transformedWidths = transformedWidths.filter((width) => width <= maxWidth);
- transformedWidths.push(maxWidth);
- }
- }
- transformedWidths = Array.from(new Set(transformedWidths));
- const {
- width: transformWidth,
- height: transformHeight,
- ...transformWithoutDimensions
- } = options;
- let allWidths = [];
- if (densities) {
- const densityValues = densities.map((density) => {
- if (typeof density === "number") {
- return density;
- } else {
- return parseFloat(density);
- }
- });
- const densityWidths = densityValues.sort(sortNumeric).map((density) => Math.round(targetWidth * density));
- allWidths = densityWidths.map((width, index) => ({
- width,
- descriptor: `${densityValues[index]}x`
- }));
- } else if (transformedWidths.length > 0) {
- allWidths = transformedWidths.map((width) => ({
- width,
- descriptor: `${width}w`
- }));
- }
- return allWidths.map(({ width, descriptor }) => {
- const height = Math.round(width / aspectRatio);
- const transform = { ...transformWithoutDimensions, width, height };
- return {
- transform,
- descriptor,
- attributes: {
- type: `image/${targetFormat}`
- }
- };
- });
- },
- getURL(options, imageConfig) {
- const searchParams = new URLSearchParams();
- if (isESMImportedImage(options.src)) {
- searchParams.append("href", options.src.src);
- } else if (isRemoteAllowed(options.src, imageConfig)) {
- searchParams.append("href", options.src);
- } else {
- return options.src;
- }
- const params = {
- w: "width",
- h: "height",
- q: "quality",
- f: "format",
- fit: "fit",
- position: "position",
- background: "background"
- };
- Object.entries(params).forEach(([param, key]) => {
- options[key] && searchParams.append(param, options[key].toString());
- });
- const imageEndpoint = joinPaths("/", imageConfig.endpoint.route);
- let url = `${imageEndpoint}?${searchParams}`;
- if (imageConfig.assetQueryParams) {
- const assetQueryString = imageConfig.assetQueryParams.toString();
- if (assetQueryString) {
- url += "&" + assetQueryString;
- }
- }
- return url;
- },
- parseURL(url) {
- const params = url.searchParams;
- if (!params.has("href")) {
- return void 0;
- }
- const transform = {
- src: params.get("href"),
- width: params.has("w") ? parseInt(params.get("w")) : void 0,
- height: params.has("h") ? parseInt(params.get("h")) : void 0,
- format: params.get("f"),
- quality: params.get("q"),
- fit: params.get("fit"),
- position: params.get("position") ?? void 0,
- background: params.get("background") ?? void 0
- };
- return transform;
- }
-};
-function getTargetDimensions(options) {
- let targetWidth = options.width;
- let targetHeight = options.height;
- if (isESMImportedImage(options.src)) {
- const aspectRatio = options.src.width / options.src.height;
- if (targetHeight && !targetWidth) {
- targetWidth = Math.round(targetHeight * aspectRatio);
- } else if (targetWidth && !targetHeight) {
- targetHeight = Math.round(targetWidth / aspectRatio);
- } else if (!targetWidth && !targetHeight) {
- targetWidth = options.src.width;
- targetHeight = options.src.height;
- }
- }
- return {
- targetWidth,
- targetHeight
- };
-}
-
-function isImageMetadata(src) {
- return src.fsPath && !("fsPath" in src);
-}
-
-const cssFitValues = ["fill", "contain", "cover", "scale-down"];
-function addCSSVarsToStyle(vars, styles) {
- const cssVars = Object.entries(vars).filter(([_, value]) => value !== void 0 && value !== false).map(([key, value]) => `--${key}: ${value};`).join(" ");
- if (!styles) {
- return cssVars;
- }
- const style = typeof styles === "string" ? styles : toStyleString(styles);
- return `${cssVars} ${style}`;
-}
-
-const decoder = new TextDecoder();
-const toUTF8String = (input, start = 0, end = input.length) => decoder.decode(input.slice(start, end));
-const toHexString = (input, start = 0, end = input.length) => input.slice(start, end).reduce((memo, i) => memo + `0${i.toString(16)}`.slice(-2), "");
-const getView = (input, offset) => new DataView(input.buffer, input.byteOffset + offset);
-const readInt16LE = (input, offset = 0) => getView(input, offset).getInt16(0, true);
-const readUInt16BE = (input, offset = 0) => getView(input, offset).getUint16(0, false);
-const readUInt16LE = (input, offset = 0) => getView(input, offset).getUint16(0, true);
-const readUInt24LE = (input, offset = 0) => {
- const view = getView(input, offset);
- return view.getUint16(0, true) + (view.getUint8(2) << 16);
-};
-const readInt32LE = (input, offset = 0) => getView(input, offset).getInt32(0, true);
-const readUInt32BE = (input, offset = 0) => getView(input, offset).getUint32(0, false);
-const readUInt32LE = (input, offset = 0) => getView(input, offset).getUint32(0, true);
-const readUInt64 = (input, offset, isBigEndian) => getView(input, offset).getBigUint64(0, !isBigEndian);
-const methods = {
- readUInt16BE,
- readUInt16LE,
- readUInt32BE,
- readUInt32LE
-};
-function readUInt(input, bits, offset = 0, isBigEndian = false) {
- const endian = isBigEndian ? "BE" : "LE";
- const methodName = `readUInt${bits}${endian}`;
- return methods[methodName](input, offset);
-}
-function readBox(input, offset) {
- if (input.length - offset < 4) return;
- const boxSize = readUInt32BE(input, offset);
- if (input.length - offset < boxSize) return;
- return {
- name: toUTF8String(input, 4 + offset, 8 + offset),
- offset,
- size: boxSize
- };
-}
-function findBox(input, boxName, currentOffset) {
- while (currentOffset < input.length) {
- const box = readBox(input, currentOffset);
- if (!box) break;
- if (box.name === boxName) return box;
- currentOffset += box.size > 0 ? box.size : 8;
- }
-}
-
-const BMP = {
- validate: (input) => toUTF8String(input, 0, 2) === "BM",
- calculate: (input) => ({
- height: Math.abs(readInt32LE(input, 22)),
- width: readUInt32LE(input, 18)
- })
-};
-
-const TYPE_ICON = 1;
-const SIZE_HEADER$1 = 2 + 2 + 2;
-const SIZE_IMAGE_ENTRY = 1 + 1 + 1 + 1 + 2 + 2 + 4 + 4;
-function getSizeFromOffset(input, offset) {
- const value = input[offset];
- return value === 0 ? 256 : value;
-}
-function getImageSize$1(input, imageIndex) {
- const offset = SIZE_HEADER$1 + imageIndex * SIZE_IMAGE_ENTRY;
- return {
- height: getSizeFromOffset(input, offset + 1),
- width: getSizeFromOffset(input, offset)
- };
-}
-const ICO = {
- validate(input) {
- const reserved = readUInt16LE(input, 0);
- const imageCount = readUInt16LE(input, 4);
- if (reserved !== 0 || imageCount === 0) return false;
- const imageType = readUInt16LE(input, 2);
- return imageType === TYPE_ICON;
- },
- calculate(input) {
- const nbImages = readUInt16LE(input, 4);
- const imageSize = getImageSize$1(input, 0);
- if (nbImages === 1) return imageSize;
- const images = [];
- for (let imageIndex = 0; imageIndex < nbImages; imageIndex += 1) {
- images.push(getImageSize$1(input, imageIndex));
- }
- return {
- width: imageSize.width,
- height: imageSize.height,
- images
- };
- }
-};
-
-const TYPE_CURSOR = 2;
-const CUR = {
- validate(input) {
- const reserved = readUInt16LE(input, 0);
- const imageCount = readUInt16LE(input, 4);
- if (reserved !== 0 || imageCount === 0) return false;
- const imageType = readUInt16LE(input, 2);
- return imageType === TYPE_CURSOR;
- },
- calculate: (input) => ICO.calculate(input)
-};
-
-const DDS = {
- validate: (input) => readUInt32LE(input, 0) === 542327876,
- calculate: (input) => ({
- height: readUInt32LE(input, 12),
- width: readUInt32LE(input, 16)
- })
-};
-
-const gifRegexp = /^GIF8[79]a/;
-const GIF = {
- validate: (input) => gifRegexp.test(toUTF8String(input, 0, 6)),
- calculate: (input) => ({
- height: readUInt16LE(input, 8),
- width: readUInt16LE(input, 6)
- })
-};
-
-const brandMap = {
- avif: "avif",
- avis: "avif",
- // avif-sequence
- mif1: "heif",
- msf1: "heif",
- // heif-sequence
- heic: "heic",
- heix: "heic",
- hevc: "heic",
- // heic-sequence
- hevx: "heic"
- // heic-sequence
-};
-function detectType(input, start, end) {
- let hasAvif = false;
- let hasHeic = false;
- let hasHeif = false;
- for (let i = start; i <= end; i += 4) {
- const brand = toUTF8String(input, i, i + 4);
- if (brand === "avif" || brand === "avis") hasAvif = true;
- else if (brand === "heic" || brand === "heix" || brand === "hevc" || brand === "hevx") hasHeic = true;
- else if (brand === "mif1" || brand === "msf1") hasHeif = true;
- }
- if (hasAvif) return "avif";
- if (hasHeic) return "heic";
- if (hasHeif) return "heif";
-}
-const HEIF = {
- validate(input) {
- const boxType = toUTF8String(input, 4, 8);
- if (boxType !== "ftyp") return false;
- const ftypBox = findBox(input, "ftyp", 0);
- if (!ftypBox) return false;
- const brand = toUTF8String(input, ftypBox.offset + 8, ftypBox.offset + 12);
- return brand in brandMap;
- },
- calculate(input) {
- const metaBox = findBox(input, "meta", 0);
- const iprpBox = metaBox && findBox(input, "iprp", metaBox.offset + 12);
- const ipcoBox = iprpBox && findBox(input, "ipco", iprpBox.offset + 8);
- if (!ipcoBox) {
- throw new TypeError("Invalid HEIF, no ipco box found");
- }
- const type = detectType(input, 8, metaBox.offset);
- const images = [];
- let currentOffset = ipcoBox.offset + 8;
- while (currentOffset < ipcoBox.offset + ipcoBox.size) {
- const ispeBox = findBox(input, "ispe", currentOffset);
- if (!ispeBox) break;
- const rawWidth = readUInt32BE(input, ispeBox.offset + 12);
- const rawHeight = readUInt32BE(input, ispeBox.offset + 16);
- const clapBox = findBox(input, "clap", currentOffset);
- let width = rawWidth;
- let height = rawHeight;
- if (clapBox && clapBox.offset < ipcoBox.offset + ipcoBox.size) {
- const cropRight = readUInt32BE(input, clapBox.offset + 12);
- width = rawWidth - cropRight;
- }
- images.push({ height, width });
- currentOffset = ispeBox.offset + ispeBox.size;
- }
- if (images.length === 0) {
- throw new TypeError("Invalid HEIF, no sizes found");
- }
- return {
- width: images[0].width,
- height: images[0].height,
- type,
- ...images.length > 1 ? { images } : {}
- };
- }
-};
-
-const SIZE_HEADER = 4 + 4;
-const FILE_LENGTH_OFFSET = 4;
-const ENTRY_LENGTH_OFFSET = 4;
-const ICON_TYPE_SIZE = {
- ICON: 32,
- "ICN#": 32,
- // m => 16 x 16
- "icm#": 16,
- icm4: 16,
- icm8: 16,
- // s => 16 x 16
- "ics#": 16,
- ics4: 16,
- ics8: 16,
- is32: 16,
- s8mk: 16,
- icp4: 16,
- // l => 32 x 32
- icl4: 32,
- icl8: 32,
- il32: 32,
- l8mk: 32,
- icp5: 32,
- ic11: 32,
- // h => 48 x 48
- ich4: 48,
- ich8: 48,
- ih32: 48,
- h8mk: 48,
- // . => 64 x 64
- icp6: 64,
- ic12: 32,
- // t => 128 x 128
- it32: 128,
- t8mk: 128,
- ic07: 128,
- // . => 256 x 256
- ic08: 256,
- ic13: 256,
- // . => 512 x 512
- ic09: 512,
- ic14: 512,
- // . => 1024 x 1024
- ic10: 1024
-};
-function readImageHeader(input, imageOffset) {
- const imageLengthOffset = imageOffset + ENTRY_LENGTH_OFFSET;
- return [
- toUTF8String(input, imageOffset, imageLengthOffset),
- readUInt32BE(input, imageLengthOffset)
- ];
-}
-function getImageSize(type) {
- const size = ICON_TYPE_SIZE[type];
- return { width: size, height: size, type };
-}
-const ICNS = {
- validate: (input) => toUTF8String(input, 0, 4) === "icns",
- calculate(input) {
- const inputLength = input.length;
- const fileLength = readUInt32BE(input, FILE_LENGTH_OFFSET);
- let imageOffset = SIZE_HEADER;
- const images = [];
- while (imageOffset < fileLength && imageOffset < inputLength) {
- const imageHeader = readImageHeader(input, imageOffset);
- const imageSize = getImageSize(imageHeader[0]);
- images.push(imageSize);
- imageOffset += imageHeader[1];
- }
- if (images.length === 0) {
- throw new TypeError("Invalid ICNS, no sizes found");
- }
- return {
- width: images[0].width,
- height: images[0].height,
- ...images.length > 1 ? { images } : {}
- };
- }
-};
-
-const J2C = {
- // TODO: this doesn't seem right. SIZ marker doesn't have to be right after the SOC
- validate: (input) => readUInt32BE(input, 0) === 4283432785,
- calculate: (input) => ({
- height: readUInt32BE(input, 12),
- width: readUInt32BE(input, 8)
- })
-};
-
-const JP2 = {
- validate(input) {
- const boxType = toUTF8String(input, 4, 8);
- if (boxType !== "jP ") return false;
- const ftypBox = findBox(input, "ftyp", 0);
- if (!ftypBox) return false;
- const brand = toUTF8String(input, ftypBox.offset + 8, ftypBox.offset + 12);
- return brand === "jp2 ";
- },
- calculate(input) {
- const jp2hBox = findBox(input, "jp2h", 0);
- const ihdrBox = jp2hBox && findBox(input, "ihdr", jp2hBox.offset + 8);
- if (ihdrBox) {
- return {
- height: readUInt32BE(input, ihdrBox.offset + 8),
- width: readUInt32BE(input, ihdrBox.offset + 12)
- };
- }
- throw new TypeError("Unsupported JPEG 2000 format");
- }
-};
-
-const EXIF_MARKER = "45786966";
-const APP1_DATA_SIZE_BYTES = 2;
-const EXIF_HEADER_BYTES = 6;
-const TIFF_BYTE_ALIGN_BYTES = 2;
-const BIG_ENDIAN_BYTE_ALIGN = "4d4d";
-const LITTLE_ENDIAN_BYTE_ALIGN = "4949";
-const IDF_ENTRY_BYTES = 12;
-const NUM_DIRECTORY_ENTRIES_BYTES = 2;
-function isEXIF(input) {
- return toHexString(input, 2, 6) === EXIF_MARKER;
-}
-function extractSize(input, index) {
- return {
- height: readUInt16BE(input, index),
- width: readUInt16BE(input, index + 2)
- };
-}
-function extractOrientation(exifBlock, isBigEndian) {
- const idfOffset = 8;
- const offset = EXIF_HEADER_BYTES + idfOffset;
- const idfDirectoryEntries = readUInt(exifBlock, 16, offset, isBigEndian);
- for (let directoryEntryNumber = 0; directoryEntryNumber < idfDirectoryEntries; directoryEntryNumber++) {
- const start = offset + NUM_DIRECTORY_ENTRIES_BYTES + directoryEntryNumber * IDF_ENTRY_BYTES;
- const end = start + IDF_ENTRY_BYTES;
- if (start > exifBlock.length) {
- return;
- }
- const block = exifBlock.slice(start, end);
- const tagNumber = readUInt(block, 16, 0, isBigEndian);
- if (tagNumber === 274) {
- const dataFormat = readUInt(block, 16, 2, isBigEndian);
- if (dataFormat !== 3) {
- return;
- }
- const numberOfComponents = readUInt(block, 32, 4, isBigEndian);
- if (numberOfComponents !== 1) {
- return;
- }
- return readUInt(block, 16, 8, isBigEndian);
- }
- }
-}
-function validateExifBlock(input, index) {
- const exifBlock = input.slice(APP1_DATA_SIZE_BYTES, index);
- const byteAlign = toHexString(
- exifBlock,
- EXIF_HEADER_BYTES,
- EXIF_HEADER_BYTES + TIFF_BYTE_ALIGN_BYTES
- );
- const isBigEndian = byteAlign === BIG_ENDIAN_BYTE_ALIGN;
- const isLittleEndian = byteAlign === LITTLE_ENDIAN_BYTE_ALIGN;
- if (isBigEndian || isLittleEndian) {
- return extractOrientation(exifBlock, isBigEndian);
- }
-}
-function validateInput(input, index) {
- if (index > input.length) {
- throw new TypeError("Corrupt JPG, exceeded buffer limits");
- }
-}
-const JPG = {
- validate: (input) => toHexString(input, 0, 2) === "ffd8",
- calculate(_input) {
- let input = _input.slice(4);
- let orientation;
- let next;
- while (input.length) {
- const i = readUInt16BE(input, 0);
- validateInput(input, i);
- if (input[i] !== 255) {
- input = input.slice(1);
- continue;
- }
- if (isEXIF(input)) {
- orientation = validateExifBlock(input, i);
- }
- next = input[i + 1];
- if (next === 192 || next === 193 || next === 194) {
- const size = extractSize(input, i + 5);
- if (!orientation) {
- return size;
- }
- return {
- height: size.height,
- orientation,
- width: size.width
- };
- }
- input = input.slice(i + 2);
- }
- throw new TypeError("Invalid JPG, no size found");
- }
-};
-
-class BitReader {
- constructor(input, endianness) {
- this.input = input;
- this.endianness = endianness;
- }
- // Skip the first 16 bits (2 bytes) of signature
- byteOffset = 2;
- bitOffset = 0;
- /** Reads a specified number of bits, and move the offset */
- getBits(length = 1) {
- let result = 0;
- let bitsRead = 0;
- while (bitsRead < length) {
- if (this.byteOffset >= this.input.length) {
- throw new Error("Reached end of input");
- }
- const currentByte = this.input[this.byteOffset];
- const bitsLeft = 8 - this.bitOffset;
- const bitsToRead = Math.min(length - bitsRead, bitsLeft);
- if (this.endianness === "little-endian") {
- const mask = (1 << bitsToRead) - 1;
- const bits = currentByte >> this.bitOffset & mask;
- result |= bits << bitsRead;
- } else {
- const mask = (1 << bitsToRead) - 1 << 8 - this.bitOffset - bitsToRead;
- const bits = (currentByte & mask) >> 8 - this.bitOffset - bitsToRead;
- result = result << bitsToRead | bits;
- }
- bitsRead += bitsToRead;
- this.bitOffset += bitsToRead;
- if (this.bitOffset === 8) {
- this.byteOffset++;
- this.bitOffset = 0;
- }
- }
- return result;
- }
-}
-
-function calculateImageDimension(reader, isSmallImage) {
- if (isSmallImage) {
- return 8 * (1 + reader.getBits(5));
- }
- const sizeClass = reader.getBits(2);
- const extraBits = [9, 13, 18, 30][sizeClass];
- return 1 + reader.getBits(extraBits);
-}
-function calculateImageWidth(reader, isSmallImage, widthMode, height) {
- if (isSmallImage && widthMode === 0) {
- return 8 * (1 + reader.getBits(5));
- }
- if (widthMode === 0) {
- return calculateImageDimension(reader, false);
- }
- const aspectRatios = [1, 1.2, 4 / 3, 1.5, 16 / 9, 5 / 4, 2];
- return Math.floor(height * aspectRatios[widthMode - 1]);
-}
-const JXLStream = {
- validate: (input) => {
- return toHexString(input, 0, 2) === "ff0a";
- },
- calculate(input) {
- const reader = new BitReader(input, "little-endian");
- const isSmallImage = reader.getBits(1) === 1;
- const height = calculateImageDimension(reader, isSmallImage);
- const widthMode = reader.getBits(3);
- const width = calculateImageWidth(reader, isSmallImage, widthMode, height);
- return { width, height };
- }
-};
-
-function extractCodestream(input) {
- const jxlcBox = findBox(input, "jxlc", 0);
- if (jxlcBox) {
- return input.slice(jxlcBox.offset + 8, jxlcBox.offset + jxlcBox.size);
- }
- const partialStreams = extractPartialStreams(input);
- if (partialStreams.length > 0) {
- return concatenateCodestreams(partialStreams);
- }
- return void 0;
-}
-function extractPartialStreams(input) {
- const partialStreams = [];
- let offset = 0;
- while (offset < input.length) {
- const jxlpBox = findBox(input, "jxlp", offset);
- if (!jxlpBox) break;
- partialStreams.push(
- input.slice(jxlpBox.offset + 12, jxlpBox.offset + jxlpBox.size)
- );
- offset = jxlpBox.offset + jxlpBox.size;
- }
- return partialStreams;
-}
-function concatenateCodestreams(partialCodestreams) {
- const totalLength = partialCodestreams.reduce(
- (acc, curr) => acc + curr.length,
- 0
- );
- const codestream = new Uint8Array(totalLength);
- let position = 0;
- for (const partial of partialCodestreams) {
- codestream.set(partial, position);
- position += partial.length;
- }
- return codestream;
-}
-const JXL = {
- validate: (input) => {
- const boxType = toUTF8String(input, 4, 8);
- if (boxType !== "JXL ") return false;
- const ftypBox = findBox(input, "ftyp", 0);
- if (!ftypBox) return false;
- const brand = toUTF8String(input, ftypBox.offset + 8, ftypBox.offset + 12);
- return brand === "jxl ";
- },
- calculate(input) {
- const codestream = extractCodestream(input);
- if (codestream) return JXLStream.calculate(codestream);
- throw new Error("No codestream found in JXL container");
- }
-};
-
-const KTX = {
- validate: (input) => {
- const signature = toUTF8String(input, 1, 7);
- return ["KTX 11", "KTX 20"].includes(signature);
- },
- calculate: (input) => {
- const type = input[5] === 49 ? "ktx" : "ktx2";
- const offset = type === "ktx" ? 36 : 20;
- return {
- height: readUInt32LE(input, offset + 4),
- width: readUInt32LE(input, offset),
- type
- };
- }
-};
-
-const pngSignature = "PNG\r\n\n";
-const pngImageHeaderChunkName = "IHDR";
-const pngFriedChunkName = "CgBI";
-const PNG = {
- validate(input) {
- if (pngSignature === toUTF8String(input, 1, 8)) {
- let chunkName = toUTF8String(input, 12, 16);
- if (chunkName === pngFriedChunkName) {
- chunkName = toUTF8String(input, 28, 32);
- }
- if (chunkName !== pngImageHeaderChunkName) {
- throw new TypeError("Invalid PNG");
- }
- return true;
- }
- return false;
- },
- calculate(input) {
- if (toUTF8String(input, 12, 16) === pngFriedChunkName) {
- return {
- height: readUInt32BE(input, 36),
- width: readUInt32BE(input, 32)
- };
- }
- return {
- height: readUInt32BE(input, 20),
- width: readUInt32BE(input, 16)
- };
- }
-};
-
-const PNMTypes = {
- P1: "pbm/ascii",
- P2: "pgm/ascii",
- P3: "ppm/ascii",
- P4: "pbm",
- P5: "pgm",
- P6: "ppm",
- P7: "pam",
- PF: "pfm"
-};
-const handlers = {
- default: (lines) => {
- let dimensions = [];
- while (lines.length > 0) {
- const line = lines.shift();
- if (line[0] === "#") {
- continue;
- }
- dimensions = line.split(" ");
- break;
- }
- if (dimensions.length === 2) {
- return {
- height: Number.parseInt(dimensions[1], 10),
- width: Number.parseInt(dimensions[0], 10)
- };
- }
- throw new TypeError("Invalid PNM");
- },
- pam: (lines) => {
- const size = {};
- while (lines.length > 0) {
- const line = lines.shift();
- if (line.length > 16 || line.charCodeAt(0) > 128) {
- continue;
- }
- const [key, value] = line.split(" ");
- if (key && value) {
- size[key.toLowerCase()] = Number.parseInt(value, 10);
- }
- if (size.height && size.width) {
- break;
- }
- }
- if (size.height && size.width) {
- return {
- height: size.height,
- width: size.width
- };
- }
- throw new TypeError("Invalid PAM");
- }
-};
-const PNM = {
- validate: (input) => toUTF8String(input, 0, 2) in PNMTypes,
- calculate(input) {
- const signature = toUTF8String(input, 0, 2);
- const type = PNMTypes[signature];
- const lines = toUTF8String(input, 3).split(/[\r\n]+/);
- const handler = handlers[type] || handlers.default;
- return handler(lines);
- }
-};
-
-const PSD = {
- validate: (input) => toUTF8String(input, 0, 4) === "8BPS",
- calculate: (input) => ({
- height: readUInt32BE(input, 14),
- width: readUInt32BE(input, 18)
- })
-};
-
-const svgReg = /${ssrInterpolate($setup.error)}
`); - } else { - _push(``); - } - _push(`Author Verification
This skill is owned by ${ssrInterpolate($props.authorName || $props.authorEmail)}. Enter your token to edit.
Delete Skill
This skill is owned by ${ssrInterpolate($props.authorName || $props.authorEmail)}. Enter your token to delete it.
${skill.name}
${skill.description && renderTemplate`${skill.description}
`} ${skill["allowed-tools"].length > 0 && renderTemplate` ${skill["allowed-tools"].map((tool) => renderTemplate` ${tool} `)}
`} ${skill.tags.length > 0 && renderTemplate` ${skill.tags.map((tag) => renderTemplate` ${tag} `)}
`} ${skill.author && renderTemplate`by ${skill.author}
`} ${skill["fork-of"] && renderTemplate`forked from
${forks.length} fork${forks.length !== 1 ? "s" : ""}
- ${forks.map((f) => renderTemplate`
-
${stats.downloads} download${stats.downloads !== 1 ? "s" : ""} ${stats.pushes} push${stats.pushes !== 1 ? "es" : ""} ${stats.lastPushedAt && renderTemplate`
-Last updated ${new Date(stats.lastPushedAt).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" })} `}
Install this skill
Run in your project root to add this skill.
${cmds.unix} More options
Install globally (available in all projects):
${cmds.unixGlobal} ${renderComponent($$result2, "EditGate", EditGate, { "slug": slug, "authorEmail": skill["author-email"], "authorName": skill.author, "authorHasToken": authorHasToken, "client:load": true, "client:component-hydration": "load", "client:component-path": "/Users/alex/projects/skillit/src/components/EditGate.vue", "client:component-export": "default", "data-astro-cid-yvbahnfj": true })} ${renderComponent($$result2, "DeleteButton", DeleteButton, { "slug": slug, "authorEmail": skill["author-email"], "authorName": skill.author, "authorHasToken": authorHasToken, "client:load": true, "client:component-hydration": "load", "client:component-path": "/Users/alex/projects/skillit/src/components/DeleteButton.vue", "client:component-export": "default", "data-astro-cid-yvbahnfj": true })}
Edit Skill
Editing ${skill.name}. Users who already installed this skill will get the updated version on their next sync.
${renderComponent($$result2, "SkillEditor", SkillEditor, { "mode": "edit", "slug": slug, "initialName": skill.name, "initialDescription": skill.description, "initialAllowedTools": allowedTools, "initialArgumentHint": skill["argument-hint"], "initialModel": skill.model, "initialUserInvocable": skill["user-invocable"], "initialDisableModelInvocation": skill["disable-model-invocation"], "initialContext": skill.context, "initialAgent": skill.agent, "initialHooks": hooksJson, "initialBody": skill.content, "initialAuthor": skill.author, "initialAuthorEmail": skill["author-email"], "initialTags": skill.tags.join(", "), ":availableTools": availableTools, ":availableModels": availableModels, "availableTags": availableTags.join(","), "client:load": true, "client:component-hydration": "load", "client:component-path": "/Users/alex/projects/skillit/src/components/SkillEditor.vue", "client:component-export": "default" })} ` })}`; -}, "/Users/alex/projects/skillit/src/pages/[slug]/edit.astro", void 0); - -const $$file = "/Users/alex/projects/skillit/src/pages/[slug]/edit.astro"; -const $$url = "/[slug]/edit"; - -const _page = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({ - __proto__: null, - default: $$Edit, - file: $$file, - url: $$url -}, Symbol.toStringTag, { value: 'Module' })); - -const page = () => _page; - -export { page }; diff --git a/dist/server/pages/_slug_/gi.astro.mjs b/dist/server/pages/_slug_/gi.astro.mjs deleted file mode 100644 index 7135c43..0000000 --- a/dist/server/pages/_slug_/gi.astro.mjs +++ /dev/null @@ -1,40 +0,0 @@ -import { g as getSkill } from '../../chunks/skills_BacVQUiS.mjs'; -import { i as isPowerShell } from '../../chunks/sync_BEq_wzpT.mjs'; -export { renderers } from '../../renderers.mjs'; - -const GET = async ({ params, url, request }) => { - const { slug } = params; - const skill = await getSkill(slug); - if (!skill) { - return new Response("Skill not found", { status: 404 }); - } - const origin = url.origin; - const ps = isPowerShell(request); - const script = ps ? [ - '$ErrorActionPreference = "Stop"', - '$Dir = Join-Path $HOME ".claude\\skills"', - "New-Item -ItemType Directory -Force -Path $Dir | Out-Null", - `Invoke-WebRequest -Uri "${origin}/${slug}" -OutFile (Join-Path $Dir "${slug}.md")`, - `Write-Host "✓ Installed ${skill.name} globally to $Dir\\${slug}.md"`, - "" - ].join("\n") : [ - "#!/usr/bin/env bash", - "set -euo pipefail", - "mkdir -p ~/.claude/skills", - `curl -fsSL "${origin}/${slug}" -o ~/.claude/skills/${slug}.md`, - `echo "✓ Installed ${skill.name} globally to ~/.claude/skills/${slug}.md"`, - "" - ].join("\n"); - return new Response(script, { - headers: { "Content-Type": "text/plain; charset=utf-8" } - }); -}; - -const _page = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({ - __proto__: null, - GET -}, Symbol.toStringTag, { value: 'Module' })); - -const page = () => _page; - -export { page }; diff --git a/dist/server/pages/_slug_/i.astro.mjs b/dist/server/pages/_slug_/i.astro.mjs deleted file mode 100644 index 6291075..0000000 --- a/dist/server/pages/_slug_/i.astro.mjs +++ /dev/null @@ -1,40 +0,0 @@ -import { g as getSkill } from '../../chunks/skills_BacVQUiS.mjs'; -import { i as isPowerShell } from '../../chunks/sync_BEq_wzpT.mjs'; -export { renderers } from '../../renderers.mjs'; - -const GET = async ({ params, url, request }) => { - const { slug } = params; - const skill = await getSkill(slug); - if (!skill) { - return new Response("Skill not found", { status: 404 }); - } - const origin = url.origin; - const ps = isPowerShell(request); - const script = ps ? [ - '$ErrorActionPreference = "Stop"', - '$Dir = ".claude\\skills"', - "New-Item -ItemType Directory -Force -Path $Dir | Out-Null", - `Invoke-WebRequest -Uri "${origin}/${slug}" -OutFile (Join-Path $Dir "${slug}.md")`, - `Write-Host "✓ Installed ${skill.name} to $Dir\\${slug}.md"`, - "" - ].join("\n") : [ - "#!/usr/bin/env bash", - "set -euo pipefail", - "mkdir -p .claude/skills", - `curl -fsSL "${origin}/${slug}" -o ".claude/skills/${slug}.md"`, - `echo "✓ Installed ${skill.name} to .claude/skills/${slug}.md"`, - "" - ].join("\n"); - return new Response(script, { - headers: { "Content-Type": "text/plain; charset=utf-8" } - }); -}; - -const _page = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({ - __proto__: null, - GET -}, Symbol.toStringTag, { value: 'Module' })); - -const page = () => _page; - -export { page }; diff --git a/dist/server/pages/api/auth/register.astro.mjs b/dist/server/pages/api/auth/register.astro.mjs deleted file mode 100644 index 7e648ac..0000000 --- a/dist/server/pages/api/auth/register.astro.mjs +++ /dev/null @@ -1,55 +0,0 @@ -import { h as hasToken, g as generateToken } from '../../../chunks/tokens_CAzj9Aj8.mjs'; -export { renderers } from '../../../renderers.mjs'; - -const POST = async ({ request }) => { - let body; - try { - body = await request.json(); - } catch { - return new Response(JSON.stringify({ error: "Invalid JSON" }), { - status: 400, - headers: { "Content-Type": "application/json" } - }); - } - const { email, name } = body; - if (!email) { - return new Response(JSON.stringify({ error: "email is required" }), { - status: 400, - headers: { "Content-Type": "application/json" } - }); - } - if (await hasToken(email)) { - return new Response(JSON.stringify({ error: "Email already registered" }), { - status: 409, - headers: { "Content-Type": "application/json" } - }); - } - try { - const token = await generateToken(email, name || ""); - return new Response(JSON.stringify({ token }), { - status: 201, - headers: { "Content-Type": "application/json" } - }); - } catch (err) { - const message = err instanceof Error ? err.message : "Unknown error"; - if (message.includes("already registered")) { - return new Response(JSON.stringify({ error: message }), { - status: 409, - headers: { "Content-Type": "application/json" } - }); - } - return new Response(JSON.stringify({ error: message }), { - status: 500, - headers: { "Content-Type": "application/json" } - }); - } -}; - -const _page = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({ - __proto__: null, - POST -}, Symbol.toStringTag, { value: 'Module' })); - -const page = () => _page; - -export { page }; diff --git a/dist/server/pages/api/auth/verify.astro.mjs b/dist/server/pages/api/auth/verify.astro.mjs deleted file mode 100644 index d98795d..0000000 --- a/dist/server/pages/api/auth/verify.astro.mjs +++ /dev/null @@ -1,40 +0,0 @@ -import { v as verifyToken } from '../../../chunks/tokens_CAzj9Aj8.mjs'; -export { renderers } from '../../../renderers.mjs'; - -const POST = async ({ request }) => { - let body; - try { - body = await request.json(); - } catch { - return new Response(JSON.stringify({ error: "Invalid JSON" }), { - status: 400, - headers: { "Content-Type": "application/json" } - }); - } - const { email, token } = body; - if (!email || !token) { - return new Response(JSON.stringify({ error: "email and token are required" }), { - status: 400, - headers: { "Content-Type": "application/json" } - }); - } - const valid = await verifyToken(email, token); - if (!valid) { - return new Response(JSON.stringify({ error: "Invalid token" }), { - status: 403, - headers: { "Content-Type": "application/json" } - }); - } - return new Response(JSON.stringify({ ok: true }), { - headers: { "Content-Type": "application/json" } - }); -}; - -const _page = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({ - __proto__: null, - POST -}, Symbol.toStringTag, { value: 'Module' })); - -const page = () => _page; - -export { page }; diff --git a/dist/server/pages/api/skills.astro.mjs b/dist/server/pages/api/skills.astro.mjs deleted file mode 100644 index 0f9483a..0000000 --- a/dist/server/pages/api/skills.astro.mjs +++ /dev/null @@ -1,78 +0,0 @@ -import matter from 'gray-matter'; -import { l as listSkills, i as isValidSlug, c as createSkill } from '../../chunks/skills_BacVQUiS.mjs'; -import { h as hasToken, e as extractBearerToken, v as verifyToken } from '../../chunks/tokens_CAzj9Aj8.mjs'; -import { r as recordPush } from '../../chunks/stats_CaDi9y9J.mjs'; -export { renderers } from '../../renderers.mjs'; - -const GET = async () => { - const skills = await listSkills(); - return new Response(JSON.stringify(skills), { - headers: { "Content-Type": "application/json" } - }); -}; -const POST = async ({ request }) => { - let body; - try { - body = await request.json(); - } catch { - return new Response(JSON.stringify({ error: "Invalid JSON" }), { - status: 400, - headers: { "Content-Type": "application/json" } - }); - } - const { slug, content } = body; - if (!slug || !content) { - return new Response(JSON.stringify({ error: "slug and content are required" }), { - status: 400, - headers: { "Content-Type": "application/json" } - }); - } - if (!isValidSlug(slug)) { - return new Response(JSON.stringify({ error: "Invalid slug. Use lowercase alphanumeric and hyphens, 2-64 chars." }), { - status: 400, - headers: { "Content-Type": "application/json" } - }); - } - const parsed = matter(content); - const authorEmail = parsed.data["author-email"] || ""; - if (authorEmail && await hasToken(authorEmail)) { - const token = extractBearerToken(request); - const valid = await verifyToken(authorEmail, token); - if (!valid) { - return new Response(JSON.stringify({ error: "Valid token required to create a skill with author-email. Register first via POST /api/auth/register." }), { - status: 403, - headers: { "Content-Type": "application/json" } - }); - } - } - try { - const skill = await createSkill(slug, content); - recordPush(slug); - return new Response(JSON.stringify(skill), { - status: 201, - headers: { "Content-Type": "application/json" } - }); - } catch (err) { - const message = err instanceof Error ? err.message : "Unknown error"; - if (message.includes("already exists")) { - return new Response(JSON.stringify({ error: message }), { - status: 409, - headers: { "Content-Type": "application/json" } - }); - } - return new Response(JSON.stringify({ error: message }), { - status: 500, - headers: { "Content-Type": "application/json" } - }); - } -}; - -const _page = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({ - __proto__: null, - GET, - POST -}, Symbol.toStringTag, { value: 'Module' })); - -const page = () => _page; - -export { page }; diff --git a/dist/server/pages/api/skills/_slug_.astro.mjs b/dist/server/pages/api/skills/_slug_.astro.mjs deleted file mode 100644 index 4e60991..0000000 --- a/dist/server/pages/api/skills/_slug_.astro.mjs +++ /dev/null @@ -1,102 +0,0 @@ -import 'gray-matter'; -import { g as getSkill, d as deleteSkill, u as updateSkill } from '../../../chunks/skills_BacVQUiS.mjs'; -import { h as hasToken, e as extractBearerToken, v as verifyToken } from '../../../chunks/tokens_CAzj9Aj8.mjs'; -import { r as recordPush } from '../../../chunks/stats_CaDi9y9J.mjs'; -export { renderers } from '../../../renderers.mjs'; - -const GET = async ({ params }) => { - const skill = await getSkill(params.slug); - if (!skill) { - return new Response("Not found", { status: 404 }); - } - return new Response(skill.raw, { - headers: { "Content-Type": "text/markdown; charset=utf-8" } - }); -}; -const PUT = async ({ params, request }) => { - let body; - try { - body = await request.json(); - } catch { - return new Response(JSON.stringify({ error: "Invalid JSON" }), { - status: 400, - headers: { "Content-Type": "application/json" } - }); - } - if (!body.content) { - return new Response(JSON.stringify({ error: "content is required" }), { - status: 400, - headers: { "Content-Type": "application/json" } - }); - } - try { - const existing = await getSkill(params.slug); - if (!existing) { - return new Response(JSON.stringify({ error: "Skill not found" }), { - status: 404, - headers: { "Content-Type": "application/json" } - }); - } - if (existing["author-email"] && await hasToken(existing["author-email"])) { - const token = extractBearerToken(request); - const valid = await verifyToken(existing["author-email"], token); - if (!valid) { - return new Response(JSON.stringify({ error: `Only ${existing.author || existing["author-email"]} can update this skill. Provide a valid token via Authorization: Bearer header.` }), { - status: 403, - headers: { "Content-Type": "application/json" } - }); - } - } - const skill = await updateSkill(params.slug, body.content); - recordPush(params.slug); - return new Response(JSON.stringify(skill), { - headers: { "Content-Type": "application/json" } - }); - } catch (err) { - const message = err instanceof Error ? err.message : "Unknown error"; - return new Response(JSON.stringify({ error: message }), { - status: 500, - headers: { "Content-Type": "application/json" } - }); - } -}; -const DELETE = async ({ params, request }) => { - try { - const existing = await getSkill(params.slug); - if (!existing) { - return new Response(JSON.stringify({ error: "Skill not found" }), { - status: 404, - headers: { "Content-Type": "application/json" } - }); - } - if (existing["author-email"] && await hasToken(existing["author-email"])) { - const token = extractBearerToken(request); - const valid = await verifyToken(existing["author-email"], token); - if (!valid) { - return new Response(JSON.stringify({ error: `Only ${existing.author || existing["author-email"]} can delete this skill. Provide a valid token via Authorization: Bearer header.` }), { - status: 403, - headers: { "Content-Type": "application/json" } - }); - } - } - await deleteSkill(params.slug); - return new Response(null, { status: 204 }); - } catch (err) { - const message = err instanceof Error ? err.message : "Unknown error"; - return new Response(JSON.stringify({ error: message }), { - status: 500, - headers: { "Content-Type": "application/json" } - }); - } -}; - -const _page = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({ - __proto__: null, - DELETE, - GET, - PUT -}, Symbol.toStringTag, { value: 'Module' })); - -const page = () => _page; - -export { page }; diff --git a/dist/server/pages/api/sync.astro.mjs b/dist/server/pages/api/sync.astro.mjs deleted file mode 100644 index 3f640b7..0000000 --- a/dist/server/pages/api/sync.astro.mjs +++ /dev/null @@ -1,18 +0,0 @@ -import { b as buildSyncScript } from '../../chunks/sync_BEq_wzpT.mjs'; -export { renderers } from '../../renderers.mjs'; - -const GET = async ({ url }) => { - const script = await buildSyncScript(url.origin, "$HOME/.claude/skills"); - return new Response(script, { - headers: { "Content-Type": "text/plain; charset=utf-8" } - }); -}; - -const _page = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({ - __proto__: null, - GET -}, Symbol.toStringTag, { value: 'Module' })); - -const page = () => _page; - -export { page }; diff --git a/dist/server/pages/api/sync/project.astro.mjs b/dist/server/pages/api/sync/project.astro.mjs deleted file mode 100644 index 72d17c4..0000000 --- a/dist/server/pages/api/sync/project.astro.mjs +++ /dev/null @@ -1,18 +0,0 @@ -import { b as buildSyncScript } from '../../../chunks/sync_BEq_wzpT.mjs'; -export { renderers } from '../../../renderers.mjs'; - -const GET = async ({ url }) => { - const script = await buildSyncScript(url.origin, ".claude/skills"); - return new Response(script, { - headers: { "Content-Type": "text/plain; charset=utf-8" } - }); -}; - -const _page = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({ - __proto__: null, - GET -}, Symbol.toStringTag, { value: 'Module' })); - -const page = () => _page; - -export { page }; diff --git a/dist/server/pages/gi.astro.mjs b/dist/server/pages/gi.astro.mjs deleted file mode 100644 index 024e949..0000000 --- a/dist/server/pages/gi.astro.mjs +++ /dev/null @@ -1,19 +0,0 @@ -import { i as isPowerShell, a as buildSyncScriptPS, b as buildSyncScript } from '../chunks/sync_BEq_wzpT.mjs'; -export { renderers } from '../renderers.mjs'; - -const GET = async ({ url, request }) => { - const ps = isPowerShell(request); - const script = ps ? await buildSyncScriptPS(url.origin, "$HOME\\.claude\\skills") : await buildSyncScript(url.origin, "$HOME/.claude/skills"); - return new Response(script, { - headers: { "Content-Type": "text/plain; charset=utf-8" } - }); -}; - -const _page = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({ - __proto__: null, - GET -}, Symbol.toStringTag, { value: 'Module' })); - -const page = () => _page; - -export { page }; diff --git a/dist/server/pages/gp.astro.mjs b/dist/server/pages/gp.astro.mjs deleted file mode 100644 index a74de8c..0000000 --- a/dist/server/pages/gp.astro.mjs +++ /dev/null @@ -1,18 +0,0 @@ -import { c as buildPushScript } from '../chunks/sync_BEq_wzpT.mjs'; -export { renderers } from '../renderers.mjs'; - -const GET = async ({ url }) => { - const script = await buildPushScript(url.origin, "$HOME/.claude/skills"); - return new Response(script, { - headers: { "Content-Type": "text/plain; charset=utf-8" } - }); -}; - -const _page = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({ - __proto__: null, - GET -}, Symbol.toStringTag, { value: 'Module' })); - -const page = () => _page; - -export { page }; diff --git a/dist/server/pages/i.astro.mjs b/dist/server/pages/i.astro.mjs deleted file mode 100644 index d02f072..0000000 --- a/dist/server/pages/i.astro.mjs +++ /dev/null @@ -1,18 +0,0 @@ -import { b as buildSyncScript } from '../chunks/sync_BEq_wzpT.mjs'; -export { renderers } from '../renderers.mjs'; - -const GET = async ({ url }) => { - const script = await buildSyncScript(url.origin, ".claude/skills"); - return new Response(script, { - headers: { "Content-Type": "text/plain; charset=utf-8" } - }); -}; - -const _page = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({ - __proto__: null, - GET -}, Symbol.toStringTag, { value: 'Module' })); - -const page = () => _page; - -export { page }; diff --git a/dist/server/pages/index.astro.mjs b/dist/server/pages/index.astro.mjs deleted file mode 100644 index c894b72..0000000 --- a/dist/server/pages/index.astro.mjs +++ /dev/null @@ -1,332 +0,0 @@ -import { e as createAstro, f as createComponent, m as maybeRenderHead, h as addAttribute, r as renderTemplate, k as renderComponent, l as renderScript } from '../chunks/astro/server_CF97kUu8.mjs'; -import 'piccolore'; -import { _ as _export_sfc, $ as $$Base } from '../chunks/_plugin-vue_export-helper_CEgY73aA.mjs'; -import 'clsx'; -import { useSSRContext, defineComponent, ref, computed, onMounted, watch, nextTick, mergeProps } from 'vue'; -import { ssrRenderAttrs, ssrRenderAttr, ssrRenderList, ssrInterpolate, ssrIncludeBooleanAttr, ssrLooseContain, ssrLooseEqual, ssrRenderClass } from 'vue/server-renderer'; -import { l as listSkills } from '../chunks/skills_BacVQUiS.mjs'; -import { b as getAllStats } from '../chunks/stats_CaDi9y9J.mjs'; -import { i as isPowerShell, a as buildSyncScriptPS, b as buildSyncScript } from '../chunks/sync_BEq_wzpT.mjs'; -/* empty css */ -export { renderers } from '../renderers.mjs'; - -const $$Astro$1 = createAstro("https://skills.here.run.place"); -const $$SkillCard = createComponent(($$result, $$props, $$slots) => { - const Astro2 = $$result.createAstro($$Astro$1, $$props, $$slots); - Astro2.self = $$SkillCard; - const { slug, name, description, "allowed-tools": allowedTools, tags = [], author, forkCount = 0, downloads = 0, pushes = 0, lastPushedAt } = Astro2.props; - const updatedLabel = lastPushedAt ? new Date(lastPushedAt).toLocaleDateString("en-US", { month: "short", day: "numeric" }) : null; - const truncated = description.length > 120 ? description.slice(0, 120) + "..." : description; - return renderTemplate`${maybeRenderHead()}${name}
${truncated}
`} ${allowedTools.length > 0 && renderTemplate` ${allowedTools.map((tool) => renderTemplate` ${tool} `)}
`} ${tags.length > 0 && renderTemplate` ${tags.map((tag) => renderTemplate` ${tag} `)}
`} ${author && renderTemplate`
by ${author}
`} ${forkCount > 0 && renderTemplate` ${forkCount} `} ${downloads > 0 && renderTemplate` ${downloads} `} ${pushes > 0 && renderTemplate` ${pushes} `} ${updatedLabel && renderTemplate`${updatedLabel}`}