@dxos/plugin-youtube 0.8.3

package/dist/lib/node-esm/ChannelSettings-DM2HWNKO.mjs

@@ -0,0 +1,29 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import "./chunk-HSLMI22Q.mjs";
+
+// src/containers/ChannelSettings/ChannelSettings.tsx
+import React from "react";
+var ChannelSettings = ({ subject: channel }) => {
+  return /* @__PURE__ */ React.createElement("div", {
+    className: "flex flex-col gap-4 p-4"
+  }, /* @__PURE__ */ React.createElement("h3", {
+    className: "text-md font-medium"
+  }, "Channel Settings"), /* @__PURE__ */ React.createElement("div", {
+    className: "flex flex-col gap-2 text-sm"
+  }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", {
+    className: "text-description"
+  }, "Name:"), " ", /* @__PURE__ */ React.createElement("span", null, channel.name ?? "Not set")), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", {
+    className: "text-description"
+  }, "Channel URL:"), " ", /* @__PURE__ */ React.createElement("span", null, channel.channelUrl ?? "Not set")), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", {
+    className: "text-description"
+  }, "Channel ID:"), " ", /* @__PURE__ */ React.createElement("span", null, channel.channelId ?? "Not set")), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", {
+    className: "text-description"
+  }, "Last Synced:"), " ", /* @__PURE__ */ React.createElement("span", null, channel.lastSyncedAt ? new Date(channel.lastSyncedAt).toLocaleString() : "Never"))));
+};
+
+// src/containers/ChannelSettings/index.ts
+var ChannelSettings_default = ChannelSettings;
+export {
+  ChannelSettings_default as default
+};
+//# sourceMappingURL=ChannelSettings-DM2HWNKO.mjs.map

package/dist/lib/node-esm/ChannelSettings-DM2HWNKO.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/ChannelSettings/ChannelSettings.tsx", "../../../src/containers/ChannelSettings/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport * as Channel from '../../types/Channel';\n\nexport type ChannelSettingsProps = {\n  subject: Channel.YouTubeChannel;\n};\n\nexport const ChannelSettings = ({ subject: channel }: ChannelSettingsProps) => {\n  return (\n    <div className='flex flex-col gap-4 p-4'>\n      <h3 className='text-md font-medium'>Channel Settings</h3>\n      <div className='flex flex-col gap-2 text-sm'>\n        <div>\n          <span className='text-description'>Name:</span> <span>{channel.name ?? 'Not set'}</span>\n        </div>\n        <div>\n          <span className='text-description'>Channel URL:</span> <span>{channel.channelUrl ?? 'Not set'}</span>\n        </div>\n        <div>\n          <span className='text-description'>Channel ID:</span> <span>{channel.channelId ?? 'Not set'}</span>\n        </div>\n        <div>\n          <span className='text-description'>Last Synced:</span>{' '}\n          <span>{channel.lastSyncedAt ? new Date(channel.lastSyncedAt).toLocaleString() : 'Never'}</span>\n        </div>\n      </div>\n    </div>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { ChannelSettings } from './ChannelSettings';\n\nexport default ChannelSettings;\n"],
+  "mappings": ";;;;AAIA,OAAOA,WAAW;AAQX,IAAMC,kBAAkB,CAAC,EAAEC,SAASC,QAAO,MAAwB;AACxE,SACE,sBAAA,cAACC,OAAAA;IAAIC,WAAU;KACb,sBAAA,cAACC,MAAAA;IAAGD,WAAU;KAAsB,kBAAA,GACpC,sBAAA,cAACD,OAAAA;IAAIC,WAAU;KACb,sBAAA,cAACD,OAAAA,MACC,sBAAA,cAACG,QAAAA;IAAKF,WAAU;KAAmB,OAAA,GAAY,KAAC,sBAAA,cAACE,QAAAA,MAAMJ,QAAQK,QAAQ,SAAA,CAAA,GAEzE,sBAAA,cAACJ,OAAAA,MACC,sBAAA,cAACG,QAAAA;IAAKF,WAAU;KAAmB,cAAA,GAAmB,KAAC,sBAAA,cAACE,QAAAA,MAAMJ,QAAQM,cAAc,SAAA,CAAA,GAEtF,sBAAA,cAACL,OAAAA,MACC,sBAAA,cAACG,QAAAA;IAAKF,WAAU;KAAmB,aAAA,GAAkB,KAAC,sBAAA,cAACE,QAAAA,MAAMJ,QAAQO,aAAa,SAAA,CAAA,GAEpF,sBAAA,cAACN,OAAAA,MACC,sBAAA,cAACG,QAAAA;IAAKF,WAAU;KAAmB,cAAA,GAAoB,KACvD,sBAAA,cAACE,QAAAA,MAAMJ,QAAQQ,eAAe,IAAIC,KAAKT,QAAQQ,YAAY,EAAEE,eAAc,IAAK,OAAA,CAAA,CAAA,CAAA;AAK1F;;;AC3BA,IAAA,0BAAeC;",
+  "names": ["React", "ChannelSettings", "subject", "channel", "div", "className", "h3", "span", "name", "channelUrl", "channelId", "lastSyncedAt", "Date", "toLocaleString", "ChannelSettings"]
+}

package/dist/lib/node-esm/VideoArticle-WLTWZO3K.mjs

@@ -0,0 +1,77 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import "./chunk-HSLMI22Q.mjs";
+
+// src/containers/VideoArticle/VideoArticle.tsx
+import React, { useState } from "react";
+import { Icon, Panel } from "@dxos/react-ui";
+var VideoArticle = ({ subject: video, role }) => {
+  const [showPlayer, setShowPlayer] = useState(false);
+  const publishedDate = new Date(video.publishedAt).toLocaleDateString();
+  const hasTranscript = Boolean(video.transcript);
+  const embedUrl = `https://www.youtube.com/embed/${video.videoId}`;
+  return /* @__PURE__ */ React.createElement(Panel.Root, null, /* @__PURE__ */ React.createElement(Panel.Content, {
+    className: role === "section" ? "overflow-auto" : ""
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "flex flex-col gap-4 p-4 max-w-4xl"
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "flex flex-col gap-2"
+  }, /* @__PURE__ */ React.createElement("h2", {
+    className: "text-lg font-semibold"
+  }, video.title), /* @__PURE__ */ React.createElement("div", {
+    className: "flex items-center gap-2 text-sm text-description"
+  }, /* @__PURE__ */ React.createElement("span", null, video.channelTitle), /* @__PURE__ */ React.createElement("span", null, "\u2022"), /* @__PURE__ */ React.createElement("span", null, publishedDate), video.viewCount !== void 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", null, "\u2022"), /* @__PURE__ */ React.createElement("span", null, video.viewCount.toLocaleString(), " views")), video.likeCount !== void 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", null, "\u2022"), /* @__PURE__ */ React.createElement("span", null, video.likeCount.toLocaleString(), " likes")))), /* @__PURE__ */ React.createElement("div", {
+    className: "aspect-video w-full max-w-2xl"
+  }, showPlayer ? /* @__PURE__ */ React.createElement("iframe", {
+    src: embedUrl,
+    title: video.title,
+    allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
+    allowFullScreen: true,
+    className: "h-full w-full rounded-lg"
+  }) : /* @__PURE__ */ React.createElement("button", {
+    type: "button",
+    onClick: () => setShowPlayer(true),
+    className: "relative h-full w-full group cursor-pointer"
+  }, video.thumbnailUrl ? /* @__PURE__ */ React.createElement("img", {
+    src: video.thumbnailUrl,
+    alt: video.title,
+    className: "h-full w-full object-cover rounded-lg"
+  }) : /* @__PURE__ */ React.createElement("div", {
+    className: "h-full w-full bg-surface-hover rounded-lg flex items-center justify-center"
+  }, /* @__PURE__ */ React.createElement(Icon, {
+    icon: "ph--play--fill",
+    size: 12
+  })), /* @__PURE__ */ React.createElement("div", {
+    className: "absolute inset-0 flex items-center justify-center bg-black/30 group-hover:bg-black/50 rounded-lg transition-colors"
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "bg-red-600 text-white rounded-full p-4 group-hover:scale-110 transition-transform"
+  }, /* @__PURE__ */ React.createElement(Icon, {
+    icon: "ph--play--fill",
+    size: 8
+  }))))), video.description && /* @__PURE__ */ React.createElement("div", {
+    className: "max-w-2xl"
+  }, /* @__PURE__ */ React.createElement("h3", {
+    className: "text-md font-medium mb-2"
+  }, "Description"), /* @__PURE__ */ React.createElement("p", {
+    className: "whitespace-pre-wrap text-sm"
+  }, video.description)), hasTranscript && /* @__PURE__ */ React.createElement("div", {
+    className: "max-w-2xl"
+  }, /* @__PURE__ */ React.createElement("h3", {
+    className: "text-md font-medium mb-2"
+  }, "Transcript"), /* @__PURE__ */ React.createElement("div", {
+    className: "bg-surface-input p-4 rounded-lg max-h-96 overflow-auto"
+  }, /* @__PURE__ */ React.createElement("p", {
+    className: "whitespace-pre-wrap text-sm"
+  }, video.transcript))), /* @__PURE__ */ React.createElement("a", {
+    href: video.url,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    className: "inline-flex items-center gap-2 text-sm text-primary hover:underline"
+  }, "Watch on YouTube \u2192"))));
+};
+
+// src/containers/VideoArticle/index.ts
+var VideoArticle_default = VideoArticle;
+export {
+  VideoArticle_default as default
+};
+//# sourceMappingURL=VideoArticle-WLTWZO3K.mjs.map

package/dist/lib/node-esm/VideoArticle-WLTWZO3K.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/VideoArticle/VideoArticle.tsx", "../../../src/containers/VideoArticle/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useState } from 'react';\n\nimport { Icon, Panel } from '@dxos/react-ui';\n\nimport * as Channel from '../../types/Channel';\nimport * as Video from '../../types/Video';\n\nexport type VideoArticleProps = {\n  role: string | string[];\n  subject: Video.YouTubeVideo;\n  channel: Channel.YouTubeChannel;\n  attendableId?: string;\n};\n\nexport const VideoArticle = ({ subject: video, role }: VideoArticleProps) => {\n  const [showPlayer, setShowPlayer] = useState(false);\n  const publishedDate = new Date(video.publishedAt).toLocaleDateString();\n  const hasTranscript = Boolean(video.transcript);\n  const embedUrl = `https://www.youtube.com/embed/${video.videoId}`;\n\n  return (\n    <Panel.Root>\n      <Panel.Content className={role === 'section' ? 'overflow-auto' : ''}>\n        <div className='flex flex-col gap-4 p-4 max-w-4xl'>\n          <div className='flex flex-col gap-2'>\n            <h2 className='text-lg font-semibold'>{video.title}</h2>\n            <div className='flex items-center gap-2 text-sm text-description'>\n              <span>{video.channelTitle}</span>\n              <span>•</span>\n              <span>{publishedDate}</span>\n              {video.viewCount !== undefined && (\n                <>\n                  <span>•</span>\n                  <span>{video.viewCount.toLocaleString()} views</span>\n                </>\n              )}\n              {video.likeCount !== undefined && (\n                <>\n                  <span>•</span>\n                  <span>{video.likeCount.toLocaleString()} likes</span>\n                </>\n              )}\n            </div>\n          </div>\n\n          <div className='aspect-video w-full max-w-2xl'>\n            {showPlayer ? (\n              <iframe\n                src={embedUrl}\n                title={video.title}\n                allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture'\n                allowFullScreen\n                className='h-full w-full rounded-lg'\n              />\n            ) : (\n              <button\n                type='button'\n                onClick={() => setShowPlayer(true)}\n                className='relative h-full w-full group cursor-pointer'\n              >\n                {video.thumbnailUrl ? (\n                  <img src={video.thumbnailUrl} alt={video.title} className='h-full w-full object-cover rounded-lg' />\n                ) : (\n                  <div className='h-full w-full bg-surface-hover rounded-lg flex items-center justify-center'>\n                    <Icon icon='ph--play--fill' size={12} />\n                  </div>\n                )}\n                <div className='absolute inset-0 flex items-center justify-center bg-black/30 group-hover:bg-black/50 rounded-lg transition-colors'>\n                  <div className='bg-red-600 text-white rounded-full p-4 group-hover:scale-110 transition-transform'>\n                    <Icon icon='ph--play--fill' size={8} />\n                  </div>\n                </div>\n              </button>\n            )}\n          </div>\n\n          {video.description && (\n            <div className='max-w-2xl'>\n              <h3 className='text-md font-medium mb-2'>Description</h3>\n              <p className='whitespace-pre-wrap text-sm'>{video.description}</p>\n            </div>\n          )}\n\n          {hasTranscript && (\n            <div className='max-w-2xl'>\n              <h3 className='text-md font-medium mb-2'>Transcript</h3>\n              <div className='bg-surface-input p-4 rounded-lg max-h-96 overflow-auto'>\n                <p className='whitespace-pre-wrap text-sm'>{video.transcript}</p>\n              </div>\n            </div>\n          )}\n\n          <a\n            href={video.url}\n            target='_blank'\n            rel='noopener noreferrer'\n            className='inline-flex items-center gap-2 text-sm text-primary hover:underline'\n          >\n            Watch on YouTube →\n          </a>\n        </div>\n      </Panel.Content>\n    </Panel.Root>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { VideoArticle } from './VideoArticle';\n\nexport default VideoArticle;\n"],
+  "mappings": ";;;;AAIA,OAAOA,SAASC,gBAAgB;AAEhC,SAASC,MAAMC,aAAa;AAYrB,IAAMC,eAAe,CAAC,EAAEC,SAASC,OAAOC,KAAI,MAAqB;AACtE,QAAM,CAACC,YAAYC,aAAAA,IAAiBC,SAAS,KAAA;AAC7C,QAAMC,gBAAgB,IAAIC,KAAKN,MAAMO,WAAW,EAAEC,mBAAkB;AACpE,QAAMC,gBAAgBC,QAAQV,MAAMW,UAAU;AAC9C,QAAMC,WAAW,iCAAiCZ,MAAMa,OAAO;AAE/D,SACE,sBAAA,cAACC,MAAMC,MAAI,MACT,sBAAA,cAACD,MAAME,SAAO;IAACC,WAAWhB,SAAS,YAAY,kBAAkB;KAC/D,sBAAA,cAACiB,OAAAA;IAAID,WAAU;KACb,sBAAA,cAACC,OAAAA;IAAID,WAAU;KACb,sBAAA,cAACE,MAAAA;IAAGF,WAAU;KAAyBjB,MAAMoB,KAAK,GAClD,sBAAA,cAACF,OAAAA;IAAID,WAAU;KACb,sBAAA,cAACI,QAAAA,MAAMrB,MAAMsB,YAAY,GACzB,sBAAA,cAACD,QAAAA,MAAK,QAAA,GACN,sBAAA,cAACA,QAAAA,MAAMhB,aAAAA,GACNL,MAAMuB,cAAcC,UACnB,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACH,QAAAA,MAAK,QAAA,GACN,sBAAA,cAACA,QAAAA,MAAMrB,MAAMuB,UAAUE,eAAc,GAAG,QAAA,CAAA,GAG3CzB,MAAM0B,cAAcF,UACnB,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACH,QAAAA,MAAK,QAAA,GACN,sBAAA,cAACA,QAAAA,MAAMrB,MAAM0B,UAAUD,eAAc,GAAG,QAAA,CAAA,CAAA,CAAA,GAMhD,sBAAA,cAACP,OAAAA;IAAID,WAAU;KACZf,aACC,sBAAA,cAACyB,UAAAA;IACCC,KAAKhB;IACLQ,OAAOpB,MAAMoB;IACbS,OAAM;IACNC,iBAAAA;IACAb,WAAU;OAGZ,sBAAA,cAACc,UAAAA;IACCC,MAAK;IACLC,SAAS,MAAM9B,cAAc,IAAA;IAC7Bc,WAAU;KAETjB,MAAMkC,eACL,sBAAA,cAACC,OAAAA;IAAIP,KAAK5B,MAAMkC;IAAcE,KAAKpC,MAAMoB;IAAOH,WAAU;OAE1D,sBAAA,cAACC,OAAAA;IAAID,WAAU;KACb,sBAAA,cAACoB,MAAAA;IAAKC,MAAK;IAAiBC,MAAM;OAGtC,sBAAA,cAACrB,OAAAA;IAAID,WAAU;KACb,sBAAA,cAACC,OAAAA;IAAID,WAAU;KACb,sBAAA,cAACoB,MAAAA;IAAKC,MAAK;IAAiBC,MAAM;UAO3CvC,MAAMwC,eACL,sBAAA,cAACtB,OAAAA;IAAID,WAAU;KACb,sBAAA,cAACwB,MAAAA;IAAGxB,WAAU;KAA2B,aAAA,GACzC,sBAAA,cAACyB,KAAAA;IAAEzB,WAAU;KAA+BjB,MAAMwC,WAAW,CAAA,GAIhE/B,iBACC,sBAAA,cAACS,OAAAA;IAAID,WAAU;KACb,sBAAA,cAACwB,MAAAA;IAAGxB,WAAU;KAA2B,YAAA,GACzC,sBAAA,cAACC,OAAAA;IAAID,WAAU;KACb,sBAAA,cAACyB,KAAAA;IAAEzB,WAAU;KAA+BjB,MAAMW,UAAU,CAAA,CAAA,GAKlE,sBAAA,cAACgC,KAAAA;IACCC,MAAM5C,MAAM6C;IACZC,QAAO;IACPC,KAAI;IACJ9B,WAAU;KACX,yBAAA,CAAA,CAAA,CAAA;AAOX;;;ACtGA,IAAA,uBAAe+B;",
+  "names": ["React", "useState", "Icon", "Panel", "VideoArticle", "subject", "video", "role", "showPlayer", "setShowPlayer", "useState", "publishedDate", "Date", "publishedAt", "toLocaleDateString", "hasTranscript", "Boolean", "transcript", "embedUrl", "videoId", "Panel", "Root", "Content", "className", "div", "h2", "title", "span", "channelTitle", "viewCount", "undefined", "toLocaleString", "likeCount", "iframe", "src", "allow", "allowFullScreen", "button", "type", "onClick", "thumbnailUrl", "img", "alt", "Icon", "icon", "size", "description", "h3", "p", "a", "href", "url", "target", "rel", "VideoArticle"]
+}

package/dist/lib/node-esm/VideoCard-FOWQZK75.mjs

@@ -0,0 +1,65 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import "./chunk-HSLMI22Q.mjs";
+
+// src/containers/VideoCard/VideoCard.tsx
+import React, { useState } from "react";
+import { Card, Icon } from "@dxos/react-ui";
+var VideoCard = ({ subject: video }) => {
+  const [showPlayer, setShowPlayer] = useState(false);
+  const publishedDate = new Date(video.publishedAt).toLocaleDateString();
+  const hasTranscript = Boolean(video.transcript);
+  const embedUrl = `https://www.youtube.com/embed/${video.videoId}?autoplay=1`;
+  return /* @__PURE__ */ React.createElement(Card.Content, null, showPlayer ? /* @__PURE__ */ React.createElement("div", {
+    className: "aspect-video w-full"
+  }, /* @__PURE__ */ React.createElement("iframe", {
+    src: embedUrl,
+    title: video.title,
+    allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
+    allowFullScreen: true,
+    className: "h-full w-full rounded"
+  })) : /* @__PURE__ */ React.createElement("button", {
+    type: "button",
+    onClick: () => setShowPlayer(true),
+    className: "relative aspect-video w-full group cursor-pointer"
+  }, video.thumbnailUrl ? /* @__PURE__ */ React.createElement("img", {
+    src: video.thumbnailUrl,
+    alt: video.title,
+    className: "h-full w-full object-cover rounded"
+  }) : /* @__PURE__ */ React.createElement("div", {
+    className: "h-full w-full bg-surface-hover rounded flex items-center justify-center"
+  }, /* @__PURE__ */ React.createElement(Icon, {
+    icon: "ph--play--fill",
+    size: 12
+  })), /* @__PURE__ */ React.createElement("div", {
+    className: "absolute inset-0 flex items-center justify-center bg-black/30 group-hover:bg-black/50 rounded transition-colors"
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "bg-red-600 text-white rounded-full p-3 group-hover:scale-110 transition-transform"
+  }, /* @__PURE__ */ React.createElement(Icon, {
+    icon: "ph--play--fill",
+    size: 6
+  })))), /* @__PURE__ */ React.createElement(Card.Toolbar, null, /* @__PURE__ */ React.createElement(Card.IconBlock, null, /* @__PURE__ */ React.createElement(Icon, {
+    icon: "ph--youtube-logo--regular",
+    size: 5
+  })), /* @__PURE__ */ React.createElement("div", {
+    className: "flex gap-3 items-center justify-between col-span-2"
+  }, /* @__PURE__ */ React.createElement("span", {
+    className: "grow truncate font-medium"
+  }, video.title), /* @__PURE__ */ React.createElement("span", {
+    className: "text-xs text-description text-right whitespace-nowrap pe-2"
+  }, publishedDate))), /* @__PURE__ */ React.createElement(Card.Row, null, /* @__PURE__ */ React.createElement("span", {
+    className: "text-xs text-description"
+  }, video.channelTitle)), video.description && /* @__PURE__ */ React.createElement(Card.Row, null, /* @__PURE__ */ React.createElement(Card.Text, {
+    variant: "description"
+  }, video.description.slice(0, 150), "...")), /* @__PURE__ */ React.createElement(Card.Row, null, /* @__PURE__ */ React.createElement("div", {
+    className: "flex gap-2 items-center text-xs text-description"
+  }, video.viewCount !== void 0 && /* @__PURE__ */ React.createElement("span", null, video.viewCount.toLocaleString(), " views"), hasTranscript && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", null, "\u2022"), /* @__PURE__ */ React.createElement("span", {
+    className: "text-green-600"
+  }, "Transcript available")))));
+};
+
+// src/containers/VideoCard/index.ts
+var VideoCard_default = VideoCard;
+export {
+  VideoCard_default as default
+};
+//# sourceMappingURL=VideoCard-FOWQZK75.mjs.map

package/dist/lib/node-esm/VideoCard-FOWQZK75.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/VideoCard/VideoCard.tsx", "../../../src/containers/VideoCard/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useState } from 'react';\n\nimport { type SurfaceComponentProps } from '@dxos/app-toolkit/ui';\nimport { Card, Icon } from '@dxos/react-ui';\n\nimport * as Video from '../../types/Video';\n\nexport type VideoCardProps = SurfaceComponentProps<Video.YouTubeVideo>;\n\n/**\n * YouTube video card with embedded player.\n */\nexport const VideoCard = ({ subject: video }: VideoCardProps) => {\n  const [showPlayer, setShowPlayer] = useState(false);\n  const publishedDate = new Date(video.publishedAt).toLocaleDateString();\n  const hasTranscript = Boolean(video.transcript);\n\n  const embedUrl = `https://www.youtube.com/embed/${video.videoId}?autoplay=1`;\n\n  return (\n    <Card.Content>\n      {showPlayer ? (\n        <div className='aspect-video w-full'>\n          <iframe\n            src={embedUrl}\n            title={video.title}\n            allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture'\n            allowFullScreen\n            className='h-full w-full rounded'\n          />\n        </div>\n      ) : (\n        <button\n          type='button'\n          onClick={() => setShowPlayer(true)}\n          className='relative aspect-video w-full group cursor-pointer'\n        >\n          {video.thumbnailUrl ? (\n            <img src={video.thumbnailUrl} alt={video.title} className='h-full w-full object-cover rounded' />\n          ) : (\n            <div className='h-full w-full bg-surface-hover rounded flex items-center justify-center'>\n              <Icon icon='ph--play--fill' size={12} />\n            </div>\n          )}\n          <div className='absolute inset-0 flex items-center justify-center bg-black/30 group-hover:bg-black/50 rounded transition-colors'>\n            <div className='bg-red-600 text-white rounded-full p-3 group-hover:scale-110 transition-transform'>\n              <Icon icon='ph--play--fill' size={6} />\n            </div>\n          </div>\n        </button>\n      )}\n      <Card.Toolbar>\n        <Card.IconBlock>\n          <Icon icon='ph--youtube-logo--regular' size={5} />\n        </Card.IconBlock>\n        <div className='flex gap-3 items-center justify-between col-span-2'>\n          <span className='grow truncate font-medium'>{video.title}</span>\n          <span className='text-xs text-description text-right whitespace-nowrap pe-2'>{publishedDate}</span>\n        </div>\n      </Card.Toolbar>\n      <Card.Row>\n        <span className='text-xs text-description'>{video.channelTitle}</span>\n      </Card.Row>\n      {video.description && (\n        <Card.Row>\n          <Card.Text variant='description'>{video.description.slice(0, 150)}...</Card.Text>\n        </Card.Row>\n      )}\n      <Card.Row>\n        <div className='flex gap-2 items-center text-xs text-description'>\n          {video.viewCount !== undefined && <span>{video.viewCount.toLocaleString()} views</span>}\n          {hasTranscript && (\n            <>\n              <span>•</span>\n              <span className='text-green-600'>Transcript available</span>\n            </>\n          )}\n        </div>\n      </Card.Row>\n    </Card.Content>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { VideoCard } from './VideoCard';\n\nexport default VideoCard;\n"],
+  "mappings": ";;;;AAIA,OAAOA,SAASC,gBAAgB;AAGhC,SAASC,MAAMC,YAAY;AASpB,IAAMC,YAAY,CAAC,EAAEC,SAASC,MAAK,MAAkB;AAC1D,QAAM,CAACC,YAAYC,aAAAA,IAAiBC,SAAS,KAAA;AAC7C,QAAMC,gBAAgB,IAAIC,KAAKL,MAAMM,WAAW,EAAEC,mBAAkB;AACpE,QAAMC,gBAAgBC,QAAQT,MAAMU,UAAU;AAE9C,QAAMC,WAAW,iCAAiCX,MAAMY,OAAO;AAE/D,SACE,sBAAA,cAACC,KAAKC,SAAO,MACVb,aACC,sBAAA,cAACc,OAAAA;IAAIC,WAAU;KACb,sBAAA,cAACC,UAAAA;IACCC,KAAKP;IACLQ,OAAOnB,MAAMmB;IACbC,OAAM;IACNC,iBAAAA;IACAL,WAAU;QAId,sBAAA,cAACM,UAAAA;IACCC,MAAK;IACLC,SAAS,MAAMtB,cAAc,IAAA;IAC7Bc,WAAU;KAEThB,MAAMyB,eACL,sBAAA,cAACC,OAAAA;IAAIR,KAAKlB,MAAMyB;IAAcE,KAAK3B,MAAMmB;IAAOH,WAAU;OAE1D,sBAAA,cAACD,OAAAA;IAAIC,WAAU;KACb,sBAAA,cAACY,MAAAA;IAAKC,MAAK;IAAiBC,MAAM;OAGtC,sBAAA,cAACf,OAAAA;IAAIC,WAAU;KACb,sBAAA,cAACD,OAAAA;IAAIC,WAAU;KACb,sBAAA,cAACY,MAAAA;IAAKC,MAAK;IAAiBC,MAAM;SAK1C,sBAAA,cAACjB,KAAKkB,SAAO,MACX,sBAAA,cAAClB,KAAKmB,WAAS,MACb,sBAAA,cAACJ,MAAAA;IAAKC,MAAK;IAA4BC,MAAM;OAE/C,sBAAA,cAACf,OAAAA;IAAIC,WAAU;KACb,sBAAA,cAACiB,QAAAA;IAAKjB,WAAU;KAA6BhB,MAAMmB,KAAK,GACxD,sBAAA,cAACc,QAAAA;IAAKjB,WAAU;KAA8DZ,aAAAA,CAAAA,CAAAA,GAGlF,sBAAA,cAACS,KAAKqB,KAAG,MACP,sBAAA,cAACD,QAAAA;IAAKjB,WAAU;KAA4BhB,MAAMmC,YAAY,CAAA,GAE/DnC,MAAMoC,eACL,sBAAA,cAACvB,KAAKqB,KAAG,MACP,sBAAA,cAACrB,KAAKwB,MAAI;IAACC,SAAQ;KAAetC,MAAMoC,YAAYG,MAAM,GAAG,GAAA,GAAK,KAAA,CAAA,GAGtE,sBAAA,cAAC1B,KAAKqB,KAAG,MACP,sBAAA,cAACnB,OAAAA;IAAIC,WAAU;KACZhB,MAAMwC,cAAcC,UAAa,sBAAA,cAACR,QAAAA,MAAMjC,MAAMwC,UAAUE,eAAc,GAAG,QAAA,GACzElC,iBACC,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACyB,QAAAA,MAAK,QAAA,GACN,sBAAA,cAACA,QAAAA;IAAKjB,WAAU;KAAiB,sBAAA,CAAA,CAAA,CAAA,CAAA;AAO/C;;;AC/EA,IAAA,oBAAe2B;",
+  "names": ["React", "useState", "Card", "Icon", "VideoCard", "subject", "video", "showPlayer", "setShowPlayer", "useState", "publishedDate", "Date", "publishedAt", "toLocaleDateString", "hasTranscript", "Boolean", "transcript", "embedUrl", "videoId", "Card", "Content", "div", "className", "iframe", "src", "title", "allow", "allowFullScreen", "button", "type", "onClick", "thumbnailUrl", "img", "alt", "Icon", "icon", "size", "Toolbar", "IconBlock", "span", "Row", "channelTitle", "description", "Text", "variant", "slice", "viewCount", "undefined", "toLocaleString", "VideoCard"]
+}

package/dist/lib/node-esm/app-graph-builder-IU5TBAXN.mjs

@@ -0,0 +1,196 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  meta
+} from "./chunk-CX6MV3QM.mjs";
+import "./chunk-M4S6BE47.mjs";
+import "./chunk-JM5SBBP5.mjs";
+import {
+  ClearSyncedVideos,
+  Sync
+} from "./chunk-JSGRZMG3.mjs";
+import {
+  Channel_exports
+} from "./chunk-6BUJ2DQX.mjs";
+import "./chunk-CZSLL3XQ.mjs";
+import "./chunk-HSLMI22Q.mjs";
+
+// src/capabilities/app-graph-builder/app-graph-builder.ts
+import { Atom } from "@effect-atom/atom-react";
+import * as Effect from "effect/Effect";
+import * as Option from "effect/Option";
+import { Capability } from "@dxos/app-framework";
+import { AppCapabilities, companionSegment, LayoutOperation } from "@dxos/app-toolkit";
+import { Filter, Obj, Query, Ref } from "@dxos/echo";
+import { AtomQuery, AtomRef } from "@dxos/echo-atom";
+import { invariant } from "@dxos/invariant";
+import { log } from "@dxos/log";
+import { Operation } from "@dxos/operation";
+import { AttentionCapabilities } from "@dxos/plugin-attention";
+import { AutomationCapabilities, invokeFunctionWithTracing } from "@dxos/plugin-automation";
+import { PLANK_COMPANION_TYPE } from "@dxos/plugin-deck/types";
+import { GraphBuilder, NodeMatcher } from "@dxos/plugin-graph";
+var __dxlog_file = "/Users/mykola/dev/dxos/packages/plugins/plugin-youtube/src/capabilities/app-graph-builder/app-graph-builder.ts";
+var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function* () {
+  const selectionManager = yield* Capability.get(AttentionCapabilities.Selection);
+  const selectedId = Atom.family((nodeId) => Atom.make((get) => {
+    const state = get(selectionManager.state);
+    const selection = state.selections[nodeId];
+    return selection?.mode === "single" ? selection.id : void 0;
+  }));
+  const whenYouTubeChannel = NodeMatcher.whenEchoType(Channel_exports.YouTubeChannel);
+  const extensions = yield* Effect.all([
+    GraphBuilder.createExtension({
+      id: `${meta.id}.channel-video`,
+      match: (node) => Channel_exports.instanceOf(node.data) ? Option.some({
+        channel: node.data,
+        nodeId: node.id
+      }) : Option.none(),
+      connector: (matched, get) => {
+        const channel = matched.channel;
+        const db = Obj.getDatabase(channel);
+        const feed = channel.feed ? get(AtomRef.make(channel.feed)) : void 0;
+        if (!db || !feed) {
+          return Effect.succeed([]);
+        }
+        const videoId = get(selectedId(matched.nodeId));
+        const video = get(AtomQuery.make(db, Query.select(videoId ? Filter.id(videoId) : Filter.nothing()).from(feed)))[0];
+        return Effect.succeed([
+          {
+            id: companionSegment("video"),
+            type: PLANK_COMPANION_TYPE,
+            data: video ?? "video",
+            properties: {
+              label: [
+                "video label",
+                {
+                  ns: meta.id
+                }
+              ],
+              icon: "ph--play--regular",
+              disposition: "hidden"
+            }
+          }
+        ]);
+      }
+    }),
+    GraphBuilder.createExtension({
+      id: `${meta.id}.sync-channel`,
+      match: whenYouTubeChannel,
+      actions: (channel) => Effect.succeed([
+        {
+          id: "sync",
+          data: Effect.fnUntraced(function* () {
+            const computeRuntime = yield* Capability.get(AutomationCapabilities.ComputeRuntime);
+            const db = Obj.getDatabase(channel);
+            invariant(db, void 0, {
+              F: __dxlog_file,
+              L: 83,
+              S: this,
+              A: [
+                "db",
+                ""
+              ]
+            });
+            const runtime = computeRuntime.getRuntime(db.spaceId);
+            yield* Effect.tryPromise(() => runtime.runPromise(invokeFunctionWithTracing(Sync, {
+              channel: Ref.make(channel)
+            }))).pipe(Effect.catchAll((error) => {
+              log.catch(error, void 0, {
+                F: __dxlog_file,
+                L: 93,
+                S: this,
+                C: (f, a) => f(...a)
+              });
+              return Operation.invoke(LayoutOperation.AddToast, {
+                id: `${meta.id}.sync-channel-error`,
+                icon: "ph--warning--regular",
+                duration: 5e3,
+                title: [
+                  "sync channel error title",
+                  {
+                    ns: meta.id
+                  }
+                ],
+                closeLabel: [
+                  "close label",
+                  {
+                    ns: meta.id
+                  }
+                ]
+              });
+            }));
+          }),
+          properties: {
+            label: [
+              "sync channel label",
+              {
+                ns: meta.id
+              }
+            ],
+            icon: "ph--arrows-clockwise--regular",
+            disposition: "list-item"
+          }
+        },
+        {
+          id: "clear-synced-videos",
+          data: Effect.fnUntraced(function* () {
+            const computeRuntime = yield* Capability.get(AutomationCapabilities.ComputeRuntime);
+            const db = Obj.getDatabase(channel);
+            invariant(db, void 0, {
+              F: __dxlog_file,
+              L: 115,
+              S: this,
+              A: [
+                "db",
+                ""
+              ]
+            });
+            const runtime = computeRuntime.getRuntime(db.spaceId);
+            yield* Effect.tryPromise(() => runtime.runPromise(invokeFunctionWithTracing(ClearSyncedVideos, {
+              channel: Ref.make(channel)
+            }))).pipe(Effect.catchAll((error) => {
+              log.catch(error, void 0, {
+                F: __dxlog_file,
+                L: 125,
+                S: this,
+                C: (f, a) => f(...a)
+              });
+              return Operation.invoke(LayoutOperation.AddToast, {
+                id: `${meta.id}.clear-synced-videos-error`,
+                icon: "ph--warning--regular",
+                duration: 5e3,
+                title: [
+                  "clear synced videos error title",
+                  {
+                    ns: meta.id
+                  }
+                ],
+                closeLabel: [
+                  "close label",
+                  {
+                    ns: meta.id
+                  }
+                ]
+              });
+            }));
+          }),
+          properties: {
+            label: [
+              "clear synced videos label",
+              {
+                ns: meta.id
+              }
+            ],
+            icon: "ph--trash--regular",
+            disposition: "list-item"
+          }
+        }
+      ])
+    })
+  ]);
+  return Capability.contributes(AppCapabilities.AppGraphBuilder, extensions);
+}));
+export {
+  app_graph_builder_default as default
+};
+//# sourceMappingURL=app-graph-builder-IU5TBAXN.mjs.map

package/dist/lib/node-esm/app-graph-builder-IU5TBAXN.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/app-graph-builder/app-graph-builder.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Atom } from '@effect-atom/atom-react';\nimport * as Effect from 'effect/Effect';\nimport * as Option from 'effect/Option';\n\nimport { Capability } from '@dxos/app-framework';\nimport { AppCapabilities, companionSegment, LayoutOperation } from '@dxos/app-toolkit';\nimport { type Feed, Filter, Obj, Query, Ref } from '@dxos/echo';\nimport { AtomQuery, AtomRef } from '@dxos/echo-atom';\nimport { invariant } from '@dxos/invariant';\nimport { log } from '@dxos/log';\nimport { Operation } from '@dxos/operation';\nimport { AttentionCapabilities } from '@dxos/plugin-attention';\nimport { AutomationCapabilities, invokeFunctionWithTracing } from '@dxos/plugin-automation';\nimport { PLANK_COMPANION_TYPE } from '@dxos/plugin-deck/types';\nimport { GraphBuilder, NodeMatcher } from '@dxos/plugin-graph';\n\nimport { ClearSyncedVideos, Sync } from '../../operations';\nimport { meta } from '../../meta';\nimport { Channel, Video } from '../../types';\n\nexport default Capability.makeModule(\n  Effect.fnUntraced(function* () {\n    const selectionManager = yield* Capability.get(AttentionCapabilities.Selection);\n    const selectedId = Atom.family((nodeId: string) =>\n      Atom.make((get) => {\n        const state = get(selectionManager.state);\n        const selection = state.selections[nodeId];\n        return selection?.mode === 'single' ? selection.id : undefined;\n      }),\n    );\n\n    const whenYouTubeChannel = NodeMatcher.whenEchoType(Channel.YouTubeChannel);\n\n    const extensions = yield* Effect.all([\n      GraphBuilder.createExtension({\n        id: `${meta.id}.channel-video`,\n        match: (node) =>\n          Channel.instanceOf(node.data) ? Option.some({ channel: node.data, nodeId: node.id }) : Option.none(),\n        connector: (matched, get) => {\n          const channel = matched.channel;\n          const db = Obj.getDatabase(channel);\n          const feed = channel.feed ? (get(AtomRef.make(channel.feed)) as Feed.Feed | undefined) : undefined;\n          if (!db || !feed) {\n            return Effect.succeed([]);\n          }\n\n          const videoId = get(selectedId(matched.nodeId));\n          const video = get(\n            AtomQuery.make<Video.YouTubeVideo>(\n              db,\n              Query.select(videoId ? Filter.id(videoId) : Filter.nothing()).from(feed),\n            ),\n          )[0];\n          return Effect.succeed([\n            {\n              id: companionSegment('video'),\n              type: PLANK_COMPANION_TYPE,\n              data: video ?? 'video',\n              properties: {\n                label: ['video label', { ns: meta.id }],\n                icon: 'ph--play--regular',\n                disposition: 'hidden',\n              },\n            },\n          ]);\n        },\n      }),\n\n      GraphBuilder.createExtension({\n        id: `${meta.id}.sync-channel`,\n        match: whenYouTubeChannel,\n        actions: (channel) =>\n          Effect.succeed([\n            {\n              id: 'sync',\n              data: Effect.fnUntraced(function* () {\n                const computeRuntime = yield* Capability.get(AutomationCapabilities.ComputeRuntime);\n                const db = Obj.getDatabase(channel);\n                invariant(db);\n                const runtime = computeRuntime.getRuntime(db.spaceId);\n                yield* Effect.tryPromise(() =>\n                  runtime.runPromise(\n                    invokeFunctionWithTracing(Sync, {\n                      channel: Ref.make(channel),\n                    }),\n                  ),\n                ).pipe(\n                  Effect.catchAll((error) => {\n                    log.catch(error);\n                    return Operation.invoke(LayoutOperation.AddToast, {\n                      id: `${meta.id}.sync-channel-error`,\n                      icon: 'ph--warning--regular',\n                      duration: 5_000,\n                      title: ['sync channel error title', { ns: meta.id }],\n                      closeLabel: ['close label', { ns: meta.id }],\n                    });\n                  }),\n                );\n              }),\n              properties: {\n                label: ['sync channel label', { ns: meta.id }],\n                icon: 'ph--arrows-clockwise--regular',\n                disposition: 'list-item',\n              },\n            },\n            {\n              id: 'clear-synced-videos',\n              data: Effect.fnUntraced(function* () {\n                const computeRuntime = yield* Capability.get(AutomationCapabilities.ComputeRuntime);\n                const db = Obj.getDatabase(channel);\n                invariant(db);\n                const runtime = computeRuntime.getRuntime(db.spaceId);\n                yield* Effect.tryPromise(() =>\n                  runtime.runPromise(\n                    invokeFunctionWithTracing(ClearSyncedVideos, {\n                      channel: Ref.make(channel),\n                    }),\n                  ),\n                ).pipe(\n                  Effect.catchAll((error) => {\n                    log.catch(error);\n                    return Operation.invoke(LayoutOperation.AddToast, {\n                      id: `${meta.id}.clear-synced-videos-error`,\n                      icon: 'ph--warning--regular',\n                      duration: 5_000,\n                      title: ['clear synced videos error title', { ns: meta.id }],\n                      closeLabel: ['close label', { ns: meta.id }],\n                    });\n                  }),\n                );\n              }),\n              properties: {\n                label: ['clear synced videos label', { ns: meta.id }],\n                icon: 'ph--trash--regular',\n                disposition: 'list-item',\n              },\n            },\n          ]),\n      }),\n    ]);\n\n    return Capability.contributes(AppCapabilities.AppGraphBuilder, extensions);\n  }),\n);\n"],
+  "mappings": "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",
+  "names": ["Atom", "Effect", "Option", "Capability", "AppCapabilities", "companionSegment", "LayoutOperation", "Filter", "Obj", "Query", "Ref", "AtomQuery", "AtomRef", "invariant", "log", "Operation", "AttentionCapabilities", "AutomationCapabilities", "invokeFunctionWithTracing", "PLANK_COMPANION_TYPE", "GraphBuilder", "NodeMatcher", "Capability", "makeModule", "fnUntraced", "selectionManager", "get", "AttentionCapabilities", "Selection", "selectedId", "Atom", "family", "nodeId", "make", "state", "selection", "selections", "mode", "id", "undefined", "whenYouTubeChannel", "NodeMatcher", "whenEchoType", "Channel", "YouTubeChannel", "extensions", "all", "GraphBuilder", "createExtension", "meta", "match", "node", "instanceOf", "data", "some", "channel", "none", "connector", "matched", "db", "Obj", "getDatabase", "feed", "AtomRef", "succeed", "videoId", "video", "AtomQuery", "Query", "select", "Filter", "nothing", "from", "companionSegment", "type", "PLANK_COMPANION_TYPE", "properties", "label", "ns", "icon", "disposition", "actions", "computeRuntime", "AutomationCapabilities", "ComputeRuntime", "invariant", "runtime", "getRuntime", "spaceId", "tryPromise", "runPromise", "invokeFunctionWithTracing", "Sync", "Ref", "pipe", "catchAll", "error", "log", "catch", "Operation", "invoke", "LayoutOperation", "AddToast", "duration", "title", "closeLabel", "ClearSyncedVideos", "contributes", "AppCapabilities", "AppGraphBuilder"]
+}

package/dist/lib/node-esm/blueprint-definition-W264MZ3D.mjs

@@ -0,0 +1,23 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  youtube_default
+} from "./chunk-5KNC2JMP.mjs";
+import "./chunk-M4S6BE47.mjs";
+import "./chunk-JM5SBBP5.mjs";
+import "./chunk-JSGRZMG3.mjs";
+import "./chunk-6BUJ2DQX.mjs";
+import "./chunk-CZSLL3XQ.mjs";
+import "./chunk-HSLMI22Q.mjs";
+
+// src/capabilities/blueprint-definition/blueprint-definition.ts
+import * as Effect from "effect/Effect";
+import { Capability } from "@dxos/app-framework";
+import { AppCapabilities } from "@dxos/app-toolkit";
+var blueprintDefinition = Capability.makeModule(() => Effect.succeed([
+  Capability.contributes(AppCapabilities.BlueprintDefinition, youtube_default)
+]));
+var blueprint_definition_default = blueprintDefinition;
+export {
+  blueprint_definition_default as default
+};
+//# sourceMappingURL=blueprint-definition-W264MZ3D.mjs.map

package/dist/lib/node-esm/blueprint-definition-W264MZ3D.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/blueprint-definition/blueprint-definition.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capability } from '@dxos/app-framework';\nimport { AppCapabilities } from '@dxos/app-toolkit';\n\nimport { YouTubeBlueprint } from '../../blueprints';\n\nconst blueprintDefinition = Capability.makeModule<\n  [],\n  Capability.Capability<typeof AppCapabilities.BlueprintDefinition>[]\n>(() => Effect.succeed([Capability.contributes(AppCapabilities.BlueprintDefinition, YouTubeBlueprint)]));\n\nexport default blueprintDefinition;\n"],
+  "mappings": ";;;;;;;;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,kBAAkB;AAC3B,SAASC,uBAAuB;AAIhC,IAAMC,sBAAsBC,WAAWC,WAGrC,MAAaC,eAAQ;EAACF,WAAWG,YAAYC,gBAAgBC,qBAAqBC,eAAAA;CAAkB,CAAA;AAEtG,IAAA,+BAAeP;",
+  "names": ["Effect", "Capability", "AppCapabilities", "blueprintDefinition", "Capability", "makeModule", "succeed", "contributes", "AppCapabilities", "BlueprintDefinition", "YouTubeBlueprint"]
+}

package/dist/lib/node-esm/blueprints/index.mjs

@@ -0,0 +1,14 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  youtube_default
+} from "../chunk-5KNC2JMP.mjs";
+import "../chunk-M4S6BE47.mjs";
+import "../chunk-JM5SBBP5.mjs";
+import "../chunk-JSGRZMG3.mjs";
+import "../chunk-6BUJ2DQX.mjs";
+import "../chunk-CZSLL3XQ.mjs";
+import "../chunk-HSLMI22Q.mjs";
+export {
+  youtube_default as YouTubeBlueprint
+};
+//# sourceMappingURL=index.mjs.map

package/dist/lib/node-esm/blueprints/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/lib/node-esm/chunk-5KNC2JMP.mjs

@@ -0,0 +1,58 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  ClearSyncedVideos,
+  Sync
+} from "./chunk-JSGRZMG3.mjs";
+
+// src/blueprints/youtube.ts
+import { Blueprint, Template } from "@dxos/blueprints";
+import { trim } from "@dxos/util";
+var BLUEPRINT_KEY = "dxos.org/blueprint/youtube";
+var make = () => Blueprint.make({
+  key: BLUEPRINT_KEY,
+  name: "YouTube",
+  tools: Blueprint.toolDefinitions({
+    operations: [
+      Sync,
+      ClearSyncedVideos
+    ],
+    tools: []
+  }),
+  instructions: Template.make({
+    source: trim`
+        You manage YouTube channel subscriptions and video content.
+
+        # Summary formatting:
+        - Format summaries as markdown documents without extra comments.
+        - Use markdown formatting for headings and bullet points.
+        - Format video summaries as lists with key points.
+
+        # References
+        - Use references to objects in the form of:
+        @dxn:queue:data:B6INSIBY3CBEF4M5VZRYBCMAHQMPYK5AJ:01K24XMVHSZHS97SG1VTVQDM5Z:01K24XPK464FSCKVQJAB2H662M
+        - References are rendered as rich content in the response to the user.
+
+        # Video Analysis
+        When analyzing videos:
+        - Summarize the key topics and themes.
+        - Extract important quotes or statements.
+        - Identify action items or recommendations.
+        - Note any timestamps for important sections.
+
+        # Transcript Usage
+        - Videos may include transcripts that can be used for deeper analysis.
+        - When summarizing content, reference the transcript for accuracy.
+        - Transcripts include timestamps that can help locate specific content.
+      `
+  })
+});
+var blueprint = {
+  key: BLUEPRINT_KEY,
+  make
+};
+var youtube_default = blueprint;
+
+export {
+  youtube_default
+};
+//# sourceMappingURL=chunk-5KNC2JMP.mjs.map

package/dist/lib/node-esm/chunk-5KNC2JMP.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/blueprints/youtube.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { type AppCapabilities } from '@dxos/app-toolkit';\nimport { Blueprint, Template } from '@dxos/blueprints';\nimport { trim } from '@dxos/util';\n\nimport { ClearSyncedVideos, Sync } from '../operations';\n\nconst BLUEPRINT_KEY = 'dxos.org/blueprint/youtube';\n\nconst make = () =>\n  Blueprint.make({\n    key: BLUEPRINT_KEY,\n    name: 'YouTube',\n    tools: Blueprint.toolDefinitions({ operations: [Sync, ClearSyncedVideos], tools: [] }),\n    instructions: Template.make({\n      source: trim`\n        You manage YouTube channel subscriptions and video content.\n\n        # Summary formatting:\n        - Format summaries as markdown documents without extra comments.\n        - Use markdown formatting for headings and bullet points.\n        - Format video summaries as lists with key points.\n\n        # References\n        - Use references to objects in the form of:\n        @dxn:queue:data:B6INSIBY3CBEF4M5VZRYBCMAHQMPYK5AJ:01K24XMVHSZHS97SG1VTVQDM5Z:01K24XPK464FSCKVQJAB2H662M\n        - References are rendered as rich content in the response to the user.\n\n        # Video Analysis\n        When analyzing videos:\n        - Summarize the key topics and themes.\n        - Extract important quotes or statements.\n        - Identify action items or recommendations.\n        - Note any timestamps for important sections.\n\n        # Transcript Usage\n        - Videos may include transcripts that can be used for deeper analysis.\n        - When summarizing content, reference the transcript for accuracy.\n        - Transcripts include timestamps that can help locate specific content.\n      `,\n    }),\n  });\n\nconst blueprint: AppCapabilities.BlueprintDefinition = {\n  key: BLUEPRINT_KEY,\n  make,\n};\n\nexport default blueprint;\n"],
+  "mappings": ";;;;;;;AAKA,SAASA,WAAWC,gBAAgB;AACpC,SAASC,YAAY;AAIrB,IAAMC,gBAAgB;AAEtB,IAAMC,OAAO,MACXC,UAAUD,KAAK;EACbE,KAAKH;EACLI,MAAM;EACNC,OAAOH,UAAUI,gBAAgB;IAAEC,YAAY;MAACC;MAAMC;;IAAoBJ,OAAO,CAAA;EAAG,CAAA;EACpFK,cAAcC,SAASV,KAAK;IAC1BW,QAAQC;;;;;;;;;;;;;;;;;;;;;;;;;EAyBV,CAAA;AACF,CAAA;AAEF,IAAMC,YAAiD;EACrDX,KAAKH;EACLC;AACF;AAEA,IAAA,kBAAea;",
+  "names": ["Blueprint", "Template", "trim", "BLUEPRINT_KEY", "make", "Blueprint", "key", "name", "tools", "toolDefinitions", "operations", "Sync", "ClearSyncedVideos", "instructions", "Template", "source", "trim", "blueprint"]
+}