@ngockhoale/ukit 1.1.6

package/templates/.claude/skills/frontend-vue/reference/masterdata-example/[id].vue

@@ -0,0 +1,106 @@
+<template>
+    <div class="col-12">
+      <div class="row mt-2">
+        <div class="col-12">
+          <div class="row">
+            <div class="col-12">
+              <ControlInput :name="t('Name')" id="name" :required="true" v-model="workingObj.name" />
+            </div>
+          </div>
+          <div class="row">
+            <div class="col-12">
+              <ControlDropdownlist :name="t('Type')" id="type" :required="true" v-model="workingObj.modern_trade" :list="modernTradeList" />
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="row">
+        <div class="mt-2 mb-2 col-12">
+          <div class="d-flex justify-content-between text-center">
+            <ControlButton type="secondary" :name="t('Close')" @onClick="clickClose()" />
+            <ControlButton type="danger" :name="t('Delete')" @onClick="showConfirmDelete()" />
+            <ControlButton type="success" :name="t('Save')" @onClick="clickSave()" />
+          </div>
+        </div>
+      </div>
+    </div>
+    <ControlPopupConfirm :visible="show_confirm_delete" :title="t('Confirm')" :message="t('Are you sure to delete this record?')" @onClose="onClose" @onConfirm="clickDelete" />
+  </template>
+  <script>
+  export default {
+    data() {
+      return {
+        workingObj: {},
+        modernTradeList: [],
+        table: "branch",
+        id_field_name: "id_branch",
+        show_confirm_delete: false,
+        required_fields: ['name', 'modern_trade']
+      };
+    },
+    methods: {
+      onClose(){
+        this.show_confirm_delete = false;
+      },
+      showConfirmDelete(){
+        this.show_confirm_delete = true;
+      },
+      async clickClose() {
+        this.$router.back();
+      },
+      async clickDelete() {
+        let data = this.workingObj;
+        data["schema"] = get_schema();
+        data["table"] = this.table;
+        await request("/hard_delete", data);
+        show_message("success", t("Data is Deleted"));
+        this.clickClose();
+      },
+      async clickSave() {
+        for (let field of this.required_fields) {
+          if (check_is_null_or_blank(this.workingObj[field])) {
+            show_message("error", field + ' ' + t(`is required`));
+            return;
+          }
+        }
+        let data = this.workingObj;
+        data["schema"] = get_schema();
+        data["table"] = this.table;
+        await request("/save", data);
+        show_message("success", t("Data is Saved"));
+        this.clickClose();
+      },
+      async get_data(id) {
+        let conditions = {};
+        conditions[this.id_field_name] = id;
+        let data = {
+          schema: get_schema(),
+          table: this.table,
+          conditions: JSON.stringify(conditions),
+        };
+        let resp = await request("/select", data, "get");
+        if (resp.length > 0) {
+          this.workingObj = resp[0];
+        }
+      },
+      async get_modern_trade_list() {
+        let data = {
+          schema: get_schema(),
+          table: "modern_trade",
+        };
+        let resp = await request("/select", data, "get");
+        this.modernTradeList = convertToDropdownValue(resp, "name", "name");
+      },
+    },
+    async created() {
+      let id_params = this.$route.params.id;
+      if (id_params === "add") {
+        this.workingObj = {};
+      } else {
+        await this.get_data(id_params);
+      }
+      await this.get_modern_trade_list();
+    },
+  };
+  </script>
+  

package/templates/.claude/skills/frontend-vue/reference/masterdata-example/index.vue

@@ -0,0 +1,58 @@
+<template>
+    <div>
+      <ClientOnly>
+        <GridAG
+          id="gridag"
+          ref="gridag"
+          :columns="columns"
+          :rows="rows"
+          @onClickDetail="onClickDetail"
+          @onAdd="onAdd"
+          @reloadData="get_data"
+          :can_add="true"
+          :can_edit="true"
+          :can_delete="true"
+          :can_sync="false"
+          :can_upload="false"
+          :height="screen_height() - 125"
+          :table_schema="get_schema()"
+          :table="table"
+        />
+      </ClientOnly>
+    </div>
+  </template>
+  <script>
+  export default {
+    data() {
+      return {
+        columns: [
+          {"key": "name", "title": t('Name'),},
+          {"key": "modern_trade", "title": t('Modern Trade'),},
+        ],
+        rows: [],
+        table: "branch",
+        id_field_name: "id_branch",
+      };
+    },
+    methods: {
+      async onClickDetail(obj) {
+        this.$router.push({ path: "/master/branch/" + obj[this.id_field_name] });
+      },
+      async onAdd() {
+        this.$router.push({ path: "/master/branch/add" });
+      },
+      async get_data() {
+        let data = {
+          schema: get_schema(),
+          table: this.table,
+        };
+        this.rows = await request("/select", data, "get");
+      },
+  
+    },
+    async created() {
+      this.get_data();
+    },
+  };
+  </script>
+  

package/templates/.claude/skills/frontend-vue/reference/popup-example.vue

@@ -0,0 +1,159 @@
+<!--
+REFERENCE EXAMPLE: Popup/Modal Components
+This example demonstrates how to use popup components from Control/Popup/
+-->
+<template>
+  <div class="container mt-4">
+    <!-- Buttons to trigger popups -->
+    <div class="row mb-4">
+      <div class="col-12">
+        <ControlButton
+          type="primary"
+          name="Show Info"
+          @onClick="showInfo"
+        />
+        <ControlButton
+          type="warning"
+          name="Confirm Action"
+          @onClick="showConfirm"
+        />
+        <ControlButton
+          type="danger"
+          name="Reject Item"
+          @onClick="showReject"
+        />
+      </div>
+    </div>
+
+    <!-- Info Popup -->
+    <ControlPopupInfo
+      :visible="show_info"
+      title="Information"
+      message="This is an informational message for the user."
+      @onClose="onCloseInfo"
+    />
+
+    <!-- Confirm Popup -->
+    <ControlPopupConfirm
+      :visible="show_confirm"
+      :title="t('Confirm')"
+      :message="t('Are you sure you want to proceed with this action?')"
+      @onClose="onCloseConfirm"
+      @onConfirm="onConfirmAction"
+    />
+
+    <!-- Reject Popup (with reason input) -->
+    <ControlPopupReject
+      :visible="show_reject"
+      title="Reject Item"
+      message="Please provide a reason for rejection:"
+      @onClose="onCloseReject"
+      @onConfirm="onConfirmReject"
+    />
+
+    <!-- Modal Info (larger modal) -->
+    <ControlPopupModalInfo
+      :visible="show_modal"
+      title="Detail Information"
+      @onClose="onCloseModal"
+    >
+      <!-- Custom content inside modal -->
+      <template #content>
+        <div class="p-3">
+          <p>Custom modal content goes here.</p>
+          <p>You can add any HTML or components.</p>
+        </div>
+      </template>
+    </ControlPopupModalInfo>
+  </div>
+</template>
+
+<script>
+export default {
+  computed: {
+    // Computed properties first
+  },
+  data() {
+    return {
+      show_info: false,
+      show_confirm: false,
+      show_reject: false,
+      show_modal: false,
+    };
+  },
+
+  methods: {
+    // Info popup methods
+    showInfo() {
+      this.show_info = true;
+    },
+    onCloseInfo() {
+      this.show_info = false;
+    },
+
+    // Confirm popup methods
+    showConfirm() {
+      this.show_confirm = true;
+    },
+    onCloseConfirm() {
+      this.show_confirm = false;
+    },
+    async onConfirmAction() {
+      // Perform the confirmed action
+      console.log("Action confirmed");
+
+      // Example: Delete record
+      // let data = {
+      //   schema: get_schema(),
+      //   table: "items",
+      //   id_items: this.selected_id,
+      // };
+      // await request("/hard_delete", data);
+
+      this.show_confirm = false;
+    },
+
+    // Reject popup methods
+    showReject() {
+      this.show_reject = true;
+    },
+    onCloseReject() {
+      this.show_reject = false;
+    },
+    async onConfirmReject(reason) {
+      // Handle rejection with reason
+      console.log("Rejected with reason:", reason);
+
+      // Example: Update record status
+      // let data = {
+      //   schema: get_schema(),
+      //   table: "items",
+      //   data: JSON.stringify({
+      //     id_items: this.selected_id,
+      //     status: "rejected",
+      //     reject_reason: reason,
+      //   }),
+      // };
+      // await request("/update", data, "post");
+
+      this.show_reject = false;
+    },
+
+    // Modal methods
+    showModal() {
+      this.show_modal = true;
+    },
+    onCloseModal() {
+      this.show_modal = false;
+    },
+  },
+
+  async mounted() {
+    // Initialize if needed
+  },
+
+  watch: {
+    // Watchers here
+  },
+};
+</script>

package/templates/.claude/skills/pdf/LICENSE.txt

@@ -0,0 +1,30 @@
+© 2025 Anthropic, PBC. All rights reserved.
+
+LICENSE: Use of these materials (including all code, prompts, assets, files,
+and other components of this Skill) is governed by your agreement with
+Anthropic regarding use of Anthropic's services. If no separate agreement
+exists, use is governed by Anthropic's Consumer Terms of Service or
+Commercial Terms of Service, as applicable:
+https://www.anthropic.com/legal/consumer-terms
+https://www.anthropic.com/legal/commercial-terms
+Your applicable agreement is referred to as the "Agreement." "Services" are
+as defined in the Agreement.
+
+ADDITIONAL RESTRICTIONS: Notwithstanding anything in the Agreement to the
+contrary, users may not:
+
+- Extract these materials from the Services or retain copies of these
+  materials outside the Services
+- Reproduce or copy these materials, except for temporary copies created
+  automatically during authorized use of the Services
+- Create derivative works based on these materials
+- Distribute, sublicense, or transfer these materials to any third party
+- Make, offer to sell, sell, or import any inventions embodied in these
+  materials
+- Reverse engineer, decompile, or disassemble these materials
+
+The receipt, viewing, or possession of these materials does not convey or
+imply any license or right beyond those expressly granted above.
+
+Anthropic retains all right, title, and interest in these materials,
+including all copyrights, patents, and other intellectual property rights.

package/templates/.claude/skills/pdf/SKILL.md

@@ -0,0 +1,294 @@
+---
+name: pdf
+description: Comprehensive PDF manipulation toolkit for extracting text and tables, creating new PDFs, merging/splitting documents, and handling forms. When Claude needs to fill in a PDF form or programmatically process, generate, or analyze PDF documents at scale.
+license: Proprietary. LICENSE.txt has complete terms
+---
+
+# PDF Processing Guide
+
+## Overview
+
+This guide covers essential PDF processing operations using Python libraries and command-line tools. For advanced features, JavaScript libraries, and detailed examples, see reference.md. If you need to fill out a PDF form, read forms.md and follow its instructions.
+
+## Quick Start
+
+```python
+from pypdf import PdfReader, PdfWriter
+
+# Read a PDF
+reader = PdfReader("document.pdf")
+print(f"Pages: {len(reader.pages)}")
+
+# Extract text
+text = ""
+for page in reader.pages:
+    text += page.extract_text()
+```
+
+## Python Libraries
+
+### pypdf - Basic Operations
+
+#### Merge PDFs
+```python
+from pypdf import PdfWriter, PdfReader
+
+writer = PdfWriter()
+for pdf_file in ["doc1.pdf", "doc2.pdf", "doc3.pdf"]:
+    reader = PdfReader(pdf_file)
+    for page in reader.pages:
+        writer.add_page(page)
+
+with open("merged.pdf", "wb") as output:
+    writer.write(output)
+```
+
+#### Split PDF
+```python
+reader = PdfReader("input.pdf")
+for i, page in enumerate(reader.pages):
+    writer = PdfWriter()
+    writer.add_page(page)
+    with open(f"page_{i+1}.pdf", "wb") as output:
+        writer.write(output)
+```
+
+#### Extract Metadata
+```python
+reader = PdfReader("document.pdf")
+meta = reader.metadata
+print(f"Title: {meta.title}")
+print(f"Author: {meta.author}")
+print(f"Subject: {meta.subject}")
+print(f"Creator: {meta.creator}")
+```
+
+#### Rotate Pages
+```python
+reader = PdfReader("input.pdf")
+writer = PdfWriter()
+
+page = reader.pages[0]
+page.rotate(90)  # Rotate 90 degrees clockwise
+writer.add_page(page)
+
+with open("rotated.pdf", "wb") as output:
+    writer.write(output)
+```
+
+### pdfplumber - Text and Table Extraction
+
+#### Extract Text with Layout
+```python
+import pdfplumber
+
+with pdfplumber.open("document.pdf") as pdf:
+    for page in pdf.pages:
+        text = page.extract_text()
+        print(text)
+```
+
+#### Extract Tables
+```python
+with pdfplumber.open("document.pdf") as pdf:
+    for i, page in enumerate(pdf.pages):
+        tables = page.extract_tables()
+        for j, table in enumerate(tables):
+            print(f"Table {j+1} on page {i+1}:")
+            for row in table:
+                print(row)
+```
+
+#### Advanced Table Extraction
+```python
+import pandas as pd
+
+with pdfplumber.open("document.pdf") as pdf:
+    all_tables = []
+    for page in pdf.pages:
+        tables = page.extract_tables()
+        for table in tables:
+            if table:  # Check if table is not empty
+                df = pd.DataFrame(table[1:], columns=table[0])
+                all_tables.append(df)
+
+# Combine all tables
+if all_tables:
+    combined_df = pd.concat(all_tables, ignore_index=True)
+    combined_df.to_excel("extracted_tables.xlsx", index=False)
+```
+
+### reportlab - Create PDFs
+
+#### Basic PDF Creation
+```python
+from reportlab.lib.pagesizes import letter
+from reportlab.pdfgen import canvas
+
+c = canvas.Canvas("hello.pdf", pagesize=letter)
+width, height = letter
+
+# Add text
+c.drawString(100, height - 100, "Hello World!")
+c.drawString(100, height - 120, "This is a PDF created with reportlab")
+
+# Add a line
+c.line(100, height - 140, 400, height - 140)
+
+# Save
+c.save()
+```
+
+#### Create PDF with Multiple Pages
+```python
+from reportlab.lib.pagesizes import letter
+from reportlab.platypus import SimpleDocTemplate, Paragraph, Spacer, PageBreak
+from reportlab.lib.styles import getSampleStyleSheet
+
+doc = SimpleDocTemplate("report.pdf", pagesize=letter)
+styles = getSampleStyleSheet()
+story = []
+
+# Add content
+title = Paragraph("Report Title", styles['Title'])
+story.append(title)
+story.append(Spacer(1, 12))
+
+body = Paragraph("This is the body of the report. " * 20, styles['Normal'])
+story.append(body)
+story.append(PageBreak())
+
+# Page 2
+story.append(Paragraph("Page 2", styles['Heading1']))
+story.append(Paragraph("Content for page 2", styles['Normal']))
+
+# Build PDF
+doc.build(story)
+```
+
+## Command-Line Tools
+
+### pdftotext (poppler-utils)
+```bash
+# Extract text
+pdftotext input.pdf output.txt
+
+# Extract text preserving layout
+pdftotext -layout input.pdf output.txt
+
+# Extract specific pages
+pdftotext -f 1 -l 5 input.pdf output.txt  # Pages 1-5
+```
+
+### qpdf
+```bash
+# Merge PDFs
+qpdf --empty --pages file1.pdf file2.pdf -- merged.pdf
+
+# Split pages
+qpdf input.pdf --pages . 1-5 -- pages1-5.pdf
+qpdf input.pdf --pages . 6-10 -- pages6-10.pdf
+
+# Rotate pages
+qpdf input.pdf output.pdf --rotate=+90:1  # Rotate page 1 by 90 degrees
+
+# Remove password
+qpdf --password=mypassword --decrypt encrypted.pdf decrypted.pdf
+```
+
+### pdftk (if available)
+```bash
+# Merge
+pdftk file1.pdf file2.pdf cat output merged.pdf
+
+# Split
+pdftk input.pdf burst
+
+# Rotate
+pdftk input.pdf rotate 1east output rotated.pdf
+```
+
+## Common Tasks
+
+### Extract Text from Scanned PDFs
+```python
+# Requires: pip install pytesseract pdf2image
+import pytesseract
+from pdf2image import convert_from_path
+
+# Convert PDF to images
+images = convert_from_path('scanned.pdf')
+
+# OCR each page
+text = ""
+for i, image in enumerate(images):
+    text += f"Page {i+1}:\n"
+    text += pytesseract.image_to_string(image)
+    text += "\n\n"
+
+print(text)
+```
+
+### Add Watermark
+```python
+from pypdf import PdfReader, PdfWriter
+
+# Create watermark (or load existing)
+watermark = PdfReader("watermark.pdf").pages[0]
+
+# Apply to all pages
+reader = PdfReader("document.pdf")
+writer = PdfWriter()
+
+for page in reader.pages:
+    page.merge_page(watermark)
+    writer.add_page(page)
+
+with open("watermarked.pdf", "wb") as output:
+    writer.write(output)
+```
+
+### Extract Images
+```bash
+# Using pdfimages (poppler-utils)
+pdfimages -j input.pdf output_prefix
+
+# This extracts all images as output_prefix-000.jpg, output_prefix-001.jpg, etc.
+```
+
+### Password Protection
+```python
+from pypdf import PdfReader, PdfWriter
+
+reader = PdfReader("input.pdf")
+writer = PdfWriter()
+
+for page in reader.pages:
+    writer.add_page(page)
+
+# Add password
+writer.encrypt("userpassword", "ownerpassword")
+
+with open("encrypted.pdf", "wb") as output:
+    writer.write(output)
+```
+
+## Quick Reference
+
+| Task | Best Tool | Command/Code |
+|------|-----------|--------------|
+| Merge PDFs | pypdf | `writer.add_page(page)` |
+| Split PDFs | pypdf | One page per file |
+| Extract text | pdfplumber | `page.extract_text()` |
+| Extract tables | pdfplumber | `page.extract_tables()` |
+| Create PDFs | reportlab | Canvas or Platypus |
+| Command line merge | qpdf | `qpdf --empty --pages ...` |
+| OCR scanned PDFs | pytesseract | Convert to image first |
+| Fill PDF forms | pdf-lib or pypdf (see forms.md) | See forms.md |
+
+## Next Steps
+
+- For advanced pypdfium2 usage, see reference.md
+- For JavaScript libraries (pdf-lib), see reference.md
+- If you need to fill out a PDF form, follow the instructions in forms.md
+- For troubleshooting guides, see reference.md