cx-viewer 1.0.2 → 1.0.4

package/dist/assets/cynefinDiagram-TSTJHNR4-C6vNWPUV.js

@@ -0,0 +1 @@
+import{p as populateCommonDb}from"./chunk-JWPE2WC7-C54OW1iN.js";import{s as setAccDescription,g as getAccDescription,p as getDiagramTitle,o as setDiagramTitle,a as getAccTitle,b as setAccTitle,_ as __name,l as log,F as selectSvgElement,e as configureSvgSize,q as clear,B as cleanAndMerge,z as getConfig,D as defaultConfig_default,W as getThemeVariables3}from"./mermaid.core-Cy9iVxov.js";import{p as parse}from"./cynefin-VYW2F7L2-C0dowxsF.js";import"./vendor-mdxeditor-4PbKH6K7.js";import"./vendor-antd-Bzi1WuBb.js";import"./vendor-codemirror-CKTrJd47.js";import"./vendor-markdown-BN3QLsBu.js";var createDefaultData=__name(()=>({domains:new Map,transitions:[]}),"createDefaultData"),data=createDefaultData(),db={getDomains:__name(()=>data.domains,"getDomains"),getTransitions:__name(()=>data.transitions,"getTransitions"),setDomains:__name(blocks=>{if(blocks)for(const block of blocks){const domainName=block.domain,items=(block.items??[]).map(item=>({label:item.label}));data.domains.set(domainName,{name:domainName,items:items})}},"setDomains"),setTransitions:__name(transitions=>{transitions&&(data.transitions=transitions.filter(t=>t.from!==t.to||(log.warn(`Cynefin: self-loop transition on domain "${t.from}" is not meaningful and will be skipped.`),!1)).map(t=>({from:t.from,to:t.to,label:t.label||void 0})))},"setTransitions"),getConfig:__name(()=>cleanAndMerge({...defaultConfig_default.cynefin,...getConfig().cynefin}),"getConfig"),clear:__name(()=>{clear(),data=createDefaultData()},"clear"),setAccTitle:setAccTitle,getAccTitle:getAccTitle,setDiagramTitle:setDiagramTitle,getDiagramTitle:getDiagramTitle,getAccDescription:getAccDescription,setAccDescription:setAccDescription},populate=__name(ast=>{populateCommonDb(ast,db),db.setDomains(ast.domains),db.setTransitions(ast.transitions)},"populate"),parser={parse:__name(async input=>{const ast=await parse("cynefin",input);log.debug(ast),populate(ast)},"parse")};function seededRandom(seed){let t=seed+1831565813|0;return t=Math.imul(t^t>>>15,1|t),t^=t+Math.imul(t^t>>>7,61|t),((t^t>>>14)>>>0)/4294967296}function hashString(str){let hash=0;for(let i=0;i<str.length;i++){hash=(hash<<5)-hash+str.charCodeAt(i),hash|=0}return hash}function resolveSeed(configuredSeed,id){return"number"==typeof configuredSeed&&Number.isFinite(configuredSeed)&&0!==configuredSeed?configuredSeed:hashString(id)}function generateFoldPath(width,height,seed,amplitudeOverride){const cx=width/2,amplitude=amplitudeOverride??.015*width,segHeight=height/7,points=[];for(let i=0;i<=7;i++){const jitter=seededRandom(seed+17*i)*amplitude*2-amplitude;points.push({x:cx+jitter,y:i*segHeight})}let d=`M${points[0].x},${points[0].y}`;for(let i=0;i<points.length-1;i++){const p0=points[i],p1=points[i+1],midY=(p0.y+p1.y)/2,offset=1.5*amplitude*(i%2==0?1:-1)*seededRandom(seed+31*i+7);d+=` C${p0.x+offset},${midY} ${p1.x-offset},${midY} ${p1.x},${p1.y}`}return d}function generateHorizontalBoundary(width,height,seed,amplitudeOverride){const cy=height/2,amplitude=amplitudeOverride??.015*height,segWidth=width/7,points=[];for(let i=0;i<=7;i++){const jitter=seededRandom(seed+23*i)*amplitude*2-amplitude;points.push({x:i*segWidth,y:cy+jitter})}let d=`M${points[0].x},${points[0].y}`;for(let i=0;i<points.length-1;i++){const p0=points[i],p1=points[i+1],midX=(p0.x+p1.x)/2,offset=1.5*amplitude*(i%2==0?1:-1)*seededRandom(seed+37*i+11);d+=` C${midX},${p0.y+offset} ${midX},${p1.y-offset} ${p1.x},${p1.y}`}return d}function generateCliffPath(width,height){const cx=width/2,topY=.5*height,amplitude=.03*width;return[`M${cx},${topY}`,`C${cx+amplitude},${topY+.2*(height-topY)}`,`${cx-1.5*amplitude},${topY+.55*(height-topY)}`,`${cx+.5*amplitude},${topY+.75*(height-topY)}`,`C${cx-amplitude},${topY+.85*(height-topY)}`,`${cx+.3*amplitude},${topY+.95*(height-topY)}`,`${cx},${height}`].join(" ")}function generateConfusionPath(cx,cy,rx,ry){return[`M${cx-rx},${cy}`,`A${rx},${ry} 0 1,1 ${cx+rx},${cy}`,`A${rx},${ry} 0 1,1 ${cx-rx},${cy}`,"Z"].join(" ")}__name(seededRandom,"seededRandom"),__name(hashString,"hashString"),__name(resolveSeed,"resolveSeed"),__name(generateFoldPath,"generateFoldPath"),__name(generateHorizontalBoundary,"generateHorizontalBoundary"),__name(generateCliffPath,"generateCliffPath"),__name(generateConfusionPath,"generateConfusionPath");var DOMAIN_META={complex:{model:"Probe → Sense → Respond",practice:"Emergent Practices"},complicated:{model:"Sense → Analyse → Respond",practice:"Good Practices"},clear:{model:"Sense → Categorise → Respond",practice:"Best Practices"},chaotic:{model:"Act → Sense → Respond",practice:"Novel Practices"},confusion:{model:"",practice:"Disorder"}},getDomainLayouts=__name((width,height)=>{const hw=width/2,hh=height/2;return{complex:{cx:hw/2,cy:hh/2,x:0,y:0,w:hw,h:hh},complicated:{cx:hw+hw/2,cy:hh/2,x:hw,y:0,w:hw,h:hh},chaotic:{cx:hw/2,cy:hh+hh/2,x:0,y:hh,w:hw,h:hh},clear:{cx:hw+hw/2,cy:hh+hh/2,x:hw,y:hh,w:hw,h:hh},confusion:{cx:hw,cy:hh,x:.7*hw,y:.7*hh,w:.6*hw,h:.6*hh}}},"getDomainLayouts"),getCynefinDomainColors=__name(()=>{const defaultThemeVariables=getThemeVariables3(),currentConfig=getConfig();return cleanAndMerge(defaultThemeVariables,currentConfig.themeVariables).cynefin},"getCynefinDomainColors"),renderer={draw:__name((_text,id,_version,diagram2)=>{const db2=diagram2.db,domains=db2.getDomains(),transitions=db2.getTransitions(),title=db2.getDiagramTitle(),accTitle=db2.getAccTitle(),accDescription=db2.getAccDescription(),config=db2.getConfig(),domainColors=getCynefinDomainColors();log.debug("Rendering Cynefin diagram");const width=config.width,height=config.height,padding=config.padding,showDomainDescriptions=config.showDomainDescriptions,boundaryAmplitude=config.boundaryAmplitude,totalWidth=width+2*padding,totalHeight=height+2*padding,domainBg={complex:domainColors.complexBg,complicated:domainColors.complicatedBg,clear:domainColors.clearBg,chaotic:domainColors.chaoticBg,confusion:domainColors.confusionBg},svg=selectSvgElement(id);configureSvgSize(svg,totalHeight,totalWidth,config.useMaxWidth??!0),svg.attr("viewBox",`0 0 ${totalWidth} ${totalHeight}`),accTitle&&svg.append("title").text(accTitle),accDescription&&svg.append("desc").text(accDescription);const root=svg.append("g").attr("transform",`translate(${padding}, ${padding})`),layouts=getDomainLayouts(width,height),seed=resolveSeed(config.seed,id),bgGroup=root.append("g").attr("class","cynefin-backgrounds"),quadrantDomains=["complex","complicated","chaotic","clear"];for(const domainName of quadrantDomains){const layout=layouts[domainName];bgGroup.append("rect").attr("class","cynefinDomain").attr("x",layout.x).attr("y",layout.y).attr("width",layout.w).attr("height",layout.h).attr("fill",domainBg[domainName]).attr("fill-opacity",.4).attr("stroke","none")}const boundaryGroup=root.append("g").attr("class","cynefin-boundaries");boundaryGroup.append("path").attr("class","cynefinBoundary").attr("d",generateFoldPath(width,height,seed,boundaryAmplitude)).attr("fill","none"),boundaryGroup.append("path").attr("class","cynefinBoundary").attr("d",generateHorizontalBoundary(width,height,seed+100,boundaryAmplitude)).attr("fill","none"),boundaryGroup.append("path").attr("class","cynefinCliff").attr("d",generateCliffPath(width,height)).attr("fill","none");const confusionRx=.15*width,confusionRy=.15*height;root.append("path").attr("class","cynefinConfusion").attr("d",generateConfusionPath(width/2,height/2,confusionRx,confusionRy)).attr("fill",domainBg.confusion).attr("fill-opacity",.5);const labelGroup=root.append("g").attr("class","cynefin-labels");for(const domainName of quadrantDomains){const layout=layouts[domainName];labelGroup.append("text").attr("class","cynefinDomainLabel").attr("x",layout.cx).attr("y",showDomainDescriptions?layout.cy-30:layout.cy).attr("text-anchor","middle").attr("dominant-baseline","middle").text(domainName.charAt(0).toUpperCase()+domainName.slice(1))}if(labelGroup.append("text").attr("class","cynefinDomainLabel").attr("x",width/2).attr("y",showDomainDescriptions?height/2-10:height/2).attr("text-anchor","middle").attr("dominant-baseline","middle").text("Confusion"),showDomainDescriptions){const subtitleGroup=root.append("g").attr("class","cynefin-subtitles");for(const domainName of quadrantDomains){const layout=layouts[domainName],meta=DOMAIN_META[domainName];subtitleGroup.append("text").attr("class","cynefinSubtitle").attr("x",layout.cx).attr("y",layout.cy-10).attr("text-anchor","middle").attr("dominant-baseline","middle").text(meta.model),subtitleGroup.append("text").attr("class","cynefinSubtitle").attr("x",layout.cx).attr("y",layout.cy+5).attr("text-anchor","middle").attr("dominant-baseline","middle").text(meta.practice)}subtitleGroup.append("text").attr("class","cynefinSubtitle").attr("x",width/2).attr("y",height/2+8).attr("text-anchor","middle").attr("dominant-baseline","middle").text(DOMAIN_META.confusion.practice)}const itemGroup=root.append("g").attr("class","cynefin-items"),allDomains=["complex","complicated","chaotic","clear","confusion"];for(const domainName of allDomains){const domain=domains.get(domainName);if(!domain||0===domain.items.length)continue;const layout=layouts[domainName],isConfusion="confusion"===domainName;let startY,itemsToRender=domain.items,overflowCount=0;if(isConfusion&&domain.items.length>3&&(overflowCount=domain.items.length-3,itemsToRender=domain.items.slice(0,3)),isConfusion){const labelOffset=showDomainDescriptions?22:14;startY=layout.cy+labelOffset}else startY=layout.cy+(showDomainDescriptions?25:15);if([...itemsToRender].forEach((item,idx)=>{const itemY=startY+30*idx,g=itemGroup.append("g"),textEl=g.append("text").attr("class","cynefinItemText").attr("x",0).attr("y",13).attr("text-anchor","middle").attr("dominant-baseline","central").text(item.label);let measuredWidth=7*item.label.length;const textNode=textEl.node();if(textNode&&"function"==typeof textNode.getBBox){const bbox=textNode.getBBox();bbox.width>0&&(measuredWidth=bbox.width)}const badgeWidth=measuredWidth+20,itemX=layout.cx-badgeWidth/2;g.attr("transform",`translate(${itemX}, ${itemY})`),g.insert("rect","text").attr("class","cynefinItem").attr("x",0).attr("y",0).attr("width",badgeWidth).attr("height",26).attr("rx",4).attr("ry",4).attr("fill",domainBg[domainName]).attr("fill-opacity",.95),textEl.attr("x",badgeWidth/2).attr("y",13)}),overflowCount>0){const overflowY=startY+30*itemsToRender.length,overflowLabel=`+${overflowCount} more`,g=itemGroup.append("g"),textEl=g.append("text").attr("class","cynefinItemText").attr("x",0).attr("y",13).attr("text-anchor","middle").attr("dominant-baseline","central").text(overflowLabel);let measuredWidth=7*overflowLabel.length;const textNode=textEl.node();if(textNode&&"function"==typeof textNode.getBBox){const bbox=textNode.getBBox();bbox.width>0&&(measuredWidth=bbox.width)}const badgeWidth=measuredWidth+20,itemX=layout.cx-badgeWidth/2;g.attr("transform",`translate(${itemX}, ${overflowY})`),g.insert("rect","text").attr("class","cynefinItemOverflow").attr("x",0).attr("y",0).attr("width",badgeWidth).attr("height",26).attr("rx",4).attr("ry",4).attr("fill",domainBg[domainName]).attr("fill-opacity",.6),textEl.attr("x",badgeWidth/2).attr("y",13)}}if(transitions.length>0){const defs=svg.select("defs").empty()?svg.append("defs"):svg.select("defs"),markerId=`cynefin-arrow-${id}`;defs.append("marker").attr("id",markerId).attr("viewBox","0 0 10 10").attr("refX",9).attr("refY",5).attr("markerWidth",6).attr("markerHeight",6).attr("orient","auto-start-reverse").append("path").attr("d","M 0 0 L 10 5 L 0 10 z").attr("class","cynefinArrowHead");const arrowGroup=root.append("g").attr("class","cynefin-arrows");transitions.forEach(transition=>{const fromLayout=layouts[transition.from],toLayout=layouts[transition.to];if(!fromLayout||!toLayout)return;if(transition.from===transition.to)return void log.warn(`Cynefin renderer: skipping self-loop on domain "${transition.from}"`);const x1=fromLayout.cx,y1=fromLayout.cy,x2=toLayout.cx,y2=toLayout.cy,mx=(x1+x2)/2,my=(y1+y2)/2,dx=x2-x1,dy=y2-y1,len=Math.sqrt(dx*dx+dy*dy),offsetAmount=.15*len,cpx=mx+-dy/len*offsetAmount,cpy=my+dx/len*offsetAmount;arrowGroup.append("path").attr("class","cynefinArrowLine").attr("d",`M${x1},${y1} Q${cpx},${cpy} ${x2},${y2}`).attr("fill","none").attr("marker-end",`url(#${markerId})`),transition.label&&arrowGroup.append("text").attr("class","cynefinArrowLabel").attr("x",cpx).attr("y",cpy-6).attr("text-anchor","middle").attr("dominant-baseline","auto").text(transition.label)})}title&&root.append("text").attr("class","cynefinTitle").attr("x",width/2).attr("y",-padding/2).attr("text-anchor","middle").attr("dominant-baseline","middle").text(title)},"draw")},getCynefinTheme=__name(()=>{const defaultThemeVariables=getThemeVariables3(),currentConfig=getConfig();return cleanAndMerge(defaultThemeVariables,currentConfig.themeVariables).cynefin},"getCynefinTheme"),diagram={parser:parser,db:db,renderer:renderer,styles:__name(()=>{const t=getCynefinTheme();return`\n\t.cynefinDomain {\n\t\tstroke: none;\n\t}\n\t.cynefinDomainLabel {\n\t\tfont-size: ${t.domainFontSize}px;\n\t\tfont-weight: bold;\n\t\tfill: ${t.labelColor};\n\t}\n\t.cynefinSubtitle {\n\t\tfont-size: ${t.itemFontSize-1}px;\n\t\tfill: ${t.textColor};\n\t\tfont-style: italic;\n\t}\n\t.cynefinItem {\n\t\tfill-opacity: 0.95;\n\t\tstroke: ${t.boundaryColor};\n\t\tstroke-width: 1;\n\t}\n\t.cynefinItemText {\n\t\tfont-size: ${t.itemFontSize}px;\n\t\tfill: ${t.textColor};\n\t}\n\t.cynefinItemOverflow {\n\t\tfill-opacity: 0.6;\n\t\tstroke: ${t.boundaryColor};\n\t\tstroke-width: 1;\n\t\tstroke-dasharray: 3 2;\n\t}\n\t.cynefinBoundary {\n\t\tstroke: ${t.boundaryColor};\n\t\tstroke-width: ${t.boundaryWidth};\n\t\tstroke-dasharray: 6 3;\n\t}\n\t.cynefinCliff {\n\t\tstroke: ${t.cliffColor};\n\t\tstroke-width: ${t.cliffWidth};\n\t}\n\t.cynefinConfusion {\n\t\tstroke: ${t.boundaryColor};\n\t\tstroke-width: 1.5;\n\t\tstroke-dasharray: 4 2;\n\t}\n\t.cynefinArrowLine {\n\t\tstroke: ${t.arrowColor};\n\t\tstroke-width: ${t.arrowWidth};\n\t\tfill: none;\n\t}\n\t.cynefinArrowHead {\n\t\tfill: ${t.arrowColor};\n\t\tstroke: none;\n\t}\n\t.cynefinArrowLabel {\n\t\tfont-size: ${t.itemFontSize-1}px;\n\t\tfill: ${t.textColor};\n\t}\n\t.cynefinTitle {\n\t\tfont-size: ${t.domainFontSize+2}px;\n\t\tfont-weight: bold;\n\t\tfill: ${t.labelColor};\n\t}\n\t`},"styles")};export{diagram};

package/dist/assets/cypher-BzELKutH.js

@@ -0,0 +1 @@
+var curPunc,wordRegexp=function(words){return new RegExp("^(?:"+words.join("|")+")$","i")},tokenBase=function(stream){curPunc=null;var ch=stream.next();if('"'===ch)return stream.match(/^.*?"/),"string";if("'"===ch)return stream.match(/^.*?'/),"string";if(/[{}\(\),\.;\[\]]/.test(ch))return curPunc=ch,"punctuation";if("/"===ch&&stream.eat("/"))return stream.skipToEnd(),"comment";if(operatorChars.test(ch))return stream.eatWhile(operatorChars),null;if(stream.eatWhile(/[_\w\d]/),stream.eat(":"))return stream.eatWhile(/[\w\d_\-]/),"atom";var word=stream.current();return funcs.test(word)?"builtin":preds.test(word)?"def":keywords.test(word)||systemKeywords.test(word)?"keyword":"variable"},pushContext=function(state,type,col){return state.context={prev:state.context,indent:state.indent,col:col,type:type}},popContext=function(state){return state.indent=state.context.indent,state.context=state.context.prev},funcs=wordRegexp(["abs","acos","allShortestPaths","asin","atan","atan2","avg","ceil","coalesce","collect","cos","cot","count","degrees","e","endnode","exp","extract","filter","floor","haversin","head","id","keys","labels","last","left","length","log","log10","lower","ltrim","max","min","node","nodes","percentileCont","percentileDisc","pi","radians","rand","range","reduce","rel","relationship","relationships","replace","reverse","right","round","rtrim","shortestPath","sign","sin","size","split","sqrt","startnode","stdev","stdevp","str","substring","sum","tail","tan","timestamp","toFloat","toInt","toString","trim","type","upper"]),preds=wordRegexp(["all","and","any","contains","exists","has","in","none","not","or","single","xor"]),keywords=wordRegexp(["as","asc","ascending","assert","by","case","commit","constraint","create","csv","cypher","delete","desc","descending","detach","distinct","drop","else","end","ends","explain","false","fieldterminator","foreach","from","headers","in","index","is","join","limit","load","match","merge","null","on","optional","order","periodic","profile","remove","return","scan","set","skip","start","starts","then","true","union","unique","unwind","using","when","where","with","call","yield"]),systemKeywords=wordRegexp(["access","active","assign","all","alter","as","catalog","change","copy","create","constraint","constraints","current","database","databases","dbms","default","deny","drop","element","elements","exists","from","grant","graph","graphs","if","index","indexes","label","labels","management","match","name","names","new","node","nodes","not","of","on","or","password","populated","privileges","property","read","relationship","relationships","remove","replace","required","revoke","role","roles","set","show","start","status","stop","suspended","to","traverse","type","types","user","users","with","write"]),operatorChars=/[*+\-<>=&|~%^]/;const cypher={name:"cypher",startState:function(){return{tokenize:tokenBase,context:null,indent:0,col:0}},token:function(stream,state){if(stream.sol()&&(state.context&&null==state.context.align&&(state.context.align=!1),state.indent=stream.indentation()),stream.eatSpace())return null;var style=state.tokenize(stream,state);if("comment"!==style&&state.context&&null==state.context.align&&"pattern"!==state.context.type&&(state.context.align=!0),"("===curPunc)pushContext(state,")",stream.column());else if("["===curPunc)pushContext(state,"]",stream.column());else if("{"===curPunc)pushContext(state,"}",stream.column());else if(/[\]\}\)]/.test(curPunc)){for(;state.context&&"pattern"===state.context.type;)popContext(state);state.context&&curPunc===state.context.type&&popContext(state)}else"."===curPunc&&state.context&&"pattern"===state.context.type?popContext(state):/atom|string|variable/.test(style)&&state.context&&(/[\}\]]/.test(state.context.type)?pushContext(state,"pattern",stream.column()):"pattern"!==state.context.type||state.context.align||(state.context.align=!0,state.context.col=stream.column()));return style},indent:function(state,textAfter,cx){var firstChar=textAfter&&textAfter.charAt(0),context=state.context;if(/[\]\}]/.test(firstChar))for(;context&&"pattern"===context.type;)context=context.prev;var closing=context&&firstChar===context.type;return context?"keywords"===context.type?null:context.align?context.col+(closing?0:1):context.indent+(closing?0:cx.unit):0}};export{cypher};