Xiaoji Blog Technical Notes

// ==UserScript==
// @grant        GM_info
// ==/UserScript==

(function() {
    'use strict';
    const scriptInfo = GM_info.script;
    console.log(scriptInfo.name);
    console.log(scriptInfo.version);
})();

// The problematic line in image-dialog.js causing the SecurityError:
var body = (uploadIframe.contentWindow ? uploadIframe.contentWindow : uploadIframe.contentDocument).document.body;

// 1. main.js: Configure preload and handle IPC events
const { app, BrowserWindow, ipcMain } = require('electron')
const path = require('path')
const fs = require('fs')

function createWindow() {
  let win = new BrowserWindow({
    webPreferences: {
      preload: path.resolve(__dirname, './preload.js')
    }
  })

  ipcMain.on('save-file', (event, data) => {
    fs.writeFileSync('D:/hello.txt', data)
  })

  ipcMain.handle('read-file', () => {
    return fs.readFileSync('D:/hello.txt').toString()
  })
  
  win.loadFile('./pages/index.html')
}

// 2. preload.js: Expose API to renderer
const { contextBridge, ipcRenderer } = require('electron')

contextBridge.exposeInMainWorld('myAPI', {
  saveFile: (data) => ipcRenderer.send('save-file', data),
  readFile: () => ipcRenderer.invoke('read-file')
})

// 3. render.js: Call the exposed API
window.myAPI.saveFile('Hello from renderer')
window.myAPI.readFile().then(content => console.log(content))

let arr = [1, 2, 3];
// .find() might return number | undefined
const result = arr.find((item) => item > 2) as number;
let a = result * 5;
console.log(a);

npm install vconsole -S

# Option 1: Version 8
npm install vue-i18n@8

# Option 2: Version 6
npm i vue-i18n@6 -S

import { NextResponse } from 'next/server'
 
export function middleware(request) {
    if(request.nextUrl.pathname.startsWith('/admin')){
        // Allow access to the login page
        if(!request.nextUrl.pathname.startsWith('/admin/login')){
            // Check for authentication cookie
            if(request.cookies.get('admin-token')){
                // Authenticated, proceed
            } else {
                // Not authenticated, redirect to login
                return NextResponse.redirect(new URL('/admin/login', request.url))
            }
        }
    }
}

import { Suspense } from "react";
import Loading from './loading';

export default function RootLayout({ children }) {
  return (
    <html>
      <body>
        <Suspense fallback={<Loading />}>
          {children}
        </Suspense>
      </body>
    </html>
  );
}

// Example of an async page that triggers the loading state
export default async function Posts() {
  await new Promise((resolve) => setTimeout(resolve, 2000));
  return <div>Content Loaded</div>;
}

<template>
  <scroll-view class="ul" scroll-y :scroll-into-view="lastItemView" scroll-with-animation>
    <view v-for="(item, idx) in dataList" :key="idx" :id="'gift' + idx">
      <view class="li" v-if="item != ''">
        <text>{{ item }}</text>
      </view>
    </view>
  </scroll-view>
</template>

<script setup>
import { ref, onMounted } from 'vue';

const lastItemView = ref(null);
const scrollTimeTask = ref(null);
const dataList = ref(['']);

const autoScrollset = () => {
  let idx = 0;
  if (scrollTimeTask.value) clearInterval(scrollTimeTask.value);
  
  scrollTimeTask.value = setInterval(() => {
    let target = 'Comment ' + idx;
    lastItemView.value = `gift${idx}`;
    dataList.value.push(target);
    idx++;
  }, 500);
};

onMounted(() => {
  autoScrollset();
});
</script>

<style scoped>
.ul { height: 500px; }
</style>

import { ref, computed, nextTick } from 'vue'

const pageSize = 5
const currentPage = ref(1)
const firstValue = ref('') // Category filter
const secondValue = ref('') // Sub-category filter
const keyword = ref('') // Search keyword

// Filter logic
const filterList = computed(() => {
  let arr = allList
  if (firstValue.value) arr = arr.filter(v => v.main === firstValue.value)
  if (secondValue.value) arr = arr.filter(v => v.sub === secondValue.value)
  if (keyword.value) {
    const k = keyword.value.trim().toLowerCase()
    arr = arr.filter(v => v.id.toLowerCase().includes(k) || v.name.toLowerCase().includes(k))
  }
  return arr
})

const tableData = ref([])
const reload = () => {
  const start = (currentPage.value - 1) * pageSize
  const end = start + pageSize
  tableData.value = filterList.value.slice(start, end)
}

const doSearch = () => {
  currentPage.value = 1
  reload()
}

const doReset = () => {
  firstValue.value = ''
  secondValue.value = ''
  keyword.value = ''
  currentPage.value = 1
  reload()
}

// Basic select and debug output
$user = Db::table("user")->select();
halt($user);

// Convert result to array
$user = Db::table("user")->select()->toArray();
halt($user);

// Chain query with where clause
$user = Db::table("user")->where("age", 14)->select();