@dxos/plugin-youtube 0.8.3 → 0.8.4-main.bcb3aa67d6

package/dist/lib/browser/chunk-GFRR4TTX.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/types/types.ts", "../../../src/types/Channel.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\n/**\n * YouTube plugin operations (placeholder for future expansion).\n */\nexport const YouTubeOperation = {\n  // Operations will be defined here when needed.\n} as const;\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { Annotation, Feed, Obj, Ref, Type } from '@dxos/echo';\nimport { FormInputAnnotation } from '@dxos/echo/internal';\nimport { FeedAnnotation } from '@dxos/schema';\nimport { AccessToken } from '@dxos/types';\n\n// @import-as-namespace\n\n/**\n * YouTubeChannel schema representing a YouTube channel to sync videos from.\n */\nexport const YouTubeChannel = Schema.Struct({\n  /** Display name for the channel. */\n  name: Schema.String.pipe(Schema.optional),\n  /** YouTube channel ID (e.g., UC...). */\n  channelId: Schema.String.pipe(Schema.optional),\n  /** YouTube channel URL or handle. */\n  channelUrl: Schema.String.pipe(Schema.optional),\n  /** Feed containing YouTubeVideo objects. */\n  feed: Ref.Ref(Feed.Feed).pipe(FormInputAnnotation.set(false)),\n  /** Last sync timestamp. */\n  lastSyncedAt: Schema.String.pipe(FormInputAnnotation.set(false), Schema.optional),\n  /** Google API credentials for fetching channel data. */\n  accessToken: Schema.optional(\n    Ref.Ref(AccessToken.AccessToken).annotations({\n      title: 'Account',\n      description: 'Google account credentials for syncing this YouTube channel.',\n    }),\n  ),\n}).pipe(\n  Type.object({\n    typename: 'org.dxos.type.youtube-channel',\n    version: '0.1.0',\n  }),\n  Annotation.IconAnnotation.set({\n    icon: 'ph--youtube-logo--regular',\n    hue: 'red',\n  }),\n  FeedAnnotation.set(true),\n);\n\nexport interface YouTubeChannel extends Schema.Schema.Type<typeof YouTubeChannel> {}\n\n/** Checks if a value is a YouTubeChannel object. */\nexport const instanceOf = (value: unknown): value is YouTubeChannel => Obj.instanceOf(YouTubeChannel, value);\n\nexport const CreateYouTubeChannelSchema = Schema.Struct({\n  name: Schema.optional(Schema.String.annotations({ title: 'Name' })),\n  channelUrl: Schema.optional(\n    Schema.String.annotations({\n      title: 'Channel URL',\n      description: 'YouTube channel URL, handle (e.g., @channelname), or channel ID.',\n    }),\n  ),\n  accessToken: Schema.optional(\n    Ref.Ref(AccessToken.AccessToken).annotations({\n      title: 'Account',\n      description: 'Google account credentials for syncing this YouTube channel.',\n    }),\n  ),\n});\nexport interface CreateYouTubeChannelSchema extends Schema.Schema.Type<typeof CreateYouTubeChannelSchema> {}\n\ntype YouTubeChannelProps = Omit<Obj.MakeProps<typeof YouTubeChannel>, 'feed' | 'lastSyncedAt'>;\n\n/** Creates a YouTubeChannel object with a backing feed. */\nexport const make = (props: YouTubeChannelProps = {}) => {\n  const feed = Feed.make();\n  const channel = Obj.make(YouTubeChannel, {\n    feed: Ref.make(feed),\n    ...props,\n  });\n  Obj.setParent(feed, channel);\n  return channel;\n};\n"],
-  "mappings": ";;;;;AAOO,IAAMA,mBAAmB,CAEhC;;;ACTA;;;;;;;AAIA,YAAYC,YAAY;AAExB,SAASC,YAAYC,MAAMC,KAAKC,KAAKC,YAAY;AACjD,SAASC,2BAA2B;AACpC,SAASC,sBAAsB;AAC/B,SAASC,mBAAmB;AAOrB,IAAMC,iBAAwBC,cAAO;;EAE1CC,MAAaC,cAAOC,KAAYC,eAAQ;;EAExCC,WAAkBH,cAAOC,KAAYC,eAAQ;;EAE7CE,YAAmBJ,cAAOC,KAAYC,eAAQ;;EAE9CG,MAAMC,IAAIA,IAAIC,KAAKA,IAAI,EAAEN,KAAKO,oBAAoBC,IAAI,KAAA,CAAA;;EAEtDC,cAAqBV,cAAOC,KAAKO,oBAAoBC,IAAI,KAAA,GAAeP,eAAQ;;EAEhFS,aAAoBT,gBAClBI,IAAIA,IAAIM,YAAYA,WAAW,EAAEC,YAAY;IAC3CC,OAAO;IACPC,aAAa;EACf,CAAA,CAAA;AAEJ,CAAA,EAAGd,KACDe,KAAKC,OAAO;EACVC,UAAU;EACVC,SAAS;AACX,CAAA,GACAC,WAAWC,eAAeZ,IAAI;EAC5Ba,MAAM;EACNC,KAAK;AACP,CAAA,GACAC,eAAef,IAAI,IAAA,CAAA;AAMd,IAAMgB,aAAa,CAACC,UAA4CC,IAAIF,WAAW5B,gBAAgB6B,KAAAA;AAE/F,IAAME,6BAAoC9B,cAAO;EACtDC,MAAaG,gBAAgBF,cAAOa,YAAY;IAAEC,OAAO;EAAO,CAAA,CAAA;EAChEV,YAAmBF,gBACVF,cAAOa,YAAY;IACxBC,OAAO;IACPC,aAAa;EACf,CAAA,CAAA;EAEFJ,aAAoBT,gBAClBI,IAAIA,IAAIM,YAAYA,WAAW,EAAEC,YAAY;IAC3CC,OAAO;IACPC,aAAa;EACf,CAAA,CAAA;AAEJ,CAAA;AAMO,IAAMc,OAAO,CAACC,QAA6B,CAAC,MAAC;AAClD,QAAMzB,OAAOE,KAAKsB,KAAI;AACtB,QAAME,UAAUJ,IAAIE,KAAKhC,gBAAgB;IACvCQ,MAAMC,IAAIuB,KAAKxB,IAAAA;IACf,GAAGyB;EACL,CAAA;AACAH,MAAIK,UAAU3B,MAAM0B,OAAAA;AACpB,SAAOA;AACT;",
-  "names": ["YouTubeOperation", "Schema", "Annotation", "Feed", "Obj", "Ref", "Type", "FormInputAnnotation", "FeedAnnotation", "AccessToken", "YouTubeChannel", "Struct", "name", "String", "pipe", "optional", "channelId", "channelUrl", "feed", "Ref", "Feed", "FormInputAnnotation", "set", "lastSyncedAt", "accessToken", "AccessToken", "annotations", "title", "description", "Type", "object", "typename", "version", "Annotation", "IconAnnotation", "icon", "hue", "FeedAnnotation", "instanceOf", "value", "Obj", "CreateYouTubeChannelSchema", "make", "props", "channel", "setParent"]
-}

package/dist/lib/browser/chunk-MUE22YUM.mjs

@@ -1,57 +0,0 @@
-import {
-  ClearSyncedVideos,
-  Sync
-} from "./chunk-P67QEKBQ.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-MUE22YUM.mjs.map

package/dist/lib/browser/chunk-MUE22YUM.mjs.map

@@ -1,7 +0,0 @@
-{
-  "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"]
-}

package/dist/lib/browser/chunk-YMDT37TA.mjs

@@ -1,62 +0,0 @@
-import {
-  __export
-} from "./chunk-J5LGTIGS.mjs";
-
-// src/types/Video.ts
-var Video_exports = {};
-__export(Video_exports, {
-  TranscriptSegment: () => TranscriptSegment,
-  YouTubeVideo: () => YouTubeVideo,
-  instanceOf: () => instanceOf
-});
-import * as Schema from "effect/Schema";
-import { Annotation, Obj, Type } from "@dxos/echo";
-var TranscriptSegment = Schema.Struct({
-  /** Transcript text. */
-  text: Schema.String,
-  /** Start time in seconds. */
-  offset: Schema.Number,
-  /** Duration in seconds. */
-  duration: Schema.Number
-});
-var YouTubeVideo = Schema.Struct({
-  /** Video title. */
-  title: Schema.String,
-  /** YouTube video ID. */
-  videoId: Schema.String,
-  /** Video description. */
-  description: Schema.String.pipe(Schema.optional),
-  /** Video URL. */
-  url: Schema.String,
-  /** Thumbnail URL. */
-  thumbnailUrl: Schema.String.pipe(Schema.optional),
-  /** Channel name. */
-  channelTitle: Schema.String.pipe(Schema.optional),
-  /** Published date as ISO string. */
-  publishedAt: Schema.String,
-  /** Video duration in ISO 8601 format (e.g., PT1H30M15S). */
-  duration: Schema.String.pipe(Schema.optional),
-  /** View count. */
-  viewCount: Schema.Number.pipe(Schema.optional),
-  /** Like count. */
-  likeCount: Schema.Number.pipe(Schema.optional),
-  /** Full transcript text. */
-  transcript: Schema.String.pipe(Schema.optional),
-  /** Transcript segments with timestamps. */
-  transcriptSegments: Schema.Array(TranscriptSegment).pipe(Schema.optional),
-  /** True when transcript text was successfully loaded; false when disabled or none available. */
-  transcriptFetched: Schema.Boolean.pipe(Schema.optional)
-}).pipe(Type.object({
-  typename: "org.dxos.type.youtube-video",
-  version: "0.1.0"
-}), Annotation.IconAnnotation.set({
-  icon: "ph--play--regular",
-  hue: "red"
-}));
-var instanceOf = (value) => Obj.instanceOf(YouTubeVideo, value);
-
-export {
-  YouTubeVideo,
-  Video_exports
-};
-//# sourceMappingURL=chunk-YMDT37TA.mjs.map

package/dist/lib/browser/chunk-YMDT37TA.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/types/Video.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { Annotation, Obj, Type } from '@dxos/echo';\n\n/**\n * Transcript segment from a YouTube video.\n */\nexport const TranscriptSegment = Schema.Struct({\n  /** Transcript text. */\n  text: Schema.String,\n  /** Start time in seconds. */\n  offset: Schema.Number,\n  /** Duration in seconds. */\n  duration: Schema.Number,\n});\n\nexport type TranscriptSegment = Schema.Schema.Type<typeof TranscriptSegment>;\n\n/**\n * YouTubeVideo schema representing a video from a YouTube channel.\n */\nexport const YouTubeVideo = Schema.Struct({\n  /** Video title. */\n  title: Schema.String,\n  /** YouTube video ID. */\n  videoId: Schema.String,\n  /** Video description. */\n  description: Schema.String.pipe(Schema.optional),\n  /** Video URL. */\n  url: Schema.String,\n  /** Thumbnail URL. */\n  thumbnailUrl: Schema.String.pipe(Schema.optional),\n  /** Channel name. */\n  channelTitle: Schema.String.pipe(Schema.optional),\n  /** Published date as ISO string. */\n  publishedAt: Schema.String,\n  /** Video duration in ISO 8601 format (e.g., PT1H30M15S). */\n  duration: Schema.String.pipe(Schema.optional),\n  /** View count. */\n  viewCount: Schema.Number.pipe(Schema.optional),\n  /** Like count. */\n  likeCount: Schema.Number.pipe(Schema.optional),\n  /** Full transcript text. */\n  transcript: Schema.String.pipe(Schema.optional),\n  /** Transcript segments with timestamps. */\n  transcriptSegments: Schema.Array(TranscriptSegment).pipe(Schema.optional),\n  /** True when transcript text was successfully loaded; false when disabled or none available. */\n  transcriptFetched: Schema.Boolean.pipe(Schema.optional),\n}).pipe(\n  Type.object({\n    typename: 'org.dxos.type.youtube-video',\n    version: '0.1.0',\n  }),\n  Annotation.IconAnnotation.set({\n    icon: 'ph--play--regular',\n    hue: 'red',\n  }),\n);\n\nexport interface YouTubeVideo extends Schema.Schema.Type<typeof YouTubeVideo> {}\n\n/** Checks if a value is a YouTubeVideo object. */\nexport const instanceOf = (value: unknown): value is YouTubeVideo => Obj.instanceOf(YouTubeVideo, value);\n"],
-  "mappings": ";;;;;AAAA;;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,YAAYC,KAAKC,YAAY;AAK/B,IAAMC,oBAA2BC,cAAO;;EAE7CC,MAAaC;;EAEbC,QAAeC;;EAEfC,UAAiBD;AACnB,CAAA;AAOO,IAAME,eAAsBN,cAAO;;EAExCO,OAAcL;;EAEdM,SAAgBN;;EAEhBO,aAAoBP,cAAOQ,KAAYC,eAAQ;;EAE/CC,KAAYV;;EAEZW,cAAqBX,cAAOQ,KAAYC,eAAQ;;EAEhDG,cAAqBZ,cAAOQ,KAAYC,eAAQ;;EAEhDI,aAAoBb;;EAEpBG,UAAiBH,cAAOQ,KAAYC,eAAQ;;EAE5CK,WAAkBZ,cAAOM,KAAYC,eAAQ;;EAE7CM,WAAkBb,cAAOM,KAAYC,eAAQ;;EAE7CO,YAAmBhB,cAAOQ,KAAYC,eAAQ;;EAE9CQ,oBAA2BC,aAAMrB,iBAAAA,EAAmBW,KAAYC,eAAQ;;EAExEU,mBAA0BC,eAAQZ,KAAYC,eAAQ;AACxD,CAAA,EAAGD,KACDa,KAAKC,OAAO;EACVC,UAAU;EACVC,SAAS;AACX,CAAA,GACAC,WAAWC,eAAeC,IAAI;EAC5BC,MAAM;EACNC,KAAK;AACP,CAAA,CAAA;AAMK,IAAMC,aAAa,CAACC,UAA0CC,IAAIF,WAAW1B,cAAc2B,KAAAA;",
-  "names": ["Schema", "Annotation", "Obj", "Type", "TranscriptSegment", "Struct", "text", "String", "offset", "Number", "duration", "YouTubeVideo", "title", "videoId", "description", "pipe", "optional", "url", "thumbnailUrl", "channelTitle", "publishedAt", "viewCount", "likeCount", "transcript", "transcriptSegments", "Array", "transcriptFetched", "Boolean", "Type", "object", "typename", "version", "Annotation", "IconAnnotation", "set", "icon", "hue", "instanceOf", "value", "Obj"]
-}

package/dist/lib/browser/chunk-Z3DGTMKC.mjs

@@ -1,8 +0,0 @@
-// src/operations/index.ts
-import { OperationHandlerSet } from "@dxos/operation";
-var YouTubeHandlers = OperationHandlerSet.lazy(() => import("./clear-synced-videos-EVMJIZPD.mjs"), () => import("./sync-423Q4BDD.mjs"));
-
-export {
-  YouTubeHandlers
-};
-//# sourceMappingURL=chunk-Z3DGTMKC.mjs.map

package/dist/lib/browser/chunk-Z3DGTMKC.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/operations/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { OperationHandlerSet } from '@dxos/operation';\n\nexport { YouTube } from './apis';\nexport * from './definitions';\n\nexport const YouTubeHandlers = OperationHandlerSet.lazy(\n  () => import('./clear-synced-videos'),\n  () => import('./sync'),\n);\n"],
-  "mappings": ";AAIA,SAASA,2BAA2B;AAK7B,IAAMC,kBAAkBC,oBAAoBC,KACjD,MAAM,OAAO,oCAAA,GACb,MAAM,OAAO,qBAAA,CAAA;",
-  "names": ["OperationHandlerSet", "YouTubeHandlers", "OperationHandlerSet", "lazy"]
-}

package/dist/lib/browser/react-surface-EDA5VYDC.mjs

@@ -1,77 +0,0 @@
-import {
-  meta
-} from "./chunk-DFRSBBSO.mjs";
-import {
-  Channel_exports
-} from "./chunk-GFRR4TTX.mjs";
-import {
-  Video_exports
-} from "./chunk-YMDT37TA.mjs";
-import "./chunk-J5LGTIGS.mjs";
-
-// src/capabilities/react-surface/react-surface.tsx
-import * as Effect from "effect/Effect";
-import React from "react";
-import { Capabilities, Capability } from "@dxos/app-framework";
-import { Surface } from "@dxos/app-framework/ui";
-
-// src/containers/index.ts
-import { lazy } from "react";
-var ChannelArticle = lazy(() => import("./ChannelArticle-CDQR4BBY.mjs"));
-var ChannelSettings = lazy(() => import("./ChannelSettings-ZYUNW3VS.mjs"));
-var VideoArticle = lazy(() => import("./VideoArticle-FC4A6E7B.mjs"));
-var VideoCard = lazy(() => import("./VideoCard-CCPXDCB7.mjs"));
-
-// src/capabilities/react-surface/react-surface.tsx
-var react_surface_default = Capability.makeModule(() => Effect.succeed(Capability.contributes(Capabilities.ReactSurface, [
-  Surface.create({
-    id: `${meta.id}.channel`,
-    role: [
-      "article"
-    ],
-    filter: (data) => Channel_exports.instanceOf(data.subject),
-    component: ({ data }) => {
-      return /* @__PURE__ */ React.createElement(ChannelArticle, {
-        subject: data.subject,
-        attendableId: data.attendableId
-      });
-    }
-  }),
-  Surface.create({
-    id: `${meta.id}.video`,
-    role: [
-      "article",
-      "section"
-    ],
-    filter: (data) => typeof data.attendableId === "string" && Video_exports.instanceOf(data.subject) && Channel_exports.instanceOf(data.companionTo),
-    component: ({ data: { attendableId, companionTo, subject }, role }) => {
-      return /* @__PURE__ */ React.createElement(VideoArticle, {
-        role,
-        subject,
-        channel: companionTo,
-        attendableId
-      });
-    }
-  }),
-  Surface.create({
-    id: `${meta.id}.video-card`,
-    role: "card--content",
-    filter: (data) => Video_exports.instanceOf(data?.subject),
-    component: ({ data: { subject }, role }) => /* @__PURE__ */ React.createElement(VideoCard, {
-      subject,
-      role
-    })
-  }),
-  Surface.create({
-    id: `${meta.id}.channel.companion.settings`,
-    role: "object-settings",
-    filter: (data) => Channel_exports.instanceOf(data.subject),
-    component: ({ data }) => /* @__PURE__ */ React.createElement(ChannelSettings, {
-      subject: data.subject
-    })
-  })
-])));
-export {
-  react_surface_default as default
-};
-//# sourceMappingURL=react-surface-EDA5VYDC.mjs.map

package/dist/lib/browser/react-surface-EDA5VYDC.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/react-surface/react-surface.tsx", "../../../src/containers/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport React from 'react';\n\nimport { Capabilities, Capability } from '@dxos/app-framework';\nimport { Surface } from '@dxos/app-framework/ui';\n\nimport { ChannelArticle, ChannelSettings, VideoArticle, VideoCard } from '../../containers';\nimport { meta } from '../../meta';\nimport { Channel, Video } from '../../types';\n\nexport default Capability.makeModule(() =>\n  Effect.succeed(\n    Capability.contributes(Capabilities.ReactSurface, [\n      Surface.create({\n        id: `${meta.id}.channel`,\n        role: ['article'],\n        filter: (data): data is { attendableId?: string; subject: Channel.YouTubeChannel } =>\n          Channel.instanceOf(data.subject),\n        component: ({ data }) => {\n          return <ChannelArticle subject={data.subject} attendableId={data.attendableId} />;\n        },\n      }),\n      Surface.create({\n        id: `${meta.id}.video`,\n        role: ['article', 'section'],\n        filter: (\n          data,\n        ): data is { attendableId: string; subject: Video.YouTubeVideo; companionTo: Channel.YouTubeChannel } =>\n          typeof data.attendableId === 'string' &&\n          Video.instanceOf(data.subject) &&\n          Channel.instanceOf(data.companionTo),\n        component: ({ data: { attendableId, companionTo, subject }, role }) => {\n          return <VideoArticle role={role} subject={subject} channel={companionTo} attendableId={attendableId} />;\n        },\n      }),\n      Surface.create({\n        id: `${meta.id}.video-card`,\n        role: 'card--content',\n        filter: (data): data is { subject: Video.YouTubeVideo } => Video.instanceOf(data?.subject),\n        component: ({ data: { subject }, role }) => <VideoCard subject={subject} role={role} />,\n      }),\n      Surface.create({\n        id: `${meta.id}.channel.companion.settings`,\n        role: 'object-settings',\n        filter: (data): data is { subject: Channel.YouTubeChannel } => Channel.instanceOf(data.subject),\n        component: ({ data }) => <ChannelSettings subject={data.subject} />,\n      }),\n    ]),\n  ),\n);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { type ComponentType, lazy, type LazyExoticComponent } from 'react';\n\nimport type { ChannelArticleProps } from './ChannelArticle/ChannelArticle';\nimport type { ChannelSettingsProps } from './ChannelSettings/ChannelSettings';\nimport type { VideoArticleProps } from './VideoArticle/VideoArticle';\nimport type { VideoCardProps } from './VideoCard/VideoCard';\n\nexport type { ChannelArticleProps, ChannelSettingsProps, VideoArticleProps, VideoCardProps };\n\nexport const ChannelArticle: LazyExoticComponent<ComponentType<ChannelArticleProps>> = lazy(\n  () => import('./ChannelArticle'),\n);\n\nexport const ChannelSettings: LazyExoticComponent<ComponentType<ChannelSettingsProps>> = lazy(\n  () => import('./ChannelSettings'),\n);\n\nexport const VideoArticle: LazyExoticComponent<ComponentType<VideoArticleProps>> = lazy(() => import('./VideoArticle'));\n\nexport const VideoCard: LazyExoticComponent<ComponentType<VideoCardProps>> = lazy(() => import('./VideoCard'));\n"],
-  "mappings": ";;;;;;;;;;;;AAIA,YAAYA,YAAY;AACxB,OAAOC,WAAW;AAElB,SAASC,cAAcC,kBAAkB;AACzC,SAASC,eAAe;;;ACJxB,SAA6BC,YAAsC;AAS5D,IAAMC,iBAA0EC,KACrF,MAAM,OAAO,+BAAA,CAAA;AAGR,IAAMC,kBAA4ED,KACvF,MAAM,OAAO,gCAAA,CAAA;AAGR,IAAME,eAAsEF,KAAK,MAAM,OAAO,6BAAA,CAAA;AAE9F,IAAMG,YAAgEH,KAAK,MAAM,OAAO,0BAAA,CAAA;;;ADT/F,IAAA,wBAAeI,WAAWC,WAAW,MAC5BC,eACLF,WAAWG,YAAYC,aAAaC,cAAc;EAChDC,QAAQC,OAAO;IACbC,IAAI,GAAGC,KAAKD,EAAE;IACdE,MAAM;MAAC;;IACPC,QAAQ,CAACC,SACPC,gBAAQC,WAAWF,KAAKG,OAAO;IACjCC,WAAW,CAAC,EAAEJ,KAAI,MAAE;AAClB,aAAO,sBAAA,cAACK,gBAAAA;QAAeF,SAASH,KAAKG;QAASG,cAAcN,KAAKM;;IACnE;EACF,CAAA;EACAZ,QAAQC,OAAO;IACbC,IAAI,GAAGC,KAAKD,EAAE;IACdE,MAAM;MAAC;MAAW;;IAClBC,QAAQ,CACNC,SAEA,OAAOA,KAAKM,iBAAiB,YAC7BC,cAAML,WAAWF,KAAKG,OAAO,KAC7BF,gBAAQC,WAAWF,KAAKQ,WAAW;IACrCJ,WAAW,CAAC,EAAEJ,MAAM,EAAEM,cAAcE,aAAaL,QAAO,GAAIL,KAAI,MAAE;AAChE,aAAO,sBAAA,cAACW,cAAAA;QAAaX;QAAYK;QAAkBO,SAASF;QAAaF;;IAC3E;EACF,CAAA;EACAZ,QAAQC,OAAO;IACbC,IAAI,GAAGC,KAAKD,EAAE;IACdE,MAAM;IACNC,QAAQ,CAACC,SAAkDO,cAAML,WAAWF,MAAMG,OAAAA;IAClFC,WAAW,CAAC,EAAEJ,MAAM,EAAEG,QAAO,GAAIL,KAAI,MAAO,sBAAA,cAACa,WAAAA;MAAUR;MAAkBL;;EAC3E,CAAA;EACAJ,QAAQC,OAAO;IACbC,IAAI,GAAGC,KAAKD,EAAE;IACdE,MAAM;IACNC,QAAQ,CAACC,SAAsDC,gBAAQC,WAAWF,KAAKG,OAAO;IAC9FC,WAAW,CAAC,EAAEJ,KAAI,MAAO,sBAAA,cAACY,iBAAAA;MAAgBT,SAASH,KAAKG;;EAC1D,CAAA;CACD,CAAA,CAAA;",
-  "names": ["Effect", "React", "Capabilities", "Capability", "Surface", "lazy", "ChannelArticle", "lazy", "ChannelSettings", "VideoArticle", "VideoCard", "Capability", "makeModule", "succeed", "contributes", "Capabilities", "ReactSurface", "Surface", "create", "id", "meta", "role", "filter", "data", "Channel", "instanceOf", "subject", "component", "ChannelArticle", "attendableId", "Video", "companionTo", "VideoArticle", "channel", "VideoCard", "ChannelSettings"]
-}

package/dist/lib/node-esm/ChannelArticle-GQ64BO7V.mjs

@@ -1,91 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  YouTubeVideo
-} from "./chunk-CZSLL3XQ.mjs";
-import "./chunk-HSLMI22Q.mjs";
-
-// src/containers/ChannelArticle/ChannelArticle.tsx
-import React, { useMemo } from "react";
-import { Obj, Query } from "@dxos/echo";
-import { Filter, useObject, useQuery } from "@dxos/react-client/echo";
-import { Icon, Panel } from "@dxos/react-ui";
-var ChannelArticle = ({ subject: channel }) => {
-  useObject(channel);
-  const feed = channel.feed?.target;
-  const db = Obj.getDatabase(channel);
-  const videos = useQuery(db, feed ? Query.select(Filter.type(YouTubeVideo)).from(feed) : Query.select(Filter.nothing()));
-  const sortedVideos = useMemo(() => [
-    ...videos
-  ].sort((videoA, videoB) => new Date(videoB.publishedAt).getTime() - new Date(videoA.publishedAt).getTime()), [
-    videos
-  ]);
-  return /* @__PURE__ */ React.createElement(Panel.Root, null, /* @__PURE__ */ React.createElement(Panel.Content, {
-    className: "overflow-auto"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "flex flex-col gap-4 p-4"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "flex items-center justify-between"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "flex items-center gap-2"
-  }, /* @__PURE__ */ React.createElement(Icon, {
-    icon: "ph--youtube-logo--regular",
-    size: 6
-  }), /* @__PURE__ */ React.createElement("h2", {
-    className: "text-lg font-semibold"
-  }, channel.name ?? "YouTube Channel")), channel.lastSyncedAt && /* @__PURE__ */ React.createElement("span", {
-    className: "text-xs text-description"
-  }, "Last synced: ", new Date(channel.lastSyncedAt).toLocaleString())), channel.channelUrl && /* @__PURE__ */ React.createElement("div", {
-    className: "text-sm text-description"
-  }, /* @__PURE__ */ React.createElement("a", {
-    href: channel.channelUrl.startsWith("http") ? channel.channelUrl : `https://www.youtube.com/@${channel.channelUrl}`,
-    target: "_blank",
-    rel: "noopener noreferrer",
-    className: "hover:underline"
-  }, channel.channelUrl)), /* @__PURE__ */ React.createElement("div", {
-    className: "flex flex-col gap-2"
-  }, /* @__PURE__ */ React.createElement("h3", {
-    className: "text-md font-medium"
-  }, "Videos (", sortedVideos.length, ")"), /* @__PURE__ */ React.createElement("div", {
-    className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4"
-  }, sortedVideos.map((video) => /* @__PURE__ */ React.createElement("div", {
-    key: video.videoId,
-    className: "flex flex-col gap-2 p-2 rounded hover:bg-surface-hover"
-  }, video.thumbnailUrl ? /* @__PURE__ */ React.createElement("a", {
-    href: video.url,
-    target: "_blank",
-    rel: "noopener noreferrer",
-    className: "relative aspect-video group"
-  }, /* @__PURE__ */ React.createElement("img", {
-    src: video.thumbnailUrl,
-    alt: video.title,
-    className: "h-full w-full object-cover rounded"
-  }), /* @__PURE__ */ React.createElement("div", {
-    className: "absolute inset-0 flex items-center justify-center bg-black/0 group-hover:bg-black/30 rounded transition-colors"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "opacity-0 group-hover:opacity-100 bg-red-600 text-white rounded-full p-2 transition-opacity"
-  }, /* @__PURE__ */ React.createElement(Icon, {
-    icon: "ph--play--fill",
-    size: 4
-  })))) : /* @__PURE__ */ React.createElement("div", {
-    className: "aspect-video bg-surface-hover rounded flex items-center justify-center"
-  }, /* @__PURE__ */ React.createElement(Icon, {
-    icon: "ph--video--regular",
-    size: 8
-  })), /* @__PURE__ */ React.createElement("div", {
-    className: "flex flex-col gap-1"
-  }, /* @__PURE__ */ React.createElement("span", {
-    className: "font-medium line-clamp-2",
-    title: video.title
-  }, video.title), /* @__PURE__ */ React.createElement("span", {
-    className: "text-xs text-description"
-  }, new Date(video.publishedAt).toLocaleDateString(), video.transcript && " \u2022 Transcript available")))), sortedVideos.length === 0 && /* @__PURE__ */ React.createElement("div", {
-    className: "col-span-full text-sm text-description p-4 text-center"
-  }, "No videos synced yet. Sync the channel to fetch videos."))))));
-};
-
-// src/containers/ChannelArticle/index.ts
-var ChannelArticle_default = ChannelArticle;
-export {
-  ChannelArticle_default as default
-};
-//# sourceMappingURL=ChannelArticle-GQ64BO7V.mjs.map

package/dist/lib/node-esm/ChannelArticle-GQ64BO7V.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/containers/ChannelArticle/ChannelArticle.tsx", "../../../src/containers/ChannelArticle/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useMemo } from 'react';\n\nimport { type Feed, Obj, Query } from '@dxos/echo';\nimport { Filter, useObject, useQuery } from '@dxos/react-client/echo';\nimport { Icon, Panel } from '@dxos/react-ui';\n\nimport * as Channel from '../../types/Channel';\nimport * as Video from '../../types/Video';\n\nexport type ChannelArticleProps = {\n  subject: Channel.YouTubeChannel;\n  attendableId?: string;\n};\n\nexport const ChannelArticle = ({ subject: channel }: ChannelArticleProps) => {\n  useObject(channel);\n  const feed = channel.feed?.target as Feed.Feed | undefined;\n  const db = Obj.getDatabase(channel);\n  const videos = useQuery(\n    db,\n    feed ? Query.select(Filter.type(Video.YouTubeVideo)).from(feed) : Query.select(Filter.nothing()),\n  ) as Video.YouTubeVideo[];\n\n  const sortedVideos = useMemo(\n    () =>\n      [...videos].sort(\n        (videoA, videoB) => new Date(videoB.publishedAt).getTime() - new Date(videoA.publishedAt).getTime(),\n      ),\n    [videos],\n  );\n\n  return (\n    <Panel.Root>\n      <Panel.Content className='overflow-auto'>\n        <div className='flex flex-col gap-4 p-4'>\n          <div className='flex items-center justify-between'>\n            <div className='flex items-center gap-2'>\n              <Icon icon='ph--youtube-logo--regular' size={6} />\n              <h2 className='text-lg font-semibold'>{channel.name ?? 'YouTube Channel'}</h2>\n            </div>\n            {channel.lastSyncedAt && (\n              <span className='text-xs text-description'>\n                Last synced: {new Date(channel.lastSyncedAt).toLocaleString()}\n              </span>\n            )}\n          </div>\n\n          {channel.channelUrl && (\n            <div className='text-sm text-description'>\n              <a\n                href={\n                  channel.channelUrl.startsWith('http')\n                    ? channel.channelUrl\n                    : `https://www.youtube.com/@${channel.channelUrl}`\n                }\n                target='_blank'\n                rel='noopener noreferrer'\n                className='hover:underline'\n              >\n                {channel.channelUrl}\n              </a>\n            </div>\n          )}\n\n          <div className='flex flex-col gap-2'>\n            <h3 className='text-md font-medium'>Videos ({sortedVideos.length})</h3>\n            <div className='grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4'>\n              {sortedVideos.map((video) => (\n                <div key={video.videoId} className='flex flex-col gap-2 p-2 rounded hover:bg-surface-hover'>\n                  {video.thumbnailUrl ? (\n                    <a\n                      href={video.url}\n                      target='_blank'\n                      rel='noopener noreferrer'\n                      className='relative aspect-video group'\n                    >\n                      <img src={video.thumbnailUrl} alt={video.title} className='h-full w-full object-cover rounded' />\n                      <div className='absolute inset-0 flex items-center justify-center bg-black/0 group-hover:bg-black/30 rounded transition-colors'>\n                        <div className='opacity-0 group-hover:opacity-100 bg-red-600 text-white rounded-full p-2 transition-opacity'>\n                          <Icon icon='ph--play--fill' size={4} />\n                        </div>\n                      </div>\n                    </a>\n                  ) : (\n                    <div className='aspect-video bg-surface-hover rounded flex items-center justify-center'>\n                      <Icon icon='ph--video--regular' size={8} />\n                    </div>\n                  )}\n                  <div className='flex flex-col gap-1'>\n                    <span className='font-medium line-clamp-2' title={video.title}>\n                      {video.title}\n                    </span>\n                    <span className='text-xs text-description'>\n                      {new Date(video.publishedAt).toLocaleDateString()}\n                      {video.transcript && ' • Transcript available'}\n                    </span>\n                  </div>\n                </div>\n              ))}\n              {sortedVideos.length === 0 && (\n                <div className='col-span-full text-sm text-description p-4 text-center'>\n                  No videos synced yet. Sync the channel to fetch videos.\n                </div>\n              )}\n            </div>\n          </div>\n        </div>\n      </Panel.Content>\n    </Panel.Root>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { ChannelArticle } from './ChannelArticle';\n\nexport default ChannelArticle;\n"],
-  "mappings": ";;;;;;;AAIA,OAAOA,SAASC,eAAe;AAE/B,SAAoBC,KAAKC,aAAa;AACtC,SAASC,QAAQC,WAAWC,gBAAgB;AAC5C,SAASC,MAAMC,aAAa;AAUrB,IAAMC,iBAAiB,CAAC,EAAEC,SAASC,QAAO,MAAuB;AACtEC,YAAUD,OAAAA;AACV,QAAME,OAAOF,QAAQE,MAAMC;AAC3B,QAAMC,KAAKC,IAAIC,YAAYN,OAAAA;AAC3B,QAAMO,SAASC,SACbJ,IACAF,OAAOO,MAAMC,OAAOC,OAAOC,KAAWC,YAAY,CAAA,EAAGC,KAAKZ,IAAAA,IAAQO,MAAMC,OAAOC,OAAOI,QAAO,CAAA,CAAA;AAG/F,QAAMC,eAAeC,QACnB,MACE;OAAIV;IAAQW,KACV,CAACC,QAAQC,WAAW,IAAIC,KAAKD,OAAOE,WAAW,EAAEC,QAAO,IAAK,IAAIF,KAAKF,OAAOG,WAAW,EAAEC,QAAO,CAAA,GAErG;IAAChB;GAAO;AAGV,SACE,sBAAA,cAACiB,MAAMC,MAAI,MACT,sBAAA,cAACD,MAAME,SAAO;IAACC,WAAU;KACvB,sBAAA,cAACC,OAAAA;IAAID,WAAU;KACb,sBAAA,cAACC,OAAAA;IAAID,WAAU;KACb,sBAAA,cAACC,OAAAA;IAAID,WAAU;KACb,sBAAA,cAACE,MAAAA;IAAKC,MAAK;IAA4BC,MAAM;MAC7C,sBAAA,cAACC,MAAAA;IAAGL,WAAU;KAAyB3B,QAAQiC,QAAQ,iBAAA,CAAA,GAExDjC,QAAQkC,gBACP,sBAAA,cAACC,QAAAA;IAAKR,WAAU;KAA2B,iBAC3B,IAAIN,KAAKrB,QAAQkC,YAAY,EAAEE,eAAc,CAAA,CAAA,GAKhEpC,QAAQqC,cACP,sBAAA,cAACT,OAAAA;IAAID,WAAU;KACb,sBAAA,cAACW,KAAAA;IACCC,MACEvC,QAAQqC,WAAWG,WAAW,MAAA,IAC1BxC,QAAQqC,aACR,4BAA4BrC,QAAQqC,UAAU;IAEpDlC,QAAO;IACPsC,KAAI;IACJd,WAAU;KAET3B,QAAQqC,UAAU,CAAA,GAKzB,sBAAA,cAACT,OAAAA;IAAID,WAAU;KACb,sBAAA,cAACe,MAAAA;IAAGf,WAAU;KAAsB,YAASX,aAAa2B,QAAO,GAAA,GACjE,sBAAA,cAACf,OAAAA;IAAID,WAAU;KACZX,aAAa4B,IAAI,CAACC,UACjB,sBAAA,cAACjB,OAAAA;IAAIkB,KAAKD,MAAME;IAASpB,WAAU;KAChCkB,MAAMG,eACL,sBAAA,cAACV,KAAAA;IACCC,MAAMM,MAAMI;IACZ9C,QAAO;IACPsC,KAAI;IACJd,WAAU;KAEV,sBAAA,cAACuB,OAAAA;IAAIC,KAAKN,MAAMG;IAAcI,KAAKP,MAAMQ;IAAO1B,WAAU;MAC1D,sBAAA,cAACC,OAAAA;IAAID,WAAU;KACb,sBAAA,cAACC,OAAAA;IAAID,WAAU;KACb,sBAAA,cAACE,MAAAA;IAAKC,MAAK;IAAiBC,MAAM;UAKxC,sBAAA,cAACH,OAAAA;IAAID,WAAU;KACb,sBAAA,cAACE,MAAAA;IAAKC,MAAK;IAAqBC,MAAM;OAG1C,sBAAA,cAACH,OAAAA;IAAID,WAAU;KACb,sBAAA,cAACQ,QAAAA;IAAKR,WAAU;IAA2B0B,OAAOR,MAAMQ;KACrDR,MAAMQ,KAAK,GAEd,sBAAA,cAAClB,QAAAA;IAAKR,WAAU;KACb,IAAIN,KAAKwB,MAAMvB,WAAW,EAAEgC,mBAAkB,GAC9CT,MAAMU,cAAc,8BAAA,CAAA,CAAA,CAAA,GAK5BvC,aAAa2B,WAAW,KACvB,sBAAA,cAACf,OAAAA;IAAID,WAAU;KAAyD,yDAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAUxF;;;AC5GA,IAAA,yBAAe6B;",
-  "names": ["React", "useMemo", "Obj", "Query", "Filter", "useObject", "useQuery", "Icon", "Panel", "ChannelArticle", "subject", "channel", "useObject", "feed", "target", "db", "Obj", "getDatabase", "videos", "useQuery", "Query", "select", "Filter", "type", "YouTubeVideo", "from", "nothing", "sortedVideos", "useMemo", "sort", "videoA", "videoB", "Date", "publishedAt", "getTime", "Panel", "Root", "Content", "className", "div", "Icon", "icon", "size", "h2", "name", "lastSyncedAt", "span", "toLocaleString", "channelUrl", "a", "href", "startsWith", "rel", "h3", "length", "map", "video", "key", "videoId", "thumbnailUrl", "url", "img", "src", "alt", "title", "toLocaleDateString", "transcript", "ChannelArticle"]
-}

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

@@ -1,29 +0,0 @@
-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

@@ -1,7 +0,0 @@
-{
-  "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

@@ -1,77 +0,0 @@
-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

@@ -1,7 +0,0 @@
-{
-  "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

@@ -1,65 +0,0 @@
-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