feat: add page count to vanilla example

examples/getting-started/vanilla/index.html

@@ -10,6 +10,7 @@
         <header>
             <h1>SuperDoc Example</h1>
             <button id="loadButton">Load Document</button>
+            <span id="pageCount" style="margin-left: 20px; font-weight: bold;"></span>
             <input 
                 type="file" 
                 id="fileInput" 

examples/getting-started/vanilla/package.json

@@ -7,7 +7,7 @@
     "dev": "vite"
   },
   "dependencies": {
-    "superdoc": "0.20.0-next.13"
+    "superdoc": "1.2.1"
   },
   "devDependencies": {
     "vite": "^4.4.6"

examples/getting-started/vanilla/src/main.js

@@ -8,6 +8,7 @@ let editor = null;
 function initializeEditor(file = null) {
   // Cleanup previous instance if it exists
   if (editor) {
+    editor.destroy();
     editor = null;
   }
 
@@ -23,6 +24,24 @@ function initializeEditor(file = null) {
     },
     onEditorCreate: (event) => {
       console.log('Editor is created', event);
+
+      // Get page count after editor is created
+      setTimeout(() => {
+        const documents = editor.superdocStore.documents;
+        const presentationEditor = documents[0]?.getPresentationEditor();
+
+        if (presentationEditor) {
+          const pages = presentationEditor.getPages();
+          const pageCount = pages.length;
+          console.log(`Document has ${pageCount} page(s)`);
+
+          // Display page count in UI
+          const pageCountDisplay = document.getElementById('pageCount');
+          if (pageCountDisplay) {
+            pageCountDisplay.textContent = `Pages: ${pageCount}`;
+          }
+        }
+      }, 100); // Small delay to ensure layout is complete
     },
   });
 }

examples/getting-started/vanilla/wrangler.toml

@@ -0,0 +1,21 @@
+name = "superdoc-page-count"
+compatibility_date = "2023-12-01"
+
+[env.production]
+account_id = ""
+zone_id = ""
+
+# Pages configuration
+pages_build_output_dir = "dist"
+
+# Build configuration
+[build]
+command = "npm run build"
+cwd = ""
+
+# Environment variables (if needed)
+[vars]
+
+# Custom domains (optional)
+[env.production.routes]
+# Add custom domains here if needed

pnpm-workspace.yaml

@@ -29,7 +29,7 @@ catalog:
   eslint: ^9.39.1
   eslint-config-prettier: ^9.1.0
   eslint-import-resolver-typescript: ^4.4.4
-  eslint-plugin-import-x: ^4.16.1
+  eslint-plugin-import-x: 4.16.1
   eslint-plugin-jsdoc: ^54.1.0
   eventemitter3: ^5.0.1
   he: ^1.2.0