{"version":3,"file":"index--xRBJXQj.js","sources":["../../../../../src/routes/(root)/i/[id]/index.tsx?pick=default&pick=$css"],"sourcesContent":["import { For, Show } from \"solid-js\";\nimport {\n  createAsync,\n  useSubmission,\n  cache,\n  type RouteDefinition,\n  type RouteSectionProps,\n} from \"@solidjs/router\";\nimport ImplyHead from \"~/components/ImplyHead\";\nimport SuspenseWrap from \"~/components/SuspenseWrap\";\nimport { Spinner } from \"~/components/icons\";\nimport { useAppState } from \"~/AppContext\";\nimport { createReviewAct, queryImplyFullCache } from \"~/services\";\nimport * as repo from \"~/repos/review\";\n\nconst limit = 20;\nconst getReviews = cache(async (implyId: string, page: number) => {\n  \"use server\";\n  return await repo.query({ implyId }, { page, size: limit });\n}, \"i/[id]#reviews\");\n\nexport const route = {\n  load({ params, location }) {\n    queryImplyFullCache(params.id);\n    getReviews(params.id, +location.query.page || 1);\n  },\n} satisfies RouteDefinition;\n\nexport default function ImplyDetails(props: RouteSectionProps) {\n  const { t } = useAppState();\n  const id = () => props.params.id;\n  // const query = () => props.location.query.q;\n  const page = () => +props.location.query.page || 1;\n  const imply = createAsync(() => queryImplyFullCache(id()), {\n    deferStream: true,\n  });\n\n  const reviewsQuery = createAsync(() => getReviews(id(), page()), {\n    deferStream: true,\n  });\n\n  const state = useSubmission(createReviewAct);\n  let inputRef!: HTMLTextAreaElement;\n\n  return (\n    <SuspenseWrap class=\"max-w-screen-xl mx-auto p-4 w-full\">\n      <Show\n        when={imply()}\n        fallback={\n          <div>\n            <Spinner />\n          </div>\n        }\n      >\n        <div class=\"\">\n          <ImplyHead imply={imply()!} linkable={true} />\n        </div>\n        <hr class=\"my-4\" />\n        <div\n          class=\"prose prose-lg dark:prose-invert mx-auto\"\n          innerHTML={imply()?.inference}\n        />\n        <form\n          action={createReviewAct}\n          method=\"post\"\n          class=\"max-w-prose prose-lg mx-auto mt-4\"\n          onSubmit={(e) => {\n            if (!inputRef.value.trim()) e.preventDefault();\n            setTimeout(() => (inputRef.value = \"\"));\n          }}\n        >\n          <input name=\"implyId\" value={id()} type=\"hidden\" />\n          <textarea\n            class=\" border-2 w-full dark:bg-gray-900 bg-white\"\n            name=\"content\"\n            ref={inputRef}\n          />\n          <button\n            type=\"submit\"\n            disabled={state.pending}\n            class=\"border-2 px-6 py-1\"\n          >\n            {t(\"comment\")}\n          </button>\n        </form>\n        <For each={reviewsQuery()?.hits}>\n          {(review) => (\n            <div class=\"max-w-prose prose-lg mx-auto flex md:flex-row my-4\">\n              <div class=\"grow prose dark:prose-invert pt-2 border-t-1 border-t\">\n                <h5>{review.content}</h5>\n              </div>\n              <Show when={review?.author?.avatar}>\n                <img class=\"h-6 m-2\" src={review?.author?.avatar!} />\n              </Show>\n            </div>\n          )}\n        </For>\n      </Show>\n    </SuspenseWrap>\n  );\n}\n"],"names":["getReviews","ImplyDetails","props","t","id","params","imply","createAsync","location","query","page","deferStream","queryImplyFullCache","inputRef","useSubmission","createReviewAct","_$createComponent","SuspenseWrap","Show","when","fallback","_el$8","_$getNextElement","_tmpl$5","_$insert","Spinner","children","_el$","_tmpl$","ImplyHead","linkable","_tmpl$2","_el$3","_tmpl$3","_$effect","_$setProperty","inference","_el$4","_tmpl$4","_el$5","firstChild","_el$6","nextSibling","_el$7","addEventListener","e","setTimeout","preventDefault","value","_ref$","_$use","state","pending","For","reviewsQuery","hits","_el$9","_tmpl$7","_el$10","_el$11","_el$13","_el$14","_co$","_$getNextMarker","review","content","_el$12","_tmpl$6","_$setAttribute","author","avatar"],"mappings":"gyDA4BA,MAAAA,IAAoCC,aAA2B,aAAA,EAAA,gBAAA,WACvDA,GAAAC,EAAA,CAAEC,KAAAA,CAAGA,EAAAA,GACLC,EAAWF,EACjBE,EAAAA,IAAAF,EAAAG,OAAAD,GAEME,EAAQC,IAAAA,CAAAA,EAAYC,SAAyBC,MAAAC,MAAA,EACjDC,EAAaJ,EAAA,IAAAK,EAAAR,EAAA,CAAA,EAAA,CACbO,YAAA,EAAA,CAEF,EACEA,EAAaJ,EAAA,IAAAP,EAAAI,EAAAM,EAAAA,EAAAA,CAAA,EAAA,CACbC,YAAA,EAAA,CAEF,EACIE,EAASC,EAAqBC,CAAA,EAElCF,IAAAA,EAEI,OAAAG,EAACC,EACOX,CAAAA,MAAAA,qCAAAA,IAAAA,UAAAA,CAAAA,OAAAA,EAGFY,EAAA,CAAA,IAAAC,MAAQ,CAAA,OAAAb,EAAA,CAAA,EAAA,IAAAc,UAAA,CAAA,OAAA,IAAA,CAAAC,IAAAA,EAAAC,EAAAC,CAAA,EAAAC,OAAAA,EAAAH,EAAAL,EACLS,EACN,CAAA,CAAA,CAAA,EAAAJ,CAAAA,IAAA,EAAA,IAAAK,UAAA,CAAA,MAAA,EAAA,IAAA,CAAAC,IAAAA,EAAAL,EAAAM,CAAA,EAAAD,OAAAA,EAAAA,EAAAX,EAIIa,EAAA,CAAA,IAAAvB,OAAA,CAAA,OAAAA,EAAA,CAAA,EAAAwB,SAAA,EAAA,CAAA,CAAA,EAAAH,CAAAL,GAAAA,EAAAA,EAAAS,CAAA,GAAA,IAAA,CAAAC,IAAAA,EAAAV,EAAAW,CAAA,EAAAC,OAAAA,EAAA,IAAAC,EAAAH,cASG1B,EAAA,GAAA8B,SAAA,CAAA,EAAAJ,CAAA,GAAA,GAAA,IAAA,CAAAK,IAAAA,EAAAf,EAAAgB,CAAA,EAAAC,EAAAF,EAAAG,WAAAC,EAAAF,EAAAG,YAAAC,EAAAF,EAAAC,YAAAE,EAAAA,iBAE0CC,SAAAA,GAAA,CAC9CC,EAAkBjC,MAAAA,KAAQ,GAAMgC,EAAAE,eAAO,EACvC,WAAA,IAAAlC,EAAAmC,MAAA,EAAA,CAAA,gBAFcA,CAAe,EAAA,IAAAC,EAaHpC,EAAA,cAAAoC,GAAAC,WAAAA,EAAAD,EAAAR,CAAA,EAAA5B,EAAA4B,EAAAjB,EAAAmB,EAAA,IAGpBxC,EAAA,SAAA,CAAA,EAAA+B,MAAAC,EAAAQ,EADOQ,WAAAA,EAAAC,OAAA,CAAA,EAAAlB,MAAAC,EAAAI,EATqCnC,QAAAA,EAAA,CAAA,CAAA,EAAAiC,CAAAA,GAAArB,EAAAA,EAapDqC,qBACEC,EAA+DC,GAAAA,IAAA,EAAA7B,aAC5D,IAAA,CAAA,IAAA8B,EAAAlC,EAAAmC,CAAA,EAAAC,EAAAF,EAAAhB,WAAAmB,EAAAD,EAAAlB,WAAAoB,EAAAF,EAAAhB,YAAA,CAAAmB,EAAAC,CAAA,EAAAC,EAAAH,EAAAlB,WAAA,EAAAiB,OAAAA,EAAAA,EAEIK,IAAAA,EAAAC,OAAA,EAAAT,EAAAA,EAAAxC,IAEC,CAAA,IAACG,MAAK,CAAA,OAAA6C,WAAgBA,MAAM,EAAA,IAAAtC,UAAA,CAAAwC,IAAAA,EAAA5C,EAAA6C,CAAA,EAAAjC,OAAAA,EAAA,IAAAkC,EAAAF,EAAA,MAC5BF,GAAAK,QAAAC,MAAA,CAAA,EAAAJ,CAAA,CAAA,CAAAL,EAAAA,EAAAC,CAAA,EAAAN,CAAAA,GAAA,CAGP,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}