Added help center handlers.

Author: azaslonov

src/editing/widgetContext.ts

@@ -52,6 +52,11 @@ export interface WidgetContext {
      */
     openWidgetEditor: () => void;
 
+    /**
+     * Opens help center with specified article key.
+     */
+    openHelpCenter: (articleKey: string) => void;
+
     /**
      * Deletes selected widget.
      */

src/objects.ts

@@ -135,6 +135,11 @@ export function cleanupObject(source: object, options?: CleanupOptions): void {
             }
         }
         else if (childNode instanceof Object) {
+            if (childNode === source) {
+                console.log(`Ciruclar reference: `, source);
+                throw new Error(`Ciruclar reference detected. See the message above.`);
+            }
+
             cleanupObject(childNode, options);
 
             if (Object.keys(childNode).length === 0) {

src/tutorials/defaultHelpService.ts

@@ -4,6 +4,6 @@ const defaultHelpCenterUrl = `https://help.paperbits.io`;
 
 export class DefaultHelpService implements HelpService {
     public async getHelpContent(articleKey: string): Promise<string> {
-        return `<iframe class="host" src="${defaultHelpCenterUrl}/${articleKey}"></iframe>`;
+        return `<iframe class="host" src="${defaultHelpCenterUrl}${articleKey}"></iframe>`;
     }
 }

src/ui/commands.ts

@@ -46,7 +46,7 @@ export function openHelpArticleCommand(context: WidgetContext, articleKey: strin
         iconClass: "paperbits-icon paperbits-c-question",
         position: "top right",
         callback: () => {
-            // 
+            context.openHelpCenter(articleKey);
         }
     }
 }

src/ui/view.ts

@@ -17,11 +17,18 @@ export interface View {
      */
     component?: IComponent;
 
+    /**
+     * Help heading.
+     */
+    helpHeading?: string;
+
     /**
      * Help text.
      */
     helpText?: string;
 
+    helpArticle?: string;
+
     /**
      * Host element.
      */