@pod-os/elements 0.30.2-rc.15536e2.0 → 0.30.2-rc.86bb4f4.0

package/dist/types/components/pos-markdown-document/pos-markdown-document.d.ts

@@ -0,0 +1,7 @@
+import { SolidFile } from '@pod-os/core';
+export declare class PosMarkdownDocument {
+    file: SolidFile;
+    private sanitizedHtml;
+    componentWillLoad(): Promise<void>;
+    render(): any;
+}

package/dist/types/components/pos-markdown-document/sanitize.d.ts

@@ -0,0 +1,4 @@
+export interface SanitizedHtml {
+    value: string;
+}
+export declare function sanitize(html: string): SanitizedHtml;

package/dist/types/components.d.ts

@@ -5,9 +5,9 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { PodOS, Thing } from "@pod-os/core";
+import { PodOS, SolidFile, Thing } from "@pod-os/core";
 import { ToolConfig } from "./components/pos-type-router/selectToolsForTypes";
-export { PodOS, Thing } from "@pod-os/core";
+export { PodOS, SolidFile, Thing } from "@pod-os/core";
 export { ToolConfig } from "./components/pos-type-router/selectToolsForTypes";
 export namespace Components {
     interface PosAddLiteralValue {
@@ -102,6 +102,9 @@ export namespace Components {
     interface PosMakeFindable {
         "uri": string;
     }
+    interface PosMarkdownDocument {
+        "file": SolidFile;
+    }
     interface PosNavigation {
         /**
           * Initial value of the navigation bar
@@ -703,6 +706,12 @@ declare global {
         prototype: HTMLPosMakeFindableElement;
         new (): HTMLPosMakeFindableElement;
     };
+    interface HTMLPosMarkdownDocumentElement extends Components.PosMarkdownDocument, HTMLStencilElement {
+    }
+    var HTMLPosMarkdownDocumentElement: {
+        prototype: HTMLPosMarkdownDocumentElement;
+        new (): HTMLPosMarkdownDocumentElement;
+    };
     interface HTMLPosNavigationElementEventMap {
         "pod-os:init": any;
         "pod-os:link": any;
@@ -1043,6 +1052,7 @@ declare global {
         "pos-login": HTMLPosLoginElement;
         "pos-login-form": HTMLPosLoginFormElement;
         "pos-make-findable": HTMLPosMakeFindableElement;
+        "pos-markdown-document": HTMLPosMarkdownDocumentElement;
         "pos-navigation": HTMLPosNavigationElement;
         "pos-navigation-bar": HTMLPosNavigationBarElement;
         "pos-new-thing-form": HTMLPosNewThingFormElement;
@@ -1204,6 +1214,9 @@ declare namespace LocalJSX {
         "onPod-os:search:index-updated"?: (event: PosMakeFindableCustomEvent<any>) => void;
         "uri": string;
     }
+    interface PosMarkdownDocument {
+        "file"?: SolidFile;
+    }
     interface PosNavigation {
         "onPod-os:init"?: (event: PosNavigationCustomEvent<any>) => void;
         "onPod-os:link"?: (event: PosNavigationCustomEvent<any>) => void;
@@ -1373,6 +1386,7 @@ declare namespace LocalJSX {
         "pos-login": PosLogin;
         "pos-login-form": PosLoginForm;
         "pos-make-findable": PosMakeFindable;
+        "pos-markdown-document": PosMarkdownDocument;
         "pos-navigation": PosNavigation;
         "pos-navigation-bar": PosNavigationBar;
         "pos-new-thing-form": PosNewThingForm;
@@ -1435,6 +1449,7 @@ declare module "@stencil/core" {
             "pos-login": LocalJSX.PosLogin & JSXBase.HTMLAttributes<HTMLPosLoginElement>;
             "pos-login-form": LocalJSX.PosLoginForm & JSXBase.HTMLAttributes<HTMLPosLoginFormElement>;
             "pos-make-findable": LocalJSX.PosMakeFindable & JSXBase.HTMLAttributes<HTMLPosMakeFindableElement>;
+            "pos-markdown-document": LocalJSX.PosMarkdownDocument & JSXBase.HTMLAttributes<HTMLPosMarkdownDocumentElement>;
             "pos-navigation": LocalJSX.PosNavigation & JSXBase.HTMLAttributes<HTMLPosNavigationElement>;
             "pos-navigation-bar": LocalJSX.PosNavigationBar & JSXBase.HTMLAttributes<HTMLPosNavigationBarElement>;
             "pos-new-thing-form": LocalJSX.PosNewThingForm & JSXBase.HTMLAttributes<HTMLPosNewThingFormElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pod-os/elements",
-  "version": "0.30.2-rc.15536e2.0",
+  "version": "0.30.2-rc.86bb4f4.0",
   "description": "Custom elements for usage with Solid Pods",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -27,12 +27,14 @@
     "@stencil/core": "4.24.0",
     "@stencil/store": "^2.2.0",
     "@uvdsl/solid-oidc-client-browser": "^0.1.2",
+    "dompurify": "^3.2.7",
     "idb": "^8.0.3",
     "pollen-css": "^5.0.2",
     "rxjs": "^7.8.2",
     "stencil-router-v2": "^0.6.0"
   },
   "devDependencies": {
+    "@happy-dom/jest-environment": "^19.0.2",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@types/jest": "^29.5.14",

package/dist/elements/p-f2e65e83.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["posDocumentCss","PosDocumentStyle0","PosDocument","constructor","hostRef","this","loading","setOs","async","os","componentWillLoad","session","onChange","fetchBlob","initializeOsEmitter","emit","file","fetchFile","src","resourceLoadedEmitter","blob","dataUri","URL","createObjectURL","error","brokenFile","err","render","h","animated","class","message","BrokenFile"],"sources":["src/components/pos-document/pos-document.css?tag=pos-document&encapsulation=shadow","src/components/pos-document/pos-document.tsx"],"sourcesContent":["iframe {\n  background-color: var(--pos-background-color);\n  width: 100%;\n  height: 100vh;\n}\n\n/* consolidate with styles from pos-image */\n.error {\n  display: flex;\n  opacity: 0.8;\n  background: repeating-linear-gradient(-45deg, rgba(150, 0, 0, 0.1), rgba(150, 0, 0, 0.1) 10px, #fff 5px, #fff 25px);\n  flex-direction: column;\n  border: 1px solid red;\n  color: black;\n  align-items: center;\n  justify-content: center;\n  word-break: break-all;\n  padding: 1rem;\n  box-sizing: border-box;\n}\n\n.error ion-icon {\n  color: #282828;\n  --ionicon-stroke-width: calc(var(--width) / 5);\n  font-size: calc(var(--width) / 2);\n}\n\na {\n  text-decoration: none;\n  width: var(--width);\n  height: var(--height);\n}\n\n.code {\n  font-weight: bold;\n  font-size: calc(var(--width) / 8);\n}\n\n.text {\n  font-size: calc(var(--width) / 20);\n}\n","import { PodOS, BrokenFile as BrokenFileData } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, Prop, State, Watch } from '@stencil/core';\nimport session from '../../store/session';\nimport { BrokenFile } from '../broken-file/BrokenFile';\n\n@Component({\n  tag: 'pos-document',\n  styleUrl: 'pos-document.css',\n  shadow: true,\n})\nexport class PosDocument {\n  @Prop() src: string;\n\n  @Prop() alt: string;\n\n  @State() os: PodOS;\n\n  @State()\n  private dataUri: string;\n\n  @State()\n  private brokenFile: BrokenFileData;\n\n  @State()\n  private error: Error;\n\n  @State()\n  private loading: boolean = true;\n\n  @Event({ eventName: 'pod-os:init' }) initializeOsEmitter: EventEmitter;\n\n  /**\n   * Indicates that the resource given in `src` property has been loaded.\n   */\n  @Event({ eventName: 'pod-os:resource-loaded' }) resourceLoadedEmitter: EventEmitter<string>;\n\n  componentWillLoad() {\n    session.onChange('isLoggedIn', () => this.fetchBlob());\n    this.initializeOsEmitter.emit(this.setOs);\n  }\n\n  setOs = async (os: PodOS) => {\n    this.os = os;\n  };\n\n  @Watch('os')\n  @Watch('src')\n  async fetchBlob() {\n    try {\n      this.loading = true;\n      const file = await this.os.fetchFile(this.src);\n      this.resourceLoadedEmitter.emit(this.src);\n      if (file.blob()) {\n        this.dataUri = URL.createObjectURL(file.blob());\n        this.error = null;\n      } else {\n        this.brokenFile = file as BrokenFileData;\n      }\n    } catch (err) {\n      this.error = err;\n    } finally {\n      this.loading = false;\n    }\n  }\n\n  render() {\n    if (this.loading) {\n      return <ion-skeleton-text animated={true}></ion-skeleton-text>;\n    }\n    if (this.error) {\n      return <div class=\"error\">{this.error.message}</div>;\n    }\n    if (this.brokenFile) {\n      return <BrokenFile file={this.brokenFile} />;\n    }\n    return <iframe src={this.dataUri}></iframe>;\n  }\n}\n"],"mappings":"wFAAA,MAAMA,EAAiB,uoBACvB,MAAAC,EAAeD,E,MCSFE,EAAW,MALxB,WAAAC,CAAAC,G,yHAsBUC,KAAAC,QAAmB,KAc3BD,KAAAE,MAAQC,MAAOC,IACbJ,KAAKI,GAAKA,CAAE,C,CANd,iBAAAC,GACEC,EAAQC,SAAS,cAAc,IAAMP,KAAKQ,cAC1CR,KAAKS,oBAAoBC,KAAKV,KAAKE,M,CASrC,eAAMM,GACJ,IACER,KAAKC,QAAU,KACf,MAAMU,QAAaX,KAAKI,GAAGQ,UAAUZ,KAAKa,KAC1Cb,KAAKc,sBAAsBJ,KAAKV,KAAKa,KACrC,GAAIF,EAAKI,OAAQ,CACff,KAAKgB,QAAUC,IAAIC,gBAAgBP,EAAKI,QACxCf,KAAKmB,MAAQ,I,KACR,CACLnB,KAAKoB,WAAaT,C,EAEpB,MAAOU,GACPrB,KAAKmB,MAAQE,C,SAEbrB,KAAKC,QAAU,K,EAInB,MAAAqB,GACE,GAAItB,KAAKC,QAAS,CAChB,OAAOsB,EAAA,qBAAmBC,SAAU,M,CAEtC,GAAIxB,KAAKmB,MAAO,CACd,OAAOI,EAAA,OAAKE,MAAM,SAASzB,KAAKmB,MAAMO,Q,CAExC,GAAI1B,KAAKoB,WAAY,CACnB,OAAOG,EAACI,EAAU,CAAChB,KAAMX,KAAKoB,Y,CAEhC,OAAOG,EAAA,UAAQV,IAAKb,KAAKgB,S","ignoreList":[]}