@dxos/plugin-presenter 0.7.5-staging.b81e783 → 0.8.0

package/dist/lib/browser/RevealMain-YFG5E6JB.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/RevealMain.tsx", "../../../src/components/Reveal/Reveal.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type FC } from 'react';\n\nimport { createIntent, useLayout, useIntentDispatcher } from '@dxos/app-framework';\nimport { type DocumentType } from '@dxos/plugin-markdown/types';\nimport { Main } from '@dxos/react-ui';\nimport { topbarBlockPaddingStart, fixedInsetFlexLayout, bottombarBlockPaddingEnd } from '@dxos/react-ui-theme';\n\nimport { RevealPlayer } from './Reveal';\nimport { PresenterAction } from '../types';\n\nconst PresenterMain: FC<{ document: DocumentType }> = ({ document }) => {\n  const layout = useLayout();\n  const fullscreen = layout.mode === 'fullscreen';\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n\n  return (\n    <Main.Content\n      classNames={[\n        fixedInsetFlexLayout,\n        !fullscreen && topbarBlockPaddingStart,\n        !fullscreen && bottombarBlockPaddingEnd,\n      ]}\n    >\n      <RevealPlayer\n        content={document.content.target?.content ?? ''}\n        onExit={() => {\n          void dispatch(createIntent(PresenterAction.TogglePresentation, { object: document, state: false }));\n        }}\n      />\n    </Main.Content>\n  );\n};\n\nexport default PresenterMain;\n", "//\n// Copyright 2024 DXOS.org\n//\n\n// eslint-disable-next-line no-restricted-imports\nimport 'reveal.js/dist/reveal.css';\n// eslint-disable-next-line no-restricted-imports\nimport 'reveal.js/dist/theme/black.css';\n\nimport React, { useEffect, useRef } from 'react';\nimport Reveal from 'reveal.js';\nimport Markdown from 'reveal.js/plugin/markdown/plugin.js';\n// import Notes from 'reveal.js/plugin/notes/notes.js';\n\nconst styles = `\n<style type=\"text/css\">\n  .reveal h1 {\n    font-weight: 100;\n    padding-left: 36px;\n    opacity: 0.5;\n  }\n  .reveal h2 {\n    font-weight: 100;\n    padding-top: 60px;\n    padding-left: 40px;\n    font-size: 48px;\n    opacity: 0.3;\n  }\n  .reveal h1, h2, p {\n    font-family: \"Raleway\", sans-serif;\n    text-align: left;\n    font-weight: 200;\n  }\n  .reveal ul {\n    font-family: \"Raleway\", sans-serif;\n    display: block;\n    list-style: \"- \";\n  }\n  .reveal blockquote p {\n    text-align: center;\n    font-weight: 100;\n    padding: 32px;\n  }\n</style>\n`;\n\nexport type RevealProps = {\n  content: string;\n  slide?: number;\n  onExit?: () => void;\n};\n\n// https://revealjs.com/react\nexport const RevealPlayer = ({ content, slide, onExit }: RevealProps) => {\n  const deckDivRef = useRef<HTMLDivElement>(null);\n  const deckRef = useRef<Reveal.Api | null>(null);\n  useEffect(() => {\n    if (deckRef.current) {\n      return;\n    }\n\n    setTimeout(async () => {\n      // https://revealjs.com/config\n      // https://github.com/hakimel/reveal.js\n      // TODO(burdon): Fragments and scroll view steps 2 at a time (safe mode?)\n      deckRef.current = new Reveal(deckDivRef.current!, {\n        // view: 'scroll',\n        progress: false,\n        transition: 'none',\n        slideNumber: false,\n        embedded: true,\n        // https://revealjs.com/speaker-view\n        showNotes: false,\n\n        center: true,\n        margin: 0.01,\n        minScale: 0.2,\n        maxScale: 1.4,\n\n        // https://revealjs.com/markdown\n        plugins: [\n          Markdown,\n          // TODO(burdon): Requires server to serve popout window.\n          // Notes\n        ],\n\n        // See https://marked.js.org/using_advanced#options\n        markdown: {\n          gfm: true,\n        },\n      });\n\n      await deckRef.current.initialize();\n      if (slide !== undefined) {\n        deckRef.current.slide(slide < 0 ? deckRef.current?.getTotalSlides() + slide : slide - 1);\n      }\n      // TODO(burdon): Translation.\n      deckRef.current.addKeyBinding({ keyCode: 27, key: 'Escape', description: 'Exit full screen' }, () => {\n        onExit?.();\n      });\n    });\n\n    return () => {\n      try {\n        if (deckRef.current) {\n          deckRef.current.destroy();\n          deckRef.current = null;\n        }\n      } catch (err) {\n        // Ignore.\n      }\n    };\n  });\n\n  return (\n    <div className='absolute inset-0 h-full'>\n      <div ref={deckDivRef} className='reveal'>\n        {/* TODO(burdon): Must be in head. */}\n        <style>\n          <link rel='preconnect' href='https://fonts.googleapis.com' />\n          <link rel='preconnect' href='https://fonts.gstatic.com' {...{ crossOrigin: '' }} />\n          <link\n            href='https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap'\n            rel='stylesheet'\n          />\n        </style>\n        <div className='slides'>\n          <div className='!text-center' />\n          <section {...{ 'data-markdown': [] }}>\n            <textarea {...{ 'data-template': true }} defaultValue={[styles, content].join('\\n')}></textarea>\n          </section>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],
-  "mappings": ";;;;;;AAIA,OAAOA,YAAwB;AAE/B,SAASC,cAAcC,WAAWC,2BAA2B;AAE7D,SAASC,YAAY;AACrB,SAASC,yBAAyBC,sBAAsBC,gCAAgC;;;ACJxF,OAAO;AAEP,OAAO;AAEP,OAAOC,SAASC,WAAWC,cAAc;AACzC,OAAOC,YAAY;AACnB,OAAOC,cAAc;AAGrB,IAAMC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCR,IAAMC,eAAe,CAAC,EAAEC,SAASC,OAAOC,OAAM,MAAe;AAClE,QAAMC,aAAaC,OAAuB,IAAA;AAC1C,QAAMC,UAAUD,OAA0B,IAAA;AAC1CE,YAAU,MAAA;AACR,QAAID,QAAQE,SAAS;AACnB;IACF;AAEAC,eAAW,YAAA;AAITH,cAAQE,UAAU,IAAIE,OAAON,WAAWI,SAAU;;QAEhDG,UAAU;QACVC,YAAY;QACZC,aAAa;QACbC,UAAU;;QAEVC,WAAW;QAEXC,QAAQ;QACRC,QAAQ;QACRC,UAAU;QACVC,UAAU;;QAGVC,SAAS;UACPC;;;QAMFC,UAAU;UACRC,KAAK;QACP;MACF,CAAA;AAEA,YAAMjB,QAAQE,QAAQgB,WAAU;AAChC,UAAItB,UAAUuB,QAAW;AACvBnB,gBAAQE,QAAQN,MAAMA,QAAQ,IAAII,QAAQE,SAASkB,eAAAA,IAAmBxB,QAAQA,QAAQ,CAAA;MACxF;AAEAI,cAAQE,QAAQmB,cAAc;QAAEC,SAAS;QAAIC,KAAK;QAAUC,aAAa;MAAmB,GAAG,MAAA;AAC7F3B,iBAAAA;MACF,CAAA;IACF,CAAA;AAEA,WAAO,MAAA;AACL,UAAI;AACF,YAAIG,QAAQE,SAAS;AACnBF,kBAAQE,QAAQuB,QAAO;AACvBzB,kBAAQE,UAAU;QACpB;MACF,SAASwB,KAAK;MAEd;IACF;EACF,CAAA;AAEA,SACE,sBAAA,cAACC,OAAAA;IAAIC,WAAU;KACb,sBAAA,cAACD,OAAAA;IAAIE,KAAK/B;IAAY8B,WAAU;KAE9B,sBAAA,cAACE,SAAAA,MACC,sBAAA,cAACC,QAAAA;IAAKC,KAAI;IAAaC,MAAK;MAC5B,sBAAA,cAACF,QAAAA;IAAKC,KAAI;IAAaC,MAAK;IAAkCC,aAAa;MAC3E,sBAAA,cAACH,QAAAA;IACCE,MAAK;IACLD,KAAI;OAGR,sBAAA,cAACL,OAAAA;IAAIC,WAAU;KACb,sBAAA,cAACD,OAAAA;IAAIC,WAAU;MACf,sBAAA,cAACO,WAAY;IAAE,iBAAiB,CAAA;EAAG,GACjC,sBAAA,cAACC,YAAAA;IAAe,iBAAiB;IAAQC,cAAc;MAAC5C;MAAQE;MAAS2C,KAAK,IAAA;;AAM1F;;;ADzHA,IAAMC,gBAAgD,CAAC,EAAEC,SAAQ,MAAE;AACjE,QAAMC,SAASC,UAAAA;AACf,QAAMC,aAAaF,OAAOG,SAAS;AACnC,QAAM,EAAEC,iBAAiBC,SAAQ,IAAKC,oBAAAA;AAEtC,SACE,gBAAAC,OAAA,cAACC,KAAKC,SAAO;IACXC,YAAY;MACVC;MACA,CAACT,cAAcU;MACf,CAACV,cAAcW;;KAGjB,gBAAAN,OAAA,cAACO,cAAAA;IACCC,SAAShB,SAASgB,QAAQC,QAAQD,WAAW;IAC7CE,QAAQ,MAAA;AACN,WAAKZ,SAASa,aAAaC,gBAAgBC,oBAAoB;QAAEC,QAAQtB;QAAUuB,OAAO;MAAM,CAAA,CAAA;IAClG;;AAIR;AAEA,IAAA,qBAAexB;",
-  "names": ["React", "createIntent", "useLayout", "useIntentDispatcher", "Main", "topbarBlockPaddingStart", "fixedInsetFlexLayout", "bottombarBlockPaddingEnd", "React", "useEffect", "useRef", "Reveal", "Markdown", "styles", "RevealPlayer", "content", "slide", "onExit", "deckDivRef", "useRef", "deckRef", "useEffect", "current", "setTimeout", "Reveal", "progress", "transition", "slideNumber", "embedded", "showNotes", "center", "margin", "minScale", "maxScale", "plugins", "Markdown", "markdown", "gfm", "initialize", "undefined", "getTotalSlides", "addKeyBinding", "keyCode", "key", "description", "destroy", "err", "div", "className", "ref", "style", "link", "rel", "href", "crossOrigin", "section", "textarea", "defaultValue", "join", "PresenterMain", "document", "layout", "useLayout", "fullscreen", "mode", "dispatchPromise", "dispatch", "useIntentDispatcher", "React", "Main", "Content", "classNames", "fixedInsetFlexLayout", "topbarBlockPaddingStart", "bottombarBlockPaddingEnd", "RevealPlayer", "content", "target", "onExit", "createIntent", "PresenterAction", "TogglePresentation", "object", "state"]
-}