@zikojs/astro-notebook 0.1.0 → 0.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zikojs/astro-notebook",
-  "version": "0.1.0",
+  "version": "0.3.0",
   "description": "",
   "main": "src/index.ts",
   "publishConfig": {
@@ -21,7 +21,7 @@
     }
   },
   "dependencies": {
-    "@zikojs/notebook": "0.12.0",
+    "@zikojs/notebook": "0.13.0",
     "ziko": "2.0.0-beta.17.1"
   },
   "scripts": {

package/src/Notebook.astro

@@ -1,35 +1,31 @@
 ---
-import type { NotebookCell } from "@zikojs/notebook";
-interface Props {
-  cells : NotebookCell[]
-};
-const {
-    cells
-} = Astro.props;
-const serializedCells = JSON.stringify(cells);
+import type { NotebookOptions } from "@zikojs/notebook";
+
+type Props = NotebookOptions;
+
+const props: Props = Astro.props;
+
+const serializedConfig = JSON.stringify(props)
 ---
 
 <div
-    data-notebook-wrapper
-    data-notebook-cells = {serializedCells}
->
-</div>
+  data-engine = 'zikojs'
+  data-notebook-wrapper
+  data-notebook-config={serializedConfig}
+></div>
 
 <script>
-    import { Notebook } from '@zikojs/notebook/no-css';
-    const notebook_wrapper = document.querySelectorAll('[data-notebook-wrapper]');
-    notebook_wrapper.forEach(element => {
-        const target = element as HTMLElement;
-        const { 
-            notebookCells
-        } = target.dataset
-        const cells = notebookCells ? JSON.parse(notebookCells) : []
-        Notebook({
-            cells
-        }).mount(target)
-    })
+  import { Notebook } from "@zikojs/notebook/no-css";
+
+  document.querySelectorAll<HTMLElement>("[data-notebook-wrapper]").forEach((element) => {
+    const config = element.dataset.notebookConfig
+      ? JSON.parse(element.dataset.notebookConfig)
+      : {};
+
+    Notebook(config).mount(element);
+  });
 </script>
 
 <style is:global>
-    @import '@zikojs/notebook/style'
-</style>
+  @import "@zikojs/notebook/style";
+</style>