article-content-renderer-vue2 0.1.0 → 0.2.0

package/dist/types/components/ArticleContentRenderer.vue.d.ts

@@ -1,22 +1,18 @@
 import Vue from 'vue';
-import type { AdSlot } from '../protocols/types.js';
-import type { AdConfig, PubId, RenderIssue, ResolveArticleButtonLink, ValidationResult } from '../types.js';
+import type { ResolvedCustomSlot } from '../protocols/types.js';
+import type { CustomSlot, RenderIssue, ResolveArticleButtonLink, ValidationResult } from '../types.js';
 declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue>, {
     reportedRuntimeIssues: Set<string>;
-    reportedAdConfigIssue: string | null;
 }, {
+    resolveCustomSlots(): ResolvedCustomSlot[];
     reportRuntimeIssue(issue: RenderIssue): void;
 }, {
     validation: ValidationResult;
-    adConfigIssue: RenderIssue | null;
-    adSlots: readonly AdSlot[];
 }, {
     document: unknown;
     protocolVersion: number;
     strict: boolean;
-    adConf: AdConfig;
-    pubid: PubId;
-    adTitle: string;
+    customSlots: CustomSlot[];
     imageBaseUrl: string;
     resolveArticleButtonLink: ResolveArticleButtonLink;
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;

package/dist/types/index.d.ts

@@ -5,4 +5,4 @@ export default ArticleContentRenderer;
 export declare const ArticleContentRendererPlugin: PluginObject<never>;
 export { CURRENT_PROTOCOL_VERSION, SUPPORTED_PROTOCOL_VERSIONS, validateArticleDocument, } from './protocols/registry.js';
 export { ARTICLE_CONTENT_PROTOCOL_V1 } from './protocols/v1/metadata.js';
-export type { AdConfig, ArticleButtonAttrs, ArticleButtonClickPayload, ArticleButtonLink, ArticleButtonLinkDescriptor, ArticleButtonNode, ArticleButtonStyle, ArticleContentNode, ArticleDocument, ArticleMark, BlockNode, BlockquoteNode, BoldMark, BulletListNode, CodeBlockNode, CodeBlockTextNode, CodeMark, HeadingNode, HorizontalRuleNode, ImageAlign, ImageNode, ItalicMark, LinkMark, LinkTarget, ListItemNode, OrderedListNode, ParagraphNode, ProtocolVersion, PubId, RenderIssue, RenderIssueCode, ResolveArticleButtonLink, StrikeMark, TableCellNode, TableNode, TableRowNode, TextAlign, TextNode, UnderlineMark, ValidationResult, } from './types.js';
+export type { ArticleButtonAttrs, ArticleButtonClickPayload, ArticleButtonLink, ArticleButtonLinkDescriptor, ArticleButtonNode, ArticleButtonStyle, ArticleContentNode, ArticleDocument, ArticleMark, BlockNode, BlockquoteNode, BoldMark, BulletListNode, CodeBlockNode, CodeBlockTextNode, CodeMark, CustomSlot, HeadingNode, HorizontalRuleNode, ImageAlign, ImageNode, ItalicMark, LinkMark, LinkTarget, ListItemNode, OrderedListNode, ParagraphNode, ProtocolVersion, RenderIssue, RenderIssueCode, ResolveArticleButtonLink, StrikeMark, TableCellNode, TableNode, TableRowNode, TextAlign, TextNode, UnderlineMark, ValidationResult, } from './types.js';

package/dist/types/protocols/types.d.ts

@@ -2,20 +2,16 @@ import type { CreateElement, VNode } from 'vue';
 import type { ArticleButtonClickPayload, RenderIssue, ResolveArticleButtonLink, ValidationResult } from '../types.js';
 export interface RenderContext {
     createElement: CreateElement;
-    adSlots: readonly AdSlot[];
-    admPublisherId: string;
-    adsPublisherId: string;
-    adTitle: string;
+    customSlots: readonly ResolvedCustomSlot[];
     imageBaseUrl: string;
     resolveArticleButtonLink?: ResolveArticleButtonLink;
     emitArticleButtonClick: (payload: ArticleButtonClickPayload) => void;
     reportIssue: (issue: RenderIssue) => void;
 }
-export interface AdSlot {
-    index: number;
+export interface ResolvedCustomSlot {
+    id: string;
     location: number;
-    adm: unknown;
-    ads: unknown;
+    content: readonly VNode[];
 }
 export interface ProtocolAdapter {
     version: number;

package/dist/types/types.d.ts

@@ -3,14 +3,9 @@ export type TextAlign = 'left' | 'center' | 'right' | 'justify';
 export type ImageAlign = 'left' | 'center' | 'right';
 export type ArticleButtonStyle = 'text' | 'button';
 export type LinkTarget = '_blank' | '_self';
-export interface AdConfig {
-    adm?: readonly unknown[];
-    ads?: readonly unknown[];
-    loc: readonly number[];
-}
-export interface PubId {
-    adm: string;
-    ads: string;
+export interface CustomSlot {
+    id: string;
+    location: number;
 }
 export interface BoldMark {
     type: 'bold';
@@ -134,7 +129,7 @@ export interface ArticleButtonLinkDescriptor {
 }
 export type ArticleButtonLink = string | ArticleButtonLinkDescriptor | null;
 export type ResolveArticleButtonLink = (attrs: Readonly<ArticleButtonAttrs>, node: Readonly<ArticleButtonNode>) => ArticleButtonLink;
-export type RenderIssueCode = 'INVALID_ROOT' | 'INVALID_TYPE' | 'INVALID_CONTENT' | 'INVALID_VALUE' | 'MISSING_PROPERTY' | 'UNKNOWN_PROPERTY' | 'UNKNOWN_NODE' | 'UNKNOWN_MARK' | 'TABLE_COLUMN_MISMATCH' | 'UNSAFE_URL' | 'LINK_RESOLUTION_FAILED' | 'UNSUPPORTED_PROTOCOL' | 'AD_CONFIG_LENGTH_MISMATCH';
+export type RenderIssueCode = 'INVALID_ROOT' | 'INVALID_TYPE' | 'INVALID_CONTENT' | 'INVALID_VALUE' | 'MISSING_PROPERTY' | 'UNKNOWN_PROPERTY' | 'UNKNOWN_NODE' | 'UNKNOWN_MARK' | 'TABLE_COLUMN_MISMATCH' | 'UNSAFE_URL' | 'LINK_RESOLUTION_FAILED' | 'UNSUPPORTED_PROTOCOL';
 export interface RenderIssue {
     code: RenderIssueCode;
     path: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "article-content-renderer-vue2",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "A safe Vue 2.7 renderer for the Article Content Protocol ProseMirror JSON format.",
   "author": "NovaVoyager",
   "license": "MIT",

package/dist/types/components/AdManagerAd.d.ts

@@ -1,39 +0,0 @@
-import Vue from 'vue';
-interface GoogleTagSlot {
-    addService: (service: GoogleTagPubAdsService) => GoogleTagSlot;
-}
-interface GoogleTagSlotRenderEndedEvent {
-    slot: GoogleTagSlot;
-    isEmpty: boolean;
-}
-interface GoogleTagPubAdsService {
-    addEventListener: (eventName: 'slotRenderEnded', listener: (event: GoogleTagSlotRenderEndedEvent) => void) => void;
-    removeEventListener?: (eventName: 'slotRenderEnded', listener: (event: GoogleTagSlotRenderEndedEvent) => void) => void;
-}
-export declare const AdManagerAd: import("vue/types/vue").ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue>, {
-    observer: IntersectionObserver | null;
-    definedSlot: GoogleTagSlot | null;
-    pubAdsService: GoogleTagPubAdsService | null;
-    slotRenderEnded: ((event: GoogleTagSlotRenderEndedEvent) => void) | null;
-    emptyAdmKey: string | null;
-    cancelled: boolean;
-}, {
-    restartAdManager(): void;
-    startObserver(): void;
-    requestAd(): void;
-    cleanupAdManager(): void;
-}, {
-    admSlotId: string;
-    adsSlotId: string;
-    adUnitPath: string;
-    fallbackKey: string;
-    hasAdSenseFallback: boolean;
-    shouldUseAdSense: boolean;
-}, {
-    publisherId: string;
-    slotId: string | number;
-    title: string;
-    fallbackPublisherId: string;
-    fallbackSlotId: string | number;
-}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
-export default AdManagerAd;

package/dist/types/components/AdSenseAd.d.ts

@@ -1,18 +0,0 @@
-import Vue from 'vue';
-export declare const AdSenseAd: import("vue/types/vue").ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue>, {
-    observer: IntersectionObserver | null;
-    requestedKey: string | null;
-}, {
-    requestAd(): void;
-    startObserver(): void;
-    stopObserver(): void;
-}, {
-    adClient: string;
-    adSlot: string;
-    requestKey: string;
-}, {
-    publisherId: string;
-    slotId: string | number;
-    title: string;
-}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
-export default AdSenseAd;