### Start Development Server

Source: https://github.com/ajaxy/telegram-tt/blob/master/README.md

Starts the development server for the project. This command is used for local development and testing.

```sh
npm run dev
```

--------------------------------

### Toolup Setup Shorthand Notations

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Illustrates various shorthand notations that can be used instead of a canonical setup object. These shorthands expand into objects with a 'content' property, simplifying view definitions.

```js
'name'
```

```js
{ view: 'name' }
```

```js
['view', { view: 'name' }]
```

--------------------------------

### Chart.js Initialization Example

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Example of initializing a Chart.js chart with a canvas element and default configuration.

```javascript
var ra={type:"line",data:{datasets:[]}};function oa(e){e.view.define("chart-chart-js",(function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:ra,i=document.createElement("canvas");e.appendChild(i),e.classList.add(Xo.Z.root),setTimeout((function(){return new Ko
```

--------------------------------

### Install Dependencies

Source: https://github.com/ajaxy/telegram-tt/blob/master/README.md

Installs project dependencies using npm. Ensure you have Node.js and npm installed.

```sh
mv .env.example .env

npm i
```

--------------------------------

### Statoscope Default Examples

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

An array of default examples for Statoscope views, including Table, Auto-link list, and Signature.

```javascript
var ko=[
 {name:"Table",content:tr({view:"table"})},
 {name:"Auto-link list",content:tr({view:"ol",item:"auto-link"})},
 {name:"Signature",content:tr({view:"signature",expanded:2})}
];
```

--------------------------------

### Fetch Users API Example

Source: https://github.com/ajaxy/telegram-tt/blob/master/CLAUDE.md

Example of fetching user data using the GramJS API. It maps ApiUser objects to input user format, invokes the API, and converts the results back to ApiUser objects.

```typescript
// src/api/gramjs/methods/users.ts
export async function fetchUsers({ users }: { users: ApiUser[] }) {
  const result = await invokeRequest(new GramJs.users.GetUsers({
    id: users.map(({ id, accessHash }) => buildInputUser(id, accessHash)),
  }));
  if (!result || !result.length) {
    return undefined;
  }

  const apiUsers = result.map(buildApiUser).filter(Boolean);
  const userStatusesById = buildApiUserStatuses(result);

  return {
    users: apiUsers,
    userStatusesById,
  };
}
```

--------------------------------

### Tab Component Examples

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Demonstrates different configurations for the tab component, including active/disabled states and click handlers.

```javascript
{title:"Active & disabled tab",demo:{view:"tabs",name:"tabs",tabs:[{value:"one",text:"One"},{value:"two",text:"Two",active:!0},{value:"three",text:"Three",disabled:!0}],content:{view:"switch",content:[{when:'#.tabs="one"',content:'text:"One"'},{when:'#.tabs="two"',content:'text:"Two"'},{when:'#.tabs="three"',content:'text:"Three"'}]}}},{title:"On click handler",demo:{view:"tabs",name:"tabs",tabs:[{value:"one",text:"One",onClick:We},{value:"two",text:"Two",onClick:We},{value:"three",text:"Three",onClick:We}],content:{view:"switch",content:[{when:'#.tabs="one"',content:'text:"One"'},{when:'#.tabs="two"',content:'text:"Two"'},{when:'#.tabs="three"',content:'text:"Three"'}]}}}
```

--------------------------------

### Get Initial Assets for an Entrypoint

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Retrieves files (assets) from chunks that are marked as 'initial' for a given entrypoint.

```javascript
t.query("(data.chunks + data.chunks..children).[initial].files",e)
```

--------------------------------

### Toggle Group Component Examples

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Demonstrates configurations for the toggle group component, including before/after content and on-change handlers.

```javascript
{title:"With before and after content",demo:{view:"toggle-group",data:[{value:"one",text:"One"},{value:"two",text:"Two"},{value:"three",text:"Three"}],beforeToggles:'text:"<Content before toggles>"',afterToggles:'text:"<Content after toggles>"'}},{title:"On change handler",demo:{view:"toggle-group",name:"example",onChange:new Function('return (value) => alert("changed to " + value)')(),data:[{value:"one",text:"One"},{value:"two",text:"Two"},{value:"three",text:"Three"}]}}
```

--------------------------------

### Start Inspection Action (JavaScript)

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Defines the 'startInspect' action to begin the inspection process.

```javascript
e.action.define("startInspect",g)
```

--------------------------------

### Get Async Assets for an Entrypoint

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Retrieves files (assets) from chunks that are not marked as 'initial' for a given entrypoint.

```javascript
t.query("(data.chunks + data.chunks..children).[not initial].files",e)
```

--------------------------------

### Setup Upload Functionality

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Defines and sets up the 'upload' preset, which includes a primary button for file uploads and associated actions.

```javascript
setup:vd,
md=e=>/^\./.test(e);
function vd(e){
return e=e||!0,
function(t){
let n=e.accept?String(e.accept):"application/json,application/jsonxl,.json,.jsonxl",i=Boolean(e.dragdrop||void 0===e.dragdrop),
r=n.split(",");
i&&
(t.dom.container.addEventListener("drop",((e=>{t.loadDataFromEvent(e)})),!0),
t.dom.container.addEventListener("dragover",((e=>{e.stopPropagation(),e.preventDefault()})),!0)),
t.preset.define("upload",[{
view:"button-primary",
onClick:"=#.actions.uploadFile",
content:'text:`Open file ${#.actions.uploadFile.fileExtensions | $`
}])
}
}
```

--------------------------------

### Markdown View with Basic Source

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Renders markdown content. This example shows a basic markdown string as the source.

```javascript
{
  view: "markdown",
  source: "# Markdown example\n\n> NOTE: The \`markdown\` view is based on [marked](https://github.com/markedjs/marked) package\n\nMarkdown is good because:\n* You\'ll get \*\*formatted\*\* \*text\* with \_no tags_\n* It\'s much simpler than \`HTML\`\n\n\`\`\`html\n<b>bold</b><i>italic</i>\n\`\`\`\n[Read more](https://guides.github.com/features/mastering-markdown/)"
}
```

--------------------------------

### Migrate Component Signature

Source: https://github.com/ajaxy/telegram-tt/blob/master/CLAUDE.md

Example demonstrating the migration from the older FC syntax to the new functional component signature in TypeScript.

```typescript
// Before
const OldComp: FC<OwnProps & StateProps> = ({ … }) => { … }

// After
const NewComp = (props: OwnProps & StateProps) => { … }
```

--------------------------------

### Get All Assets for an Entrypoint

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Retrieves all files (assets) associated with an entrypoint's chunks, including nested children.

```javascript
t.query("(data.chunks + data.chunks..children).files",e)
```

--------------------------------

### Handle Property Access or Call

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Handles property access or the start of a function call, transitioning to 'q' or '$e' state respectively.

```javascript
function ae(e){return":"==e?T(q):"("==e?S($e):void 0}
```

--------------------------------

### Badge Variations Example

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Shows different variations of the badge component, including a list of titles and a custom-colored badge.

```javascript
var rn=(e,t)=>({demo:{view:e,data:JSON.stringify(e)},examples:[{title:"Variations",demo:t.map((e=>`
${e}:"${e}"
`))},{title:"Custom colors",beforeDemo:{view:"md",source:["Data properties to setup a custom colors:","* `color` – default background color","* `textColor` – default text color","* `darkColor` – background color in dark mode","* `textColor` – text color in dark mode"].join("\n")},demo:{view:e,data:{text:"Colored badge",color:"rgba(237, 177, 9, 0.35)",textColor:"orange",darkColor:"#ffff00",darkTextColor:"black"}}},{title:"As a link",demo:{view:e,data:{text:"Link to something",href:"#",external:!0}}},{title:"Prefix and postfix",demo:{view:e,data:{prefix:"prefix",text:"link",postfix:"postfix"}}},{title:"With a hint",demo:{view:e,data:{text:"text",hint:"hint"}}}]});
```

--------------------------------

### CodeMirror Document Methods: Get Range, Line, Handle

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Provides methods to retrieve text within a range, a specific line's text, or its handle. Also includes functions to get line numbers and visual start positions.

```javascript
zo.prototype.getRange=function(e,t,n){var i=Ve(this,lt(this,e),lt(this,t));
return!1===n?i:""===n?i.join(""):i.join(n||this.lineSeparator())},
zo.prototype.getLine=function(e){var t=this.getLineHandle(e);return t&&t.text},
zo.prototype.getLineHandle=function(e){if(Xe(this,e))return Ye(this,e)},
zo.prototype.getLineHandleVisualStart=function(e){return"number"==typeof e&&(e=Ye(this,e)),Bt(e)},
zo.prototype.getLineNumber=function(e){return Je(e)}
```

--------------------------------

### Get All Marks in Document

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Retrieves all markers currently present in the document that have a defined start position. Useful for inventorying all highlighted elements.

```javascript
var e=[];return this.iter((function(t){var n=t.markedSpans;if(n)for(var i=0;i<n.length;++i)null!=n[i].from&&e.push(n[i].marker)})),e
```

--------------------------------

### Instance Item Configuration with Reasons and Modules

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Configuration for rendering package instance items, detailing reasons, modules, and chunk information.

```javascript
function s(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"#.params.hash";return{content:[{view:"package-instance-item",data:"{\n instance,\n hash: ".concat(e,",\n match: #.filter\n }")}],children:"[\n title: \"Reasons\",\n data: instance.reasons,\n type: 'reasons'\n },{\n title: \"Modules\",\n data: instance.modules.[not shouldHideModule()],\n type: 'modules'\n }]",itemConfig:{view:"switch",content:[{when:'type="reasons"',content:{view:"tree-leaf",content:"text:title",children:"\n $reasonsWithModule:data.[type='module'].data.[$];\n [{\n title: \"Chunks\",\n reasons: $reasonsWithModule,\n children: $reasonsWithModule.[not shouldHideModule()].chunks.sort(initial desc, entry desc, size desc),\n type: 'chunk'\n }, {\n title: \"Modules\",\n children: $reasonsWithModule.[not shouldHideModule()],\n type: 'module'\n }, {\n title: \"Packages\",\n reasons: $reasonsWithModule,\n children: $reasonsWithModule.(resolvedResource.nodeModule()).name.[],\n type: 'package'\n }].[children]",itemConfig:{view:"switch",content:[{when:'type="chunk"',content:{view:"tree-leaf",content:["text:title",{when:"children",view:"badge",className:"hack-badge-margin-left",data:"{text: children.size()}"}],children:"children.({value: $, reasons: @.reasons})",itemConfig:{content:"chunk-item:{chunk: value, hash: ".concat(e,", itemConfig:{content:["text:title",{when:"children",view:"badge",className:"hack-badge-margin-left",data:"{text: children.size()}"}],children:"children",limit:"= settingListItemsLimit()",get itemConfig(){return(0,i.N)(void 0,e)}}}},{when:'type="module"',content:{view:"tree-leaf",content:["text:title",{when:"children",view:"badge",className:"hack-badge-margin-left",data:"{text: children.size()}"}],children:"children",limit:"= settingListItemsLimit()",get itemConfig(){return(0,i.N)(void 0,e)}}},{when:'type="package"',content:{view:"tree-leaf",content:["text:title",{when:"children",view:"badge",className:"hack-badge-margin-left",data:"{text: children.size()}"}],children:"\n children.(\n $child:$;\n {\n value: $child,\n reasons: @.reasons,\n instances: resolvePackage(".concat(e,").instances.({value: $, reasons: @.reasons, package: $child})\n .[\n $foo:value.path;\n reasons.(resolvedResource.nodeModule()).path has $foo\n ]\n })\n ",itemConfig:{content:["package-item:{package: value.resolvePackage(".concat(e,"), hash: ").concat(e,",\n match: #.filter\n }")],children:"\n instances.(\n $instance: $;\n {\n $instance,\n reasonModules: reasons.[not shouldHideModule() and resolvedResource.nodeModule().path=$instance.value.path]\n .sort(getModuleSize(".concat(e,").size desc)\n })",itemConfig:{content:["package-instance-item:{instance: instance.value, hash: ".concat(e,",\n match: #.filter\n }")],children:"reasonModules",limit:"= settingListItemsLimit()",get itemConfig(){return(0,i.N)("$",e)}}}}}]}}},{when:'type="modules"',content:{view:"tree-leaf",content:["text:title",{when:"data",view:"badge",className:"hack-badge-margin-left",data:"{text: data.size()}"}],children:"data",limit:"= settingListItemsLimit()",get itemConfig(){return(0,i.N)(void 0,e)}}}}]}}}
```

--------------------------------

### Get All Scrollable Ancestors

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Recursively collects all scrollable ancestors of an element, starting from the nearest one up to the window. Used for positioning calculations.

```javascript
function I(e){var t=b(k(e)).left+w(e).scrollLeft;return t}
```

--------------------------------

### Initialize Statoscope Resolvers and Indexes

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Sets up extensions, compilation indexes, and resolvers for Statoscope. This includes registering default modules and their versions.

```javascript
a={extensions:(0,g.default)((function(e){return e.data.descriptor.name}),o),compilation:{byAsset:new WeakMap,byChunks:new WeakMap,byModule:new WeakMap,byEntrypoint:new WeakMap}},s={resolveExtension:function(e){return a.extensions.get(e)},resolveCompilationByAsset:function(e){return a.compilation.byAsset.get(e)},resolveCompilationByChunk:function(e){return a.compilation.byChunks.get(e)},resolveCompilationByModule:function(e){return a.compilation.byModule.get(e)},resolveCompilationByEntrypoint:function(e){return a.compilation.byEntrypoint.get(e)}};return{file:r,compilations:(0,m.default)(e,r,{indexes:a,resolvers:s}),resolvers:s,indexes:a}}
```

--------------------------------

### Get Base Position

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Retrieves the position of the base value on the radar chart. This is typically used for drawing reference lines or determining the starting point for certain elements.

```javascript
getBasePosition(e){return this.getPointPositionForValue(e||0,this.getBaseValue())}
```

--------------------------------

### Path Manipulation Example

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Illustrates how to handle file paths, potentially for reading or writing files. It shows a common pattern for constructing or referencing file locations.

```javascript
const path = "C:\\Users\\file";
```

--------------------------------

### Get Radar Chart Index Angle

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Calculates the angle for a specific point label index, considering the total number of points and an optional start angle offset. Used for positioning elements around the chart.

```javascript
getIndexAngle(e){return Y(e*(D/(this._pointLabels.length||1))+F(this.options.startAngle||0))}
```

--------------------------------

### Calculate Entrypoint Sizes and Download Times

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Calculates various size and download time metrics for entrypoints, distinguishing between initial and asynchronous assets. It sorts results based on size limits and download times.

```javascript
$getEntryChunksSizes: => (\n files.[not name.shouldExcludeResource()].[[].(getAssetSize($$, $useCompressedSize))\n);\n\n$addedEntrypoints: $statB.compilation.entrypoints.[\n $name: name;\n not $statA.compilation.entrypoints.[name=$name].pick()\n].({\n entry: $,\n hash: $statB.compilation.hash\n});\n$removedEntrypoints: $statA.compilation.entrypoints.[\n $name: name;\n not $statB.compilation.entrypoints.[name=$name].pick()\n].({\n entry: $,\n hash: $statA.compilation.hash\n});\n$intersectedEntrypoints: $statA.compilation.entrypoints.({\n $entryA: $;\n $entryB: $statB.compilation.entrypoints.[name=$entryA.name].pick();\n a: {entry: $entryA, hash: $statA.compilation.hash},\n b: {entry: $entryB, hash: $statB.compilation.hash},\n}).[b.entry];\n\n$entryDiff: {\n added: $addedEntrypoints\n .({\n $chunksAll: entry.data.chunks + entry.data.chunks..children;\n $chunksInitial: $chunksAll.[initial];\n $chunksAsync: $chunksAll.[not initial];\n\n $assetsAllSize: $chunksAll.$getEntryChunksSizes(hash).reduce(=> size + $$, 0);\n $assetsInitialSizes: $chunksInitial.$getEntryChunksSizes(hash);\n $assetsInitialSize: $assetsInitialSizes.reduce(=> size + $$, 0);\n $assetsAsyncSize: $chunksAsync.$getEntryChunksSizes(hash).reduce(=> size + $$, 0);\n\n $downloadTime: $assetsInitialSizes\n .reduce(=> settingAssetsInjectType() = 'sync' ? (size + $$) : (size > $$ ? size : $$), 0)\n .getDownloadTime();\n entry,\n hash,\n diff: [\n {\n id: 'initialSize',\n type: 'size',\n title: 'initial assets',\n a: 0,\n b: $assetsInitialSize\n },\n {\n type: 'time',\n title: 'initial download',\n a: 0,\n b: $downloadTime\n },\n {\n type: 'size',\n title: 'all assets',\n a: 0,\n b: $assetsAllSize\n },\n {\n type: 'size',\n title: 'async assets',\n a: 0,\n b: $assetsAsyncSize\n },\n ]\n .[a != b]\n })\n .sort(entry.isOverSizeLimit asc, diff.[id='initialSize'].pick().b desc),\n removed: $removedEntrypoints\n .({\n $chunksAll: entry.data.chunks + entry.data.chunks..children;\n $chunksInitial: $chunksAll.[initial];\n $chunksAsync: $chunksAll.[not initial];\n\n $assetsAllSize: $chunksAll.$getEntryChunksSizes(hash).reduce(=> size + $$, 0);\n $assetsInitialSizes: $chunksInitial.$getEntryChunksSizes(hash);\n $assetsInitialSize: $assetsInitialSizes.reduce(=> size + $$, 0);\n $assetsAsyncSize: $chunksAsync.$getEntryChunksSizes(hash).reduce(=> size + $$, 0);\n\n $downloadTime: $assetsInitialSizes\n .reduce(=> settingAssetsInjectType() = 'sync' ? (size + $$) : (size > $$ ? size : $$), 0)\n .getDownloadTime();\n entry,\n hash,\n diff: [\n {\n id: 'initialSize',\n type: 'size',\n title: 'initial assets',\n a: $assetsInitialSize,\n b: 0,\n },\n {\n type: 'time',\n title: 'initial download',\n a: $downloadTime,\n b: 0,\n },\n {\n type: 'size',\n title: 'all assets',\n a: $assetsAllSize,\n b: 0,\n },\n {\n type: 'size',\n title: 'async assets',\n a: $assetsAsyncSize,\n b: 0,\n },\n ]\n .[a != b]\n })\n .sort(entry.isOverSizeLimit asc, diff.[id='initialSize'].pick().b desc),\n changed: $intersectedEntrypoints\n .({\n $a: a;\n $b: b;\n \n $chunksAllA: $a.entry.data.chunks + $a.entry.data.chunks..children;\n $chunksAllB: $b.entry
```

--------------------------------

### Install Specific or Latest NPM Module Version

Source: https://github.com/ajaxy/telegram-tt/blob/master/docs/TAURI.md

Install a specific version of a Tauri NPM module using `npm install @tauri-apps/{MODULE}@{VERSION}` or the latest version with `npm install @tauri-apps/{MODULE}@latest`.

```bash
# Install a specific version
npm install @tauri-apps/cli@{VERSION}
# or install the latest version
npm install @tauri-apps/cli@latest
```

--------------------------------

### Initialize FoamTree with Data

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Initializes the FoamTree visualization with provided data and options. This is a core setup step for displaying hierarchical data.

```javascript
function re(t,r,o){function a(e){var t=[];return A.L(v,(function(n){e(n)&&t.push(n.group)})),{groups:t}}
function s(e,t){var n=x.options,i=n.Pi,r=n.Oi;n=n.Od;var o=0<i+r?n:0,a=[];return I.u(e,I.i(e,x.options.Qd),(function(e,n,s){n="groups"===x.options.Pd?s:n,e.m&&(e=T.K.A(e).wait(o*(r+i*n)).call(t).done(),a.push(e))})),T.K.A({}).Qa(a).Ta()}
function l(e){de||(de=!0,M.once((function(){de=!1,x.j.D("repaint:before"),H.Nd(this.pg)}),{pg:e}))}
function u(e){function t(e,r){var o=e.W;if(e.W=r<=n,e.Fc=r<=i,e.W!==o&&A.ne(e,(function(e){e.Vd=!0})),e.open||e.Va||r++,e=e.m)for(o=0;o<e.length;o++)t(e[o],r)}var n=x.options.Xe,i=Math.min(x.options.Xe,x.options.Sh);if(e)for(var r=0;r<e.length;r++){var o=e[r];t(o,m(o))}else t(v,0)}
function d(e,t){var n=[];for((e=g(e,t)).Wh&&x.j.D("model:childrenAttached",A.uc(v)),e.Ji&&j.complete((function(e){ce.eb(e),n.push(e)})),t=e=0;t<n.length;t++){var i=n[t];i.m&&(e+=i.m.length),i.xa=!0,G.i(i)}return e}
function g(e,t){function n(e,t){var n=!e.attribution&&t-(e.Va?1:0)<o;s=s||n,e.Ia=e.Ia||n,e.open||e.Va||t++;var r=e.m;if(!r&&n&&(a=E.T(e)||a,r=e.m,l&&(e.Ma=!0)),r)for(e=0;e<r.length;e++)i.push(r[e],t)}var i,o=t||x.options.Th,a=!1,s=!1,l="flattened"===r.mb;for(i=e?e.reduce((function(e,t){return e.push(t,1),e}),[]):[v,1])0<i.length;)n(i.shift(),i.shift());return{Wh:a,Ji:s}}
function m(e){for(var t=0;e.parent;)e.open||e.Va||t++,e=e.parent;return t}
var v,w=this,x={j:new k,options:r,Cd:o},M=new i,T=new C(M),D=n.create(),L=new c(x),z=new ie(x),N=new O(x),E=new $(x.options),j=new U(x),H=new J(x,M),q=new F(x);
new ne(x);var W=new _(x),G=new P(x),Y=new B(x),V=new R(x);
x.j.subscribe("stage:initialized",(function(e,t,n,i){oe.Me(n,i)})),
x.j.subscribe("stage:resized",(function(e,t,n,i){oe.Ni(e,t,n,i)})),
x.j.subscribe("foamtree:attachChildren",d),
x.j.subscribe("openclose:changing",u),
x.j.subscribe("interaction:reset",(function(){ue(!0)})),
x.j.subscribe("foamtree:dirty",l),
this.M=function(){x.j.D("timeline:initialized",T),v=E.M(),L.M(t),N.M(),H.M(),q.M(),W.M(),G.M(),z.M(),Y.M(),V.M()},
this.Za=function(){T.i(),le.stop(),M.i(),L.Za()}
```

--------------------------------

### Pako Compression Library Initialization

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Initializes the Pako library, making it available globally as 'Pako'. This snippet demonstrates the typical way a library might be exposed.

```javascript
window['Pako'] = (() => { const exports = {}; const module = { exports }; ((module, exports) => { /*! pako 2.1.0 https://github.com/nodeca/pako @license (MIT AND Zlib) */ !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).pako={})}(this,(function(t){"use strict";function e(t){for(var e=t.length;--e>=0;)t[e]=0}var a=256,n=286,i=30,r=15,s=new Uint8Array([0,0,0,0,0,0,0,0,1,1,1,1,2,2,2,2,3,3,3,3,4,4,4,4,5,5,5,5,0]),o=new Uint8Array([0,0,0,0,1,1,2,2,3,3,4,4,5,5,6,6,7,7,8,8,9,9,10,10,11,11,12,12,13,13]),l=new Uint8Array([0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,2,3,7]),h=new Uint8Array([16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15]),d=new Array(576);e(d);var _=new Array(60);e(_);var f=new Array(512);e(f);var u=new Array(256);e(u);var c=new Array(29);e(c);var w,m,b,g=new Array(i);function p(t,e,a,n,i){this.static_tree=t,this.extra_bits=e,this.extra_base=a,this.elems=n,this.max_length=i,this.has_stree=t&&t.length}function v(t,e){this.dyn_tree=t,this.max_code=0,this.stat_desc=e}e(g);var k=function(t){return t<256?f[t]:f[256+(t>>>7)]},y=function(t,e){t.pending_buf[t.pending++]=255&e,t.pending_buf[t.pending++]=e>>>8&255},x=function(t,e,a){t.bi_valid>16-a?(t.bi_buf|=e<<t.bi_valid&65535,y(t,t.bi_buf),t.bi_buf=e>>16-t.bi_valid,t.bi_valid+=a-16):(t.bi_buf|=e<<t.bi_valid&65535,t.bi_valid+=a)},z=function(t,e,a){x(t,a[2*e],a[2*e+1])},A=function(t,e){var a=0;do{a|=1&t,t>>>=1,a<<=1}while(--e>0);return a>>>1},E=function(t,e,a){var n,i,s=new Array(16),o=0;for(n=1;n<=r;n++)o=o+a[n-1]<<1,s[n]=o;for(i=0;i<=e;i++){var l=t[2*i+1];0!==l&&(t[2*i]=A(s[l++],l))}},R=function(t){var e;for(e=0;e<n;e++)t.dyn_ltree[2*e]=0;for(e=0;e<i;e++)t.dyn_dtree[2*e]=0;for(e=0;e<19;e++)t.bl_tree[2*e]=0;t.dyn_ltree[512]=1,t.opt_len=t.static_len=0,t.sym_next=t.matches=0},Z=function(t){t.bi_valid>8?y(t,t.bi_buf):t.bi_valid>0&&(t.pending_buf[t.pending++]=t.bi_buf),t.bi_buf=0,t.bi_valid=0},S=function(t,e,a,n){return t[2*e]<t[2*a]||t[2*e]===t[2*a]&&n[e]<=n[a]},U=function(t,e,a){var n=t.heap[a],i=a<<1;i<=t.heap_len&&(i<t.heap_len&&S(e,t.heap[i+1],t.heap[i],t.depth)&&i++,!S(e,n,t.heap[i],t.depth))&&(t.heap[a]=t.heap[i],a=i,i<<=1);t.heap[a]=n},D=function(t,e,n){var i,r,l,h,d=0;if(0!==t.sym_next)do{i=255&t.pending_buf[t.sym_buf+d++],i+=(255&t.pending_buf[t.sym_buf+d++])<<8,r=t.pending_buf[t.sym_buf+d++],0===i?z(t,r,e):(l=u[r],z(t,l+a+1,e),0!==(h=s[l])&&(r-=c[l],x(t,r,h)),i--,l=k(i),z(t,l,n),0!==(h=o[l])&&(i-=g[l],x(t,i,h)))}while(d<t.sym_next);z(t,256,e)},T=function(t,e){var a,n,i,s=e.dyn_tree,o=e.stat_desc.static_tree,l=e.stat_desc.has_stree,h=e.stat_desc.elems,d=-1;for(t.heap_len=0,t.heap_max=573,a=0;a<h;a++)0!==s[2*a]?(t.heap[++t.heap_len]=d=a,t.depth[a]=0):s[2*a+1]=0;for(;t.heap_len<2;)s[2*(i=t.heap[++t.heap_len]=d<2?++d:0)]=1,t.depth[i]=0,t.opt_len--,l&&(t.static_len-)
```

--------------------------------

### Get Next Non-Skipped Point

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Helper function to get the next valid data point in a series, skipping points marked as 'skip'.

```javascript
const Pt=(e,t)=>t<e.length&&!e[t].skip&&e[t]

```

--------------------------------

### Statoscope Query Setup

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Sets up the Statoscope query engine with custom methods and assertions. Use this to extend Statoscope's capabilities.

```javascript
var Ku=Object.assign((function(e,t){t=t||{};let n,i=Boolean(t.stat),r=Boolean(t.tolerant),o=i?r?Yu:Wu:r?Gu:qu,{methods:a,assertions:s}=t||{},{queryMethods:l,queryAssertions:c}=Qu(a,s);return e=String(e),o.has(e)&&!t.debug?n=o.get(e):(n=Ju(e,i,r,t.debug),o.set(e,n)),n=n(du,l,c),i?Object.assign(((t,i)=>Uu(e,n(t,i))),{query:n}):n}),{version:"1.0.0-beta.8",buildin:du,methods:Eu,assertions:$u,setup:function(e){let t=new Map,n=new Map,i=new Map,r=new Map,{methods:o,assertions:a}=e||{},{queryMethods:s,queryAssertions:l}=Qu(o,a);return function(e,o){o=o||{};let a,c=Boolean(o.stat),u=Boolean(o.tolerant),d=c?u?r:n:u?i:t;if(e=String(e),d.has(e)&&!o.debug)a=d.get(e);else{let t=Ju(e,c,u,o.debug)(du,s,l);a=c?Object.assign(((n,i)=>Uu(e,t(n,i))),{query:t}):t,d.set(e,a)}return a}}}),{version:"1.0.0-beta.8",buildin:du,methods:Eu,assertions:$u,setup:function(e){let t=new Map,n=new Map,i=new Map,r=new Map,{methods:o,assertions:a}=e||{},{queryMethods:s,queryAssertions:l}=Qu(o,a);return function(e,o){o=o||{};let a,c=Boolean(o.stat),u=Boolean(o.tolerant),d=c?u?r:n:u?i:t;if(e=String(e),d.has(e)&&!o.debug)a=d.get(e);else{let t=Ju(e,c,u,o.debug)(du,s,l);a=c?Object.assign(((n,i)=>Uu(e,t(n,i))),{query:t}):t,d.set(e,a)}return a}}})
```

--------------------------------

### Get Label and Value

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Retrieves the label and formatted value for a specific data index. It uses the scale's methods to get user-friendly representations.

```javascript
getLabelAndValue(e){
      const t=this._cachedMeta,
      n=t.iScale,
      i=t.vScale,
      r=this.getParsed(e);
      return{
        label:n?""+n.getLabelForValue(r[n.axis]):"",
        value:i?""+i.getLabelForValue(r[i.axis]):""
      }
    }
```

--------------------------------

### Get Scale Ticks

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Returns the array of ticks for the scale.

```javascript
getTicks(){return this.ticks}
```

--------------------------------

### Get editor history

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Retrieves the current undo and redo history stacks.

```javascript
getHistory:function(){return{done:Gr(this.history.done),undone:Gr(this.history.undone)}}
```

--------------------------------

### Initialize Discovery Nav Configuration

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Sets up the configuration for the discovery navigation, including secondary configurations, view settings, and event handlers for rendering and interaction. It also subscribes to content rectangle changes to update CSS variables.

```javascript
this.config=[
    this.secondary,
    {
      view: "nav-button",
      name: "burger",
      data: () => {
        let e = ue();
        return this.host.view.render(e, this.menu, this.host.data, {
          ...this.context,
          hide: () => this.popup && this.popup.hide()
        }).then((() => [...e.childNodes].filter((e => 1 === e.nodeType || 3 === e.nodeType))))
      },
      whenData: !0,
      onClick: (e, n) => {
        this.popup || (this.popup = new this.host.view.Popup({className: "discovery-nav-popup"}), this.popup.el.addEventListener("click", (({target: e}) => {
          e.closest("a[href]") && setTimeout((() => this.popup.hide()), 50)
        }), !0)), this.popup.toggle(e, (e => e.append(...n, t)))
      }
    },
    this.primary
  ],
  Object.assign(this, this.secondary),
  this.contentRect = new Xo,
  this.contentRect.subscribe((({width: t, height: n}) => {
    let {container: i} = e.dom;
    i && (i.style.setProperty("--discovery-nav-width", t + "px"), i.style.setProperty("--discovery-nav-height", n + "px"))
  }))
```

--------------------------------

### Calculate Initial Asset Size

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Calculates the total size of initial assets for an entrypoint, considering compression options.

```javascript
this.assets_getTotalSize(this.entrypoint_getInitialAssets(e),t,n)
```

--------------------------------

### Get Version Information

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Retrieves the version string for the current Statoscope module.

```javascript
t.version="1.0.0-beta.8"
```

--------------------------------

### Layout Initialization and Options

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Initializes different layout algorithms (random, ordered, squarified, fisheye, blackhole) based on options. Handles layout relaxation and updates.

```JavaScript
function H(e){function t(e,t,n,i){var r,o=0,a=[];for(r=0;r<t.length;r++){var s=Math.sqrt(S.i(t[r],t[(r+1)%t.length]));a.push(s),o+=s}for(r=0;r<a.length;r++)a[r]/=o;e[0].x=n.x,e[0].y=n.y;var l=s=o=0;for(r=1;r<e.length;r++){var c=e[r],u=.95*Math.pow(r/e.length,i);for(o+=.3819;s<o;)s+=a[l],l=(l+1)%a.length;var d=(l-1+a.length)%a.length,h=1-(s-o)/a[d],p=t[d].x;d=t[d].y;var f=t[l].x,g=t[l].y;p=(p-n.x)*u+n.x,d=(d-n.y)*u+n.y,f=(f-n.x)*u+n.x,g=(g-n.y)*u+n.y,c.x=p*(1-h)+f*h,c.y=d*(1-h)+g*h}}var n={random:{vb:function(e,t){for(var n=0;n<e.length;n++){var i=e[n];i.x=t.x+Math.random()*t.w,i.y=t.y+Math.random()*t.o}},Ob:"box"},ordered:{vb:function(e,t){e=e.slice(0),i.ac&&e.sort(te),N.i(e,t,!1,i.Ld)},Ob:"box"},squarified:{vb:function(e,t){e=e.slice(0),i.ac&&e.sort(te),N.u(e,t,!1,i.Ld)},Ob:"box"},fisheye:{vb:function(e,n,r){e=e.slice(0),i.ac&&e.sort(te),t(e,n,r,.25)},Ob:"polygon"},blackhole:{vb:function(e,n,r){e=e.slice(0),i.ac&&e.sort(te).reverse(),t(e,n,r,1)},Ob:"polygon"}};n.order=n.ordered,n.treemap=n.squarified;var i=e.options;this.i=function(e,t,r){if(0<e.length){if("box"===(r=n[r.relaxationInitializer||r.initializer||i.Li||"random"]).Ob){var o=S.F(t,{});r.vb(e,o),S.wa(e,S.H(o),t)}else r.vb(e,t,S.u(t,{}));for(r=e.length-1;0<=r;r--){if((o=e[r]).description){var a=S.ta(t,i.qc,i.Bg);o.x=a.x,o.y=a.y}o.attribution&&(a=S.ta(t,i.$d,i.sg),o.x=a.x,o.y=a.y),b.wb(o.group.initialPosition)&&(a=o.group.initialPosition,a=S.ta(t,a.position||"bottomright",a.distanceFromCenter||1),o.x=a.x,o.y=a.y)}}}}
```

--------------------------------

### Get ReadableStream from Response Body

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Extracts the ReadableStream from the body of an HTTP Response object.

```javascript
function Ad(e){return new Response(e).body}
```

--------------------------------

### Get history size

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Returns the number of undo and redo operations available in the history.

```javascript
historySize:function(){for(var e=this.history,t=0,n=0,i=0;i<e.done.length;i++)e.done[i].ranges||++t;for(var r=0;r<e.undone.length;r++)e.undone[r].ranges||++n;return{undo:t,redo:n}}
```

--------------------------------

### Initialize Tooltip Instance

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Initializes a tooltip instance with chart and options. Sets up internal properties like opacity and active elements.

```javascript
class Ao extends Qn{constructor(e){super(),this.opacity=0,this.beactive=\[\]},initialize(e){this.options=e,this.bechecheAnimations=void 0,this.$context=void 0}\_resolveAnimations(){const e=this.bechecheAnimations;if(e)return e;const t=this.chart,n=this.options.setContext(this.getContext()),i=n.enabled&&t.options.animation&&n.animations,r=new xn(this.chart,i);return i.bechecheable&&(this.bechecheAnimations=Object.freeze(r)),r}getContext(){return this.$context||(this.$context=(this,kt(this.chart.getContext(),{tooltip:this,tooltipItems:this.beitems,type:"tooltip"})))}};
```

--------------------------------

### Inflate Initialization and Options

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

This snippet shows how to initialize the inflate functionality with various options, including window bits, dictionary, and raw mode. It also handles potential errors during initialization.

```javascript
la=function(t){this.options=Kt({chunkSize:65536,windowBits:15,to:""},t||"{}");var e=this.options;e.raw&&e.windowBits>=0&&e.windowBits<16&&(e.windowBits=-e.windowBits,0===e.windowBits&&(e.windowBits=-15)),!(e.windowBits>=0&&e.windowBits<16)||t&&t.windowBits||(e.windowBits+=32),e.windowBits>15&&e.windowBits<48&&0==(15&e.windowBits)&&(e.windowBits|=15),this.err=0,this.msg="",this.ended=!1,this.chunks=[],this.strm=new Qt,this.strm.avail_out=0;var a=Qe.inflateInit2(this.strm,e.windowBits);if(a!==aa)throw new Error(j[a]);if(this.header=new Ve,Qe.inflateGetHeader(this.strm,this.header),e.dictionary&&("string"==typeof e.dictionary?e.dictionary=Wt(e.dictionary):"[object ArrayBuffer]"===$e.call(e.dictionary)&&(e.dictionary=new Uint8Array(e.dictionary)),e.raw&&(a=Qe.inflateSetDictionary(this.strm,e.dictionary))!==aa))throw new Error(j[a])}
```

--------------------------------

### Get extending selection mode

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Returns the current state of the extending selection mode.

```javascript
getExtending:function(){return this.extend}
```

--------------------------------

### Get all selections

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Returns an array containing all current selections, optionally joined by a separator.

```javascript
getSelections:function(e){for(var t=[],n=this.sel.ranges,i=0;i<n.length;i++){var r=Ve(this,n[i].from(),n[i].to());!1!==e&&(r=r.join(e||this.lineSeparator())),t[i]=r}return t}
```

--------------------------------

### Initialize CodeMirror Editor Instance

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Constructor for the CodeMirror editor instance, setting up options, document, and input handling.

```javascript
function Sa(e,t){var n=this;if(!(this instanceof Sa))return new Sa(e,t);this.options=t=t?_("t"):{","_("ka",t,!1);var i=t.value;"string"==typeof i?i=new zo(i,t.mode,null,t.lineSeparator,t.direction):t.mode&&(i.modeOption=t.mode),this.doc=i;var r=new Sa.inputStyles[t.inputStyle](this),o=this.display=new vr(e,i,r,t);for(var c in o.wrapper.CodeMirror=this,wa(this),t.lineWrapping&&(this.display.wrapper.className+=" CodeMirror-wrap"),Wi(this),this.state={keyMaps:[],overlays:[],modeGen:0,overwrite:!1,delayingBlurEvent:!1,focused:!1,suppressEdits:!1,pasteIncoming:-1,cutIncoming:-1,selectingText:!1,draggingText:!1,highlight:new B,keySeq:null,specialChars:null},t.autofocus&&!v&&o.input.focus(),a&&s<11&&setTimeout((function(){return n.display.input.r
```

--------------------------------

### Applying a Simple Selection

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Applies a simple selection to the editor, typically from a start to an end position.

```javascript
function Jr(e,t,n,i){Xr(e,Sr(t,n),i)}
```

--------------------------------

### Rendering Cycle Phases

Source: https://github.com/ajaxy/telegram-tt/blob/master/CLAUDE.md

Illustrates the typical rendering cycle in Fasterdom, outlining the sequence of effects, measurements, rendering, layout, and mutations. Understanding these phases is crucial for avoiding layout thrashing.

```text
---
--- frame start ---
1. effects
2. requested measures (DOM reads)
3. render JSX → DOM
4. layout effects
5. requested mutations (DOM writes)
6. forced reflow measure (avoid!)
7. forced reflow mutate (avoid!)
--- frame end ---

```

--------------------------------

### Helper for GTE0 Replacement

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Replaces '>=0' with an empty string, simplifying ranges that start from zero.

```javascript
D=(e,t)=>(s("replaceGTE0",e,t),e.trim().replace(c[t.includePrerelease?u.GTE0PRE:u.GTE0],""))
```

--------------------------------

### Transition Configuration

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

Sets up default configurations for various chart transitions, such as active state changes, resizing, and showing/hiding elements.

```javascript
Je.set("transitions",{
  active:{
    animation:{
      duration:400
    }
  },
  resize:{
    animation:{
      duration:0
    }
  },
  show:{
    animations:{
      colors:{
        from:"transparent"
      },
      visible:{
        type:"boolean",
        duration:0
      }
    }
  },
  hide:{
    animations:{
      colors:{
        to:"transparent"
      },
      visible:{
        type:"boolean",
        easing:"linear",
        fn:e=>0|e
      }
    }
  }
})
```

--------------------------------

### Example Usage of a Function

Source: https://github.com/ajaxy/telegram-tt/blob/master/dist/statoscope-report.html

This snippet demonstrates the basic usage of a function, likely for data processing or manipulation within the project. It shows how to call the function and what parameters it might expect.

```javascript
function example() {
  return true;
}
```