vue-pdfiy 0.0.2 → 0.0.6

package/.vitepress/config.ts

@@ -1,63 +1,74 @@
-import { fileURLToPath, URL } from 'node:url'
-import { defineConfig } from 'vitepress'
+import { fileURLToPath, URL } from "node:url";
+import { defineConfig } from "vitepress";
 
 // https://vitepress.dev/reference/site-config
 export default defineConfig({
-  srcDir: 'docs',
-  title: 'vue-pdfiy',
-  description: 'vue-pdf-render-maker',
-  base: '/vue-pdfiy/',
+  srcDir: "docs",
+  title: "vue-pdfiy",
+  description: "vue-pdf-render-maker",
+  base: "/vue-pdfiy/",
   vite: {
     resolve: {
       alias: {
-        '@': fileURLToPath(new URL('../src', import.meta.url)),
-        '~': fileURLToPath(new URL('../public', import.meta.url)),
+        "@": fileURLToPath(new URL("../src", import.meta.url)),
+        "~": fileURLToPath(new URL("../public", import.meta.url)),
       },
     },
   },
-  head: [['link', { rel: 'icon', href: '/favicon.ico' }]],
+  head: [["link", { rel: "icon", href: "/favicon.ico" }]],
   themeConfig: {
-    logo: '/assets/logo.svg',
+    logo: "/assets/logo.webp",
     search: {
-      provider: 'local',
+      provider: "local",
     },
 
     // https://vitepress.dev/reference/default-theme-config
     nav: [
-      { text: 'Home', link: '/' },
-      { text: 'Examples', link: '/examples' },
+      { text: "Home", link: "/" },
+      { text: "Examples", link: "/examples" },
     ],
 
     sidebar: [
       {
-        text: 'Guide',
+        text: "Guide",
         items: [
-          { text: 'Introduction', link: '/guide/introduction' },
-          { text: 'Quick Start', link: '/guide/quick-start' },
+          { text: "Introduction", link: "/guide/introduction" },
+          { text: "Quick Start", link: "/guide/quick-start" },
           // { text: 'Markdown Examples', link: '/markdown-examples' },
         ],
       },
       {
-        text: 'Plugins',
+        text: "Plugins",
         items: [
           // { text: 'AutoTable', link: '/plugins/auto-table' },
-          { text: 'Table Builder', link: '/plugins/table-builder' },
-          { text: 'Table Builder API Reference', link: '/plugins/table-builder-api-refrences' },
-          { text: 'Table Builder Events', link: '/plugins/table-builder-hooks' },
-          { text: 'VFS', link: '/plugins/vfs' },
+          { text: "Table Builder", link: "/plugins/table-builder" },
+          {
+            text: "Table Builder API Reference",
+            link: "/plugins/table-builder-api-refrences",
+          },
+          {
+            text: "Table Builder Events",
+            link: "/plugins/table-builder-hooks",
+          },
+          { text: "VFS", link: "/plugins/vfs" },
         ],
       },
       {
-        text: 'Utils',
+        text: "Utils",
         items: [
-          { text: 'containsArabic', link: '/utils/is-arabic-text' },
-          { text: 'textSplitter', link: '/utils/text-splitter' },
-          { text: 'arrayBufferToBase64', link: '/utils/array-buffer-to-base64' },
-          { text: 'LoadCustomFont', link: '/utils/load-custom-font' },
+          { text: "containsArabic", link: "/utils/is-arabic-text" },
+          { text: "textSplitter", link: "/utils/text-splitter" },
+          {
+            text: "arrayBufferToBase64",
+            link: "/utils/array-buffer-to-base64",
+          },
+          { text: "LoadCustomFont", link: "/utils/load-custom-font" },
         ],
       },
     ],
 
-    socialLinks: [{ icon: 'github', link: 'https://github.com/zetaxalhaffar/vue-pdfiy' }],
+    socialLinks: [
+      { icon: "github", link: "https://github.com/zetaxalhaffar/vue-pdfiy" },
+    ],
   },
-})
+});

package/README.md

@@ -2,6 +2,15 @@
 
 A powerful Vue 3 composable for creating PDF documents with jsPDF and jsPDF-AutoTable. Build PDFs programmatically with a clean, fluent API.
 
+> [!WARNING]
+> **⚠️ Under Active Development**
+> 
+> This package is currently under active maintenance and development. While it's functional, the API may change and some features may not be fully stable yet. We recommend:
+> - Use with caution in production environments
+> - Pin to a specific version in your `package.json`
+> - Report any issues you encounter on [GitHub Issues](https://github.com/your-username/vue-pdfiy/issues)
+> 
+> We're working hard to stabilize the package and appreciate your patience and feedback!
 
 [![npm](https://img.shields.io/npm/v/vue-pdfiy)](https://www.npmjs.com/package/vue-pdfiy)
 [![npm downloads](https://img.shields.io/npm/dm/vue-pdfiy)](https://www.npmjs.com/package/vue-pdfiy)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-pdfiy",
-  "version": "0.0.2",
+  "version": "0.0.6",
   "private": false,
   "type": "module",
   "repository": {

package/src/App.vue

@@ -1,122 +1,3 @@
 <template>
-  <div class="flex gap-4">
-    <svg
-      id="svg-example"
-      xmlns="http://www.w3.org/2000/svg"
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="#B00FFF"
-      stroke="#FF00FF"
-      stroke-width="2"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    >
-      <path d="M12 2L2 22h20z"></path>
-    </svg>
-    <div class="flex gap-4 mb-4">
-      <button class="button-style" @click="saveAutoTable">Save Auto Table</button>
-      <button class="button-style" @click="renderAutoTable">Render Auto Table</button>
-    </div>
-    <div v-if="pdfUrl" class="pdf-style">
-      <VuePDF :pdf="pdf" v-if="pdfUrl" :page="page" />
-    </div>
-  </div>
-
-  <div class="flex gap-4" style="flex-wrap: wrap">
-    <button class="button-style" @click="testExample1">Test Ex 1</button>
-    <button class="button-style" @click="testExample2">Test Ex 2</button>
-    <button class="button-style" @click="testExample3">Test Ex 3</button>
-    <button class="button-style" @click="testExample4">Test Ex 4</button>
-    <button class="button-style" @click="testExample5">Test Ex 5</button>
-    <button class="button-style" @click="testExample6">Test Ex 6</button>
-    <button class="button-style" @click="testExample7">Test Ex 7</button>
-    <button class="button-style" @click="testExample8">Test Ex 8</button>
-    <button class="button-style" @click="testExample9">Test Ex 9</button>
-    <button class="button-style" @click="testExample10">Test Ex 10</button>
-    <button class="button-style" @click="testExample10">Run All Examples</button>
-    <button class="button-style" @click="testExample11">Run All Examples</button>
-  </div>
+  <div></div>
 </template>
-
-<script lang="ts" setup>
-import { useJsPdf } from '@/composables'
-import { VuePDF, usePDF, type PDFSrc } from '@tato30/vue-pdf'
-import { ref } from 'vue'
-import {
-  example10_ResetAndRebuild,
-  example1_SimpleTable,
-  example2_StyledTable,
-  example3_DynamicTable,
-  example4_TableFromObjects,
-  example5_MultiPageReport,
-  example6_ColumnStyling,
-  example7_ReusingBuilder,
-  example8_Invoice,
-  example9_GetContent,
-  runAllExamples,
-} from './examples/tableBuilderExample'
-const { pdf: pdfJsPdf, outputAsArrayBuffer, createTable } = useJsPdf({})
-
-const pdfUrl = ref<PDFSrc | ArrayBuffer | null>(null)
-const page = ref(1)
-const { pdf } = usePDF(pdfUrl as PDFSrc)
-
-const saveAutoTable = () => {
-  pdfJsPdf.save('auto-table.pdf')
-}
-
-const renderAutoTable = () => {
-  createTable({
-    body: [[{ content: 'Hello' }, { content: 'World' }]],
-  })
-  const arrayBuffer = outputAsArrayBuffer()
-  pdfUrl.value = arrayBuffer
-}
-
-const testExample1 = () => {
-  example1_SimpleTable()
-}
-
-const testExample2 = () => {
-  example2_StyledTable()
-}
-
-const testExample3 = () => {
-  example3_DynamicTable()
-}
-
-const testExample4 = () => {
-  example4_TableFromObjects()
-}
-
-const testExample5 = () => {
-  example5_MultiPageReport()
-}
-
-const testExample6 = () => {
-  example6_ColumnStyling()
-}
-
-const testExample7 = () => {
-  example7_ReusingBuilder()
-}
-
-const testExample8 = () => {
-  example8_Invoice()
-}
-
-const testExample9 = () => {
-  example9_GetContent()
-}
-
-const testExample10 = () => {
-  example10_ResetAndRebuild()
-}
-
-const testExample11 = () => {
-  runAllExamples()
-}
-</script>
-
-<style></style>

package/.prettierrc.json

@@ -1,6 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/prettierrc",
-  "semi": false,
-  "singleQuote": true,
-  "printWidth": 100
-}

package/api-examples.md

@@ -1,49 +0,0 @@
----
-outline: deep
----
-
-# Runtime API Examples
-
-This page demonstrates usage of some of the runtime APIs provided by VitePress.
-
-The main `useData()` API can be used to access site, theme, and page data for the current page. It works in both `.md` and `.vue` files:
-
-```md
-<script setup>
-import { useData } from 'vitepress'
-
-const { theme, page, frontmatter } = useData()
-</script>
-
-## Results
-
-### Theme Data
-<pre>{{ theme }}</pre>
-
-### Page Data
-<pre>{{ page }}</pre>
-
-### Page Frontmatter
-<pre>{{ frontmatter }}</pre>
-```
-
-<script setup>
-import { useData } from 'vitepress'
-
-const { site, theme, page, frontmatter } = useData()
-</script>
-
-## Results
-
-### Theme Data
-<pre>{{ theme }}</pre>
-
-### Page Data
-<pre>{{ page }}</pre>
-
-### Page Frontmatter
-<pre>{{ frontmatter }}</pre>
-
-## More
-
-Check out the documentation for the [full list of runtime APIs](https://vitepress.dev/reference/runtime-api#usedata).