@epic-web/workshop-app 6.4.0 → 6.4.1

package/build/client/assets/{presence-h4yTLoon.js.map → presence-CusrArdA.js.map}

@@ -1 +1 @@
-{"version":3,"file":"presence-h4yTLoon.js","sources":["../../../../workshop-presence/src/presence.ts","../../../../../node_modules/partysocket/dist/chunk-ZCZZNAX5.mjs","../../../../../node_modules/partysocket/dist/chunk-YAFTF3NH.mjs","../../../../../node_modules/partysocket/dist/chunk-IYN7URSK.mjs","../../../../../node_modules/partysocket/dist/react.mjs","../../../app/utils/presence.tsx"],"sourcesContent":["import { z } from 'zod'\n\nexport const partykitRoom = 'epic-web-presence'\n// export const partykitBaseUrl = `http://127.0.0.1:1999/parties/main/${partykitRoom}`\nexport const partykitBaseUrl = `https://epic-web-presence.kentcdodds.partykit.dev/parties/main/${partykitRoom}`\n\nexport const UserSchema = z.object({\n\tid: z.string(),\n\thasAccess: z.boolean().nullable().optional(),\n\t// TODO: remove the avatarUrl field once people have updated their workshops\n\tavatarUrl: z.string().nullable().optional(),\n\timageUrlSmall: z.string().nullable().optional(),\n\timageUrlLarge: z.string().nullable().optional(),\n\tname: z.string().nullable().optional(),\n\tlocation: z\n\t\t.object({\n\t\t\tworkshopTitle: z.string().nullable().optional(),\n\t\t\torigin: z.string().nullable().optional(),\n\t\t\texercise: z\n\t\t\t\t.object({\n\t\t\t\t\ttype: z\n\t\t\t\t\t\t.union([z.literal('problem'), z.literal('solution')])\n\t\t\t\t\t\t.nullable()\n\t\t\t\t\t\t.optional(),\n\t\t\t\t\texerciseNumber: z.number().nullable().optional(),\n\t\t\t\t\tstepNumber: z.number().nullable().optional(),\n\t\t\t\t})\n\t\t\t\t.nullable()\n\t\t\t\t.optional(),\n\t\t})\n\t\t.nullable()\n\t\t.optional(),\n})\n\nexport const MessageSchema = z\n\t.object({\n\t\ttype: z.literal('remove-user'),\n\t\tpayload: z.object({ id: z.string() }),\n\t})\n\t.or(z.object({ type: z.literal('add-user'), payload: UserSchema }))\n\t.or(\n\t\tz.object({\n\t\t\ttype: z.literal('presence'),\n\t\t\tpayload: z.object({ users: z.array(UserSchema) }),\n\t\t}),\n\t)\n\nexport type Message = z.infer<typeof MessageSchema>\n\nexport type User = z.infer<typeof UserSchema>\n\nexport const PresenceSchema = z.object({ users: z.array(UserSchema) })\n","// src/ws.ts\nif (!globalThis.EventTarget || !globalThis.Event) {\n  console.error(`\n  PartySocket requires a global 'EventTarget' class to be available!\n  You can polyfill this global by adding this to your code before any partysocket imports: \n  \n  \\`\\`\\`\n  import 'partysocket/event-target-polyfill';\n  \\`\\`\\`\n  Please file an issue at https://github.com/partykit/partykit if you're still having trouble.\n`);\n}\nvar ErrorEvent = class extends Event {\n  message;\n  error;\n  // biome-ignore lint/suspicious/noExplicitAny: vibes\n  constructor(error, target) {\n    super(\"error\", target);\n    this.message = error.message;\n    this.error = error;\n  }\n};\nvar CloseEvent = class extends Event {\n  code;\n  reason;\n  wasClean = true;\n  // biome-ignore lint/style/useDefaultParameterLast: legacy\n  // biome-ignore lint/suspicious/noExplicitAny: legacy\n  constructor(code = 1e3, reason = \"\", target) {\n    super(\"close\", target);\n    this.code = code;\n    this.reason = reason;\n  }\n};\nvar Events = {\n  Event,\n  ErrorEvent,\n  CloseEvent\n};\nfunction assert(condition, msg) {\n  if (!condition) {\n    throw new Error(msg);\n  }\n}\nfunction cloneEventBrowser(e) {\n  return new e.constructor(e.type, e);\n}\nfunction cloneEventNode(e) {\n  if (\"data\" in e) {\n    const evt2 = new MessageEvent(e.type, e);\n    return evt2;\n  }\n  if (\"code\" in e || \"reason\" in e) {\n    const evt2 = new CloseEvent(\n      // @ts-expect-error we need to fix event/listener types\n      e.code || 1999,\n      // @ts-expect-error we need to fix event/listener types\n      e.reason || \"unknown reason\",\n      e\n    );\n    return evt2;\n  }\n  if (\"error\" in e) {\n    const evt2 = new ErrorEvent(e.error, e);\n    return evt2;\n  }\n  const evt = new Event(e.type, e);\n  return evt;\n}\nvar _a;\nvar isNode =\n  typeof process !== \"undefined\" &&\n  typeof ((_a = process.versions) == null ? void 0 : _a.node) !== \"undefined\" &&\n  typeof document === \"undefined\";\nvar cloneEvent = isNode ? cloneEventNode : cloneEventBrowser;\nvar DEFAULT = {\n  maxReconnectionDelay: 1e4,\n  minReconnectionDelay: 1e3 + Math.random() * 4e3,\n  minUptime: 5e3,\n  reconnectionDelayGrowFactor: 1.3,\n  connectionTimeout: 4e3,\n  maxRetries: Number.POSITIVE_INFINITY,\n  maxEnqueuedMessages: Number.POSITIVE_INFINITY,\n  startClosed: false,\n  debug: false\n};\nvar didWarnAboutMissingWebSocket = false;\nvar ReconnectingWebSocket = class _ReconnectingWebSocket extends EventTarget {\n  _ws;\n  _retryCount = -1;\n  _uptimeTimeout;\n  _connectTimeout;\n  _shouldReconnect = true;\n  _connectLock = false;\n  _binaryType = \"blob\";\n  _closeCalled = false;\n  _messageQueue = [];\n  _debugLogger = console.log.bind(console);\n  _url;\n  _protocols;\n  _options;\n  constructor(url, protocols, options = {}) {\n    super();\n    this._url = url;\n    this._protocols = protocols;\n    this._options = options;\n    if (this._options.startClosed) {\n      this._shouldReconnect = false;\n    }\n    if (this._options.debugLogger) {\n      this._debugLogger = this._options.debugLogger;\n    }\n    this._connect();\n  }\n  static get CONNECTING() {\n    return 0;\n  }\n  static get OPEN() {\n    return 1;\n  }\n  static get CLOSING() {\n    return 2;\n  }\n  static get CLOSED() {\n    return 3;\n  }\n  get CONNECTING() {\n    return _ReconnectingWebSocket.CONNECTING;\n  }\n  get OPEN() {\n    return _ReconnectingWebSocket.OPEN;\n  }\n  get CLOSING() {\n    return _ReconnectingWebSocket.CLOSING;\n  }\n  get CLOSED() {\n    return _ReconnectingWebSocket.CLOSED;\n  }\n  get binaryType() {\n    return this._ws ? this._ws.binaryType : this._binaryType;\n  }\n  set binaryType(value) {\n    this._binaryType = value;\n    if (this._ws) {\n      this._ws.binaryType = value;\n    }\n  }\n  /**\n   * Returns the number or connection retries\n   */\n  get retryCount() {\n    return Math.max(this._retryCount, 0);\n  }\n  /**\n   * The number of bytes of data that have been queued using calls to send() but not yet\n   * transmitted to the network. This value resets to zero once all queued data has been sent.\n   * This value does not reset to zero when the connection is closed; if you keep calling send(),\n   * this will continue to climb. Read only\n   */\n  get bufferedAmount() {\n    const bytes = this._messageQueue.reduce((acc, message) => {\n      if (typeof message === \"string\") {\n        acc += message.length;\n      } else if (message instanceof Blob) {\n        acc += message.size;\n      } else {\n        acc += message.byteLength;\n      }\n      return acc;\n    }, 0);\n    return bytes + (this._ws ? this._ws.bufferedAmount : 0);\n  }\n  /**\n   * The extensions selected by the server. This is currently only the empty string or a list of\n   * extensions as negotiated by the connection\n   */\n  get extensions() {\n    return this._ws ? this._ws.extensions : \"\";\n  }\n  /**\n   * A string indicating the name of the sub-protocol the server selected;\n   * this will be one of the strings specified in the protocols parameter when creating the\n   * WebSocket object\n   */\n  get protocol() {\n    return this._ws ? this._ws.protocol : \"\";\n  }\n  /**\n   * The current state of the connection; this is one of the Ready state constants\n   */\n  get readyState() {\n    if (this._ws) {\n      return this._ws.readyState;\n    }\n    return this._options.startClosed\n      ? _ReconnectingWebSocket.CLOSED\n      : _ReconnectingWebSocket.CONNECTING;\n  }\n  /**\n   * The URL as resolved by the constructor\n   */\n  get url() {\n    return this._ws ? this._ws.url : \"\";\n  }\n  /**\n   * Whether the websocket object is now in reconnectable state\n   */\n  get shouldReconnect() {\n    return this._shouldReconnect;\n  }\n  /**\n   * An event listener to be called when the WebSocket connection's readyState changes to CLOSED\n   */\n  onclose = null;\n  /**\n   * An event listener to be called when an error occurs\n   */\n  onerror = null;\n  /**\n   * An event listener to be called when a message is received from the server\n   */\n  onmessage = null;\n  /**\n   * An event listener to be called when the WebSocket connection's readyState changes to OPEN;\n   * this indicates that the connection is ready to send and receive data\n   */\n  onopen = null;\n  /**\n   * Closes the WebSocket connection or connection attempt, if any. If the connection is already\n   * CLOSED, this method does nothing\n   */\n  close(code = 1e3, reason) {\n    this._closeCalled = true;\n    this._shouldReconnect = false;\n    this._clearTimeouts();\n    if (!this._ws) {\n      this._debug(\"close enqueued: no ws instance\");\n      return;\n    }\n    if (this._ws.readyState === this.CLOSED) {\n      this._debug(\"close: already closed\");\n      return;\n    }\n    this._ws.close(code, reason);\n  }\n  /**\n   * Closes the WebSocket connection or connection attempt and connects again.\n   * Resets retry counter;\n   */\n  reconnect(code, reason) {\n    this._shouldReconnect = true;\n    this._closeCalled = false;\n    this._retryCount = -1;\n    if (!this._ws || this._ws.readyState === this.CLOSED) {\n      this._connect();\n    } else {\n      this._disconnect(code, reason);\n      this._connect();\n    }\n  }\n  /**\n   * Enqueue specified data to be transmitted to the server over the WebSocket connection\n   */\n  send(data) {\n    if (this._ws && this._ws.readyState === this.OPEN) {\n      this._debug(\"send\", data);\n      this._ws.send(data);\n    } else {\n      const { maxEnqueuedMessages = DEFAULT.maxEnqueuedMessages } =\n        this._options;\n      if (this._messageQueue.length < maxEnqueuedMessages) {\n        this._debug(\"enqueue\", data);\n        this._messageQueue.push(data);\n      }\n    }\n  }\n  _debug(...args) {\n    if (this._options.debug) {\n      this._debugLogger(\"RWS>\", ...args);\n    }\n  }\n  _getNextDelay() {\n    const {\n      reconnectionDelayGrowFactor = DEFAULT.reconnectionDelayGrowFactor,\n      minReconnectionDelay = DEFAULT.minReconnectionDelay,\n      maxReconnectionDelay = DEFAULT.maxReconnectionDelay\n    } = this._options;\n    let delay = 0;\n    if (this._retryCount > 0) {\n      delay =\n        minReconnectionDelay *\n        reconnectionDelayGrowFactor ** (this._retryCount - 1);\n      if (delay > maxReconnectionDelay) {\n        delay = maxReconnectionDelay;\n      }\n    }\n    this._debug(\"next delay\", delay);\n    return delay;\n  }\n  _wait() {\n    return new Promise((resolve) => {\n      setTimeout(resolve, this._getNextDelay());\n    });\n  }\n  _getNextProtocols(protocolsProvider) {\n    if (!protocolsProvider) return Promise.resolve(null);\n    if (\n      typeof protocolsProvider === \"string\" ||\n      Array.isArray(protocolsProvider)\n    ) {\n      return Promise.resolve(protocolsProvider);\n    }\n    if (typeof protocolsProvider === \"function\") {\n      const protocols = protocolsProvider();\n      if (!protocols) return Promise.resolve(null);\n      if (typeof protocols === \"string\" || Array.isArray(protocols)) {\n        return Promise.resolve(protocols);\n      }\n      if (protocols.then) {\n        return protocols;\n      }\n    }\n    throw Error(\"Invalid protocols\");\n  }\n  _getNextUrl(urlProvider) {\n    if (typeof urlProvider === \"string\") {\n      return Promise.resolve(urlProvider);\n    }\n    if (typeof urlProvider === \"function\") {\n      const url = urlProvider();\n      if (typeof url === \"string\") {\n        return Promise.resolve(url);\n      }\n      if (url.then) {\n        return url;\n      }\n    }\n    throw Error(\"Invalid URL\");\n  }\n  _connect() {\n    if (this._connectLock || !this._shouldReconnect) {\n      return;\n    }\n    this._connectLock = true;\n    const {\n      maxRetries = DEFAULT.maxRetries,\n      connectionTimeout = DEFAULT.connectionTimeout\n    } = this._options;\n    if (this._retryCount >= maxRetries) {\n      this._debug(\"max retries reached\", this._retryCount, \">=\", maxRetries);\n      return;\n    }\n    this._retryCount++;\n    this._debug(\"connect\", this._retryCount);\n    this._removeListeners();\n    this._wait()\n      .then(() =>\n        Promise.all([\n          this._getNextUrl(this._url),\n          this._getNextProtocols(this._protocols || null)\n        ])\n      )\n      .then(([url, protocols]) => {\n        if (this._closeCalled) {\n          this._connectLock = false;\n          return;\n        }\n        if (\n          !this._options.WebSocket &&\n          typeof WebSocket === \"undefined\" &&\n          !didWarnAboutMissingWebSocket\n        ) {\n          console.error(`\\u203C\\uFE0F No WebSocket implementation available. You should define options.WebSocket. \n\nFor example, if you're using node.js, run \\`npm install ws\\`, and then in your code:\n\nimport PartySocket from 'partysocket';\nimport WS from 'ws';\n\nconst partysocket = new PartySocket({\n  host: \"127.0.0.1:1999\",\n  room: \"test-room\",\n  WebSocket: WS\n});\n\n`);\n          didWarnAboutMissingWebSocket = true;\n        }\n        const WS = this._options.WebSocket || WebSocket;\n        this._debug(\"connect\", { url, protocols });\n        this._ws = protocols ? new WS(url, protocols) : new WS(url);\n        this._ws.binaryType = this._binaryType;\n        this._connectLock = false;\n        this._addListeners();\n        this._connectTimeout = setTimeout(\n          () => this._handleTimeout(),\n          connectionTimeout\n        );\n      })\n      .catch((err) => {\n        this._connectLock = false;\n        this._handleError(new Events.ErrorEvent(Error(err.message), this));\n      });\n  }\n  _handleTimeout() {\n    this._debug(\"timeout event\");\n    this._handleError(new Events.ErrorEvent(Error(\"TIMEOUT\"), this));\n  }\n  _disconnect(code = 1e3, reason) {\n    this._clearTimeouts();\n    if (!this._ws) {\n      return;\n    }\n    this._removeListeners();\n    try {\n      if (\n        this._ws.readyState === this.OPEN ||\n        this._ws.readyState === this.CONNECTING\n      ) {\n        this._ws.close(code, reason);\n      }\n      this._handleClose(new Events.CloseEvent(code, reason, this));\n    } catch (error) {}\n  }\n  _acceptOpen() {\n    this._debug(\"accept open\");\n    this._retryCount = 0;\n  }\n  _handleOpen = (event) => {\n    this._debug(\"open event\");\n    const { minUptime = DEFAULT.minUptime } = this._options;\n    clearTimeout(this._connectTimeout);\n    this._uptimeTimeout = setTimeout(() => this._acceptOpen(), minUptime);\n    assert(this._ws, \"WebSocket is not defined\");\n    this._ws.binaryType = this._binaryType;\n    this._messageQueue.forEach((message) => {\n      var _a2;\n      return (_a2 = this._ws) == null ? void 0 : _a2.send(message);\n    });\n    this._messageQueue = [];\n    if (this.onopen) {\n      this.onopen(event);\n    }\n    this.dispatchEvent(cloneEvent(event));\n  };\n  _handleMessage = (event) => {\n    this._debug(\"message event\");\n    if (this.onmessage) {\n      this.onmessage(event);\n    }\n    this.dispatchEvent(cloneEvent(event));\n  };\n  _handleError = (event) => {\n    this._debug(\"error event\", event.message);\n    this._disconnect(void 0, event.message === \"TIMEOUT\" ? \"timeout\" : void 0);\n    if (this.onerror) {\n      this.onerror(event);\n    }\n    this._debug(\"exec error listeners\");\n    this.dispatchEvent(cloneEvent(event));\n    this._connect();\n  };\n  _handleClose = (event) => {\n    this._debug(\"close event\");\n    this._clearTimeouts();\n    if (this._shouldReconnect) {\n      this._connect();\n    }\n    if (this.onclose) {\n      this.onclose(event);\n    }\n    this.dispatchEvent(cloneEvent(event));\n  };\n  _removeListeners() {\n    if (!this._ws) {\n      return;\n    }\n    this._debug(\"removeListeners\");\n    this._ws.removeEventListener(\"open\", this._handleOpen);\n    this._ws.removeEventListener(\"close\", this._handleClose);\n    this._ws.removeEventListener(\"message\", this._handleMessage);\n    this._ws.removeEventListener(\"error\", this._handleError);\n  }\n  _addListeners() {\n    if (!this._ws) {\n      return;\n    }\n    this._debug(\"addListeners\");\n    this._ws.addEventListener(\"open\", this._handleOpen);\n    this._ws.addEventListener(\"close\", this._handleClose);\n    this._ws.addEventListener(\"message\", this._handleMessage);\n    this._ws.addEventListener(\"error\", this._handleError);\n  }\n  _clearTimeouts() {\n    clearTimeout(this._connectTimeout);\n    clearTimeout(this._uptimeTimeout);\n  }\n};\n\nexport { ErrorEvent, CloseEvent, ReconnectingWebSocket };\n/*!\n * Reconnecting WebSocket\n * by Pedro Ladaria <pedro.ladaria@gmail.com>\n * https://github.com/pladaria/reconnecting-websocket\n * License MIT\n */\n//# sourceMappingURL=chunk-ZCZZNAX5.mjs.map\n","import { ReconnectingWebSocket } from \"./chunk-ZCZZNAX5.mjs\";\n\n// src/index.ts\nvar valueIsNotNil = (keyValuePair) =>\n  keyValuePair[1] !== null && keyValuePair[1] !== void 0;\nfunction generateUUID() {\n  if (typeof crypto !== \"undefined\" && crypto.randomUUID) {\n    return crypto.randomUUID();\n  }\n  let d = /* @__PURE__ */ new Date().getTime();\n  let d2 =\n    (typeof performance !== \"undefined\" &&\n      performance.now &&\n      performance.now() * 1e3) ||\n    0;\n  return \"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx\".replace(/[xy]/g, function (c) {\n    let r = Math.random() * 16;\n    if (d > 0) {\n      r = (d + r) % 16 | 0;\n      d = Math.floor(d / 16);\n    } else {\n      r = (d2 + r) % 16 | 0;\n      d2 = Math.floor(d2 / 16);\n    }\n    return (c === \"x\" ? r : (r & 3) | 8).toString(16);\n  });\n}\nfunction getPartyInfo(partySocketOptions, defaultProtocol, defaultParams = {}) {\n  const {\n    host: rawHost,\n    path: rawPath,\n    protocol: rawProtocol,\n    room,\n    party,\n    basePath,\n    prefix,\n    query\n  } = partySocketOptions;\n  let host = rawHost.replace(/^(http|https|ws|wss):\\/\\//, \"\");\n  if (host.endsWith(\"/\")) {\n    host = host.slice(0, -1);\n  }\n  if (rawPath == null ? void 0 : rawPath.startsWith(\"/\")) {\n    throw new Error(\"path must not start with a slash\");\n  }\n  const name = party ?? \"main\";\n  const path = rawPath ? `/${rawPath}` : \"\";\n  const protocol =\n    rawProtocol ||\n    (host.startsWith(\"localhost:\") ||\n    host.startsWith(\"127.0.0.1:\") ||\n    host.startsWith(\"192.168.\") ||\n    host.startsWith(\"10.\") ||\n    (host.startsWith(\"172.\") &&\n      host.split(\".\")[1] >= \"16\" &&\n      host.split(\".\")[1] <= \"31\") ||\n    host.startsWith(\"[::ffff:7f00:1]:\")\n      ? // http / ws\n        defaultProtocol\n      : // https / wss\n        `${defaultProtocol}s`);\n  const baseUrl = `${protocol}://${host}/${basePath || `${prefix || \"parties\"}/${name}/${room}`}${path}`;\n  const makeUrl = (query2 = {}) =>\n    `${baseUrl}?${new URLSearchParams([\n      ...Object.entries(defaultParams),\n      ...Object.entries(query2).filter(valueIsNotNil)\n    ])}`;\n  const urlProvider =\n    typeof query === \"function\"\n      ? async () => makeUrl(await query())\n      : makeUrl(query);\n  return {\n    host,\n    path,\n    room,\n    name,\n    protocol,\n    partyUrl: baseUrl,\n    urlProvider\n  };\n}\nvar PartySocket = class extends ReconnectingWebSocket {\n  constructor(partySocketOptions) {\n    const wsOptions = getWSOptions(partySocketOptions);\n    super(wsOptions.urlProvider, wsOptions.protocols, wsOptions.socketOptions);\n    this.partySocketOptions = partySocketOptions;\n    this.setWSProperties(wsOptions);\n  }\n  _pk;\n  _pkurl;\n  name;\n  room;\n  host;\n  path;\n  updateProperties(partySocketOptions) {\n    const wsOptions = getWSOptions({\n      ...this.partySocketOptions,\n      ...partySocketOptions,\n      host: partySocketOptions.host ?? this.host,\n      room: partySocketOptions.room ?? this.room,\n      path: partySocketOptions.path ?? this.path\n    });\n    this._url = wsOptions.urlProvider;\n    this._protocols = wsOptions.protocols;\n    this._options = wsOptions.socketOptions;\n    this.setWSProperties(wsOptions);\n  }\n  setWSProperties(wsOptions) {\n    const { _pk, _pkurl, name, room, host, path } = wsOptions;\n    this._pk = _pk;\n    this._pkurl = _pkurl;\n    this.name = name;\n    this.room = room;\n    this.host = host;\n    this.path = path;\n  }\n  reconnect(code, reason) {\n    if (!this.room || !this.host) {\n      throw new Error(\n        \"The room and host must be set before connecting, use `updateProperties` method to set them or pass them to the constructor.\"\n      );\n    }\n    super.reconnect(code, reason);\n  }\n  get id() {\n    return this._pk;\n  }\n  /**\n   * Exposes the static PartyKit room URL without applying query parameters.\n   * To access the currently connected WebSocket url, use PartySocket#url.\n   */\n  get roomUrl() {\n    return this._pkurl;\n  }\n  // a `fetch` method that uses (almost) the same options as `PartySocket`\n  static async fetch(options, init) {\n    const party = getPartyInfo(options, \"http\");\n    const url =\n      typeof party.urlProvider === \"string\"\n        ? party.urlProvider\n        : await party.urlProvider();\n    const doFetch = options.fetch ?? fetch;\n    return doFetch(url, init);\n  }\n};\nfunction getWSOptions(partySocketOptions) {\n  const {\n    id,\n    host: _host,\n    path: _path,\n    party: _party,\n    room: _room,\n    protocol: _protocol,\n    query: _query,\n    protocols,\n    ...socketOptions\n  } = partySocketOptions;\n  const _pk = id || generateUUID();\n  const party = getPartyInfo(partySocketOptions, \"ws\", { _pk });\n  return {\n    _pk,\n    _pkurl: party.partyUrl,\n    name: party.name,\n    room: party.room,\n    host: party.host,\n    path: party.path,\n    protocols,\n    socketOptions,\n    urlProvider: party.urlProvider\n  };\n}\n\nexport { PartySocket };\n//# sourceMappingURL=chunk-YAFTF3NH.mjs.map\n","import { ReconnectingWebSocket } from \"./chunk-ZCZZNAX5.mjs\";\n\n// src/use-handlers.ts\nimport { useEffect, useRef } from \"react\";\nvar useAttachWebSocketEventHandlers = (socket, options) => {\n  const handlersRef = useRef(options);\n  handlersRef.current = options;\n  useEffect(() => {\n    const onOpen = (event) => {\n      var _a, _b;\n      return (_b = (_a = handlersRef.current) == null ? void 0 : _a.onOpen) ==\n        null\n        ? void 0\n        : _b.call(_a, event);\n    };\n    const onMessage = (event) => {\n      var _a, _b;\n      return (_b =\n        (_a = handlersRef.current) == null ? void 0 : _a.onMessage) == null\n        ? void 0\n        : _b.call(_a, event);\n    };\n    const onClose = (event) => {\n      var _a, _b;\n      return (_b = (_a = handlersRef.current) == null ? void 0 : _a.onClose) ==\n        null\n        ? void 0\n        : _b.call(_a, event);\n    };\n    const onError = (event) => {\n      var _a, _b;\n      return (_b = (_a = handlersRef.current) == null ? void 0 : _a.onError) ==\n        null\n        ? void 0\n        : _b.call(_a, event);\n    };\n    socket.addEventListener(\"open\", onOpen);\n    socket.addEventListener(\"close\", onClose);\n    socket.addEventListener(\"error\", onError);\n    socket.addEventListener(\"message\", onMessage);\n    return () => {\n      socket.removeEventListener(\"open\", onOpen);\n      socket.removeEventListener(\"close\", onClose);\n      socket.removeEventListener(\"error\", onError);\n      socket.removeEventListener(\"message\", onMessage);\n    };\n  }, [socket]);\n};\n\n// src/use-socket.ts\nimport {\n  useEffect as useEffect2,\n  useMemo,\n  useRef as useRef2,\n  useState\n} from \"react\";\nvar getOptionsThatShouldCauseRestartWhenChanged = (options) => [\n  options.startClosed,\n  options.minUptime,\n  options.maxRetries,\n  options.connectionTimeout,\n  options.maxEnqueuedMessages,\n  options.maxReconnectionDelay,\n  options.minReconnectionDelay,\n  options.reconnectionDelayGrowFactor,\n  options.debug\n];\nfunction useStableSocket({\n  options,\n  createSocket,\n  createSocketMemoKey: createOptionsMemoKey\n}) {\n  const shouldReconnect = createOptionsMemoKey(options);\n  const socketOptions = useMemo(() => {\n    return options;\n  }, [shouldReconnect]);\n  const [socket, setSocket] = useState(() =>\n    // only connect on first mount\n    createSocket({ ...socketOptions, startClosed: true })\n  );\n  const socketInitializedRef = useRef2(null);\n  const createSocketRef = useRef2(createSocket);\n  createSocketRef.current = createSocket;\n  useEffect2(() => {\n    if (socketInitializedRef.current === socket) {\n      const newSocket = createSocketRef.current({\n        ...socketOptions,\n        // when reconnecting because of options change, we always reconnect\n        // (startClosed only applies to initial mount)\n        startClosed: false\n      });\n      setSocket(newSocket);\n    } else {\n      if (!socketInitializedRef.current && socketOptions.startClosed !== true) {\n        socket.reconnect();\n      }\n      socketInitializedRef.current = socket;\n      return () => {\n        socket.close();\n      };\n    }\n  }, [socket, socketOptions]);\n  return socket;\n}\n\n// src/use-ws.ts\nfunction useWebSocket(url, protocols, options = {}) {\n  const socket = useStableSocket({\n    options,\n    createSocket: (options2) =>\n      new ReconnectingWebSocket(url, protocols, options2),\n    createSocketMemoKey: (options2) =>\n      JSON.stringify([\n        // will reconnect if url or protocols are specified as a string.\n        // if they are functions, the WebSocket will handle reconnection\n        url,\n        protocols,\n        ...getOptionsThatShouldCauseRestartWhenChanged(options2)\n      ])\n  });\n  useAttachWebSocketEventHandlers(socket, options);\n  return socket;\n}\n\nexport {\n  useAttachWebSocketEventHandlers,\n  getOptionsThatShouldCauseRestartWhenChanged,\n  useStableSocket,\n  useWebSocket\n};\n//# sourceMappingURL=chunk-IYN7URSK.mjs.map\n","import { PartySocket } from \"./chunk-YAFTF3NH.mjs\";\nimport {\n  getOptionsThatShouldCauseRestartWhenChanged,\n  useAttachWebSocketEventHandlers,\n  useStableSocket,\n  useWebSocket\n} from \"./chunk-IYN7URSK.mjs\";\nimport \"./chunk-ZCZZNAX5.mjs\";\n\n// src/react.ts\nfunction usePartySocket(options) {\n  const { host, ...otherOptions } = options;\n  const socket = useStableSocket({\n    options: {\n      host:\n        host ||\n        (typeof window !== \"undefined\"\n          ? window.location.host\n          : \"dummy-domain.com\"),\n      ...otherOptions\n    },\n    createSocket: (options2) => new PartySocket(options2),\n    createSocketMemoKey: (options2) =>\n      JSON.stringify([\n        // NOTE: if query is defined as a function, the socket\n        // won't reconnect when you change the function identity\n        options2.query,\n        options2.id,\n        options2.host,\n        options2.room,\n        options2.party,\n        options2.path,\n        options2.protocol,\n        options2.protocols,\n        options2.basePath,\n        options2.prefix,\n        ...getOptionsThatShouldCauseRestartWhenChanged(options2)\n      ])\n  });\n  useAttachWebSocketEventHandlers(socket, options);\n  return socket;\n}\nexport { usePartySocket as default, usePartySocket, useWebSocket };\n//# sourceMappingURL=react.mjs.map\n","import {\n\tMessageSchema,\n\tpartykitBaseUrl,\n\tpartykitRoom,\n\ttype Message,\n\ttype User,\n} from '@epic-web/workshop-presence/presence'\nimport { usePartySocket } from 'partysocket/react'\nimport {\n\tcreateContext,\n\tuseCallback,\n\tuseContext,\n\tuseEffect,\n\tuseRef,\n\tuseState,\n} from 'react'\nimport { useParams, useRouteLoaderData } from 'react-router'\nimport { z } from 'zod'\nimport { type RootLoaderData } from '#app/root.tsx'\nimport { useIsOnline } from './online.ts'\nimport { useRequestInfo } from './request-info.ts'\n\nexport * from '@epic-web/workshop-presence/presence'\n\nconst PresenceContext = createContext<ReturnType<\n\ttypeof usePresenceSocket\n> | null>(null)\n\nexport function usePresencePreferences() {\n\tconst data = useRouteLoaderData('root') as RootLoaderData\n\treturn data?.preferences?.presence ?? null\n}\n\nexport function useOptionalWorkshopTitle() {\n\tconst data = useRouteLoaderData('root') as RootLoaderData\n\treturn data?.workshopTitle ?? null\n}\n\nconst ExerciseAppParamsSchema = z.object({\n\ttype: z.union([z.literal('problem'), z.literal('solution')]).optional(),\n\texerciseNumber: z.coerce.number().finite(),\n\tstepNumber: z.coerce.number().finite().optional(),\n})\n\n/**\n * useFirstCallDelayedCallback\n *\n * This hook creates a callback that is delayed on its first call.\n * It's useful for scenarios where you want to delay the execution of a function\n * for a certain amount of time, but only on the initial call.\n *\n * If it's called again before the delay expires, then the prior call is ignored\n * and when the delay expires, the latest call is executed.\n *\n * The motivation here is that the server may get one set of presence and by the\n * time it shows up on the client it's stale. This delays the re-rendering of\n * the UI to avoid a flicker as soon as you land on the page.\n *\n * @param cb The callback function to be delayed\n * @param delay The delay in milliseconds before the callback is executed\n * @returns A new function that wraps the original callback with the delay logic\n */\nfunction useFirstCallDelayedCallback<Args extends unknown[]>(\n\tcb: (...args: Args) => void,\n\tdelay: number,\n) {\n\tconst [timedPromise] = useState(\n\t\t() => new Promise((resolve) => setTimeout(resolve, delay)),\n\t)\n\tconst mounted = useRef(true)\n\tconst currentCallRef = useRef<symbol | null>(null)\n\tconst lastCbRef = useRef(cb)\n\n\tuseEffect(() => {\n\t\tlastCbRef.current = cb\n\t}, [cb])\n\n\tconst delayedCb = useCallback(\n\t\t(...args: Args) => {\n\t\t\tconst thisOne = Symbol()\n\t\t\tcurrentCallRef.current = thisOne\n\t\t\tvoid timedPromise.then(() => {\n\t\t\t\tif (!mounted.current) return\n\t\t\t\tif (currentCallRef.current !== thisOne) {\n\t\t\t\t\treturn\n\t\t\t\t}\n\n\t\t\t\tlastCbRef.current(...args)\n\t\t\t})\n\t\t},\n\t\t[timedPromise],\n\t)\n\n\treturn delayedCb\n}\n\nfunction useUsersLocation() {\n\tconst workshopTitle = useOptionalWorkshopTitle()\n\tconst requestInfo = useRequestInfo()\n\tconst rawParams = useParams()\n\tconst paramsResult = ExerciseAppParamsSchema.safeParse(rawParams)\n\tconst params = paramsResult.success ? paramsResult.data : null\n\n\treturn {\n\t\tworkshopTitle,\n\t\torigin: requestInfo.origin,\n\t\t...(params\n\t\t\t? {\n\t\t\t\t\texercise: {\n\t\t\t\t\t\ttype: params.type,\n\t\t\t\t\t\texerciseNumber: params.exerciseNumber,\n\t\t\t\t\t\tstepNumber: params.stepNumber,\n\t\t\t\t\t},\n\t\t\t\t}\n\t\t\t: null),\n\t} satisfies User['location']\n}\n\nfunction usePresenceSocket(user?: User | null) {\n\tconst prefs = usePresencePreferences()\n\tconst {\n\t\tuserHasAccess = false,\n\t\tuserId,\n\t\tpresence,\n\t} = (useRouteLoaderData('root') as RootLoaderData) ?? {}\n\tconst [users, setUsers] = useState(presence?.users ?? [])\n\tconst usersLocation = useUsersLocation()\n\n\tconst handleMessage = useFirstCallDelayedCallback((evt: MessageEvent) => {\n\t\tconst messageResult = MessageSchema.safeParse(JSON.parse(String(evt.data)))\n\t\tif (!messageResult.success) return\n\t\tif (messageResult.data.type === 'presence') {\n\t\t\tsetUsers(messageResult.data.payload.users)\n\t\t}\n\t}, 2000)\n\n\tconst socket = usePartySocket({\n\t\thost: new URL(partykitBaseUrl).host,\n\t\troom: partykitRoom,\n\t\tonMessage: handleMessage,\n\t})\n\n\tlet message: Message | null = null\n\tif (user) {\n\t\tif (prefs?.optOut) {\n\t\t\tmessage = { type: 'remove-user', payload: { id: user.id } }\n\t\t} else {\n\t\t\tmessage = {\n\t\t\t\ttype: 'add-user',\n\t\t\t\tpayload: {\n\t\t\t\t\tid: user.id,\n\t\t\t\t\tname: user.name,\n\t\t\t\t\thasAccess: userHasAccess,\n\t\t\t\t\timageUrlSmall: user.imageUrlSmall,\n\t\t\t\t\timageUrlLarge: user.imageUrlLarge,\n\t\t\t\t\tlocation: usersLocation,\n\t\t\t\t},\n\t\t\t}\n\t\t}\n\t} else if (userId?.id) {\n\t\tmessage = {\n\t\t\ttype: 'add-user',\n\t\t\tpayload: { id: userId.id, location: usersLocation },\n\t\t}\n\t}\n\n\tconst messageJson = message ? JSON.stringify(message) : null\n\tuseEffect(() => {\n\t\tif (messageJson) socket.send(messageJson)\n\t}, [messageJson, socket])\n\n\tconst scoredUsers = scoreUsers(\n\t\t{ id: userId?.id, location: usersLocation },\n\t\tusers,\n\t)\n\n\treturn { users: scoredUsers }\n}\n\nfunction scoreUsers(\n\tuser: { id?: string | null; location: User['location'] },\n\tusers: Array<User>,\n) {\n\tconst { location } = user\n\tconst scoredUsers = users.map((user) => {\n\t\tlet score = 0\n\t\tconst available = 5\n\t\tif (user.hasAccess) {\n\t\t\tscore += 1\n\t\t}\n\t\tif (location?.workshopTitle === user.location?.workshopTitle) {\n\t\t\tscore += 1\n\t\t\tif (\n\t\t\t\tlocation?.exercise?.exerciseNumber &&\n\t\t\t\tlocation.exercise.exerciseNumber ===\n\t\t\t\t\tuser.location?.exercise?.exerciseNumber\n\t\t\t) {\n\t\t\t\tscore += 1\n\t\t\t\tif (\n\t\t\t\t\tlocation.exercise.stepNumber &&\n\t\t\t\t\tlocation.exercise.stepNumber === user.location.exercise.stepNumber\n\t\t\t\t) {\n\t\t\t\t\tscore += 1\n\t\t\t\t\tif (\n\t\t\t\t\t\tlocation.exercise.type &&\n\t\t\t\t\t\tlocation.exercise.type === user.location.exercise.type\n\t\t\t\t\t) {\n\t\t\t\t\t\tscore += 1\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn { user, score: Math.floor((score / available) * 10) / 10 }\n\t})\n\treturn scoredUsers.sort((a, b) => {\n\t\tif (a.user.id === user?.id) return -1\n\t\tif (b.user.id === user?.id) return 1\n\t\tif (a.score === b.score) return 0\n\t\treturn a.score > b.score ? -1 : 1\n\t})\n}\n\nfunction PresenceOnline({\n\tuser,\n\tchildren,\n}: {\n\tuser?: User | null\n\tchildren: React.ReactNode\n}) {\n\treturn (\n\t\t<PresenceContext.Provider value={usePresenceSocket(user)}>\n\t\t\t{children}\n\t\t</PresenceContext.Provider>\n\t)\n}\n\nfunction PresenceOffline({\n\tuser,\n\tchildren,\n}: {\n\tuser?: User | null\n\tchildren: React.ReactNode\n}) {\n\tconst usersLocation = useUsersLocation()\n\tconst { presence } = (useRouteLoaderData('root') as RootLoaderData) ?? {}\n\treturn (\n\t\t<PresenceContext.Provider\n\t\t\tvalue={{\n\t\t\t\tusers: scoreUsers(\n\t\t\t\t\t{ id: user?.id, location: usersLocation },\n\t\t\t\t\tpresence?.users ?? [],\n\t\t\t\t),\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</PresenceContext.Provider>\n\t)\n}\n\nexport function Presence({\n\tuser,\n\tchildren,\n}: {\n\tuser?: User | null\n\tchildren: React.ReactNode\n}) {\n\tconst isOnline = useIsOnline()\n\tif (isOnline) {\n\t\treturn <PresenceOnline user={user}>{children}</PresenceOnline>\n\t} else {\n\t\treturn <PresenceOffline user={user}>{children}</PresenceOffline>\n\t}\n}\n\nexport function usePresence() {\n\tconst presence = useContext(PresenceContext)\n\tif (!presence) {\n\t\tthrow new Error('usePresence must be used within a PresenceProvider')\n\t}\n\treturn presence\n}\n"],"names":["partykitRoom","partykitBaseUrl","UserSchema","z.object","z.string","z.boolean","z.union","z.literal","z.number","MessageSchema","z.array","ErrorEvent","error","target","CloseEvent","code","reason","Events","assert","condition","msg","cloneEventBrowser","e","cloneEventNode","_a","isNode","cloneEvent","DEFAULT","didWarnAboutMissingWebSocket","ReconnectingWebSocket","_ReconnectingWebSocket","url","protocols","options","value","acc","message","data","maxEnqueuedMessages","args","reconnectionDelayGrowFactor","minReconnectionDelay","maxReconnectionDelay","delay","resolve","protocolsProvider","urlProvider","maxRetries","connectionTimeout","WS","err","event","minUptime","_a2","valueIsNotNil","keyValuePair","generateUUID","d","d2","c","r","getPartyInfo","partySocketOptions","defaultProtocol","defaultParams","rawHost","rawPath","rawProtocol","room","party","basePath","prefix","query","host","name","path","protocol","baseUrl","makeUrl","query2","PartySocket","wsOptions","getWSOptions","_pk","_pkurl","init","id","_host","_path","_party","_room","_protocol","_query","socketOptions","useAttachWebSocketEventHandlers","socket","handlersRef","useRef","useEffect","onOpen","_b","onMessage","onClose","onError","getOptionsThatShouldCauseRestartWhenChanged","useStableSocket","createSocket","createOptionsMemoKey","shouldReconnect","useMemo","setSocket","useState","socketInitializedRef","useRef2","createSocketRef","useEffect2","newSocket","usePartySocket","otherOptions","options2","PresenceContext","createContext","usePresencePreferences","useRouteLoaderData","useOptionalWorkshopTitle","ExerciseAppParamsSchema","z.coerce","useFirstCallDelayedCallback","cb","timedPromise","mounted","currentCallRef","lastCbRef","useCallback","thisOne","useUsersLocation","workshopTitle","requestInfo","useRequestInfo","rawParams","useParams","paramsResult","params","usePresenceSocket","user","prefs","userHasAccess","userId","presence","users","setUsers","usersLocation","handleMessage","evt","messageResult","messageJson","scoreUsers","location","score","available","a","b","PresenceOnline","children","jsx","PresenceOffline","Presence","useIsOnline","usePresence","useContext"],"mappings":"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","x_google_ignoreList":[1,2,3,4]}
+{"version":3,"file":"presence-CusrArdA.js","sources":["../../../../workshop-presence/src/presence.ts","../../../../../node_modules/partysocket/dist/chunk-ZCZZNAX5.mjs","../../../../../node_modules/partysocket/dist/chunk-YAFTF3NH.mjs","../../../../../node_modules/partysocket/dist/chunk-IYN7URSK.mjs","../../../../../node_modules/partysocket/dist/react.mjs","../../../app/utils/presence.tsx"],"sourcesContent":["import { z } from 'zod'\n\nexport const partykitRoom = 'epic-web-presence'\n// export const partykitBaseUrl = `http://127.0.0.1:1999/parties/main/${partykitRoom}`\nexport const partykitBaseUrl = `https://epic-web-presence.kentcdodds.partykit.dev/parties/main/${partykitRoom}`\n\nexport const UserSchema = z.object({\n\tid: z.string(),\n\thasAccess: z.boolean().nullable().optional(),\n\t// TODO: remove the avatarUrl field once people have updated their workshops\n\tavatarUrl: z.string().nullable().optional(),\n\timageUrlSmall: z.string().nullable().optional(),\n\timageUrlLarge: z.string().nullable().optional(),\n\tname: z.string().nullable().optional(),\n\tlocation: z\n\t\t.object({\n\t\t\tworkshopTitle: z.string().nullable().optional(),\n\t\t\torigin: z.string().nullable().optional(),\n\t\t\texercise: z\n\t\t\t\t.object({\n\t\t\t\t\ttype: z\n\t\t\t\t\t\t.union([z.literal('problem'), z.literal('solution')])\n\t\t\t\t\t\t.nullable()\n\t\t\t\t\t\t.optional(),\n\t\t\t\t\texerciseNumber: z.number().nullable().optional(),\n\t\t\t\t\tstepNumber: z.number().nullable().optional(),\n\t\t\t\t})\n\t\t\t\t.nullable()\n\t\t\t\t.optional(),\n\t\t})\n\t\t.nullable()\n\t\t.optional(),\n})\n\nexport const MessageSchema = z\n\t.object({\n\t\ttype: z.literal('remove-user'),\n\t\tpayload: z.object({ id: z.string() }),\n\t})\n\t.or(z.object({ type: z.literal('add-user'), payload: UserSchema }))\n\t.or(\n\t\tz.object({\n\t\t\ttype: z.literal('presence'),\n\t\t\tpayload: z.object({ users: z.array(UserSchema) }),\n\t\t}),\n\t)\n\nexport type Message = z.infer<typeof MessageSchema>\n\nexport type User = z.infer<typeof UserSchema>\n\nexport const PresenceSchema = z.object({ users: z.array(UserSchema) })\n","// src/ws.ts\nif (!globalThis.EventTarget || !globalThis.Event) {\n  console.error(`\n  PartySocket requires a global 'EventTarget' class to be available!\n  You can polyfill this global by adding this to your code before any partysocket imports: \n  \n  \\`\\`\\`\n  import 'partysocket/event-target-polyfill';\n  \\`\\`\\`\n  Please file an issue at https://github.com/partykit/partykit if you're still having trouble.\n`);\n}\nvar ErrorEvent = class extends Event {\n  message;\n  error;\n  // biome-ignore lint/suspicious/noExplicitAny: vibes\n  constructor(error, target) {\n    super(\"error\", target);\n    this.message = error.message;\n    this.error = error;\n  }\n};\nvar CloseEvent = class extends Event {\n  code;\n  reason;\n  wasClean = true;\n  // biome-ignore lint/style/useDefaultParameterLast: legacy\n  // biome-ignore lint/suspicious/noExplicitAny: legacy\n  constructor(code = 1e3, reason = \"\", target) {\n    super(\"close\", target);\n    this.code = code;\n    this.reason = reason;\n  }\n};\nvar Events = {\n  Event,\n  ErrorEvent,\n  CloseEvent\n};\nfunction assert(condition, msg) {\n  if (!condition) {\n    throw new Error(msg);\n  }\n}\nfunction cloneEventBrowser(e) {\n  return new e.constructor(e.type, e);\n}\nfunction cloneEventNode(e) {\n  if (\"data\" in e) {\n    const evt2 = new MessageEvent(e.type, e);\n    return evt2;\n  }\n  if (\"code\" in e || \"reason\" in e) {\n    const evt2 = new CloseEvent(\n      // @ts-expect-error we need to fix event/listener types\n      e.code || 1999,\n      // @ts-expect-error we need to fix event/listener types\n      e.reason || \"unknown reason\",\n      e\n    );\n    return evt2;\n  }\n  if (\"error\" in e) {\n    const evt2 = new ErrorEvent(e.error, e);\n    return evt2;\n  }\n  const evt = new Event(e.type, e);\n  return evt;\n}\nvar _a;\nvar isNode =\n  typeof process !== \"undefined\" &&\n  typeof ((_a = process.versions) == null ? void 0 : _a.node) !== \"undefined\" &&\n  typeof document === \"undefined\";\nvar cloneEvent = isNode ? cloneEventNode : cloneEventBrowser;\nvar DEFAULT = {\n  maxReconnectionDelay: 1e4,\n  minReconnectionDelay: 1e3 + Math.random() * 4e3,\n  minUptime: 5e3,\n  reconnectionDelayGrowFactor: 1.3,\n  connectionTimeout: 4e3,\n  maxRetries: Number.POSITIVE_INFINITY,\n  maxEnqueuedMessages: Number.POSITIVE_INFINITY,\n  startClosed: false,\n  debug: false\n};\nvar didWarnAboutMissingWebSocket = false;\nvar ReconnectingWebSocket = class _ReconnectingWebSocket extends EventTarget {\n  _ws;\n  _retryCount = -1;\n  _uptimeTimeout;\n  _connectTimeout;\n  _shouldReconnect = true;\n  _connectLock = false;\n  _binaryType = \"blob\";\n  _closeCalled = false;\n  _messageQueue = [];\n  _debugLogger = console.log.bind(console);\n  _url;\n  _protocols;\n  _options;\n  constructor(url, protocols, options = {}) {\n    super();\n    this._url = url;\n    this._protocols = protocols;\n    this._options = options;\n    if (this._options.startClosed) {\n      this._shouldReconnect = false;\n    }\n    if (this._options.debugLogger) {\n      this._debugLogger = this._options.debugLogger;\n    }\n    this._connect();\n  }\n  static get CONNECTING() {\n    return 0;\n  }\n  static get OPEN() {\n    return 1;\n  }\n  static get CLOSING() {\n    return 2;\n  }\n  static get CLOSED() {\n    return 3;\n  }\n  get CONNECTING() {\n    return _ReconnectingWebSocket.CONNECTING;\n  }\n  get OPEN() {\n    return _ReconnectingWebSocket.OPEN;\n  }\n  get CLOSING() {\n    return _ReconnectingWebSocket.CLOSING;\n  }\n  get CLOSED() {\n    return _ReconnectingWebSocket.CLOSED;\n  }\n  get binaryType() {\n    return this._ws ? this._ws.binaryType : this._binaryType;\n  }\n  set binaryType(value) {\n    this._binaryType = value;\n    if (this._ws) {\n      this._ws.binaryType = value;\n    }\n  }\n  /**\n   * Returns the number or connection retries\n   */\n  get retryCount() {\n    return Math.max(this._retryCount, 0);\n  }\n  /**\n   * The number of bytes of data that have been queued using calls to send() but not yet\n   * transmitted to the network. This value resets to zero once all queued data has been sent.\n   * This value does not reset to zero when the connection is closed; if you keep calling send(),\n   * this will continue to climb. Read only\n   */\n  get bufferedAmount() {\n    const bytes = this._messageQueue.reduce((acc, message) => {\n      if (typeof message === \"string\") {\n        acc += message.length;\n      } else if (message instanceof Blob) {\n        acc += message.size;\n      } else {\n        acc += message.byteLength;\n      }\n      return acc;\n    }, 0);\n    return bytes + (this._ws ? this._ws.bufferedAmount : 0);\n  }\n  /**\n   * The extensions selected by the server. This is currently only the empty string or a list of\n   * extensions as negotiated by the connection\n   */\n  get extensions() {\n    return this._ws ? this._ws.extensions : \"\";\n  }\n  /**\n   * A string indicating the name of the sub-protocol the server selected;\n   * this will be one of the strings specified in the protocols parameter when creating the\n   * WebSocket object\n   */\n  get protocol() {\n    return this._ws ? this._ws.protocol : \"\";\n  }\n  /**\n   * The current state of the connection; this is one of the Ready state constants\n   */\n  get readyState() {\n    if (this._ws) {\n      return this._ws.readyState;\n    }\n    return this._options.startClosed\n      ? _ReconnectingWebSocket.CLOSED\n      : _ReconnectingWebSocket.CONNECTING;\n  }\n  /**\n   * The URL as resolved by the constructor\n   */\n  get url() {\n    return this._ws ? this._ws.url : \"\";\n  }\n  /**\n   * Whether the websocket object is now in reconnectable state\n   */\n  get shouldReconnect() {\n    return this._shouldReconnect;\n  }\n  /**\n   * An event listener to be called when the WebSocket connection's readyState changes to CLOSED\n   */\n  onclose = null;\n  /**\n   * An event listener to be called when an error occurs\n   */\n  onerror = null;\n  /**\n   * An event listener to be called when a message is received from the server\n   */\n  onmessage = null;\n  /**\n   * An event listener to be called when the WebSocket connection's readyState changes to OPEN;\n   * this indicates that the connection is ready to send and receive data\n   */\n  onopen = null;\n  /**\n   * Closes the WebSocket connection or connection attempt, if any. If the connection is already\n   * CLOSED, this method does nothing\n   */\n  close(code = 1e3, reason) {\n    this._closeCalled = true;\n    this._shouldReconnect = false;\n    this._clearTimeouts();\n    if (!this._ws) {\n      this._debug(\"close enqueued: no ws instance\");\n      return;\n    }\n    if (this._ws.readyState === this.CLOSED) {\n      this._debug(\"close: already closed\");\n      return;\n    }\n    this._ws.close(code, reason);\n  }\n  /**\n   * Closes the WebSocket connection or connection attempt and connects again.\n   * Resets retry counter;\n   */\n  reconnect(code, reason) {\n    this._shouldReconnect = true;\n    this._closeCalled = false;\n    this._retryCount = -1;\n    if (!this._ws || this._ws.readyState === this.CLOSED) {\n      this._connect();\n    } else {\n      this._disconnect(code, reason);\n      this._connect();\n    }\n  }\n  /**\n   * Enqueue specified data to be transmitted to the server over the WebSocket connection\n   */\n  send(data) {\n    if (this._ws && this._ws.readyState === this.OPEN) {\n      this._debug(\"send\", data);\n      this._ws.send(data);\n    } else {\n      const { maxEnqueuedMessages = DEFAULT.maxEnqueuedMessages } =\n        this._options;\n      if (this._messageQueue.length < maxEnqueuedMessages) {\n        this._debug(\"enqueue\", data);\n        this._messageQueue.push(data);\n      }\n    }\n  }\n  _debug(...args) {\n    if (this._options.debug) {\n      this._debugLogger(\"RWS>\", ...args);\n    }\n  }\n  _getNextDelay() {\n    const {\n      reconnectionDelayGrowFactor = DEFAULT.reconnectionDelayGrowFactor,\n      minReconnectionDelay = DEFAULT.minReconnectionDelay,\n      maxReconnectionDelay = DEFAULT.maxReconnectionDelay\n    } = this._options;\n    let delay = 0;\n    if (this._retryCount > 0) {\n      delay =\n        minReconnectionDelay *\n        reconnectionDelayGrowFactor ** (this._retryCount - 1);\n      if (delay > maxReconnectionDelay) {\n        delay = maxReconnectionDelay;\n      }\n    }\n    this._debug(\"next delay\", delay);\n    return delay;\n  }\n  _wait() {\n    return new Promise((resolve) => {\n      setTimeout(resolve, this._getNextDelay());\n    });\n  }\n  _getNextProtocols(protocolsProvider) {\n    if (!protocolsProvider) return Promise.resolve(null);\n    if (\n      typeof protocolsProvider === \"string\" ||\n      Array.isArray(protocolsProvider)\n    ) {\n      return Promise.resolve(protocolsProvider);\n    }\n    if (typeof protocolsProvider === \"function\") {\n      const protocols = protocolsProvider();\n      if (!protocols) return Promise.resolve(null);\n      if (typeof protocols === \"string\" || Array.isArray(protocols)) {\n        return Promise.resolve(protocols);\n      }\n      if (protocols.then) {\n        return protocols;\n      }\n    }\n    throw Error(\"Invalid protocols\");\n  }\n  _getNextUrl(urlProvider) {\n    if (typeof urlProvider === \"string\") {\n      return Promise.resolve(urlProvider);\n    }\n    if (typeof urlProvider === \"function\") {\n      const url = urlProvider();\n      if (typeof url === \"string\") {\n        return Promise.resolve(url);\n      }\n      if (url.then) {\n        return url;\n      }\n    }\n    throw Error(\"Invalid URL\");\n  }\n  _connect() {\n    if (this._connectLock || !this._shouldReconnect) {\n      return;\n    }\n    this._connectLock = true;\n    const {\n      maxRetries = DEFAULT.maxRetries,\n      connectionTimeout = DEFAULT.connectionTimeout\n    } = this._options;\n    if (this._retryCount >= maxRetries) {\n      this._debug(\"max retries reached\", this._retryCount, \">=\", maxRetries);\n      return;\n    }\n    this._retryCount++;\n    this._debug(\"connect\", this._retryCount);\n    this._removeListeners();\n    this._wait()\n      .then(() =>\n        Promise.all([\n          this._getNextUrl(this._url),\n          this._getNextProtocols(this._protocols || null)\n        ])\n      )\n      .then(([url, protocols]) => {\n        if (this._closeCalled) {\n          this._connectLock = false;\n          return;\n        }\n        if (\n          !this._options.WebSocket &&\n          typeof WebSocket === \"undefined\" &&\n          !didWarnAboutMissingWebSocket\n        ) {\n          console.error(`\\u203C\\uFE0F No WebSocket implementation available. You should define options.WebSocket. \n\nFor example, if you're using node.js, run \\`npm install ws\\`, and then in your code:\n\nimport PartySocket from 'partysocket';\nimport WS from 'ws';\n\nconst partysocket = new PartySocket({\n  host: \"127.0.0.1:1999\",\n  room: \"test-room\",\n  WebSocket: WS\n});\n\n`);\n          didWarnAboutMissingWebSocket = true;\n        }\n        const WS = this._options.WebSocket || WebSocket;\n        this._debug(\"connect\", { url, protocols });\n        this._ws = protocols ? new WS(url, protocols) : new WS(url);\n        this._ws.binaryType = this._binaryType;\n        this._connectLock = false;\n        this._addListeners();\n        this._connectTimeout = setTimeout(\n          () => this._handleTimeout(),\n          connectionTimeout\n        );\n      })\n      .catch((err) => {\n        this._connectLock = false;\n        this._handleError(new Events.ErrorEvent(Error(err.message), this));\n      });\n  }\n  _handleTimeout() {\n    this._debug(\"timeout event\");\n    this._handleError(new Events.ErrorEvent(Error(\"TIMEOUT\"), this));\n  }\n  _disconnect(code = 1e3, reason) {\n    this._clearTimeouts();\n    if (!this._ws) {\n      return;\n    }\n    this._removeListeners();\n    try {\n      if (\n        this._ws.readyState === this.OPEN ||\n        this._ws.readyState === this.CONNECTING\n      ) {\n        this._ws.close(code, reason);\n      }\n      this._handleClose(new Events.CloseEvent(code, reason, this));\n    } catch (error) {}\n  }\n  _acceptOpen() {\n    this._debug(\"accept open\");\n    this._retryCount = 0;\n  }\n  _handleOpen = (event) => {\n    this._debug(\"open event\");\n    const { minUptime = DEFAULT.minUptime } = this._options;\n    clearTimeout(this._connectTimeout);\n    this._uptimeTimeout = setTimeout(() => this._acceptOpen(), minUptime);\n    assert(this._ws, \"WebSocket is not defined\");\n    this._ws.binaryType = this._binaryType;\n    this._messageQueue.forEach((message) => {\n      var _a2;\n      return (_a2 = this._ws) == null ? void 0 : _a2.send(message);\n    });\n    this._messageQueue = [];\n    if (this.onopen) {\n      this.onopen(event);\n    }\n    this.dispatchEvent(cloneEvent(event));\n  };\n  _handleMessage = (event) => {\n    this._debug(\"message event\");\n    if (this.onmessage) {\n      this.onmessage(event);\n    }\n    this.dispatchEvent(cloneEvent(event));\n  };\n  _handleError = (event) => {\n    this._debug(\"error event\", event.message);\n    this._disconnect(void 0, event.message === \"TIMEOUT\" ? \"timeout\" : void 0);\n    if (this.onerror) {\n      this.onerror(event);\n    }\n    this._debug(\"exec error listeners\");\n    this.dispatchEvent(cloneEvent(event));\n    this._connect();\n  };\n  _handleClose = (event) => {\n    this._debug(\"close event\");\n    this._clearTimeouts();\n    if (this._shouldReconnect) {\n      this._connect();\n    }\n    if (this.onclose) {\n      this.onclose(event);\n    }\n    this.dispatchEvent(cloneEvent(event));\n  };\n  _removeListeners() {\n    if (!this._ws) {\n      return;\n    }\n    this._debug(\"removeListeners\");\n    this._ws.removeEventListener(\"open\", this._handleOpen);\n    this._ws.removeEventListener(\"close\", this._handleClose);\n    this._ws.removeEventListener(\"message\", this._handleMessage);\n    this._ws.removeEventListener(\"error\", this._handleError);\n  }\n  _addListeners() {\n    if (!this._ws) {\n      return;\n    }\n    this._debug(\"addListeners\");\n    this._ws.addEventListener(\"open\", this._handleOpen);\n    this._ws.addEventListener(\"close\", this._handleClose);\n    this._ws.addEventListener(\"message\", this._handleMessage);\n    this._ws.addEventListener(\"error\", this._handleError);\n  }\n  _clearTimeouts() {\n    clearTimeout(this._connectTimeout);\n    clearTimeout(this._uptimeTimeout);\n  }\n};\n\nexport { ErrorEvent, CloseEvent, ReconnectingWebSocket };\n/*!\n * Reconnecting WebSocket\n * by Pedro Ladaria <pedro.ladaria@gmail.com>\n * https://github.com/pladaria/reconnecting-websocket\n * License MIT\n */\n//# sourceMappingURL=chunk-ZCZZNAX5.mjs.map\n","import { ReconnectingWebSocket } from \"./chunk-ZCZZNAX5.mjs\";\n\n// src/index.ts\nvar valueIsNotNil = (keyValuePair) =>\n  keyValuePair[1] !== null && keyValuePair[1] !== void 0;\nfunction generateUUID() {\n  if (typeof crypto !== \"undefined\" && crypto.randomUUID) {\n    return crypto.randomUUID();\n  }\n  let d = /* @__PURE__ */ new Date().getTime();\n  let d2 =\n    (typeof performance !== \"undefined\" &&\n      performance.now &&\n      performance.now() * 1e3) ||\n    0;\n  return \"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx\".replace(/[xy]/g, function (c) {\n    let r = Math.random() * 16;\n    if (d > 0) {\n      r = (d + r) % 16 | 0;\n      d = Math.floor(d / 16);\n    } else {\n      r = (d2 + r) % 16 | 0;\n      d2 = Math.floor(d2 / 16);\n    }\n    return (c === \"x\" ? r : (r & 3) | 8).toString(16);\n  });\n}\nfunction getPartyInfo(partySocketOptions, defaultProtocol, defaultParams = {}) {\n  const {\n    host: rawHost,\n    path: rawPath,\n    protocol: rawProtocol,\n    room,\n    party,\n    basePath,\n    prefix,\n    query\n  } = partySocketOptions;\n  let host = rawHost.replace(/^(http|https|ws|wss):\\/\\//, \"\");\n  if (host.endsWith(\"/\")) {\n    host = host.slice(0, -1);\n  }\n  if (rawPath == null ? void 0 : rawPath.startsWith(\"/\")) {\n    throw new Error(\"path must not start with a slash\");\n  }\n  const name = party ?? \"main\";\n  const path = rawPath ? `/${rawPath}` : \"\";\n  const protocol =\n    rawProtocol ||\n    (host.startsWith(\"localhost:\") ||\n    host.startsWith(\"127.0.0.1:\") ||\n    host.startsWith(\"192.168.\") ||\n    host.startsWith(\"10.\") ||\n    (host.startsWith(\"172.\") &&\n      host.split(\".\")[1] >= \"16\" &&\n      host.split(\".\")[1] <= \"31\") ||\n    host.startsWith(\"[::ffff:7f00:1]:\")\n      ? // http / ws\n        defaultProtocol\n      : // https / wss\n        `${defaultProtocol}s`);\n  const baseUrl = `${protocol}://${host}/${basePath || `${prefix || \"parties\"}/${name}/${room}`}${path}`;\n  const makeUrl = (query2 = {}) =>\n    `${baseUrl}?${new URLSearchParams([\n      ...Object.entries(defaultParams),\n      ...Object.entries(query2).filter(valueIsNotNil)\n    ])}`;\n  const urlProvider =\n    typeof query === \"function\"\n      ? async () => makeUrl(await query())\n      : makeUrl(query);\n  return {\n    host,\n    path,\n    room,\n    name,\n    protocol,\n    partyUrl: baseUrl,\n    urlProvider\n  };\n}\nvar PartySocket = class extends ReconnectingWebSocket {\n  constructor(partySocketOptions) {\n    const wsOptions = getWSOptions(partySocketOptions);\n    super(wsOptions.urlProvider, wsOptions.protocols, wsOptions.socketOptions);\n    this.partySocketOptions = partySocketOptions;\n    this.setWSProperties(wsOptions);\n  }\n  _pk;\n  _pkurl;\n  name;\n  room;\n  host;\n  path;\n  updateProperties(partySocketOptions) {\n    const wsOptions = getWSOptions({\n      ...this.partySocketOptions,\n      ...partySocketOptions,\n      host: partySocketOptions.host ?? this.host,\n      room: partySocketOptions.room ?? this.room,\n      path: partySocketOptions.path ?? this.path\n    });\n    this._url = wsOptions.urlProvider;\n    this._protocols = wsOptions.protocols;\n    this._options = wsOptions.socketOptions;\n    this.setWSProperties(wsOptions);\n  }\n  setWSProperties(wsOptions) {\n    const { _pk, _pkurl, name, room, host, path } = wsOptions;\n    this._pk = _pk;\n    this._pkurl = _pkurl;\n    this.name = name;\n    this.room = room;\n    this.host = host;\n    this.path = path;\n  }\n  reconnect(code, reason) {\n    if (!this.room || !this.host) {\n      throw new Error(\n        \"The room and host must be set before connecting, use `updateProperties` method to set them or pass them to the constructor.\"\n      );\n    }\n    super.reconnect(code, reason);\n  }\n  get id() {\n    return this._pk;\n  }\n  /**\n   * Exposes the static PartyKit room URL without applying query parameters.\n   * To access the currently connected WebSocket url, use PartySocket#url.\n   */\n  get roomUrl() {\n    return this._pkurl;\n  }\n  // a `fetch` method that uses (almost) the same options as `PartySocket`\n  static async fetch(options, init) {\n    const party = getPartyInfo(options, \"http\");\n    const url =\n      typeof party.urlProvider === \"string\"\n        ? party.urlProvider\n        : await party.urlProvider();\n    const doFetch = options.fetch ?? fetch;\n    return doFetch(url, init);\n  }\n};\nfunction getWSOptions(partySocketOptions) {\n  const {\n    id,\n    host: _host,\n    path: _path,\n    party: _party,\n    room: _room,\n    protocol: _protocol,\n    query: _query,\n    protocols,\n    ...socketOptions\n  } = partySocketOptions;\n  const _pk = id || generateUUID();\n  const party = getPartyInfo(partySocketOptions, \"ws\", { _pk });\n  return {\n    _pk,\n    _pkurl: party.partyUrl,\n    name: party.name,\n    room: party.room,\n    host: party.host,\n    path: party.path,\n    protocols,\n    socketOptions,\n    urlProvider: party.urlProvider\n  };\n}\n\nexport { PartySocket };\n//# sourceMappingURL=chunk-YAFTF3NH.mjs.map\n","import { ReconnectingWebSocket } from \"./chunk-ZCZZNAX5.mjs\";\n\n// src/use-handlers.ts\nimport { useEffect, useRef } from \"react\";\nvar useAttachWebSocketEventHandlers = (socket, options) => {\n  const handlersRef = useRef(options);\n  handlersRef.current = options;\n  useEffect(() => {\n    const onOpen = (event) => {\n      var _a, _b;\n      return (_b = (_a = handlersRef.current) == null ? void 0 : _a.onOpen) ==\n        null\n        ? void 0\n        : _b.call(_a, event);\n    };\n    const onMessage = (event) => {\n      var _a, _b;\n      return (_b =\n        (_a = handlersRef.current) == null ? void 0 : _a.onMessage) == null\n        ? void 0\n        : _b.call(_a, event);\n    };\n    const onClose = (event) => {\n      var _a, _b;\n      return (_b = (_a = handlersRef.current) == null ? void 0 : _a.onClose) ==\n        null\n        ? void 0\n        : _b.call(_a, event);\n    };\n    const onError = (event) => {\n      var _a, _b;\n      return (_b = (_a = handlersRef.current) == null ? void 0 : _a.onError) ==\n        null\n        ? void 0\n        : _b.call(_a, event);\n    };\n    socket.addEventListener(\"open\", onOpen);\n    socket.addEventListener(\"close\", onClose);\n    socket.addEventListener(\"error\", onError);\n    socket.addEventListener(\"message\", onMessage);\n    return () => {\n      socket.removeEventListener(\"open\", onOpen);\n      socket.removeEventListener(\"close\", onClose);\n      socket.removeEventListener(\"error\", onError);\n      socket.removeEventListener(\"message\", onMessage);\n    };\n  }, [socket]);\n};\n\n// src/use-socket.ts\nimport {\n  useEffect as useEffect2,\n  useMemo,\n  useRef as useRef2,\n  useState\n} from \"react\";\nvar getOptionsThatShouldCauseRestartWhenChanged = (options) => [\n  options.startClosed,\n  options.minUptime,\n  options.maxRetries,\n  options.connectionTimeout,\n  options.maxEnqueuedMessages,\n  options.maxReconnectionDelay,\n  options.minReconnectionDelay,\n  options.reconnectionDelayGrowFactor,\n  options.debug\n];\nfunction useStableSocket({\n  options,\n  createSocket,\n  createSocketMemoKey: createOptionsMemoKey\n}) {\n  const shouldReconnect = createOptionsMemoKey(options);\n  const socketOptions = useMemo(() => {\n    return options;\n  }, [shouldReconnect]);\n  const [socket, setSocket] = useState(() =>\n    // only connect on first mount\n    createSocket({ ...socketOptions, startClosed: true })\n  );\n  const socketInitializedRef = useRef2(null);\n  const createSocketRef = useRef2(createSocket);\n  createSocketRef.current = createSocket;\n  useEffect2(() => {\n    if (socketInitializedRef.current === socket) {\n      const newSocket = createSocketRef.current({\n        ...socketOptions,\n        // when reconnecting because of options change, we always reconnect\n        // (startClosed only applies to initial mount)\n        startClosed: false\n      });\n      setSocket(newSocket);\n    } else {\n      if (!socketInitializedRef.current && socketOptions.startClosed !== true) {\n        socket.reconnect();\n      }\n      socketInitializedRef.current = socket;\n      return () => {\n        socket.close();\n      };\n    }\n  }, [socket, socketOptions]);\n  return socket;\n}\n\n// src/use-ws.ts\nfunction useWebSocket(url, protocols, options = {}) {\n  const socket = useStableSocket({\n    options,\n    createSocket: (options2) =>\n      new ReconnectingWebSocket(url, protocols, options2),\n    createSocketMemoKey: (options2) =>\n      JSON.stringify([\n        // will reconnect if url or protocols are specified as a string.\n        // if they are functions, the WebSocket will handle reconnection\n        url,\n        protocols,\n        ...getOptionsThatShouldCauseRestartWhenChanged(options2)\n      ])\n  });\n  useAttachWebSocketEventHandlers(socket, options);\n  return socket;\n}\n\nexport {\n  useAttachWebSocketEventHandlers,\n  getOptionsThatShouldCauseRestartWhenChanged,\n  useStableSocket,\n  useWebSocket\n};\n//# sourceMappingURL=chunk-IYN7URSK.mjs.map\n","import { PartySocket } from \"./chunk-YAFTF3NH.mjs\";\nimport {\n  getOptionsThatShouldCauseRestartWhenChanged,\n  useAttachWebSocketEventHandlers,\n  useStableSocket,\n  useWebSocket\n} from \"./chunk-IYN7URSK.mjs\";\nimport \"./chunk-ZCZZNAX5.mjs\";\n\n// src/react.ts\nfunction usePartySocket(options) {\n  const { host, ...otherOptions } = options;\n  const socket = useStableSocket({\n    options: {\n      host:\n        host ||\n        (typeof window !== \"undefined\"\n          ? window.location.host\n          : \"dummy-domain.com\"),\n      ...otherOptions\n    },\n    createSocket: (options2) => new PartySocket(options2),\n    createSocketMemoKey: (options2) =>\n      JSON.stringify([\n        // NOTE: if query is defined as a function, the socket\n        // won't reconnect when you change the function identity\n        options2.query,\n        options2.id,\n        options2.host,\n        options2.room,\n        options2.party,\n        options2.path,\n        options2.protocol,\n        options2.protocols,\n        options2.basePath,\n        options2.prefix,\n        ...getOptionsThatShouldCauseRestartWhenChanged(options2)\n      ])\n  });\n  useAttachWebSocketEventHandlers(socket, options);\n  return socket;\n}\nexport { usePartySocket as default, usePartySocket, useWebSocket };\n//# sourceMappingURL=react.mjs.map\n","import {\n\tMessageSchema,\n\tpartykitBaseUrl,\n\tpartykitRoom,\n\ttype Message,\n\ttype User,\n} from '@epic-web/workshop-presence/presence'\nimport { usePartySocket } from 'partysocket/react'\nimport {\n\tcreateContext,\n\tuseCallback,\n\tuseContext,\n\tuseEffect,\n\tuseRef,\n\tuseState,\n} from 'react'\nimport { useParams, useRouteLoaderData } from 'react-router'\nimport { z } from 'zod'\nimport { type RootLoaderData } from '#app/root.tsx'\nimport { useIsOnline } from './online.ts'\nimport { useRequestInfo } from './request-info.ts'\n\nexport * from '@epic-web/workshop-presence/presence'\n\nconst PresenceContext = createContext<ReturnType<\n\ttypeof usePresenceSocket\n> | null>(null)\n\nexport function usePresencePreferences() {\n\tconst data = useRouteLoaderData('root') as RootLoaderData\n\treturn data?.preferences?.presence ?? null\n}\n\nexport function useOptionalWorkshopTitle() {\n\tconst data = useRouteLoaderData('root') as RootLoaderData\n\treturn data?.workshopTitle ?? null\n}\n\nconst ExerciseAppParamsSchema = z.object({\n\ttype: z.union([z.literal('problem'), z.literal('solution')]).optional(),\n\texerciseNumber: z.coerce.number().finite(),\n\tstepNumber: z.coerce.number().finite().optional(),\n})\n\n/**\n * useFirstCallDelayedCallback\n *\n * This hook creates a callback that is delayed on its first call.\n * It's useful for scenarios where you want to delay the execution of a function\n * for a certain amount of time, but only on the initial call.\n *\n * If it's called again before the delay expires, then the prior call is ignored\n * and when the delay expires, the latest call is executed.\n *\n * The motivation here is that the server may get one set of presence and by the\n * time it shows up on the client it's stale. This delays the re-rendering of\n * the UI to avoid a flicker as soon as you land on the page.\n *\n * @param cb The callback function to be delayed\n * @param delay The delay in milliseconds before the callback is executed\n * @returns A new function that wraps the original callback with the delay logic\n */\nfunction useFirstCallDelayedCallback<Args extends unknown[]>(\n\tcb: (...args: Args) => void,\n\tdelay: number,\n) {\n\tconst [timedPromise] = useState(\n\t\t() => new Promise((resolve) => setTimeout(resolve, delay)),\n\t)\n\tconst mounted = useRef(true)\n\tconst currentCallRef = useRef<symbol | null>(null)\n\tconst lastCbRef = useRef(cb)\n\n\tuseEffect(() => {\n\t\tlastCbRef.current = cb\n\t}, [cb])\n\n\tconst delayedCb = useCallback(\n\t\t(...args: Args) => {\n\t\t\tconst thisOne = Symbol()\n\t\t\tcurrentCallRef.current = thisOne\n\t\t\tvoid timedPromise.then(() => {\n\t\t\t\tif (!mounted.current) return\n\t\t\t\tif (currentCallRef.current !== thisOne) {\n\t\t\t\t\treturn\n\t\t\t\t}\n\n\t\t\t\tlastCbRef.current(...args)\n\t\t\t})\n\t\t},\n\t\t[timedPromise],\n\t)\n\n\treturn delayedCb\n}\n\nfunction useUsersLocation() {\n\tconst workshopTitle = useOptionalWorkshopTitle()\n\tconst requestInfo = useRequestInfo()\n\tconst rawParams = useParams()\n\tconst paramsResult = ExerciseAppParamsSchema.safeParse(rawParams)\n\tconst params = paramsResult.success ? paramsResult.data : null\n\n\treturn {\n\t\tworkshopTitle,\n\t\torigin: requestInfo.origin,\n\t\t...(params\n\t\t\t? {\n\t\t\t\t\texercise: {\n\t\t\t\t\t\ttype: params.type,\n\t\t\t\t\t\texerciseNumber: params.exerciseNumber,\n\t\t\t\t\t\tstepNumber: params.stepNumber,\n\t\t\t\t\t},\n\t\t\t\t}\n\t\t\t: null),\n\t} satisfies User['location']\n}\n\nfunction usePresenceSocket(user?: User | null) {\n\tconst prefs = usePresencePreferences()\n\tconst {\n\t\tuserHasAccess = false,\n\t\tuserId,\n\t\tpresence,\n\t} = (useRouteLoaderData('root') as RootLoaderData) ?? {}\n\tconst [users, setUsers] = useState(presence?.users ?? [])\n\tconst usersLocation = useUsersLocation()\n\n\tconst handleMessage = useFirstCallDelayedCallback((evt: MessageEvent) => {\n\t\tconst messageResult = MessageSchema.safeParse(JSON.parse(String(evt.data)))\n\t\tif (!messageResult.success) return\n\t\tif (messageResult.data.type === 'presence') {\n\t\t\tsetUsers(messageResult.data.payload.users)\n\t\t}\n\t}, 2000)\n\n\tconst socket = usePartySocket({\n\t\thost: new URL(partykitBaseUrl).host,\n\t\troom: partykitRoom,\n\t\tonMessage: handleMessage,\n\t})\n\n\tlet message: Message | null = null\n\tif (user) {\n\t\tif (prefs?.optOut) {\n\t\t\tmessage = { type: 'remove-user', payload: { id: user.id } }\n\t\t} else {\n\t\t\tmessage = {\n\t\t\t\ttype: 'add-user',\n\t\t\t\tpayload: {\n\t\t\t\t\tid: user.id,\n\t\t\t\t\tname: user.name,\n\t\t\t\t\thasAccess: userHasAccess,\n\t\t\t\t\timageUrlSmall: user.imageUrlSmall,\n\t\t\t\t\timageUrlLarge: user.imageUrlLarge,\n\t\t\t\t\tlocation: usersLocation,\n\t\t\t\t},\n\t\t\t}\n\t\t}\n\t} else if (userId?.id) {\n\t\tmessage = {\n\t\t\ttype: 'add-user',\n\t\t\tpayload: { id: userId.id, location: usersLocation },\n\t\t}\n\t}\n\n\tconst messageJson = message ? JSON.stringify(message) : null\n\tuseEffect(() => {\n\t\tif (messageJson) socket.send(messageJson)\n\t}, [messageJson, socket])\n\n\tconst scoredUsers = scoreUsers(\n\t\t{ id: userId?.id, location: usersLocation },\n\t\tusers,\n\t)\n\n\treturn { users: scoredUsers }\n}\n\nfunction scoreUsers(\n\tuser: { id?: string | null; location: User['location'] },\n\tusers: Array<User>,\n) {\n\tconst { location } = user\n\tconst scoredUsers = users.map((user) => {\n\t\tlet score = 0\n\t\tconst available = 5\n\t\tif (user.hasAccess) {\n\t\t\tscore += 1\n\t\t}\n\t\tif (location?.workshopTitle === user.location?.workshopTitle) {\n\t\t\tscore += 1\n\t\t\tif (\n\t\t\t\tlocation?.exercise?.exerciseNumber &&\n\t\t\t\tlocation.exercise.exerciseNumber ===\n\t\t\t\t\tuser.location?.exercise?.exerciseNumber\n\t\t\t) {\n\t\t\t\tscore += 1\n\t\t\t\tif (\n\t\t\t\t\tlocation.exercise.stepNumber &&\n\t\t\t\t\tlocation.exercise.stepNumber === user.location.exercise.stepNumber\n\t\t\t\t) {\n\t\t\t\t\tscore += 1\n\t\t\t\t\tif (\n\t\t\t\t\t\tlocation.exercise.type &&\n\t\t\t\t\t\tlocation.exercise.type === user.location.exercise.type\n\t\t\t\t\t) {\n\t\t\t\t\t\tscore += 1\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn { user, score: Math.floor((score / available) * 10) / 10 }\n\t})\n\treturn scoredUsers.sort((a, b) => {\n\t\tif (a.user.id === user?.id) return -1\n\t\tif (b.user.id === user?.id) return 1\n\t\tif (a.score === b.score) return 0\n\t\treturn a.score > b.score ? -1 : 1\n\t})\n}\n\nfunction PresenceOnline({\n\tuser,\n\tchildren,\n}: {\n\tuser?: User | null\n\tchildren: React.ReactNode\n}) {\n\treturn (\n\t\t<PresenceContext.Provider value={usePresenceSocket(user)}>\n\t\t\t{children}\n\t\t</PresenceContext.Provider>\n\t)\n}\n\nfunction PresenceOffline({\n\tuser,\n\tchildren,\n}: {\n\tuser?: User | null\n\tchildren: React.ReactNode\n}) {\n\tconst usersLocation = useUsersLocation()\n\tconst { presence } = (useRouteLoaderData('root') as RootLoaderData) ?? {}\n\treturn (\n\t\t<PresenceContext.Provider\n\t\t\tvalue={{\n\t\t\t\tusers: scoreUsers(\n\t\t\t\t\t{ id: user?.id, location: usersLocation },\n\t\t\t\t\tpresence?.users ?? [],\n\t\t\t\t),\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</PresenceContext.Provider>\n\t)\n}\n\nexport function Presence({\n\tuser,\n\tchildren,\n}: {\n\tuser?: User | null\n\tchildren: React.ReactNode\n}) {\n\tconst isOnline = useIsOnline()\n\tif (isOnline) {\n\t\treturn <PresenceOnline user={user}>{children}</PresenceOnline>\n\t} else {\n\t\treturn <PresenceOffline user={user}>{children}</PresenceOffline>\n\t}\n}\n\nexport function usePresence() {\n\tconst presence = useContext(PresenceContext)\n\tif (!presence) {\n\t\tthrow new Error('usePresence must be used within a PresenceProvider')\n\t}\n\treturn presence\n}\n"],"names":["partykitRoom","partykitBaseUrl","UserSchema","z.object","z.string","z.boolean","z.union","z.literal","z.number","MessageSchema","z.array","ErrorEvent","error","target","CloseEvent","code","reason","Events","assert","condition","msg","cloneEventBrowser","e","cloneEventNode","_a","isNode","cloneEvent","DEFAULT","didWarnAboutMissingWebSocket","ReconnectingWebSocket","_ReconnectingWebSocket","url","protocols","options","value","acc","message","data","maxEnqueuedMessages","args","reconnectionDelayGrowFactor","minReconnectionDelay","maxReconnectionDelay","delay","resolve","protocolsProvider","urlProvider","maxRetries","connectionTimeout","WS","err","event","minUptime","_a2","valueIsNotNil","keyValuePair","generateUUID","d","d2","c","r","getPartyInfo","partySocketOptions","defaultProtocol","defaultParams","rawHost","rawPath","rawProtocol","room","party","basePath","prefix","query","host","name","path","protocol","baseUrl","makeUrl","query2","PartySocket","wsOptions","getWSOptions","_pk","_pkurl","init","id","_host","_path","_party","_room","_protocol","_query","socketOptions","useAttachWebSocketEventHandlers","socket","handlersRef","useRef","useEffect","onOpen","_b","onMessage","onClose","onError","getOptionsThatShouldCauseRestartWhenChanged","useStableSocket","createSocket","createOptionsMemoKey","shouldReconnect","useMemo","setSocket","useState","socketInitializedRef","useRef2","createSocketRef","useEffect2","newSocket","usePartySocket","otherOptions","options2","PresenceContext","createContext","usePresencePreferences","useRouteLoaderData","useOptionalWorkshopTitle","ExerciseAppParamsSchema","z.coerce","useFirstCallDelayedCallback","cb","timedPromise","mounted","currentCallRef","lastCbRef","useCallback","thisOne","useUsersLocation","workshopTitle","requestInfo","useRequestInfo","rawParams","useParams","paramsResult","params","usePresenceSocket","user","prefs","userHasAccess","userId","presence","users","setUsers","usersLocation","handleMessage","evt","messageResult","messageJson","scoreUsers","location","score","available","a","b","PresenceOnline","children","jsx","PresenceOffline","Presence","useIsOnline","usePresence","useContext"],"mappings":"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","x_google_ignoreList":[1,2,3,4]}

package/build/client/assets/{preview-gHmuDJK-.js → preview-9FeYSEDk.js}

@@ -1,2 +1,2 @@
-import{j as e}from"./jsx-runtime-B2LUJHWf.js";import{d as _,r as n,l as he,F as me}from"./chunk-QMGIS6GS-D3fke51R.js";import{u as fe,a as re,I,c as se}from"./misc-D-dDb89H.js";import{c as pe}from"./clsx-B-dksMZM.js";import{B as ne,L as xe}from"./button-BlPb-37-.js";import{L as ae}from"./loading-j2MezYUg.js";import{s as M}from"./progress-bar-BA_tln9A.js";import{u as W}from"./pe-Dd-3Vdrv.js";import"./_-C9pypk8E.js";import{a as ie,u as K,d as U,i as ge,o as c,l as g,t as N,e as T,s as A,n as ee}from"./index-DXWoNbMw.js";import{T as we,a as E,b as B,c as L}from"./tooltip-DaEk9smk.js";function ye({name:a}){const t=_(),i=W(),d=t.formData?.get("intent"),l=d==="stop"?"Stopping App":d==="restart"?"Restarting App":null,u=fe();return e.jsxs(t.Form,{method:"POST",action:"/start",children:[i,M,e.jsx("input",{type:"hidden",name:"name",value:a}),e.jsx("button",{type:"submit",name:"intent",value:u?"restart":"stop",className:"h-full border-r px-3 py-4 font-mono text-xs uppercase leading-none",children:l||(u?"Restart App":"Stop App")})]})}function oe({port:a}){const t=_(),i=W();return e.jsxs(t.Form,{method:"POST",action:"/start",children:[i,M,e.jsx("input",{type:"hidden",name:"port",value:a}),e.jsx(ne,{varient:"mono",type:"submit",name:"intent",value:"stop-port",children:t.state==="idle"?"Stop Port":"Stopping Port"})]})}function je({name:a}){const t=_(),i=W();return t.data?.status==="app-not-started"?t.data.error==="port-unavailable"?e.jsxs("div",{children:["The port is unavailable. Would you like to stop whatever is running on that port and try again?",e.jsx(oe,{port:t.data.port})]}):e.jsx("div",{children:"An unknown error has happened."}):e.jsxs(t.Form,{method:"POST",action:"/start",children:[i,M,e.jsx("input",{type:"hidden",name:"name",value:a}),t.state==="idle"?e.jsx(ne,{type:"submit",name:"intent",value:"start",varient:"mono",children:"Start App"}):e.jsx("div",{children:e.jsx(ae,{children:"Starting App"})})]})}const be=ge(c({type:g("epicshop:history-call")}),U([c({method:g("pushState"),args:U([N([c({}).passthrough(),T()]),N([c({}).passthrough(),T(),A()])])}),c({method:g("replaceState"),args:U([N([c({}).passthrough(),T()]),N([c({}).passthrough(),T(),A()])])}),c({method:g("go"),args:N([ee().optional()])}),c({method:g("forward"),args:N([])}),c({method:g("back"),args:N([])}),c({method:g("popstate"),pathname:A(),delta:ee()})])),Se=c({type:g("epicshop:loaded"),url:A()}),Ne=U([be,Se]);function te(a,t,i){return Math.min(Math.max(a+t,0),i)}const Re=n.forwardRef(Pe);function Pe({name:a,port:t,portIsAvailable:i,isRunning:d,baseUrl:l,id:u,initialRoute:o},p){const w=ie(),[x,f]=n.useState(!1);return d||x?e.jsx(ke,{baseUrl:l,id:u,name:a,ref:p,initialRoute:o}):i===!1?e.jsxs("div",{className:"flex flex-col items-center justify-center",children:[e.jsxs("p",{className:"max-w-xs pb-5 text-center",role:"status",children:["The port for this app is unavailable. It could be that you're running it ",e.jsx("a",{href:re({domain:w.domain,port:t}),className:"underline",target:"_blank",rel:"noreferrer",children:"elsewhere"}),". ",e.jsx(xe,{onClick:()=>f(!0),children:"Show here anyway"})]}),e.jsx(oe,{port:t})]}):e.jsx(je,{name:a})}const ke=n.forwardRef(ve);function ve({baseUrl:a,id:t,name:i,initialRoute:d},l){const u=K(),[o,p]=he(),w=o.get("pathname")??d,[x,f]=n.useState(0),le=t+x,R=n.useRef("new"),F=n.useRef(null),[y,D]=n.useState({history:[w],index:0}),[G,O]=n.useState(w),q=n.useRef(null),j=new URL(w,a),V=n.useRef(j);n.useEffect(()=>{V.current=j});const[Y,$]=n.useState(j),z=n.useRef(t);z.current!==t&&(z.current=t,$(V.current)),n.useEffect(()=>{z.current=t}),n.useEffect(()=>{function s(h){if(h.source!==q.current?.contentWindow)return;const Z=Ne.safeParse(h.data,{path:["messageEvent","data"]});if(!Z.success)return;const{data:b}=Z;if(b.type==="epicshop:loaded"){D(r=>{const S=P=>te(r.index,P,r.history.length-1);if(R.current==="back")return{...r,index:S(-1)};if(R.current==="forward")return{...r,index:S(1)};if(R.current==="new"){const P=r.history[r.index],m=new URL(b.url),v=m.pathname+m.search;if(P===v)return r;const C=[...r.history.slice(0,r.index+1),v];return{history:C,index:C.length-1}}else throw new Error("Unexpected lastDirectionRef value")});return}const{method:de}=b;D(r=>{const S=m=>te(r.index,m,r.history.length-1),P=r.history[r.index];switch(de){case"popstate":return{...r,index:S(b.delta)};case"forward":return{...r,index:S(1)};case"back":return{...r,index:S(-1)};case"pushState":{const m=b.args[2]??P,v=[...r.history.slice(0,r.index+1),m].filter(Boolean);return{...r,history:v,index:v.length-1}}case"replaceState":{const m=b.args[2]??P;return{...r,history:[...r.history.slice(0,r.index),m,...r.history.slice(r.index+1)].filter(Boolean)}}case"go":{const[m=0]=b.args;return{...r,index:S(m)}}}})}return window.addEventListener("message",s),()=>{window.removeEventListener("message",s)}},[]);const J=n.useRef(p);n.useEffect(()=>{J.current=p},[p]);const k=y.history[y.index];n.useEffect(()=>{if(!k)return;O(k);const s=new URLSearchParams(window.location.search);k==="/"?s.delete("pathname"):s.set("pathname",k),`?${s.toString()}`!==window.location.search&&J.current(s,{replace:!0})},[k]);const H=(...s)=>{const h=s[0];typeof h=="number"?R.current=h>0?"forward":"back":R.current="new",F.current&&clearTimeout(F.current),F.current=setTimeout(()=>{R.current="new"},100),q.current?.contentWindow?.postMessage({type:"epicshop:navigate-call",params:s},"*")};function Q(s=G){O(s);const h=y.history[y.index];H(s,{replace:h===s})}n.useImperativeHandle(l,()=>({handleExtrnalNavigation:Q}));const ce=y.index===y.history.length-1,ue=y.index<=0,X=[];for(const[s,h]of o.entries())s!=="pathname"&&X.push(e.jsx("input",{type:"hidden",name:s,value:h},s));return e.jsx(we,{children:e.jsxs("div",{className:"flex h-full flex-grow flex-col",children:[e.jsxs("div",{className:"flex items-center justify-between border-b pl-1.5",children:[e.jsxs("div",{className:"mr-2 flex items-center justify-center gap-2 px-1",children:[e.jsxs(E,{children:[e.jsx(B,{asChild:!0,children:e.jsx("button",{type:"button",className:"hidden aspect-square h-full w-full items-center justify-center p-1 transition disabled:opacity-40 sm:flex",disabled:ue,onClick:()=>H(-1),children:e.jsx(I,{name:"ArrowLeft","aria-hidden":"true"})})}),e.jsx(L,{children:"Go back"})]}),e.jsxs(E,{children:[e.jsx(B,{asChild:!0,children:e.jsx("button",{type:"button",className:"hidden aspect-square h-full w-full items-center justify-center p-1 transition disabled:opacity-40 sm:flex",disabled:ce,onClick:()=>H(1),children:e.jsx(I,{name:"ArrowRight","aria-hidden":"true"})})}),e.jsx(L,{children:"Go forward"})]}),e.jsxs(E,{children:[e.jsx(B,{asChild:!0,children:e.jsx("button",{type:"button",className:"flex aspect-square h-full w-full items-center justify-center p-1 transition disabled:opacity-40",onClick:()=>{$(j),f(x+1),D({history:[j.pathname],index:0})},children:e.jsx(I,{name:"Refresh","aria-hidden":"true"})})}),e.jsx(L,{children:"Refresh"})]})]}),e.jsxs(me,{method:"get",replace:!0,className:"flex flex-1 gap-2",onSubmit:()=>Q(),children:[X,e.jsxs("div",{className:"flex flex-1 items-center border-x bg-background p-3 leading-none text-foreground",children:[e.jsx("a",{href:j.toString(),target:"_blank",rel:"noreferrer",children:Y.host}),e.jsx("input",{"aria-label":"pathname",className:"w-full flex-1 bg-background focus-visible:outline-none",value:G,name:"pathname",onChange:s=>O(s.currentTarget.value)})]})]}),e.jsx(ye,{name:i}),e.jsxs(E,{children:[e.jsx(B,{asChild:!0,children:e.jsx("a",{href:j.toString(),target:"_blank",rel:"noreferrer",className:pe("flex aspect-square items-center justify-center px-3.5"),children:e.jsx(I,{name:"ExternalLink"})})}),e.jsx(L,{children:"Open in new tab"})]})]}),e.jsx("div",{className:"flex h-full w-full flex-grow dark:bg-white",children:e.jsx("iframe",{title:i,ref:q,src:Y.toString(),className:"h-full w-full flex-grow bg-white",style:{colorScheme:u}},le)})]})})}function He({id:a,appInfo:t,inBrowserBrowserRef:i}){const d=ie(),l=K();if(!t)return e.jsx("p",{children:"No app here. Sorry."});const{isRunning:u,dev:o,name:p,portIsAvailable:w,title:x}=t;if(ENV.EPICSHOP_DEPLOYED&&t.stackBlitzUrl){const f=new URL(t.stackBlitzUrl);return f.searchParams.set("embed","1"),f.searchParams.set("theme",l),e.jsx(Ie,{title:x,url:f.toString(),loadingContent:e.jsx(ae,{children:e.jsxs("span",{children:["Loading"," ",e.jsxs("a",{className:"underline",href:t.stackBlitzUrl,children:['"',x,'"']})]})})})}if(o.type==="script"){const f=re({domain:d.domain,port:o.portNumber});return e.jsx(Re,{ref:i,isRunning:u,id:a??p,name:p,portIsAvailable:w,port:o.portNumber,baseUrl:f,initialRoute:o.initialRoute})}else return o.type==="browser"?e.jsxs("div",{className:"relative h-full flex-grow overflow-y-auto scrollbar-thin scrollbar-thumb-scrollbar",children:[e.jsxs("a",{href:o.pathname,target:"_blank",rel:"noreferrer",className:se("absolute bottom-5 right-5 flex items-center justify-center rounded-full bg-gray-100 p-2.5 transition hover:bg-gray-200 dark:bg-gray-800 hover:dark:bg-gray-600"),children:[e.jsx(I,{name:"ExternalLink","aria-hidden":"true"}),e.jsx("span",{className:"sr-only",children:"Open in New Window"})]}),e.jsx("iframe",{title:x,src:o.pathname,className:"yo yo h-full w-full flex-grow bg-white",style:{colorScheme:l}})]}):e.jsx("div",{className:"flex h-full items-center justify-center text-lg",children:e.jsxs("p",{children:["Preview for dev type of ",e.jsx("code",{children:o.type})," not supported."]})})}function Ie({url:a,title:t,loadingContent:i}){const d=K(),[l,u]=n.useState(!1);return e.jsxs("div",{className:"h-full w-full flex-grow",children:[l?null:e.jsx("div",{className:"absolute inset-0 z-10 flex items-center justify-center",children:i}),e.jsx("iframe",{onLoad:()=>u(!0),onError:()=>u(!0),src:a,className:se("h-full w-full flex-grow transition-opacity duration-300",l?"opacity-100":"opacity-0"),title:t,sandbox:"allow-forms allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox",style:{colorScheme:d}})]})}export{He as P};
-//# sourceMappingURL=preview-gHmuDJK-.js.map
+import{j as e}from"./jsx-runtime-BcujL2Aj.js";import{d as _,r as n,l as he,F as me}from"./chunk-QMGIS6GS-Cnm5uIBY.js";import{u as fe,a as re,I,c as se}from"./misc-CJXb1d0J.js";import{c as pe}from"./clsx-B-dksMZM.js";import{B as ne,L as xe}from"./button-DGnwQ6KN.js";import{L as ae}from"./loading-BQiZCXl-.js";import{s as M}from"./progress-bar-DlBnagEk.js";import{u as W}from"./pe-DBKBCHmz.js";import"./_-v6PvHZ90.js";import{a as ie,u as K,d as U,i as ge,o as c,l as g,t as N,e as T,s as A,n as ee}from"./index-BSUgjf5i.js";import{T as we,a as E,b as B,c as L}from"./tooltip-Dm5SBVY5.js";function ye({name:a}){const t=_(),i=W(),d=t.formData?.get("intent"),l=d==="stop"?"Stopping App":d==="restart"?"Restarting App":null,u=fe();return e.jsxs(t.Form,{method:"POST",action:"/start",children:[i,M,e.jsx("input",{type:"hidden",name:"name",value:a}),e.jsx("button",{type:"submit",name:"intent",value:u?"restart":"stop",className:"h-full border-r px-3 py-4 font-mono text-xs uppercase leading-none",children:l||(u?"Restart App":"Stop App")})]})}function oe({port:a}){const t=_(),i=W();return e.jsxs(t.Form,{method:"POST",action:"/start",children:[i,M,e.jsx("input",{type:"hidden",name:"port",value:a}),e.jsx(ne,{varient:"mono",type:"submit",name:"intent",value:"stop-port",children:t.state==="idle"?"Stop Port":"Stopping Port"})]})}function je({name:a}){const t=_(),i=W();return t.data?.status==="app-not-started"?t.data.error==="port-unavailable"?e.jsxs("div",{children:["The port is unavailable. Would you like to stop whatever is running on that port and try again?",e.jsx(oe,{port:t.data.port})]}):e.jsx("div",{children:"An unknown error has happened."}):e.jsxs(t.Form,{method:"POST",action:"/start",children:[i,M,e.jsx("input",{type:"hidden",name:"name",value:a}),t.state==="idle"?e.jsx(ne,{type:"submit",name:"intent",value:"start",varient:"mono",children:"Start App"}):e.jsx("div",{children:e.jsx(ae,{children:"Starting App"})})]})}const be=ge(c({type:g("epicshop:history-call")}),U([c({method:g("pushState"),args:U([N([c({}).passthrough(),T()]),N([c({}).passthrough(),T(),A()])])}),c({method:g("replaceState"),args:U([N([c({}).passthrough(),T()]),N([c({}).passthrough(),T(),A()])])}),c({method:g("go"),args:N([ee().optional()])}),c({method:g("forward"),args:N([])}),c({method:g("back"),args:N([])}),c({method:g("popstate"),pathname:A(),delta:ee()})])),Se=c({type:g("epicshop:loaded"),url:A()}),Ne=U([be,Se]);function te(a,t,i){return Math.min(Math.max(a+t,0),i)}const Re=n.forwardRef(Pe);function Pe({name:a,port:t,portIsAvailable:i,isRunning:d,baseUrl:l,id:u,initialRoute:o},p){const w=ie(),[x,f]=n.useState(!1);return d||x?e.jsx(ke,{baseUrl:l,id:u,name:a,ref:p,initialRoute:o}):i===!1?e.jsxs("div",{className:"flex flex-col items-center justify-center",children:[e.jsxs("p",{className:"max-w-xs pb-5 text-center",role:"status",children:["The port for this app is unavailable. It could be that you're running it ",e.jsx("a",{href:re({domain:w.domain,port:t}),className:"underline",target:"_blank",rel:"noreferrer",children:"elsewhere"}),". ",e.jsx(xe,{onClick:()=>f(!0),children:"Show here anyway"})]}),e.jsx(oe,{port:t})]}):e.jsx(je,{name:a})}const ke=n.forwardRef(ve);function ve({baseUrl:a,id:t,name:i,initialRoute:d},l){const u=K(),[o,p]=he(),w=o.get("pathname")??d,[x,f]=n.useState(0),le=t+x,R=n.useRef("new"),F=n.useRef(null),[y,D]=n.useState({history:[w],index:0}),[G,O]=n.useState(w),q=n.useRef(null),j=new URL(w,a),V=n.useRef(j);n.useEffect(()=>{V.current=j});const[Y,$]=n.useState(j),z=n.useRef(t);z.current!==t&&(z.current=t,$(V.current)),n.useEffect(()=>{z.current=t}),n.useEffect(()=>{function s(h){if(h.source!==q.current?.contentWindow)return;const Z=Ne.safeParse(h.data,{path:["messageEvent","data"]});if(!Z.success)return;const{data:b}=Z;if(b.type==="epicshop:loaded"){D(r=>{const S=P=>te(r.index,P,r.history.length-1);if(R.current==="back")return{...r,index:S(-1)};if(R.current==="forward")return{...r,index:S(1)};if(R.current==="new"){const P=r.history[r.index],m=new URL(b.url),v=m.pathname+m.search;if(P===v)return r;const C=[...r.history.slice(0,r.index+1),v];return{history:C,index:C.length-1}}else throw new Error("Unexpected lastDirectionRef value")});return}const{method:de}=b;D(r=>{const S=m=>te(r.index,m,r.history.length-1),P=r.history[r.index];switch(de){case"popstate":return{...r,index:S(b.delta)};case"forward":return{...r,index:S(1)};case"back":return{...r,index:S(-1)};case"pushState":{const m=b.args[2]??P,v=[...r.history.slice(0,r.index+1),m].filter(Boolean);return{...r,history:v,index:v.length-1}}case"replaceState":{const m=b.args[2]??P;return{...r,history:[...r.history.slice(0,r.index),m,...r.history.slice(r.index+1)].filter(Boolean)}}case"go":{const[m=0]=b.args;return{...r,index:S(m)}}}})}return window.addEventListener("message",s),()=>{window.removeEventListener("message",s)}},[]);const J=n.useRef(p);n.useEffect(()=>{J.current=p},[p]);const k=y.history[y.index];n.useEffect(()=>{if(!k)return;O(k);const s=new URLSearchParams(window.location.search);k==="/"?s.delete("pathname"):s.set("pathname",k),`?${s.toString()}`!==window.location.search&&J.current(s,{replace:!0})},[k]);const H=(...s)=>{const h=s[0];typeof h=="number"?R.current=h>0?"forward":"back":R.current="new",F.current&&clearTimeout(F.current),F.current=setTimeout(()=>{R.current="new"},100),q.current?.contentWindow?.postMessage({type:"epicshop:navigate-call",params:s},"*")};function Q(s=G){O(s);const h=y.history[y.index];H(s,{replace:h===s})}n.useImperativeHandle(l,()=>({handleExtrnalNavigation:Q}));const ce=y.index===y.history.length-1,ue=y.index<=0,X=[];for(const[s,h]of o.entries())s!=="pathname"&&X.push(e.jsx("input",{type:"hidden",name:s,value:h},s));return e.jsx(we,{children:e.jsxs("div",{className:"flex h-full flex-grow flex-col",children:[e.jsxs("div",{className:"flex items-center justify-between border-b pl-1.5",children:[e.jsxs("div",{className:"mr-2 flex items-center justify-center gap-2 px-1",children:[e.jsxs(E,{children:[e.jsx(B,{asChild:!0,children:e.jsx("button",{type:"button",className:"hidden aspect-square h-full w-full items-center justify-center p-1 transition disabled:opacity-40 sm:flex",disabled:ue,onClick:()=>H(-1),children:e.jsx(I,{name:"ArrowLeft","aria-hidden":"true"})})}),e.jsx(L,{children:"Go back"})]}),e.jsxs(E,{children:[e.jsx(B,{asChild:!0,children:e.jsx("button",{type:"button",className:"hidden aspect-square h-full w-full items-center justify-center p-1 transition disabled:opacity-40 sm:flex",disabled:ce,onClick:()=>H(1),children:e.jsx(I,{name:"ArrowRight","aria-hidden":"true"})})}),e.jsx(L,{children:"Go forward"})]}),e.jsxs(E,{children:[e.jsx(B,{asChild:!0,children:e.jsx("button",{type:"button",className:"flex aspect-square h-full w-full items-center justify-center p-1 transition disabled:opacity-40",onClick:()=>{$(j),f(x+1),D({history:[j.pathname],index:0})},children:e.jsx(I,{name:"Refresh","aria-hidden":"true"})})}),e.jsx(L,{children:"Refresh"})]})]}),e.jsxs(me,{method:"get",replace:!0,className:"flex flex-1 gap-2",onSubmit:()=>Q(),children:[X,e.jsxs("div",{className:"flex flex-1 items-center border-x bg-background p-3 leading-none text-foreground",children:[e.jsx("a",{href:j.toString(),target:"_blank",rel:"noreferrer",children:Y.host}),e.jsx("input",{"aria-label":"pathname",className:"w-full flex-1 bg-background focus-visible:outline-none",value:G,name:"pathname",onChange:s=>O(s.currentTarget.value)})]})]}),e.jsx(ye,{name:i}),e.jsxs(E,{children:[e.jsx(B,{asChild:!0,children:e.jsx("a",{href:j.toString(),target:"_blank",rel:"noreferrer",className:pe("flex aspect-square items-center justify-center px-3.5"),children:e.jsx(I,{name:"ExternalLink"})})}),e.jsx(L,{children:"Open in new tab"})]})]}),e.jsx("div",{className:"flex h-full w-full flex-grow dark:bg-white",children:e.jsx("iframe",{title:i,ref:q,src:Y.toString(),className:"h-full w-full flex-grow bg-white",style:{colorScheme:u}},le)})]})})}function He({id:a,appInfo:t,inBrowserBrowserRef:i}){const d=ie(),l=K();if(!t)return e.jsx("p",{children:"No app here. Sorry."});const{isRunning:u,dev:o,name:p,portIsAvailable:w,title:x}=t;if(ENV.EPICSHOP_DEPLOYED&&t.stackBlitzUrl){const f=new URL(t.stackBlitzUrl);return f.searchParams.set("embed","1"),f.searchParams.set("theme",l),e.jsx(Ie,{title:x,url:f.toString(),loadingContent:e.jsx(ae,{children:e.jsxs("span",{children:["Loading"," ",e.jsxs("a",{className:"underline",href:t.stackBlitzUrl,children:['"',x,'"']})]})})})}if(o.type==="script"){const f=re({domain:d.domain,port:o.portNumber});return e.jsx(Re,{ref:i,isRunning:u,id:a??p,name:p,portIsAvailable:w,port:o.portNumber,baseUrl:f,initialRoute:o.initialRoute})}else return o.type==="browser"?e.jsxs("div",{className:"relative h-full flex-grow overflow-y-auto scrollbar-thin scrollbar-thumb-scrollbar",children:[e.jsxs("a",{href:o.pathname,target:"_blank",rel:"noreferrer",className:se("absolute bottom-5 right-5 flex items-center justify-center rounded-full bg-gray-100 p-2.5 transition hover:bg-gray-200 dark:bg-gray-800 hover:dark:bg-gray-600"),children:[e.jsx(I,{name:"ExternalLink","aria-hidden":"true"}),e.jsx("span",{className:"sr-only",children:"Open in New Window"})]}),e.jsx("iframe",{title:x,src:o.pathname,className:"yo yo h-full w-full flex-grow bg-white",style:{colorScheme:l}})]}):e.jsx("div",{className:"flex h-full items-center justify-center text-lg",children:e.jsxs("p",{children:["Preview for dev type of ",e.jsx("code",{children:o.type})," not supported."]})})}function Ie({url:a,title:t,loadingContent:i}){const d=K(),[l,u]=n.useState(!1);return e.jsxs("div",{className:"h-full w-full flex-grow",children:[l?null:e.jsx("div",{className:"absolute inset-0 z-10 flex items-center justify-center",children:i}),e.jsx("iframe",{onLoad:()=>u(!0),onError:()=>u(!0),src:a,className:se("h-full w-full flex-grow transition-opacity duration-300",l?"opacity-100":"opacity-0"),title:t,sandbox:"allow-forms allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox",style:{colorScheme:d}})]})}export{He as P};
+//# sourceMappingURL=preview-9FeYSEDk.js.map

package/build/client/assets/{preview-gHmuDJK-.js.map → preview-9FeYSEDk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"preview-gHmuDJK-.js","sources":["../../../app/routes/start.tsx","../../../app/components/in-browser-browser.tsx","../../../app/routes/_app+/exercise+/$exerciseNumber_.$stepNumber.$type+/__shared/preview.tsx"],"sourcesContent":["import { invariant, invariantResponse } from '@epic-web/invariant'\nimport { getAppByName } from '@epic-web/workshop-utils/apps.server'\nimport {\n\tcloseProcess,\n\trunAppDev,\n\tstopPort,\n\twaitOnApp,\n} from '@epic-web/workshop-utils/process-manager.server'\nimport { data, type ActionFunctionArgs, useFetcher } from 'react-router'\nimport { Button } from '#app/components/button.tsx'\nimport { Loading } from '#app/components/loading.tsx'\nimport { showProgressBarField } from '#app/components/progress-bar.tsx'\nimport { ensureUndeployed, useAltDown } from '#app/utils/misc.tsx'\nimport { dataWithPE, usePERedirectInput } from '#app/utils/pe.js'\nimport { createToastHeaders } from '#app/utils/toast.server'\n\nexport async function action({ request }: ActionFunctionArgs) {\n\tensureUndeployed()\n\tconst formData = await request.formData()\n\tconst intent = formData.get('intent')\n\tinvariantResponse(typeof intent === 'string', 'intent is required')\n\n\tif (intent === 'start' || intent === 'stop' || intent === 'restart') {\n\t\tconst name = formData.get('name')\n\t\tinvariantResponse(typeof name === 'string', 'name is required')\n\t\tconst app = await getAppByName(name)\n\t\tif (!app) {\n\t\t\tthrow new Response('Not found', { status: 404 })\n\t\t}\n\t\tif (app.dev.type !== 'script') {\n\t\t\tthrow new Response(`App \"${name}\" does not have a server`, {\n\t\t\t\tstatus: 400,\n\t\t\t})\n\t\t}\n\n\t\tasync function startApp() {\n\t\t\tinvariant(app, 'app must be defined')\n\t\t\tconst result = await runAppDev(app)\n\t\t\tif (result.running) {\n\t\t\t\tconst appRunningResult = await waitOnApp(app)\n\t\t\t\tif (appRunningResult?.status === 'success') {\n\t\t\t\t\t// wait another 200ms just in case the build output for assets isn't finished\n\t\t\t\t\tawait new Promise((resolve) => setTimeout(resolve, 200))\n\t\t\t\t\treturn dataWithPE(formData, { status: 'app-started' } as const)\n\t\t\t\t} else if (app.dev.type === 'script') {\n\t\t\t\t\tconst errorMessage = appRunningResult\n\t\t\t\t\t\t? appRunningResult.error\n\t\t\t\t\t\t: 'Unknown error'\n\t\t\t\t\treturn data(\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tstatus: 'app-not-started',\n\t\t\t\t\t\t\terror: errorMessage,\n\t\t\t\t\t\t\tport: app.dev.portNumber,\n\t\t\t\t\t\t} as const,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tstatus: 500,\n\t\t\t\t\t\t\tstatusText: 'App did not start',\n\t\t\t\t\t\t\theaders: await createToastHeaders({\n\t\t\t\t\t\t\t\tdescription: errorMessage,\n\t\t\t\t\t\t\t\ttitle: 'App did not start',\n\t\t\t\t\t\t\t\ttype: 'error',\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t},\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t} else if (result.portNumber) {\n\t\t\t\treturn dataWithPE(formData, {\n\t\t\t\t\tstatus: 'app-not-started',\n\t\t\t\t\terror: result.status,\n\t\t\t\t\tport: result.portNumber,\n\t\t\t\t} as const)\n\t\t\t} else {\n\t\t\t\tthrow new Response(\n\t\t\t\t\t'Tried starting a server for an app that does not have one',\n\t\t\t\t\t{ status: 400 },\n\t\t\t\t)\n\t\t\t}\n\t\t}\n\n\t\tasync function stopApp() {\n\t\t\tinvariant(app, 'app must be defined')\n\t\t\tawait closeProcess(app.name)\n\t\t\treturn dataWithPE(formData, { status: 'app-stopped' } as const)\n\t\t}\n\n\t\tswitch (intent) {\n\t\t\tcase 'start': {\n\t\t\t\treturn startApp()\n\t\t\t}\n\t\t\tcase 'stop': {\n\t\t\t\treturn stopApp()\n\t\t\t}\n\t\t\tcase 'restart': {\n\t\t\t\tawait stopApp()\n\t\t\t\treturn startApp()\n\t\t\t}\n\t\t}\n\t}\n\n\tif (intent === 'stop-port') {\n\t\tconst port = formData.get('port')\n\t\tinvariantResponse(typeof port === 'string', 'port is required')\n\t\tawait stopPort(port)\n\t\treturn dataWithPE(formData, { status: 'port-stopped' } as const)\n\t}\n\tthrow new Error(`Unknown intent: ${intent}`)\n}\n\nexport function AppStopper({ name }: { name: string }) {\n\tconst fetcher = useFetcher<typeof action>()\n\tconst peRedirectInput = usePERedirectInput()\n\tconst inFlightIntent = fetcher.formData?.get('intent')\n\tconst inFlightState =\n\t\tinFlightIntent === 'stop'\n\t\t\t? 'Stopping App'\n\t\t\t: inFlightIntent === 'restart'\n\t\t\t\t? 'Restarting App'\n\t\t\t\t: null\n\tconst altDown = useAltDown()\n\treturn (\n\t\t<fetcher.Form method=\"POST\" action=\"/start\">\n\t\t\t{peRedirectInput}\n\t\t\t{showProgressBarField}\n\t\t\t<input type=\"hidden\" name=\"name\" value={name} />\n\t\t\t<button\n\t\t\t\ttype=\"submit\"\n\t\t\t\tname=\"intent\"\n\t\t\t\tvalue={altDown ? 'restart' : 'stop'}\n\t\t\t\tclassName=\"h-full border-r px-3 py-4 font-mono text-xs uppercase leading-none\"\n\t\t\t>\n\t\t\t\t{inFlightState ? inFlightState : altDown ? 'Restart App' : 'Stop App'}\n\t\t\t</button>\n\t\t</fetcher.Form>\n\t)\n}\n\nexport function PortStopper({ port }: { port: number | string }) {\n\tconst fetcher = useFetcher<typeof action>()\n\tconst peRedirectInput = usePERedirectInput()\n\treturn (\n\t\t<fetcher.Form method=\"POST\" action=\"/start\">\n\t\t\t{peRedirectInput}\n\t\t\t{showProgressBarField}\n\t\t\t<input type=\"hidden\" name=\"port\" value={port} />\n\t\t\t<Button varient=\"mono\" type=\"submit\" name=\"intent\" value=\"stop-port\">\n\t\t\t\t{fetcher.state === 'idle' ? 'Stop Port' : 'Stopping Port'}\n\t\t\t</Button>\n\t\t</fetcher.Form>\n\t)\n}\n\nexport function AppStarter({ name }: { name: string }) {\n\tconst fetcher = useFetcher<typeof action>()\n\tconst peRedirectInput = usePERedirectInput()\n\tif (fetcher.data?.status === 'app-not-started') {\n\t\tif (fetcher.data.error === 'port-unavailable') {\n\t\t\treturn (\n\t\t\t\t<div>\n\t\t\t\t\tThe port is unavailable. Would you like to stop whatever is running on\n\t\t\t\t\tthat port and try again?\n\t\t\t\t\t<PortStopper port={fetcher.data.port} />\n\t\t\t\t</div>\n\t\t\t)\n\t\t} else {\n\t\t\treturn <div>An unknown error has happened.</div>\n\t\t}\n\t}\n\treturn (\n\t\t<fetcher.Form method=\"POST\" action=\"/start\">\n\t\t\t{peRedirectInput}\n\t\t\t{showProgressBarField}\n\t\t\t<input type=\"hidden\" name=\"name\" value={name} />\n\t\t\t{fetcher.state === 'idle' ? (\n\t\t\t\t<Button type=\"submit\" name=\"intent\" value=\"start\" varient=\"mono\">\n\t\t\t\t\tStart App\n\t\t\t\t</Button>\n\t\t\t) : (\n\t\t\t\t<div>\n\t\t\t\t\t<Loading>Starting App</Loading>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</fetcher.Form>\n\t)\n}\n","import { clsx } from 'clsx'\nimport {\n\tforwardRef,\n\tuseEffect,\n\tuseImperativeHandle,\n\tuseRef,\n\tuseState,\n\ttype ForwardedRef,\n} from 'react'\nimport { Form, useSearchParams, type NavigateFunction } from 'react-router'\nimport { z } from 'zod'\nimport { Icon } from '#app/components/icons.tsx'\nimport { AppStarter, AppStopper, PortStopper } from '#app/routes/start.tsx'\nimport { useTheme } from '#app/routes/theme/index.tsx'\nimport { getBaseUrl } from '#app/utils/misc.tsx'\nimport { useRequestInfo } from '#app/utils/request-info.ts'\nimport { LinkButton } from './button.tsx'\nimport {\n\tTooltip,\n\tTooltipContent,\n\tTooltipProvider,\n\tTooltipTrigger,\n} from './ui/tooltip.tsx'\n\nconst historyCallDataSchema = z.intersection(\n\tz.object({\n\t\ttype: z.literal('epicshop:history-call'),\n\t}),\n\tz.union([\n\t\tz.object({\n\t\t\tmethod: z.literal('pushState'),\n\t\t\targs: z.union([\n\t\t\t\tz.tuple([z.object({}).passthrough(), z.unknown()]),\n\t\t\t\tz.tuple([z.object({}).passthrough(), z.unknown(), z.string()]),\n\t\t\t]),\n\t\t}),\n\t\tz.object({\n\t\t\tmethod: z.literal('replaceState'),\n\t\t\targs: z.union([\n\t\t\t\tz.tuple([z.object({}).passthrough(), z.unknown()]),\n\t\t\t\tz.tuple([z.object({}).passthrough(), z.unknown(), z.string()]),\n\t\t\t]),\n\t\t}),\n\t\tz.object({\n\t\t\tmethod: z.literal('go'),\n\t\t\targs: z.tuple([z.number().optional()]),\n\t\t}),\n\t\tz.object({ method: z.literal('forward'), args: z.tuple([]) }),\n\t\tz.object({ method: z.literal('back'), args: z.tuple([]) }),\n\t\tz.object({\n\t\t\tmethod: z.literal('popstate'),\n\t\t\tpathname: z.string(),\n\t\t\tdelta: z.number(),\n\t\t}),\n\t]),\n)\n\nconst loadedSchema = z.object({\n\ttype: z.literal('epicshop:loaded'),\n\turl: z.string(),\n})\n\nconst messageSchema = z.union([historyCallDataSchema, loadedSchema])\n\nfunction getNewIndex(prevIndex: number, delta: number, max: number) {\n\t// keep the index bound between 0 and the history length\n\treturn Math.min(Math.max(prevIndex + delta, 0), max)\n}\n\ntype Props = {\n\tid: string\n\tname: string\n\tport: number\n\tportIsAvailable: boolean | null\n\tisRunning: boolean\n\tbaseUrl: string\n\tinitialRoute: string\n}\n\nexport type InBrowserBrowserRef = {\n\thandleExtrnalNavigation: (pathname?: string) => void\n}\n\nexport const InBrowserBrowser = forwardRef<InBrowserBrowserRef, Props>(\n\tInBrowserBrowserImpl,\n)\n\nfunction InBrowserBrowserImpl(\n\t{ name, port, portIsAvailable, isRunning, baseUrl, id, initialRoute }: Props,\n\tref: ForwardedRef<InBrowserBrowserRef>,\n) {\n\tconst requestInfo = useRequestInfo()\n\tconst [showUnmanaged, setShowUnmanaged] = useState(false)\n\tif (isRunning || showUnmanaged) {\n\t\treturn (\n\t\t\t<InBrowserBrowserForRealz\n\t\t\t\tbaseUrl={baseUrl}\n\t\t\t\tid={id}\n\t\t\t\tname={name}\n\t\t\t\tref={ref}\n\t\t\t\tinitialRoute={initialRoute}\n\t\t\t/>\n\t\t)\n\t} else if (portIsAvailable === false) {\n\t\treturn (\n\t\t\t<div className=\"flex flex-col items-center justify-center\">\n\t\t\t\t<p className=\"max-w-xs pb-5 text-center\" role=\"status\">\n\t\t\t\t\t{`The port for this app is unavailable. It could be that you're running it `}\n\t\t\t\t\t<a\n\t\t\t\t\t\thref={getBaseUrl({ domain: requestInfo.domain, port })}\n\t\t\t\t\t\tclassName=\"underline\"\n\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\trel=\"noreferrer\"\n\t\t\t\t\t>\n\t\t\t\t\t\telsewhere\n\t\t\t\t\t</a>\n\t\t\t\t\t{'. '}\n\t\t\t\t\t<LinkButton onClick={() => setShowUnmanaged(true)}>\n\t\t\t\t\t\tShow here anyway\n\t\t\t\t\t</LinkButton>\n\t\t\t\t</p>\n\t\t\t\t<PortStopper port={port} />\n\t\t\t</div>\n\t\t)\n\t} else {\n\t\treturn <AppStarter name={name} />\n\t}\n}\ntype RealBrowserProps = {\n\tbaseUrl: string\n\tid: string\n\tname: string\n\tinitialRoute: string\n}\n\nconst InBrowserBrowserForRealz = forwardRef<\n\tInBrowserBrowserRef,\n\tRealBrowserProps\n>(InBrowserBrowserForRealzImpl)\n\n// we're doing this to ensure all of this complex stuff doesn't happen unless\n// the iframe is actually rendered.\nfunction InBrowserBrowserForRealzImpl(\n\t{ baseUrl, id, name, initialRoute }: RealBrowserProps,\n\tref: ForwardedRef<InBrowserBrowserRef>,\n) {\n\tconst theme = useTheme()\n\tconst [searchParams, setSearchParams] = useSearchParams()\n\tconst searchParamsPathname = searchParams.get('pathname') ?? initialRoute\n\tconst [iframeKeyNumber, setIframeKeyNumber] = useState(0)\n\tconst iframeKey = id + iframeKeyNumber\n\tconst lastDirectionRef = useRef<'forward' | 'back' | 'new'>('new')\n\tconst lastDirectionTimeout = useRef<ReturnType<typeof setTimeout> | null>(\n\t\tnull,\n\t)\n\tconst [iframeContext, setIFrameContext] = useState({\n\t\thistory: [searchParamsPathname],\n\t\tindex: 0,\n\t})\n\tconst [pathnameInputValue, setPathnameInputValue] =\n\t\tuseState(searchParamsPathname)\n\tconst iframeRef = useRef<HTMLIFrameElement>(null)\n\n\tconst appUrl = new URL(searchParamsPathname, baseUrl)\n\tconst currentAppUrl = useRef(appUrl)\n\tuseEffect(() => {\n\t\tcurrentAppUrl.current = appUrl\n\t})\n\n\t/** changing the iframeSrcUrl will trigger a reload of the iframe */\n\tconst [iframeSrcUrl, setIframeSrcUrl] = useState(appUrl)\n\n\tconst currentId = useRef(id)\n\t// if the id changes, then we're going to reload the iframe, but we want to\n\t// make sure to preserve the pathname so we set the src to the current pathname\n\t// this is one of the few side-effects in render that are \"ok\"\n\tif (currentId.current !== id) {\n\t\tcurrentId.current = id\n\t\tsetIframeSrcUrl(currentAppUrl.current)\n\t}\n\tuseEffect(() => {\n\t\tcurrentId.current = id\n\t})\n\n\tuseEffect(() => {\n\t\tfunction handleMessage(messageEvent: MessageEvent) {\n\t\t\tif (messageEvent.source !== iframeRef.current?.contentWindow) return\n\n\t\t\tconst result = messageSchema.safeParse(messageEvent.data, {\n\t\t\t\tpath: ['messageEvent', 'data'],\n\t\t\t})\n\t\t\tif (!result.success) return\n\t\t\tconst { data } = result\n\n\t\t\tif (data.type === 'epicshop:loaded') {\n\t\t\t\tsetIFrameContext((prevContext) => {\n\t\t\t\t\tconst newIndex = (i: number) =>\n\t\t\t\t\t\tgetNewIndex(prevContext.index, i, prevContext.history.length - 1)\n\t\t\t\t\tif (lastDirectionRef.current === 'back') {\n\t\t\t\t\t\treturn { ...prevContext, index: newIndex(-1) }\n\t\t\t\t\t} else if (lastDirectionRef.current === 'forward') {\n\t\t\t\t\t\treturn { ...prevContext, index: newIndex(1) }\n\t\t\t\t\t} else if (lastDirectionRef.current === 'new') {\n\t\t\t\t\t\tconst currentFullPath = prevContext.history[prevContext.index]\n\t\t\t\t\t\tconst newUrl = new URL(data.url)\n\t\t\t\t\t\tconst newFullPath = newUrl.pathname + newUrl.search\n\n\t\t\t\t\t\tif (currentFullPath === newFullPath) return prevContext\n\n\t\t\t\t\t\tconst newHistory = [\n\t\t\t\t\t\t\t...prevContext.history.slice(0, prevContext.index + 1),\n\t\t\t\t\t\t\tnewFullPath,\n\t\t\t\t\t\t]\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\thistory: newHistory,\n\t\t\t\t\t\t\tindex: newHistory.length - 1,\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthrow new Error('Unexpected lastDirectionRef value')\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tconst { method } = data\n\t\t\tsetIFrameContext((prevContext) => {\n\t\t\t\tconst newIndex = (i: number) =>\n\t\t\t\t\tgetNewIndex(prevContext.index, i, prevContext.history.length - 1)\n\t\t\t\tconst currentPathname = prevContext.history[prevContext.index]\n\t\t\t\tswitch (method) {\n\t\t\t\t\tcase 'popstate': {\n\t\t\t\t\t\treturn { ...prevContext, index: newIndex(data.delta) }\n\t\t\t\t\t}\n\t\t\t\t\tcase 'forward': {\n\t\t\t\t\t\treturn { ...prevContext, index: newIndex(1) }\n\t\t\t\t\t}\n\t\t\t\t\tcase 'back': {\n\t\t\t\t\t\treturn { ...prevContext, index: newIndex(-1) }\n\t\t\t\t\t}\n\t\t\t\t\tcase 'pushState': {\n\t\t\t\t\t\tconst pathname = data.args[2] ?? currentPathname\n\t\t\t\t\t\tconst newHistory = [\n\t\t\t\t\t\t\t...prevContext.history.slice(0, prevContext.index + 1),\n\t\t\t\t\t\t\tpathname,\n\t\t\t\t\t\t].filter(Boolean)\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...prevContext,\n\t\t\t\t\t\t\thistory: newHistory,\n\t\t\t\t\t\t\tindex: newHistory.length - 1,\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tcase 'replaceState': {\n\t\t\t\t\t\tconst pathname = data.args[2] ?? currentPathname\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...prevContext,\n\t\t\t\t\t\t\thistory: [\n\t\t\t\t\t\t\t\t...prevContext.history.slice(0, prevContext.index),\n\t\t\t\t\t\t\t\tpathname,\n\t\t\t\t\t\t\t\t...prevContext.history.slice(prevContext.index + 1),\n\t\t\t\t\t\t\t].filter(Boolean),\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tcase 'go': {\n\t\t\t\t\t\tconst [delta = 0] = data.args\n\t\t\t\t\t\treturn { ...prevContext, index: newIndex(delta) }\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t})\n\t\t}\n\t\twindow.addEventListener('message', handleMessage)\n\t\treturn () => {\n\t\t\twindow.removeEventListener('message', handleMessage)\n\t\t}\n\t}, [])\n\n\t// setSearchParams is unstable\n\t// https://github.com/remix-run/react-router/issues/9991\n\tconst setSearchParamsLatestRef = useRef(setSearchParams)\n\tuseEffect(() => {\n\t\tsetSearchParamsLatestRef.current = setSearchParams\n\t}, [setSearchParams])\n\n\tconst iframePathname = iframeContext.history[iframeContext.index]\n\tuseEffect(() => {\n\t\tif (!iframePathname) return\n\n\t\tsetPathnameInputValue(iframePathname)\n\n\t\tconst newSearchParams = new URLSearchParams(window.location.search)\n\t\tif (iframePathname === '/') {\n\t\t\tnewSearchParams.delete('pathname')\n\t\t} else {\n\t\t\tnewSearchParams.set('pathname', iframePathname)\n\t\t}\n\t\tconst newSearch = newSearchParams.toString()\n\t\tif (`?${newSearch}` !== window.location.search) {\n\t\t\tsetSearchParamsLatestRef.current(newSearchParams, { replace: true })\n\t\t}\n\t}, [iframePathname])\n\n\tconst navigateChild: NavigateFunction = (...params) => {\n\t\tconst to = params[0]\n\t\tif (typeof to === 'number') {\n\t\t\t// this part feels very brittle to me...\n\t\t\tlastDirectionRef.current = to > 0 ? 'forward' : 'back'\n\t\t} else {\n\t\t\tlastDirectionRef.current = 'new'\n\t\t}\n\t\tif (lastDirectionTimeout.current) {\n\t\t\tclearTimeout(lastDirectionTimeout.current)\n\t\t}\n\t\tlastDirectionTimeout.current = setTimeout(() => {\n\t\t\tlastDirectionRef.current = 'new'\n\t\t}, 100)\n\t\tiframeRef.current?.contentWindow?.postMessage(\n\t\t\t{ type: 'epicshop:navigate-call', params },\n\t\t\t'*',\n\t\t)\n\t}\n\n\tfunction handleExtrnalNavigation(\n\t\tnewPathnameInputValue: string = pathnameInputValue,\n\t) {\n\t\tsetPathnameInputValue(newPathnameInputValue)\n\n\t\tconst currentPathname = iframeContext.history[iframeContext.index]\n\t\tvoid navigateChild(newPathnameInputValue, {\n\t\t\treplace: currentPathname === newPathnameInputValue,\n\t\t})\n\t}\n\n\tuseImperativeHandle(ref, () => ({ handleExtrnalNavigation }))\n\n\tconst atEndOfHistory =\n\t\tiframeContext.index === iframeContext.history.length - 1\n\tconst atStartOfHistory = iframeContext.index <= 0\n\tconst existingSearchParamHiddenInputs: Array<React.ReactElement> = []\n\tfor (const [key, value] of searchParams.entries()) {\n\t\tif (key === 'pathname') continue\n\n\t\texistingSearchParamHiddenInputs.push(\n\t\t\t<input key={key} type=\"hidden\" name={key} value={value} />,\n\t\t)\n\t}\n\n\treturn (\n\t\t<TooltipProvider>\n\t\t\t<div className=\"flex h-full flex-grow flex-col\">\n\t\t\t\t<div className=\"flex items-center justify-between border-b pl-1.5\">\n\t\t\t\t\t<div className=\"mr-2 flex items-center justify-center gap-2 px-1\">\n\t\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\t\t<TooltipTrigger asChild>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclassName=\"hidden aspect-square h-full w-full items-center justify-center p-1 transition disabled:opacity-40 sm:flex\"\n\t\t\t\t\t\t\t\t\tdisabled={atStartOfHistory}\n\t\t\t\t\t\t\t\t\tonClick={() => navigateChild(-1)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Icon name=\"ArrowLeft\" aria-hidden=\"true\" />\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</TooltipTrigger>\n\t\t\t\t\t\t\t<TooltipContent>Go back</TooltipContent>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\t\t<TooltipTrigger asChild>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclassName=\"hidden aspect-square h-full w-full items-center justify-center p-1 transition disabled:opacity-40 sm:flex\"\n\t\t\t\t\t\t\t\t\tdisabled={atEndOfHistory}\n\t\t\t\t\t\t\t\t\tonClick={() => navigateChild(1)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Icon name=\"ArrowRight\" aria-hidden=\"true\" />\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</TooltipTrigger>\n\t\t\t\t\t\t\t<TooltipContent>Go forward</TooltipContent>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\t\t<TooltipTrigger asChild>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclassName=\"flex aspect-square h-full w-full items-center justify-center p-1 transition disabled:opacity-40\"\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetIframeSrcUrl(appUrl)\n\t\t\t\t\t\t\t\t\t\tsetIframeKeyNumber(iframeKeyNumber + 1)\n\t\t\t\t\t\t\t\t\t\t// TODO: figure out how we can avoid having to do this...\n\t\t\t\t\t\t\t\t\t\t// I stayed up for hours one night trying and couldn't work out\n\t\t\t\t\t\t\t\t\t\t// why react router wouldn't update the UI when using back/forward\n\t\t\t\t\t\t\t\t\t\t// after a refresh.\n\t\t\t\t\t\t\t\t\t\tsetIFrameContext({\n\t\t\t\t\t\t\t\t\t\t\thistory: [appUrl.pathname],\n\t\t\t\t\t\t\t\t\t\t\tindex: 0,\n\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Icon name=\"Refresh\" aria-hidden=\"true\" />\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</TooltipTrigger>\n\t\t\t\t\t\t\t<TooltipContent>Refresh</TooltipContent>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t</div>\n\t\t\t\t\t<Form\n\t\t\t\t\t\tmethod=\"get\"\n\t\t\t\t\t\treplace\n\t\t\t\t\t\tclassName=\"flex flex-1 gap-2\"\n\t\t\t\t\t\tonSubmit={() => handleExtrnalNavigation()}\n\t\t\t\t\t>\n\t\t\t\t\t\t{existingSearchParamHiddenInputs}\n\t\t\t\t\t\t<div className=\"flex flex-1 items-center border-x bg-background p-3 leading-none text-foreground\">\n\t\t\t\t\t\t\t<a href={appUrl.toString()} target=\"_blank\" rel=\"noreferrer\">\n\t\t\t\t\t\t\t\t{iframeSrcUrl.host}\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\taria-label=\"pathname\"\n\t\t\t\t\t\t\t\tclassName=\"w-full flex-1 bg-background focus-visible:outline-none\"\n\t\t\t\t\t\t\t\tvalue={pathnameInputValue}\n\t\t\t\t\t\t\t\tname=\"pathname\"\n\t\t\t\t\t\t\t\tonChange={(e) => setPathnameInputValue(e.currentTarget.value)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{/* TODO: Reconsider if this is needed as browsers don't usually have a submit button in address bar */}\n\t\t\t\t\t\t{/* <button type=\"submit\">Go</button> */}\n\t\t\t\t\t</Form>\n\t\t\t\t\t<AppStopper name={name} />\n\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\t<TooltipTrigger asChild>\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\thref={appUrl.toString()}\n\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\trel=\"noreferrer\"\n\t\t\t\t\t\t\t\tclassName={clsx(\n\t\t\t\t\t\t\t\t\t'flex aspect-square items-center justify-center px-3.5',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Icon name=\"ExternalLink\" />\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</TooltipTrigger>\n\t\t\t\t\t\t<TooltipContent>Open in new tab</TooltipContent>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"flex h-full w-full flex-grow dark:bg-white\">\n\t\t\t\t\t<iframe\n\t\t\t\t\t\ttitle={name}\n\t\t\t\t\t\tkey={iframeKey}\n\t\t\t\t\t\tref={iframeRef}\n\t\t\t\t\t\tsrc={iframeSrcUrl.toString()}\n\t\t\t\t\t\tclassName=\"h-full w-full flex-grow bg-white\"\n\t\t\t\t\t\tstyle={{ colorScheme: theme }}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</TooltipProvider>\n\t)\n}\n","import { type BaseExerciseStepApp } from '@epic-web/workshop-utils/apps.server'\nimport { useState } from 'react'\nimport { Icon } from '#app/components/icons'\nimport {\n\tInBrowserBrowser,\n\ttype InBrowserBrowserRef,\n} from '#app/components/in-browser-browser'\nimport { Loading } from '#app/components/loading.js'\nimport { useTheme } from '#app/routes/theme/index.js'\nimport { cn, getBaseUrl } from '#app/utils/misc'\nimport { useRequestInfo } from '#app/utils/request-info'\n\nexport function Preview({\n\tid,\n\tappInfo,\n\tinBrowserBrowserRef,\n}: {\n\tid?: string\n\tappInfo: {\n\t\tisRunning: boolean\n\t\tappName?: string\n\t\tname: string\n\t\ttitle: string\n\t\tportIsAvailable: boolean | null\n\t\ttype: string\n\t\tfullPath: string\n\t\tdev: BaseExerciseStepApp['dev']\n\t\ttest: BaseExerciseStepApp['test']\n\t\tstackBlitzUrl: BaseExerciseStepApp['stackBlitzUrl']\n\t} | null\n\tinBrowserBrowserRef: React.RefObject<InBrowserBrowserRef | null>\n}) {\n\tconst requestInfo = useRequestInfo()\n\tconst theme = useTheme()\n\tif (!appInfo) return <p>No app here. Sorry.</p>\n\tconst { isRunning, dev, name, portIsAvailable, title } = appInfo\n\n\tif (ENV.EPICSHOP_DEPLOYED && appInfo.stackBlitzUrl) {\n\t\tconst url = new URL(appInfo.stackBlitzUrl)\n\t\turl.searchParams.set('embed', '1')\n\t\turl.searchParams.set('theme', theme)\n\n\t\treturn (\n\t\t\t<StackBlitzEmbed\n\t\t\t\ttitle={title}\n\t\t\t\turl={url.toString()}\n\t\t\t\tloadingContent={\n\t\t\t\t\t<Loading>\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\tLoading{' '}\n\t\t\t\t\t\t\t<a className=\"underline\" href={appInfo.stackBlitzUrl}>\n\t\t\t\t\t\t\t\t\"{title}\"\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</Loading>\n\t\t\t\t}\n\t\t\t/>\n\t\t)\n\t}\n\n\tif (dev.type === 'script') {\n\t\tconst baseUrl = getBaseUrl({\n\t\t\tdomain: requestInfo.domain,\n\t\t\tport: dev.portNumber,\n\t\t})\n\t\treturn (\n\t\t\t<InBrowserBrowser\n\t\t\t\tref={inBrowserBrowserRef}\n\t\t\t\tisRunning={isRunning}\n\t\t\t\tid={id ?? name}\n\t\t\t\tname={name}\n\t\t\t\tportIsAvailable={portIsAvailable}\n\t\t\t\tport={dev.portNumber}\n\t\t\t\tbaseUrl={baseUrl}\n\t\t\t\tinitialRoute={dev.initialRoute}\n\t\t\t/>\n\t\t)\n\t} else if (dev.type === 'browser') {\n\t\treturn (\n\t\t\t<div className=\"relative h-full flex-grow overflow-y-auto scrollbar-thin scrollbar-thumb-scrollbar\">\n\t\t\t\t<a\n\t\t\t\t\thref={dev.pathname}\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noreferrer\"\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'absolute bottom-5 right-5 flex items-center justify-center rounded-full bg-gray-100 p-2.5 transition hover:bg-gray-200 dark:bg-gray-800 hover:dark:bg-gray-600',\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<Icon name=\"ExternalLink\" aria-hidden=\"true\" />\n\t\t\t\t\t<span className=\"sr-only\">Open in New Window</span>\n\t\t\t\t</a>\n\t\t\t\t<iframe\n\t\t\t\t\ttitle={title}\n\t\t\t\t\tsrc={dev.pathname}\n\t\t\t\t\tclassName=\"yo yo h-full w-full flex-grow bg-white\"\n\t\t\t\t\tstyle={{ colorScheme: theme }}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t)\n\t} else {\n\t\treturn (\n\t\t\t<div className=\"flex h-full items-center justify-center text-lg\">\n\t\t\t\t<p>\n\t\t\t\t\tPreview for dev type of <code>{dev.type}</code> not supported.\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t)\n\t}\n}\n\nexport function StackBlitzEmbed({\n\turl,\n\ttitle,\n\tloadingContent,\n}: {\n\turl: string\n\ttitle?: string\n\tloadingContent: React.ReactNode\n}) {\n\tconst theme = useTheme()\n\tconst [iframeLoaded, setIframeLoaded] = useState(false)\n\n\treturn (\n\t\t<div className=\"h-full w-full flex-grow\">\n\t\t\t{iframeLoaded ? null : (\n\t\t\t\t<div className=\"absolute inset-0 z-10 flex items-center justify-center\">\n\t\t\t\t\t{loadingContent}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<iframe\n\t\t\t\tonLoad={() => setIframeLoaded(true)}\n\t\t\t\t// show what would have shown if there is an error\n\t\t\t\tonError={() => setIframeLoaded(true)}\n\t\t\t\tsrc={url}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'h-full w-full flex-grow transition-opacity duration-300',\n\t\t\t\t\tiframeLoaded ? 'opacity-100' : 'opacity-0',\n\t\t\t\t)}\n\t\t\t\ttitle={title}\n\t\t\t\tsandbox=\"allow-forms allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox\"\n\t\t\t\tstyle={{ colorScheme: theme }}\n\t\t\t/>\n\t\t</div>\n\t)\n}\n"],"names":["AppStopper","name","fetcher","useFetcher","peRedirectInput","usePERedirectInput","inFlightIntent","formData","get","inFlightState","altDown","useAltDown","Form","method","action","children","showProgressBarField","type","value","jsx","className","PortStopper","port","Button","varient","state","AppStarter","data","status","error","Loading","historyCallDataSchema","z.intersection","z.object","z.literal","z.union","z.tuple","z.unknown","z.string","z.number","loadedSchema","messageSchema","getNewIndex","prevIndex","delta","max","InBrowserBrowser","forwardRef","InBrowserBrowserImpl","portIsAvailable","isRunning","baseUrl","id","initialRoute","ref","requestInfo","useRequestInfo","showUnmanaged","setShowUnmanaged","useState","InBrowserBrowserForRealz","jsxs","getBaseUrl","LinkButton","InBrowserBrowserForRealzImpl","theme","useTheme","searchParams","setSearchParams","useSearchParams","searchParamsPathname","iframeKeyNumber","setIframeKeyNumber","iframeKey","lastDirectionRef","useRef","lastDirectionTimeout","iframeContext","setIFrameContext","pathnameInputValue","setPathnameInputValue","iframeRef","appUrl","currentAppUrl","useEffect","iframeSrcUrl","setIframeSrcUrl","currentId","handleMessage","messageEvent","result","prevContext","newIndex","i","currentFullPath","newUrl","newFullPath","newHistory","currentPathname","pathname","setSearchParamsLatestRef","iframePathname","newSearchParams","navigateChild","params","to","handleExtrnalNavigation","newPathnameInputValue","useImperativeHandle","atEndOfHistory","atStartOfHistory","existingSearchParamHiddenInputs","key","TooltipProvider","Tooltip","TooltipTrigger","Icon","TooltipContent","e","clsx","Preview","appInfo","inBrowserBrowserRef","dev","title","url","StackBlitzEmbed","cn","loadingContent","iframeLoaded","setIframeLoaded"],"mappings":"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"}
+{"version":3,"file":"preview-9FeYSEDk.js","sources":["../../../app/routes/start.tsx","../../../app/components/in-browser-browser.tsx","../../../app/routes/_app+/exercise+/$exerciseNumber_.$stepNumber.$type+/__shared/preview.tsx"],"sourcesContent":["import { invariant, invariantResponse } from '@epic-web/invariant'\nimport { getAppByName } from '@epic-web/workshop-utils/apps.server'\nimport {\n\tcloseProcess,\n\trunAppDev,\n\tstopPort,\n\twaitOnApp,\n} from '@epic-web/workshop-utils/process-manager.server'\nimport { data, type ActionFunctionArgs, useFetcher } from 'react-router'\nimport { Button } from '#app/components/button.tsx'\nimport { Loading } from '#app/components/loading.tsx'\nimport { showProgressBarField } from '#app/components/progress-bar.tsx'\nimport { ensureUndeployed, useAltDown } from '#app/utils/misc.tsx'\nimport { dataWithPE, usePERedirectInput } from '#app/utils/pe.js'\nimport { createToastHeaders } from '#app/utils/toast.server'\n\nexport async function action({ request }: ActionFunctionArgs) {\n\tensureUndeployed()\n\tconst formData = await request.formData()\n\tconst intent = formData.get('intent')\n\tinvariantResponse(typeof intent === 'string', 'intent is required')\n\n\tif (intent === 'start' || intent === 'stop' || intent === 'restart') {\n\t\tconst name = formData.get('name')\n\t\tinvariantResponse(typeof name === 'string', 'name is required')\n\t\tconst app = await getAppByName(name)\n\t\tif (!app) {\n\t\t\tthrow new Response('Not found', { status: 404 })\n\t\t}\n\t\tif (app.dev.type !== 'script') {\n\t\t\tthrow new Response(`App \"${name}\" does not have a server`, {\n\t\t\t\tstatus: 400,\n\t\t\t})\n\t\t}\n\n\t\tasync function startApp() {\n\t\t\tinvariant(app, 'app must be defined')\n\t\t\tconst result = await runAppDev(app)\n\t\t\tif (result.running) {\n\t\t\t\tconst appRunningResult = await waitOnApp(app)\n\t\t\t\tif (appRunningResult?.status === 'success') {\n\t\t\t\t\t// wait another 200ms just in case the build output for assets isn't finished\n\t\t\t\t\tawait new Promise((resolve) => setTimeout(resolve, 200))\n\t\t\t\t\treturn dataWithPE(formData, { status: 'app-started' } as const)\n\t\t\t\t} else if (app.dev.type === 'script') {\n\t\t\t\t\tconst errorMessage = appRunningResult\n\t\t\t\t\t\t? appRunningResult.error\n\t\t\t\t\t\t: 'Unknown error'\n\t\t\t\t\treturn data(\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tstatus: 'app-not-started',\n\t\t\t\t\t\t\terror: errorMessage,\n\t\t\t\t\t\t\tport: app.dev.portNumber,\n\t\t\t\t\t\t} as const,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tstatus: 500,\n\t\t\t\t\t\t\tstatusText: 'App did not start',\n\t\t\t\t\t\t\theaders: await createToastHeaders({\n\t\t\t\t\t\t\t\tdescription: errorMessage,\n\t\t\t\t\t\t\t\ttitle: 'App did not start',\n\t\t\t\t\t\t\t\ttype: 'error',\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t},\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t} else if (result.portNumber) {\n\t\t\t\treturn dataWithPE(formData, {\n\t\t\t\t\tstatus: 'app-not-started',\n\t\t\t\t\terror: result.status,\n\t\t\t\t\tport: result.portNumber,\n\t\t\t\t} as const)\n\t\t\t} else {\n\t\t\t\tthrow new Response(\n\t\t\t\t\t'Tried starting a server for an app that does not have one',\n\t\t\t\t\t{ status: 400 },\n\t\t\t\t)\n\t\t\t}\n\t\t}\n\n\t\tasync function stopApp() {\n\t\t\tinvariant(app, 'app must be defined')\n\t\t\tawait closeProcess(app.name)\n\t\t\treturn dataWithPE(formData, { status: 'app-stopped' } as const)\n\t\t}\n\n\t\tswitch (intent) {\n\t\t\tcase 'start': {\n\t\t\t\treturn startApp()\n\t\t\t}\n\t\t\tcase 'stop': {\n\t\t\t\treturn stopApp()\n\t\t\t}\n\t\t\tcase 'restart': {\n\t\t\t\tawait stopApp()\n\t\t\t\treturn startApp()\n\t\t\t}\n\t\t}\n\t}\n\n\tif (intent === 'stop-port') {\n\t\tconst port = formData.get('port')\n\t\tinvariantResponse(typeof port === 'string', 'port is required')\n\t\tawait stopPort(port)\n\t\treturn dataWithPE(formData, { status: 'port-stopped' } as const)\n\t}\n\tthrow new Error(`Unknown intent: ${intent}`)\n}\n\nexport function AppStopper({ name }: { name: string }) {\n\tconst fetcher = useFetcher<typeof action>()\n\tconst peRedirectInput = usePERedirectInput()\n\tconst inFlightIntent = fetcher.formData?.get('intent')\n\tconst inFlightState =\n\t\tinFlightIntent === 'stop'\n\t\t\t? 'Stopping App'\n\t\t\t: inFlightIntent === 'restart'\n\t\t\t\t? 'Restarting App'\n\t\t\t\t: null\n\tconst altDown = useAltDown()\n\treturn (\n\t\t<fetcher.Form method=\"POST\" action=\"/start\">\n\t\t\t{peRedirectInput}\n\t\t\t{showProgressBarField}\n\t\t\t<input type=\"hidden\" name=\"name\" value={name} />\n\t\t\t<button\n\t\t\t\ttype=\"submit\"\n\t\t\t\tname=\"intent\"\n\t\t\t\tvalue={altDown ? 'restart' : 'stop'}\n\t\t\t\tclassName=\"h-full border-r px-3 py-4 font-mono text-xs uppercase leading-none\"\n\t\t\t>\n\t\t\t\t{inFlightState ? inFlightState : altDown ? 'Restart App' : 'Stop App'}\n\t\t\t</button>\n\t\t</fetcher.Form>\n\t)\n}\n\nexport function PortStopper({ port }: { port: number | string }) {\n\tconst fetcher = useFetcher<typeof action>()\n\tconst peRedirectInput = usePERedirectInput()\n\treturn (\n\t\t<fetcher.Form method=\"POST\" action=\"/start\">\n\t\t\t{peRedirectInput}\n\t\t\t{showProgressBarField}\n\t\t\t<input type=\"hidden\" name=\"port\" value={port} />\n\t\t\t<Button varient=\"mono\" type=\"submit\" name=\"intent\" value=\"stop-port\">\n\t\t\t\t{fetcher.state === 'idle' ? 'Stop Port' : 'Stopping Port'}\n\t\t\t</Button>\n\t\t</fetcher.Form>\n\t)\n}\n\nexport function AppStarter({ name }: { name: string }) {\n\tconst fetcher = useFetcher<typeof action>()\n\tconst peRedirectInput = usePERedirectInput()\n\tif (fetcher.data?.status === 'app-not-started') {\n\t\tif (fetcher.data.error === 'port-unavailable') {\n\t\t\treturn (\n\t\t\t\t<div>\n\t\t\t\t\tThe port is unavailable. Would you like to stop whatever is running on\n\t\t\t\t\tthat port and try again?\n\t\t\t\t\t<PortStopper port={fetcher.data.port} />\n\t\t\t\t</div>\n\t\t\t)\n\t\t} else {\n\t\t\treturn <div>An unknown error has happened.</div>\n\t\t}\n\t}\n\treturn (\n\t\t<fetcher.Form method=\"POST\" action=\"/start\">\n\t\t\t{peRedirectInput}\n\t\t\t{showProgressBarField}\n\t\t\t<input type=\"hidden\" name=\"name\" value={name} />\n\t\t\t{fetcher.state === 'idle' ? (\n\t\t\t\t<Button type=\"submit\" name=\"intent\" value=\"start\" varient=\"mono\">\n\t\t\t\t\tStart App\n\t\t\t\t</Button>\n\t\t\t) : (\n\t\t\t\t<div>\n\t\t\t\t\t<Loading>Starting App</Loading>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</fetcher.Form>\n\t)\n}\n","import { clsx } from 'clsx'\nimport {\n\tforwardRef,\n\tuseEffect,\n\tuseImperativeHandle,\n\tuseRef,\n\tuseState,\n\ttype ForwardedRef,\n} from 'react'\nimport { Form, useSearchParams, type NavigateFunction } from 'react-router'\nimport { z } from 'zod'\nimport { Icon } from '#app/components/icons.tsx'\nimport { AppStarter, AppStopper, PortStopper } from '#app/routes/start.tsx'\nimport { useTheme } from '#app/routes/theme/index.tsx'\nimport { getBaseUrl } from '#app/utils/misc.tsx'\nimport { useRequestInfo } from '#app/utils/request-info.ts'\nimport { LinkButton } from './button.tsx'\nimport {\n\tTooltip,\n\tTooltipContent,\n\tTooltipProvider,\n\tTooltipTrigger,\n} from './ui/tooltip.tsx'\n\nconst historyCallDataSchema = z.intersection(\n\tz.object({\n\t\ttype: z.literal('epicshop:history-call'),\n\t}),\n\tz.union([\n\t\tz.object({\n\t\t\tmethod: z.literal('pushState'),\n\t\t\targs: z.union([\n\t\t\t\tz.tuple([z.object({}).passthrough(), z.unknown()]),\n\t\t\t\tz.tuple([z.object({}).passthrough(), z.unknown(), z.string()]),\n\t\t\t]),\n\t\t}),\n\t\tz.object({\n\t\t\tmethod: z.literal('replaceState'),\n\t\t\targs: z.union([\n\t\t\t\tz.tuple([z.object({}).passthrough(), z.unknown()]),\n\t\t\t\tz.tuple([z.object({}).passthrough(), z.unknown(), z.string()]),\n\t\t\t]),\n\t\t}),\n\t\tz.object({\n\t\t\tmethod: z.literal('go'),\n\t\t\targs: z.tuple([z.number().optional()]),\n\t\t}),\n\t\tz.object({ method: z.literal('forward'), args: z.tuple([]) }),\n\t\tz.object({ method: z.literal('back'), args: z.tuple([]) }),\n\t\tz.object({\n\t\t\tmethod: z.literal('popstate'),\n\t\t\tpathname: z.string(),\n\t\t\tdelta: z.number(),\n\t\t}),\n\t]),\n)\n\nconst loadedSchema = z.object({\n\ttype: z.literal('epicshop:loaded'),\n\turl: z.string(),\n})\n\nconst messageSchema = z.union([historyCallDataSchema, loadedSchema])\n\nfunction getNewIndex(prevIndex: number, delta: number, max: number) {\n\t// keep the index bound between 0 and the history length\n\treturn Math.min(Math.max(prevIndex + delta, 0), max)\n}\n\ntype Props = {\n\tid: string\n\tname: string\n\tport: number\n\tportIsAvailable: boolean | null\n\tisRunning: boolean\n\tbaseUrl: string\n\tinitialRoute: string\n}\n\nexport type InBrowserBrowserRef = {\n\thandleExtrnalNavigation: (pathname?: string) => void\n}\n\nexport const InBrowserBrowser = forwardRef<InBrowserBrowserRef, Props>(\n\tInBrowserBrowserImpl,\n)\n\nfunction InBrowserBrowserImpl(\n\t{ name, port, portIsAvailable, isRunning, baseUrl, id, initialRoute }: Props,\n\tref: ForwardedRef<InBrowserBrowserRef>,\n) {\n\tconst requestInfo = useRequestInfo()\n\tconst [showUnmanaged, setShowUnmanaged] = useState(false)\n\tif (isRunning || showUnmanaged) {\n\t\treturn (\n\t\t\t<InBrowserBrowserForRealz\n\t\t\t\tbaseUrl={baseUrl}\n\t\t\t\tid={id}\n\t\t\t\tname={name}\n\t\t\t\tref={ref}\n\t\t\t\tinitialRoute={initialRoute}\n\t\t\t/>\n\t\t)\n\t} else if (portIsAvailable === false) {\n\t\treturn (\n\t\t\t<div className=\"flex flex-col items-center justify-center\">\n\t\t\t\t<p className=\"max-w-xs pb-5 text-center\" role=\"status\">\n\t\t\t\t\t{`The port for this app is unavailable. It could be that you're running it `}\n\t\t\t\t\t<a\n\t\t\t\t\t\thref={getBaseUrl({ domain: requestInfo.domain, port })}\n\t\t\t\t\t\tclassName=\"underline\"\n\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\trel=\"noreferrer\"\n\t\t\t\t\t>\n\t\t\t\t\t\telsewhere\n\t\t\t\t\t</a>\n\t\t\t\t\t{'. '}\n\t\t\t\t\t<LinkButton onClick={() => setShowUnmanaged(true)}>\n\t\t\t\t\t\tShow here anyway\n\t\t\t\t\t</LinkButton>\n\t\t\t\t</p>\n\t\t\t\t<PortStopper port={port} />\n\t\t\t</div>\n\t\t)\n\t} else {\n\t\treturn <AppStarter name={name} />\n\t}\n}\ntype RealBrowserProps = {\n\tbaseUrl: string\n\tid: string\n\tname: string\n\tinitialRoute: string\n}\n\nconst InBrowserBrowserForRealz = forwardRef<\n\tInBrowserBrowserRef,\n\tRealBrowserProps\n>(InBrowserBrowserForRealzImpl)\n\n// we're doing this to ensure all of this complex stuff doesn't happen unless\n// the iframe is actually rendered.\nfunction InBrowserBrowserForRealzImpl(\n\t{ baseUrl, id, name, initialRoute }: RealBrowserProps,\n\tref: ForwardedRef<InBrowserBrowserRef>,\n) {\n\tconst theme = useTheme()\n\tconst [searchParams, setSearchParams] = useSearchParams()\n\tconst searchParamsPathname = searchParams.get('pathname') ?? initialRoute\n\tconst [iframeKeyNumber, setIframeKeyNumber] = useState(0)\n\tconst iframeKey = id + iframeKeyNumber\n\tconst lastDirectionRef = useRef<'forward' | 'back' | 'new'>('new')\n\tconst lastDirectionTimeout = useRef<ReturnType<typeof setTimeout> | null>(\n\t\tnull,\n\t)\n\tconst [iframeContext, setIFrameContext] = useState({\n\t\thistory: [searchParamsPathname],\n\t\tindex: 0,\n\t})\n\tconst [pathnameInputValue, setPathnameInputValue] =\n\t\tuseState(searchParamsPathname)\n\tconst iframeRef = useRef<HTMLIFrameElement>(null)\n\n\tconst appUrl = new URL(searchParamsPathname, baseUrl)\n\tconst currentAppUrl = useRef(appUrl)\n\tuseEffect(() => {\n\t\tcurrentAppUrl.current = appUrl\n\t})\n\n\t/** changing the iframeSrcUrl will trigger a reload of the iframe */\n\tconst [iframeSrcUrl, setIframeSrcUrl] = useState(appUrl)\n\n\tconst currentId = useRef(id)\n\t// if the id changes, then we're going to reload the iframe, but we want to\n\t// make sure to preserve the pathname so we set the src to the current pathname\n\t// this is one of the few side-effects in render that are \"ok\"\n\tif (currentId.current !== id) {\n\t\tcurrentId.current = id\n\t\tsetIframeSrcUrl(currentAppUrl.current)\n\t}\n\tuseEffect(() => {\n\t\tcurrentId.current = id\n\t})\n\n\tuseEffect(() => {\n\t\tfunction handleMessage(messageEvent: MessageEvent) {\n\t\t\tif (messageEvent.source !== iframeRef.current?.contentWindow) return\n\n\t\t\tconst result = messageSchema.safeParse(messageEvent.data, {\n\t\t\t\tpath: ['messageEvent', 'data'],\n\t\t\t})\n\t\t\tif (!result.success) return\n\t\t\tconst { data } = result\n\n\t\t\tif (data.type === 'epicshop:loaded') {\n\t\t\t\tsetIFrameContext((prevContext) => {\n\t\t\t\t\tconst newIndex = (i: number) =>\n\t\t\t\t\t\tgetNewIndex(prevContext.index, i, prevContext.history.length - 1)\n\t\t\t\t\tif (lastDirectionRef.current === 'back') {\n\t\t\t\t\t\treturn { ...prevContext, index: newIndex(-1) }\n\t\t\t\t\t} else if (lastDirectionRef.current === 'forward') {\n\t\t\t\t\t\treturn { ...prevContext, index: newIndex(1) }\n\t\t\t\t\t} else if (lastDirectionRef.current === 'new') {\n\t\t\t\t\t\tconst currentFullPath = prevContext.history[prevContext.index]\n\t\t\t\t\t\tconst newUrl = new URL(data.url)\n\t\t\t\t\t\tconst newFullPath = newUrl.pathname + newUrl.search\n\n\t\t\t\t\t\tif (currentFullPath === newFullPath) return prevContext\n\n\t\t\t\t\t\tconst newHistory = [\n\t\t\t\t\t\t\t...prevContext.history.slice(0, prevContext.index + 1),\n\t\t\t\t\t\t\tnewFullPath,\n\t\t\t\t\t\t]\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\thistory: newHistory,\n\t\t\t\t\t\t\tindex: newHistory.length - 1,\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthrow new Error('Unexpected lastDirectionRef value')\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tconst { method } = data\n\t\t\tsetIFrameContext((prevContext) => {\n\t\t\t\tconst newIndex = (i: number) =>\n\t\t\t\t\tgetNewIndex(prevContext.index, i, prevContext.history.length - 1)\n\t\t\t\tconst currentPathname = prevContext.history[prevContext.index]\n\t\t\t\tswitch (method) {\n\t\t\t\t\tcase 'popstate': {\n\t\t\t\t\t\treturn { ...prevContext, index: newIndex(data.delta) }\n\t\t\t\t\t}\n\t\t\t\t\tcase 'forward': {\n\t\t\t\t\t\treturn { ...prevContext, index: newIndex(1) }\n\t\t\t\t\t}\n\t\t\t\t\tcase 'back': {\n\t\t\t\t\t\treturn { ...prevContext, index: newIndex(-1) }\n\t\t\t\t\t}\n\t\t\t\t\tcase 'pushState': {\n\t\t\t\t\t\tconst pathname = data.args[2] ?? currentPathname\n\t\t\t\t\t\tconst newHistory = [\n\t\t\t\t\t\t\t...prevContext.history.slice(0, prevContext.index + 1),\n\t\t\t\t\t\t\tpathname,\n\t\t\t\t\t\t].filter(Boolean)\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...prevContext,\n\t\t\t\t\t\t\thistory: newHistory,\n\t\t\t\t\t\t\tindex: newHistory.length - 1,\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tcase 'replaceState': {\n\t\t\t\t\t\tconst pathname = data.args[2] ?? currentPathname\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...prevContext,\n\t\t\t\t\t\t\thistory: [\n\t\t\t\t\t\t\t\t...prevContext.history.slice(0, prevContext.index),\n\t\t\t\t\t\t\t\tpathname,\n\t\t\t\t\t\t\t\t...prevContext.history.slice(prevContext.index + 1),\n\t\t\t\t\t\t\t].filter(Boolean),\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tcase 'go': {\n\t\t\t\t\t\tconst [delta = 0] = data.args\n\t\t\t\t\t\treturn { ...prevContext, index: newIndex(delta) }\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t})\n\t\t}\n\t\twindow.addEventListener('message', handleMessage)\n\t\treturn () => {\n\t\t\twindow.removeEventListener('message', handleMessage)\n\t\t}\n\t}, [])\n\n\t// setSearchParams is unstable\n\t// https://github.com/remix-run/react-router/issues/9991\n\tconst setSearchParamsLatestRef = useRef(setSearchParams)\n\tuseEffect(() => {\n\t\tsetSearchParamsLatestRef.current = setSearchParams\n\t}, [setSearchParams])\n\n\tconst iframePathname = iframeContext.history[iframeContext.index]\n\tuseEffect(() => {\n\t\tif (!iframePathname) return\n\n\t\tsetPathnameInputValue(iframePathname)\n\n\t\tconst newSearchParams = new URLSearchParams(window.location.search)\n\t\tif (iframePathname === '/') {\n\t\t\tnewSearchParams.delete('pathname')\n\t\t} else {\n\t\t\tnewSearchParams.set('pathname', iframePathname)\n\t\t}\n\t\tconst newSearch = newSearchParams.toString()\n\t\tif (`?${newSearch}` !== window.location.search) {\n\t\t\tsetSearchParamsLatestRef.current(newSearchParams, { replace: true })\n\t\t}\n\t}, [iframePathname])\n\n\tconst navigateChild: NavigateFunction = (...params) => {\n\t\tconst to = params[0]\n\t\tif (typeof to === 'number') {\n\t\t\t// this part feels very brittle to me...\n\t\t\tlastDirectionRef.current = to > 0 ? 'forward' : 'back'\n\t\t} else {\n\t\t\tlastDirectionRef.current = 'new'\n\t\t}\n\t\tif (lastDirectionTimeout.current) {\n\t\t\tclearTimeout(lastDirectionTimeout.current)\n\t\t}\n\t\tlastDirectionTimeout.current = setTimeout(() => {\n\t\t\tlastDirectionRef.current = 'new'\n\t\t}, 100)\n\t\tiframeRef.current?.contentWindow?.postMessage(\n\t\t\t{ type: 'epicshop:navigate-call', params },\n\t\t\t'*',\n\t\t)\n\t}\n\n\tfunction handleExtrnalNavigation(\n\t\tnewPathnameInputValue: string = pathnameInputValue,\n\t) {\n\t\tsetPathnameInputValue(newPathnameInputValue)\n\n\t\tconst currentPathname = iframeContext.history[iframeContext.index]\n\t\tvoid navigateChild(newPathnameInputValue, {\n\t\t\treplace: currentPathname === newPathnameInputValue,\n\t\t})\n\t}\n\n\tuseImperativeHandle(ref, () => ({ handleExtrnalNavigation }))\n\n\tconst atEndOfHistory =\n\t\tiframeContext.index === iframeContext.history.length - 1\n\tconst atStartOfHistory = iframeContext.index <= 0\n\tconst existingSearchParamHiddenInputs: Array<React.ReactElement> = []\n\tfor (const [key, value] of searchParams.entries()) {\n\t\tif (key === 'pathname') continue\n\n\t\texistingSearchParamHiddenInputs.push(\n\t\t\t<input key={key} type=\"hidden\" name={key} value={value} />,\n\t\t)\n\t}\n\n\treturn (\n\t\t<TooltipProvider>\n\t\t\t<div className=\"flex h-full flex-grow flex-col\">\n\t\t\t\t<div className=\"flex items-center justify-between border-b pl-1.5\">\n\t\t\t\t\t<div className=\"mr-2 flex items-center justify-center gap-2 px-1\">\n\t\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\t\t<TooltipTrigger asChild>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclassName=\"hidden aspect-square h-full w-full items-center justify-center p-1 transition disabled:opacity-40 sm:flex\"\n\t\t\t\t\t\t\t\t\tdisabled={atStartOfHistory}\n\t\t\t\t\t\t\t\t\tonClick={() => navigateChild(-1)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Icon name=\"ArrowLeft\" aria-hidden=\"true\" />\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</TooltipTrigger>\n\t\t\t\t\t\t\t<TooltipContent>Go back</TooltipContent>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\t\t<TooltipTrigger asChild>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclassName=\"hidden aspect-square h-full w-full items-center justify-center p-1 transition disabled:opacity-40 sm:flex\"\n\t\t\t\t\t\t\t\t\tdisabled={atEndOfHistory}\n\t\t\t\t\t\t\t\t\tonClick={() => navigateChild(1)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Icon name=\"ArrowRight\" aria-hidden=\"true\" />\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</TooltipTrigger>\n\t\t\t\t\t\t\t<TooltipContent>Go forward</TooltipContent>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\t\t<TooltipTrigger asChild>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclassName=\"flex aspect-square h-full w-full items-center justify-center p-1 transition disabled:opacity-40\"\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetIframeSrcUrl(appUrl)\n\t\t\t\t\t\t\t\t\t\tsetIframeKeyNumber(iframeKeyNumber + 1)\n\t\t\t\t\t\t\t\t\t\t// TODO: figure out how we can avoid having to do this...\n\t\t\t\t\t\t\t\t\t\t// I stayed up for hours one night trying and couldn't work out\n\t\t\t\t\t\t\t\t\t\t// why react router wouldn't update the UI when using back/forward\n\t\t\t\t\t\t\t\t\t\t// after a refresh.\n\t\t\t\t\t\t\t\t\t\tsetIFrameContext({\n\t\t\t\t\t\t\t\t\t\t\thistory: [appUrl.pathname],\n\t\t\t\t\t\t\t\t\t\t\tindex: 0,\n\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Icon name=\"Refresh\" aria-hidden=\"true\" />\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</TooltipTrigger>\n\t\t\t\t\t\t\t<TooltipContent>Refresh</TooltipContent>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t</div>\n\t\t\t\t\t<Form\n\t\t\t\t\t\tmethod=\"get\"\n\t\t\t\t\t\treplace\n\t\t\t\t\t\tclassName=\"flex flex-1 gap-2\"\n\t\t\t\t\t\tonSubmit={() => handleExtrnalNavigation()}\n\t\t\t\t\t>\n\t\t\t\t\t\t{existingSearchParamHiddenInputs}\n\t\t\t\t\t\t<div className=\"flex flex-1 items-center border-x bg-background p-3 leading-none text-foreground\">\n\t\t\t\t\t\t\t<a href={appUrl.toString()} target=\"_blank\" rel=\"noreferrer\">\n\t\t\t\t\t\t\t\t{iframeSrcUrl.host}\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\taria-label=\"pathname\"\n\t\t\t\t\t\t\t\tclassName=\"w-full flex-1 bg-background focus-visible:outline-none\"\n\t\t\t\t\t\t\t\tvalue={pathnameInputValue}\n\t\t\t\t\t\t\t\tname=\"pathname\"\n\t\t\t\t\t\t\t\tonChange={(e) => setPathnameInputValue(e.currentTarget.value)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{/* TODO: Reconsider if this is needed as browsers don't usually have a submit button in address bar */}\n\t\t\t\t\t\t{/* <button type=\"submit\">Go</button> */}\n\t\t\t\t\t</Form>\n\t\t\t\t\t<AppStopper name={name} />\n\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\t<TooltipTrigger asChild>\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\thref={appUrl.toString()}\n\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\trel=\"noreferrer\"\n\t\t\t\t\t\t\t\tclassName={clsx(\n\t\t\t\t\t\t\t\t\t'flex aspect-square items-center justify-center px-3.5',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Icon name=\"ExternalLink\" />\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</TooltipTrigger>\n\t\t\t\t\t\t<TooltipContent>Open in new tab</TooltipContent>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"flex h-full w-full flex-grow dark:bg-white\">\n\t\t\t\t\t<iframe\n\t\t\t\t\t\ttitle={name}\n\t\t\t\t\t\tkey={iframeKey}\n\t\t\t\t\t\tref={iframeRef}\n\t\t\t\t\t\tsrc={iframeSrcUrl.toString()}\n\t\t\t\t\t\tclassName=\"h-full w-full flex-grow bg-white\"\n\t\t\t\t\t\tstyle={{ colorScheme: theme }}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</TooltipProvider>\n\t)\n}\n","import { type BaseExerciseStepApp } from '@epic-web/workshop-utils/apps.server'\nimport { useState } from 'react'\nimport { Icon } from '#app/components/icons'\nimport {\n\tInBrowserBrowser,\n\ttype InBrowserBrowserRef,\n} from '#app/components/in-browser-browser'\nimport { Loading } from '#app/components/loading.js'\nimport { useTheme } from '#app/routes/theme/index.js'\nimport { cn, getBaseUrl } from '#app/utils/misc'\nimport { useRequestInfo } from '#app/utils/request-info'\n\nexport function Preview({\n\tid,\n\tappInfo,\n\tinBrowserBrowserRef,\n}: {\n\tid?: string\n\tappInfo: {\n\t\tisRunning: boolean\n\t\tappName?: string\n\t\tname: string\n\t\ttitle: string\n\t\tportIsAvailable: boolean | null\n\t\ttype: string\n\t\tfullPath: string\n\t\tdev: BaseExerciseStepApp['dev']\n\t\ttest: BaseExerciseStepApp['test']\n\t\tstackBlitzUrl: BaseExerciseStepApp['stackBlitzUrl']\n\t} | null\n\tinBrowserBrowserRef: React.RefObject<InBrowserBrowserRef | null>\n}) {\n\tconst requestInfo = useRequestInfo()\n\tconst theme = useTheme()\n\tif (!appInfo) return <p>No app here. Sorry.</p>\n\tconst { isRunning, dev, name, portIsAvailable, title } = appInfo\n\n\tif (ENV.EPICSHOP_DEPLOYED && appInfo.stackBlitzUrl) {\n\t\tconst url = new URL(appInfo.stackBlitzUrl)\n\t\turl.searchParams.set('embed', '1')\n\t\turl.searchParams.set('theme', theme)\n\n\t\treturn (\n\t\t\t<StackBlitzEmbed\n\t\t\t\ttitle={title}\n\t\t\t\turl={url.toString()}\n\t\t\t\tloadingContent={\n\t\t\t\t\t<Loading>\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\tLoading{' '}\n\t\t\t\t\t\t\t<a className=\"underline\" href={appInfo.stackBlitzUrl}>\n\t\t\t\t\t\t\t\t\"{title}\"\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</Loading>\n\t\t\t\t}\n\t\t\t/>\n\t\t)\n\t}\n\n\tif (dev.type === 'script') {\n\t\tconst baseUrl = getBaseUrl({\n\t\t\tdomain: requestInfo.domain,\n\t\t\tport: dev.portNumber,\n\t\t})\n\t\treturn (\n\t\t\t<InBrowserBrowser\n\t\t\t\tref={inBrowserBrowserRef}\n\t\t\t\tisRunning={isRunning}\n\t\t\t\tid={id ?? name}\n\t\t\t\tname={name}\n\t\t\t\tportIsAvailable={portIsAvailable}\n\t\t\t\tport={dev.portNumber}\n\t\t\t\tbaseUrl={baseUrl}\n\t\t\t\tinitialRoute={dev.initialRoute}\n\t\t\t/>\n\t\t)\n\t} else if (dev.type === 'browser') {\n\t\treturn (\n\t\t\t<div className=\"relative h-full flex-grow overflow-y-auto scrollbar-thin scrollbar-thumb-scrollbar\">\n\t\t\t\t<a\n\t\t\t\t\thref={dev.pathname}\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noreferrer\"\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'absolute bottom-5 right-5 flex items-center justify-center rounded-full bg-gray-100 p-2.5 transition hover:bg-gray-200 dark:bg-gray-800 hover:dark:bg-gray-600',\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<Icon name=\"ExternalLink\" aria-hidden=\"true\" />\n\t\t\t\t\t<span className=\"sr-only\">Open in New Window</span>\n\t\t\t\t</a>\n\t\t\t\t<iframe\n\t\t\t\t\ttitle={title}\n\t\t\t\t\tsrc={dev.pathname}\n\t\t\t\t\tclassName=\"yo yo h-full w-full flex-grow bg-white\"\n\t\t\t\t\tstyle={{ colorScheme: theme }}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t)\n\t} else {\n\t\treturn (\n\t\t\t<div className=\"flex h-full items-center justify-center text-lg\">\n\t\t\t\t<p>\n\t\t\t\t\tPreview for dev type of <code>{dev.type}</code> not supported.\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t)\n\t}\n}\n\nexport function StackBlitzEmbed({\n\turl,\n\ttitle,\n\tloadingContent,\n}: {\n\turl: string\n\ttitle?: string\n\tloadingContent: React.ReactNode\n}) {\n\tconst theme = useTheme()\n\tconst [iframeLoaded, setIframeLoaded] = useState(false)\n\n\treturn (\n\t\t<div className=\"h-full w-full flex-grow\">\n\t\t\t{iframeLoaded ? null : (\n\t\t\t\t<div className=\"absolute inset-0 z-10 flex items-center justify-center\">\n\t\t\t\t\t{loadingContent}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<iframe\n\t\t\t\tonLoad={() => setIframeLoaded(true)}\n\t\t\t\t// show what would have shown if there is an error\n\t\t\t\tonError={() => setIframeLoaded(true)}\n\t\t\t\tsrc={url}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'h-full w-full flex-grow transition-opacity duration-300',\n\t\t\t\t\tiframeLoaded ? 'opacity-100' : 'opacity-0',\n\t\t\t\t)}\n\t\t\t\ttitle={title}\n\t\t\t\tsandbox=\"allow-forms allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox\"\n\t\t\t\tstyle={{ colorScheme: theme }}\n\t\t\t/>\n\t\t</div>\n\t)\n}\n"],"names":["AppStopper","name","fetcher","useFetcher","peRedirectInput","usePERedirectInput","inFlightIntent","formData","get","inFlightState","altDown","useAltDown","Form","method","action","children","showProgressBarField","type","value","jsx","className","PortStopper","port","Button","varient","state","AppStarter","data","status","error","Loading","historyCallDataSchema","z.intersection","z.object","z.literal","z.union","z.tuple","z.unknown","z.string","z.number","loadedSchema","messageSchema","getNewIndex","prevIndex","delta","max","InBrowserBrowser","forwardRef","InBrowserBrowserImpl","portIsAvailable","isRunning","baseUrl","id","initialRoute","ref","requestInfo","useRequestInfo","showUnmanaged","setShowUnmanaged","useState","InBrowserBrowserForRealz","jsxs","getBaseUrl","LinkButton","InBrowserBrowserForRealzImpl","theme","useTheme","searchParams","setSearchParams","useSearchParams","searchParamsPathname","iframeKeyNumber","setIframeKeyNumber","iframeKey","lastDirectionRef","useRef","lastDirectionTimeout","iframeContext","setIFrameContext","pathnameInputValue","setPathnameInputValue","iframeRef","appUrl","currentAppUrl","useEffect","iframeSrcUrl","setIframeSrcUrl","currentId","handleMessage","messageEvent","result","prevContext","newIndex","i","currentFullPath","newUrl","newFullPath","newHistory","currentPathname","pathname","setSearchParamsLatestRef","iframePathname","newSearchParams","navigateChild","params","to","handleExtrnalNavigation","newPathnameInputValue","useImperativeHandle","atEndOfHistory","atStartOfHistory","existingSearchParamHiddenInputs","key","TooltipProvider","Tooltip","TooltipTrigger","Icon","TooltipContent","e","clsx","Preview","appInfo","inBrowserBrowserRef","dev","title","url","StackBlitzEmbed","cn","loadingContent","iframeLoaded","setIframeLoaded"],"mappings":"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"}

package/build/client/assets/processes-Br7x8lR0.js

@@ -0,0 +1,2 @@
+import"./_-v6PvHZ90.js";
+//# sourceMappingURL=processes-Br7x8lR0.js.map

package/build/client/assets/processes-Br7x8lR0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"processes-Br7x8lR0.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/client/assets/{product-Jj1IV1k9.js → product-CrOzBC_k.js}

@@ -1,2 +1,2 @@
-import{j as e}from"./jsx-runtime-B2LUJHWf.js";import{u as g}from"./index-DXWoNbMw.js";import{c as a}from"./misc-D-dDb89H.js";import{u as p}from"./workshop-config-BOTAWJa-.js";import"./_-C9pypk8E.js";const i={font:"w-[1em] h-[1em]",xs:"w-3 h-3",sm:"w-4 h-4",md:"w-5 h-5",lg:"w-6 h-6",xl:"w-7 h-7","2xl":"w-8 h-8"},x={font:"gap-1.5",xs:"gap-1.5",sm:"gap-1.5",md:"gap-2",lg:"gap-2",xl:"gap-3","2xl":"gap-4"};function N({size:s="font",style:c="themed",className:n,children:t,...m}){const{product:{logo:o,displayName:l}}=p(),h=g(),r=o.includes(".svg")?e.jsxs("svg",{...m,className:a(i[s],"inline self-center",n),children:[e.jsx("title",{children:l}),e.jsx("use",{href:`${o}#${c==="themed"?h:"monochrome"}`})]}):e.jsx("img",{src:o,alt:l,...m,className:a(i[s],"inline self-center",n)});return t?e.jsxs("span",{className:`inline-flex items-center ${x[s]}`,children:[r,t]}):r}export{N as L};
-//# sourceMappingURL=product-Jj1IV1k9.js.map
+import{j as e}from"./jsx-runtime-BcujL2Aj.js";import{u as g}from"./index-BSUgjf5i.js";import{c as a}from"./misc-CJXb1d0J.js";import{u as p}from"./workshop-config-Cx9qZQEC.js";import"./_-v6PvHZ90.js";const i={font:"w-[1em] h-[1em]",xs:"w-3 h-3",sm:"w-4 h-4",md:"w-5 h-5",lg:"w-6 h-6",xl:"w-7 h-7","2xl":"w-8 h-8"},x={font:"gap-1.5",xs:"gap-1.5",sm:"gap-1.5",md:"gap-2",lg:"gap-2",xl:"gap-3","2xl":"gap-4"};function N({size:s="font",style:c="themed",className:n,children:t,...m}){const{product:{logo:o,displayName:l}}=p(),h=g(),r=o.includes(".svg")?e.jsxs("svg",{...m,className:a(i[s],"inline self-center",n),children:[e.jsx("title",{children:l}),e.jsx("use",{href:`${o}#${c==="themed"?h:"monochrome"}`})]}):e.jsx("img",{src:o,alt:l,...m,className:a(i[s],"inline self-center",n)});return t?e.jsxs("span",{className:`inline-flex items-center ${x[s]}`,children:[r,t]}):r}export{N as L};
+//# sourceMappingURL=product-CrOzBC_k.js.map

package/build/client/assets/{product-Jj1IV1k9.js.map → product-CrOzBC_k.js.map}

@@ -1 +1 @@
-{"version":3,"file":"product-Jj1IV1k9.js","sources":["../../../app/components/product.tsx"],"sourcesContent":["import { useTheme } from '#app/routes/theme/index.js'\nimport { cn } from '#app/utils/misc.tsx'\nimport { useWorkshopConfig } from './workshop-config.tsx'\n\ntype Sizes = 'font' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'\n\nconst sizeClassName = {\n\tfont: 'w-[1em] h-[1em]',\n\txs: 'w-3 h-3',\n\tsm: 'w-4 h-4',\n\tmd: 'w-5 h-5',\n\tlg: 'w-6 h-6',\n\txl: 'w-7 h-7',\n\t'2xl': 'w-8 h-8',\n} as const\n\nconst childrenSizeClassName = {\n\tfont: 'gap-1.5',\n\txs: 'gap-1.5',\n\tsm: 'gap-1.5',\n\tmd: 'gap-2',\n\tlg: 'gap-2',\n\txl: 'gap-3',\n\t'2xl': 'gap-4',\n} satisfies Record<Sizes, string>\n\nexport function ProductName(props: React.HTMLAttributes<HTMLSpanElement>) {\n\tconst {\n\t\tproduct: { displayName },\n\t} = useWorkshopConfig()\n\treturn <span {...props}>{displayName}</span>\n}\n\nexport function Logo({\n\tsize = 'font',\n\tstyle = 'themed',\n\tclassName,\n\tchildren,\n\t...props\n}: React.SVGProps<SVGSVGElement> & {\n\tsize?: Sizes\n\tstyle?: 'themed' | 'monochrome'\n\tclassName?: string\n\tchildren?: React.ReactNode\n}) {\n\tconst {\n\t\tproduct: { logo, displayName },\n\t} = useWorkshopConfig()\n\tconst theme = useTheme()\n\n\tconst logoElement = logo.includes('.svg') ? (\n\t\t<svg\n\t\t\t{...props}\n\t\t\tclassName={cn(sizeClassName[size], 'inline self-center', className)}\n\t\t>\n\t\t\t<title>{displayName}</title>\n\t\t\t<use href={`${logo}#${style === 'themed' ? theme : 'monochrome'}`} />\n\t\t</svg>\n\t) : (\n\t\t// @ts-expect-error - svg props can't all be applied to img... meh, probably won't ever be a real issue...\n\t\t<img\n\t\t\tsrc={logo}\n\t\t\talt={displayName}\n\t\t\t{...props}\n\t\t\tclassName={cn(sizeClassName[size], 'inline self-center', className)}\n\t\t/>\n\t)\n\n\tif (children) {\n\t\treturn (\n\t\t\t<span\n\t\t\t\tclassName={`inline-flex items-center ${childrenSizeClassName[size]}`}\n\t\t\t>\n\t\t\t\t{logoElement}\n\t\t\t\t{children}\n\t\t\t</span>\n\t\t)\n\t}\n\n\treturn logoElement\n}\n"],"names":["sizeClassName","childrenSizeClassName","Logo","size","style","className","children","props","logo","displayName","useWorkshopConfig","theme","useTheme","logoElement","jsxs","cn","jsx"],"mappings":"uMAMA,MAAMA,EAAgB,CACrB,KAAM,kBACN,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,MAAO,SACR,EAEMC,EAAwB,CAC7B,KAAM,UACN,GAAI,UACJ,GAAI,UACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,MAAO,OACR,EASO,SAASC,EAAK,CACpB,KAAAC,EAAO,OACP,MAAAC,EAAQ,SACR,UAAAC,EACA,SAAAC,EACA,GAAGC,CACJ,EAKG,CACF,KAAM,CACL,QAAS,CAAE,KAAAC,EAAM,YAAAC,CAAA,CAAY,EAC1BC,EAAA,EACEC,EAAQC,EAAA,EAERC,EAAcL,EAAK,SAAS,MAAM,EACvCM,EAAAA,KAAC,MAAA,CACC,GAAGP,EACJ,UAAWQ,EAAGf,EAAcG,CAAI,EAAG,qBAAsBE,CAAS,EAElE,SAAA,CAAAW,EAAAA,IAAC,SAAO,SAAAP,CAAA,CAAY,EACpBO,EAAAA,IAAC,MAAA,CAAI,KAAM,GAAGR,CAAI,IAAIJ,IAAU,SAAWO,EAAQ,YAAY,EAAA,CAAI,CAAA,CAAA,CAAA,EAIpEK,EAAAA,IAAC,MAAA,CACA,IAAKR,EACL,IAAKC,EACJ,GAAGF,EACJ,UAAWQ,EAAGf,EAAcG,CAAI,EAAG,qBAAsBE,CAAS,CAAA,CAAA,EAIpE,OAAIC,EAEFQ,EAAAA,KAAC,OAAA,CACA,UAAW,4BAA4Bb,EAAsBE,CAAI,CAAC,GAEjE,SAAA,CAAAU,EACAP,CAAA,CAAA,CAAA,EAKGO,CACR"}
+{"version":3,"file":"product-CrOzBC_k.js","sources":["../../../app/components/product.tsx"],"sourcesContent":["import { useTheme } from '#app/routes/theme/index.js'\nimport { cn } from '#app/utils/misc.tsx'\nimport { useWorkshopConfig } from './workshop-config.tsx'\n\ntype Sizes = 'font' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'\n\nconst sizeClassName = {\n\tfont: 'w-[1em] h-[1em]',\n\txs: 'w-3 h-3',\n\tsm: 'w-4 h-4',\n\tmd: 'w-5 h-5',\n\tlg: 'w-6 h-6',\n\txl: 'w-7 h-7',\n\t'2xl': 'w-8 h-8',\n} as const\n\nconst childrenSizeClassName = {\n\tfont: 'gap-1.5',\n\txs: 'gap-1.5',\n\tsm: 'gap-1.5',\n\tmd: 'gap-2',\n\tlg: 'gap-2',\n\txl: 'gap-3',\n\t'2xl': 'gap-4',\n} satisfies Record<Sizes, string>\n\nexport function ProductName(props: React.HTMLAttributes<HTMLSpanElement>) {\n\tconst {\n\t\tproduct: { displayName },\n\t} = useWorkshopConfig()\n\treturn <span {...props}>{displayName}</span>\n}\n\nexport function Logo({\n\tsize = 'font',\n\tstyle = 'themed',\n\tclassName,\n\tchildren,\n\t...props\n}: React.SVGProps<SVGSVGElement> & {\n\tsize?: Sizes\n\tstyle?: 'themed' | 'monochrome'\n\tclassName?: string\n\tchildren?: React.ReactNode\n}) {\n\tconst {\n\t\tproduct: { logo, displayName },\n\t} = useWorkshopConfig()\n\tconst theme = useTheme()\n\n\tconst logoElement = logo.includes('.svg') ? (\n\t\t<svg\n\t\t\t{...props}\n\t\t\tclassName={cn(sizeClassName[size], 'inline self-center', className)}\n\t\t>\n\t\t\t<title>{displayName}</title>\n\t\t\t<use href={`${logo}#${style === 'themed' ? theme : 'monochrome'}`} />\n\t\t</svg>\n\t) : (\n\t\t// @ts-expect-error - svg props can't all be applied to img... meh, probably won't ever be a real issue...\n\t\t<img\n\t\t\tsrc={logo}\n\t\t\talt={displayName}\n\t\t\t{...props}\n\t\t\tclassName={cn(sizeClassName[size], 'inline self-center', className)}\n\t\t/>\n\t)\n\n\tif (children) {\n\t\treturn (\n\t\t\t<span\n\t\t\t\tclassName={`inline-flex items-center ${childrenSizeClassName[size]}`}\n\t\t\t>\n\t\t\t\t{logoElement}\n\t\t\t\t{children}\n\t\t\t</span>\n\t\t)\n\t}\n\n\treturn logoElement\n}\n"],"names":["sizeClassName","childrenSizeClassName","Logo","size","style","className","children","props","logo","displayName","useWorkshopConfig","theme","useTheme","logoElement","jsxs","cn","jsx"],"mappings":"uMAMA,MAAMA,EAAgB,CACrB,KAAM,kBACN,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,MAAO,SACR,EAEMC,EAAwB,CAC7B,KAAM,UACN,GAAI,UACJ,GAAI,UACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,MAAO,OACR,EASO,SAASC,EAAK,CACpB,KAAAC,EAAO,OACP,MAAAC,EAAQ,SACR,UAAAC,EACA,SAAAC,EACA,GAAGC,CACJ,EAKG,CACF,KAAM,CACL,QAAS,CAAE,KAAAC,EAAM,YAAAC,CAAA,CAAY,EAC1BC,EAAA,EACEC,EAAQC,EAAA,EAERC,EAAcL,EAAK,SAAS,MAAM,EACvCM,EAAAA,KAAC,MAAA,CACC,GAAGP,EACJ,UAAWQ,EAAGf,EAAcG,CAAI,EAAG,qBAAsBE,CAAS,EAElE,SAAA,CAAAW,EAAAA,IAAC,SAAO,SAAAP,CAAA,CAAY,EACpBO,EAAAA,IAAC,MAAA,CAAI,KAAM,GAAGR,CAAI,IAAIJ,IAAU,SAAWO,EAAQ,YAAY,EAAA,CAAI,CAAA,CAAA,CAAA,EAIpEK,EAAAA,IAAC,MAAA,CACA,IAAKR,EACL,IAAKC,EACJ,GAAGF,EACJ,UAAWQ,EAAGf,EAAcG,CAAI,EAAG,qBAAsBE,CAAS,CAAA,CAAA,EAIpE,OAAIC,EAEFQ,EAAAA,KAAC,OAAA,CACA,UAAW,4BAA4Bb,EAAsBE,CAAI,CAAC,GAEjE,SAAA,CAAAU,EACAP,CAAA,CAAA,CAAA,EAKGO,CACR"}