Integrating the scaffoldvuer as a view.

Author: metatoaster

pmrapp/src/view.rs

@@ -5,6 +5,7 @@ use std::str::FromStr;
 
 use crate::error::AppError;
 
+use argon_sds_archive::ArgonSdsArchive;
 use crate::view::cellml_codegen::CellMLCodegen;
 use crate::view::cellml_math::CellMLMath;
 use crate::view::cellml_metadata::CellMLMetadata;
@@ -13,6 +14,7 @@ use crate::view::view::View;
 
 #[derive(Debug, PartialEq)]
 pub enum EFView {
+    ArgonSdsArchive,
     CellMLCodegen,
     CellMLMath,
     CellMLMetadata,
@@ -25,6 +27,7 @@ impl FromStr for EFView {
 
     fn from_str(s: &str) -> Result<Self, Self::Err> {
         match s {
+            "argon_sds_archive" => Ok(EFView::ArgonSdsArchive),
             "cellml_codegen" => Ok(EFView::CellMLCodegen),
             "cellml_math" => Ok(EFView::CellMLMath),
             "cellml_metadata" => Ok(EFView::CellMLMetadata),
@@ -44,6 +47,7 @@ impl std::fmt::Display for EFView {
 #[component]
 pub fn ExposureFileView(view_key: EFView) -> impl IntoView {
     match view_key {
+        EFView::ArgonSdsArchive => view! { <ArgonSdsArchive/> }.into_any(),
         EFView::CellMLCodegen => view! { <CellMLCodegen/> }.into_any(),
         EFView::CellMLMath => view! { <CellMLMath/> }.into_any(),
         EFView::CellMLMetadata => view! { <CellMLMetadata/> }.into_any(),
@@ -52,6 +56,7 @@ pub fn ExposureFileView(view_key: EFView) -> impl IntoView {
     }
 }
 
+mod argon_sds_archive;
 mod cellml_codegen;
 mod cellml_math;
 mod cellml_metadata;

pmrapp/src/view/argon_sds_archive.rs

@@ -0,0 +1,45 @@
+use pmrcore::exposure::{ExposureFile, ExposureFileView};
+use crate::exposure::{
+    api::read_safe_index_html,
+    ViewPath,
+};
+use leptos::prelude::*;
+use leptos_meta::{Link, Script};
+
+// TODO determine if this view module is the default main view for all
+// exposure files with regards to documentation for the file itself.
+// There may be multiple ways to render this so in effect under this
+// pmrplatform, views under a simple name is simply expecting some
+// "serialized" data that fits the particular view.  In this case it
+// would be some index.html.
+
+#[component]
+pub fn ArgonSdsArchive() -> impl IntoView {
+    let ef = expect_context::<ExposureFile>();
+    let efv = expect_context::<ExposureFileView>();
+    let view_path = expect_context::<ViewPath>();
+
+    let url = format!(
+        "/data/exposure/{}/{}/{}/{}",
+        ef.exposure_id,
+        ef.id,
+        efv.view_key.as_ref().expect("this is inside a resolved view"),
+        "derivative/Scaffold/scaffold_metadata.json",
+    );
+
+    view! {
+        <Script id="scaffoldvuer" src="https://unpkg.com/vue@2.6.10"/>
+        // <Script id="scaffoldvuer" src="/pkg/scaffoldvuer-wc.umd.min.js"/>
+        <Script id="scaffoldvuer" type_="module" src="https://unpkg.com/@abi-software/scaffoldvuer@1.6.2-wc/dist/scaffoldvuer-wc.js"/>
+        <Link id="scaffoldvuer_stylesheet" href="https://unpkg.com/@abi-software/scaffoldvuer@1.6.2-wc/dist/style.css" rel="stylesheet"/>
+        <h1>
+            "Exposure "{ef.exposure_id}
+            " - ExposureFile "{ef.workspace_file_path}
+        </h1>
+        <div id="ArgonSdsArchive">
+            <div>
+                <scaffoldvuer-wc url=url/>
+            </div>
+        </div>
+    }
+}

pmrapp/style/_argon_sds_archive.scss

@@ -0,0 +1,9 @@
+div#ArgonSdsArchive {
+    height: 80vh;
+}
+
+div#ArgonSdsArchive > div {
+    height: 100%;
+    z-index: 1000;
+    position: relative;
+}

pmrapp/style/main.scss

@@ -1,4 +1,5 @@
 @use '../node_modules/highlight.js/styles/github.min.css';
+@use "_argon_sds_archive";
 
 body {
     font-family: 'Arial', sans-serif;