@mdn/fred 2.2.0 → 2.2.1

package/out/static/client/6760.6ac3b2b3affbbe00.js

@@ -1,6 +0,0 @@
-export const __rspack_esm_id="6760";export const __rspack_esm_ids=["6760"];export const __webpack_modules__={47105(e,r,t){t.d(r,{A:()=>a});var o=t(97825),s=t(31601),n=t.n(s),i=t(76314),l=t.n(i)()(n());l.push([e.id,':host{background-color:var(--color-background-secondary);box-sizing:border-box;display:flex;flex-direction:column;font-size:var(--font-size-small);margin:0;overflow:auto;width:100%}ul{list-style:none;margin:0;padding:0}li{padding:0 .5em}li:before{content:"> "}code{font-family:var(--font-family-code);tab-size:4}',""]);let a=(0,o.AH)([l.toString()])},71787(e,r,t){t.r(r),t.d(r,{MDNPlayConsole:()=>MDNPlayConsole});var o=t(97825),s=t(47105);function n(e){let r="";for(let t=0,o=e.length;t<o;t++){if("string"==typeof e[t])r+='"'+e[t]+'"';else if(Array.isArray(e[t]))r+="Array [",r+=n(e[t]),r+="]";else if(Object.prototype.hasOwnProperty.call(e,t))r+=i(e[t]);else{let s=1;for(;t+1<o&&!Object.prototype.hasOwnProperty.call(e,t+1);)s++,t++;r+=1===s?"<1 empty slot>":`<${s} empty slots>`}t<e.length-1&&(r+=", ")}return r}function i(e){if(null==e||"boolean"==typeof e)return String(e);if("number"==typeof e)return Object.is(e,-0)?"-0":String(e);if("bigint"==typeof e)return String(e)+"n";if("string"==typeof e)return e.includes('"')?"'"+e+"'":'"'+e+'"';if(Array.isArray(e))return"Array ["+n(e)+"]";else return function(e){let r=e.constructor?e.constructor.name:e;if("String"===r)return`String { "${e.valueOf()}" }`;if(e===JSON)return"JSON {}";if(r.match&&/^(ArrayBuffer|SharedArrayBuffer|DataView)$/.test(r))return r+" {}";if(r.match&&/^(Int8Array|Int16Array|Int32Array|Uint8Array|Uint16Array|Uint32Array|Uint8ClampedArray|Float32Array|Float64Array|BigInt64Array|BigUint64Array)$/.test(r))return e.length>0?r+" ["+n(e)+"]":r+" []";if("Symbol"===r&&void 0!==e)return e.toString();if("Object"===r){if(e?._MDNPlaySerializedObject)return e._MDNPlaySerializedObject;let t="",o=!0;for(let r in e)Object.prototype.hasOwnProperty.call(e,r)&&(o?o=!1:t+=", ",t=t+r+": "+i(e[r]));return r+" { "+t+" }"}if(!e.constructor&&!e.prototype){let r="",t=!0;for(let o in e)t?t=!1:r+=", ",r=r+o+": "+i(e[o]);return"Object { "+r+" }"}return e}(e)}let VirtualConsole=class VirtualConsole{#e;constructor(e){this.#e=e}clear(){this.#e._messages=[]}debug(...e){return this.log(...e)}error(...e){return this.log(...e)}info(...e){return this.log(...e)}log(...e){e.length>1&&"string"==typeof e[0]&&(e[0]=e[0].replaceAll(/%(?:\.([0-9]+))?(.)/g,(r,t,o)=>{switch(o){case"o":case"O":return i(e.splice(1,1)[0]);case"d":case"i":return Math.trunc(e.splice(1,1)[0]).toFixed(0).padStart(t,"0");case"s":return e.splice(1,1)[0].toString();case"f":{let r=e.splice(1,1)[0];return("number"==typeof r?r:Number.parseFloat(r)).toFixed(t??6)}case"c":return e.splice(1,1),"";case"%":return"%";default:return r}})),this.#e._messages=[...this.#e._messages,e.map(e=>i(e)).join(" ")]}warn(...e){return this.log(...e)}};let MDNPlayConsole=class MDNPlayConsole extends o.WF{static properties={_messages:{state:!0}};static styles=s.A;constructor(){super(),this.vconsole=new VirtualConsole(this),this._messages=[]}onConsole({detail:e}){if(e.prop in this.vconsole){let r=e.prop;e.args?this.vconsole[r](...e.args):this.vconsole[r]()}else this.vconsole.warn("[Playground] Unsupported console message (see browser console)")}render(){return(0,o.qy)`
-      <ul aria-live="polite">
-        ${this._messages.map(e=>(0,o.qy)`<li><code>${e}</code></li>`)}
-      </ul>
-    `}updated(){this.scrollTo({top:this.scrollHeight})}};customElements.define("mdn-play-console",MDNPlayConsole)}};
-//# sourceMappingURL=6760.6ac3b2b3affbbe00.js.map

package/out/static/client/6760.6ac3b2b3affbbe00.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"6760.6ac3b2b3affbbe00.js","sources":["webpack://@mdn/fred/./components/play-console/element.css","webpack://@mdn/fred/./components/play-console/utils.js","webpack://@mdn/fred/./components/play-console/element.js"],"sourcesContent":["import { css } from \"lit\";\n// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{background-color:var(--color-background-secondary);box-sizing:border-box;display:flex;flex-direction:column;font-size:var(--font-size-small);margin:0;overflow:auto;width:100%}ul{list-style:none;margin:0;padding:0}li{padding:0 .5em}li:before{content:\"> \"}code{font-family:var(--font-family-code);tab-size:4}`, \"\"]);\n// Exports\nexport default css([___CSS_LOADER_EXPORT___.toString()]);\n","// Copied from https://github.com/mdn/bob/blob/9da42cd641d7f2a9796bf3406e74cad411ce9438/editor/js/editor-libs/console-utils.ts\n/**\n * Formats arrays:\n * - quotes around strings in arrays\n * - square brackets around arrays\n * - adds commas appropriately (with spacing)\n * - identifies empty slots\n * designed to be used recursively\n * @param {any} input - The output to log.\n * @returns Formatted output as a string.\n */\nexport function formatArray(input) {\n  let output = \"\";\n  for (let i = 0, l = input.length; i < l; i++) {\n    if (typeof input[i] === \"string\") {\n      output += '\"' + input[i] + '\"';\n    } else if (Array.isArray(input[i])) {\n      output += \"Array [\";\n      output += formatArray(input[i]);\n      output += \"]\";\n    } else if (Object.prototype.hasOwnProperty.call(input, i)) {\n      output += formatOutput(input[i]);\n    } else {\n      let emptyCount = 1;\n      while (i + 1 < l && !Object.prototype.hasOwnProperty.call(input, i + 1)) {\n        emptyCount++;\n        i++;\n      }\n      output +=\n        emptyCount === 1 ? \"<1 empty slot>\" : `<${emptyCount} empty slots>`;\n    }\n\n    if (i < input.length - 1) {\n      output += \", \";\n    }\n  }\n  return output;\n}\n\n/**\n * Formats objects:\n * ArrayBuffer, DataView, SharedArrayBuffer,\n * Int8Array, Int16Array, Int32Array,\n * Uint8Array, Uint16Array, Uint32Array,\n * Uint8ClampedArray, Float32Array, Float64Array\n * Symbol\n * @param {any} input - The output to log.\n * @returns Formatted output as a string.\n */\nexport function formatObject(input) {\n  const bufferDataViewRegExp = /^(ArrayBuffer|SharedArrayBuffer|DataView)$/;\n  const complexArrayRegExp =\n    /^(Int8Array|Int16Array|Int32Array|Uint8Array|Uint16Array|Uint32Array|Uint8ClampedArray|Float32Array|Float64Array|BigInt64Array|BigUint64Array)$/;\n\n  const objectName = input.constructor ? input.constructor.name : input;\n\n  if (objectName === \"String\") {\n    // String object\n    return `String { \"${input.valueOf()}\" }`;\n  }\n\n  if (input === JSON) {\n    // console.log(JSON) is output as \"JSON {}\" in browser console\n    return `JSON {}`;\n  }\n\n  if (objectName.match && bufferDataViewRegExp.test(objectName)) {\n    return objectName + \" {}\";\n  }\n\n  if (objectName.match && complexArrayRegExp.test(objectName)) {\n    const arrayLength = input.length;\n\n    return arrayLength > 0\n      ? objectName + \" [\" + formatArray(input) + \"]\"\n      : objectName + \" []\";\n  }\n\n  if (objectName === \"Symbol\" && input !== undefined) {\n    return input.toString();\n  }\n\n  if (objectName === \"Object\") {\n    if (input?._MDNPlaySerializedObject) {\n      return input._MDNPlaySerializedObject;\n    }\n    let formattedChild = \"\";\n    let start = true;\n    for (const key in input) {\n      if (Object.prototype.hasOwnProperty.call(input, key)) {\n        if (start) {\n          start = false;\n        } else {\n          formattedChild = formattedChild + \", \";\n        }\n        formattedChild = formattedChild + key + \": \" + formatOutput(input[key]);\n      }\n    }\n    return objectName + \" { \" + formattedChild + \" }\";\n  }\n\n  // Special object created with `OrdinaryObjectCreate(null)` returned by, for\n  // example, named capture groups in https://mzl.la/2RERfQL\n  // @see https://github.com/mdn/bob/issues/574#issuecomment-858213621\n  if (!input.constructor && !input.prototype) {\n    let formattedChild = \"\";\n    let start = true;\n    for (const key in input) {\n      if (start) {\n        start = false;\n      } else {\n        formattedChild = formattedChild + \", \";\n      }\n      formattedChild = formattedChild + key + \": \" + formatOutput(input[key]);\n    }\n    return \"Object { \" + formattedChild + \" }\";\n  }\n\n  return input;\n}\n\n/**\n * Formats output to indicate its type:\n * - quotes around strings\n * - single quotes around strings containing double quotes\n * - square brackets around arrays\n * (also copes with arrays of arrays)\n * does NOT detect Int32Array etc\n * @param {any} input - The output to log.\n * @returns Formatted output as a string.\n */\nexport function formatOutput(input) {\n  if (input === undefined || input === null || typeof input === \"boolean\") {\n    return String(input);\n  } else if (typeof input === \"number\") {\n    // Negative zero\n    if (Object.is(input, -0)) {\n      return \"-0\";\n    }\n    return String(input);\n  } else if (typeof input === \"bigint\") {\n    return String(input) + \"n\";\n  } else if (typeof input === \"string\") {\n    // string literal\n    return input.includes('\"') ? \"'\" + input + \"'\" : '\"' + input + '\"';\n  } else if (Array.isArray(input)) {\n    // check the contents of the array\n    return \"Array [\" + formatArray(input) + \"]\";\n  } else {\n    return formatObject(input);\n  }\n}\n","import { LitElement, html } from \"lit\";\n\nimport styles from \"./element.css?lit\";\nimport { formatOutput } from \"./utils.js\";\n\n/** @import { VConsole } from \"./types.js\" */\n\n/** @implements {Partial<Console>} */\nclass VirtualConsole {\n  #host;\n\n  /** @param {MDNPlayConsole} host  */\n  constructor(host) {\n    this.#host = host;\n  }\n\n  clear() {\n    this.#host._messages = [];\n  }\n\n  /** @param {...any} args */\n  debug(...args) {\n    return this.log(...args);\n  }\n\n  /** @param {...any} args */\n  error(...args) {\n    return this.log(...args);\n  }\n\n  /** @param {...any} args */\n  info(...args) {\n    return this.log(...args);\n  }\n\n  /** @param {...any} args */\n  log(...args) {\n    if (args.length > 1 && typeof args[0] === \"string\") {\n      // https://developer.mozilla.org/en-US/docs/Web/API/console#using_string_substitutions\n      // TODO: add unit testing of this\n      args[0] = args[0].replaceAll(\n        /%(?:\\.([0-9]+))?(.)/g,\n        (match, formatArg, format) => {\n          switch (format) {\n            case \"o\":\n            case \"O\": {\n              const O = args.splice(1, 1)[0];\n              return formatOutput(O);\n            }\n            case \"d\":\n            case \"i\": {\n              const i = args.splice(1, 1)[0];\n              return Math.trunc(i).toFixed(0).padStart(formatArg, \"0\");\n            }\n            case \"s\": {\n              const s = args.splice(1, 1)[0];\n              return s.toString();\n            }\n            case \"f\": {\n              const f = args.splice(1, 1)[0];\n              return (typeof f === \"number\" ? f : Number.parseFloat(f)).toFixed(\n                formatArg ?? 6,\n              );\n            }\n            case \"c\":\n              // TODO: Not implemented yet, so just remove the argument\n              args.splice(1, 1);\n              return \"\";\n            case \"%\":\n              return \"%\";\n            default:\n              return match;\n          }\n        },\n      );\n    }\n    this.#host._messages = [\n      ...this.#host._messages,\n      args.map((x) => formatOutput(x)).join(\" \"),\n    ];\n  }\n\n  /** @param {...any} args */\n  warn(...args) {\n    return this.log(...args);\n  }\n}\n\nexport class MDNPlayConsole extends LitElement {\n  static properties = {\n    _messages: { state: true },\n  };\n\n  static styles = styles;\n\n  constructor() {\n    super();\n    this.vconsole = new VirtualConsole(this);\n    /** @type {string[]} */\n    this._messages = [];\n  }\n\n  /** @param {CustomEvent<VConsole>} e */\n  onConsole({ detail }) {\n    if (detail.prop in this.vconsole) {\n      const prop = /** @type {keyof typeof this.vconsole} */ (detail.prop);\n      detail.args ? this.vconsole[prop](...detail.args) : this.vconsole[prop]();\n    } else {\n      this.vconsole.warn(\n        \"[Playground] Unsupported console message (see browser console)\",\n      );\n    }\n  }\n\n  render() {\n    return html`\n      <ul aria-live=\"polite\">\n        ${this._messages.map(\n          (message) => html`<li><code>${message}</code></li>`,\n        )}\n      </ul>\n    `;\n  }\n\n  updated() {\n    this.scrollTo({ top: this.scrollHeight });\n  }\n}\n\ncustomElements.define(\"mdn-play-console\", MDNPlayConsole);\n"],"names":["Array","Object","String","JSON","VirtualConsole","Math","Number","MDNPlayConsole","s","customElements"],"mappings":"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"}