1 Commits
seow ... tst2

Author SHA1 Message Date
Kar
ad7313363b php support 2025-06-16 16:06:19 +00:00
60 changed files with 239 additions and 4358 deletions

2
.gitignore vendored
View File

@@ -25,5 +25,3 @@ pnpm-debug.log*
.idea/
.vscode/
.env

View File

@@ -4,32 +4,19 @@ import tailwind from '@astrojs/tailwind';
import react from '@astrojs/react';
export default defineConfig({
site: 'https://sp-dev-h1-astgsbchdykdvtf.siliconpin.com',
integrations: [tailwind(), react()],
// Vite-specific settings (including proxy)
site: 'https://siliconpin.cs1.hz.siliconpin.com',
vite: {
server: {
allowedHosts: ['sp-dev-h1-astgsbchdykdvtf.siliconpin.com'],
proxy: {
'/api': {
target: 'http://localhost:8080', // Your backend server
changeOrigin: true,
rewrite: (path) => path.replace(/^\/api/, ''),
secure: false, // Only needed if using self-signed HTTPS
}
}
allowedHosts: ['siliconpin.cs1.hz.siliconpin.com'],
},
preview: {
allowedHosts: ['sp-dev-h1-astgsbchdykdvtf.siliconpin.com'],
allowedHosts: ['siliconpin.cs1.hz.siliconpin.com'],
}
},
// Astro server settings
integrations: [tailwind(), react()],
server: {
host: '0.0.0.0', // Accessible on all network interfaces
host: '0.0.0.0',
port: 4000,
},
output: 'static',
});

25
edit.js

File diff suppressed because one or more lines are too long

View File

@@ -1,24 +0,0 @@
PUBLIC_USER_API_URL=https://host-api-sxashuasysagibx.siliconpin.com/v1/users/
PUBLIC_SERVICE_API_URL=https://host-api-sxashuasysagibx.siliconpin.com/v1/services/
PUBLIC_INVOICE_API_URL=https://host-api-sxashuasysagibx.siliconpin.com/v1/invoice/
PUBLIC_MINIO_UPLOAD_URL=https://hostapi2.cs1.hz.siliconpin.com/api/storage/upload
PUBLIC_HOST_API2_USERS=https://hostapi2.cs1.hz.siliconpin.com/api/users
PUBLIC_TOPIC_API_URL=https://host-api-sxashuasysagibx.siliconpin.com/v1/topics/
PUBLIC_TICKET_API_URL=https://host-api-sxashuasysagibx.siliconpin.com/v1/ticket/index.php
PUBLIC_HETZNER_API_KEY=uMSBR9nxdtbuvazsVM8YMMDd0PvuynpgJbmzFIO47HblMlh7tlHT8wV05sQ28Squ
PUBLIC_UTHO_API_KEY=IoNXhkRJsQPyOEqFMceSfzuKaDLrpxUCATgZjiVdvYlBHbwWmGtn
PUBLIC_DIGITALOCEAN_API_KEY=dop_v1_b6a075ece5786faf7c58d21761dbf95d47af372da062d68a870ce2a0bae51adf
PUBLIC_POCKETBASE_URL=https://tst-pb.s38.siliconpin.com
ENV_TYPE=DEV

View File

@@ -1,59 +0,0 @@
const fs = require('fs');
const path = require('path');
const buildDir = path.join(__dirname, 'dist');
// Basic HTML entity decode
function decodeHtmlEntities(str) {
return str
.replace(/&#(\d+);/g, (_, dec) => String.fromCharCode(dec))
.replace(/"/g, '"')
.replace(/'/g, "'")
.replace(/&/g, '&')
.replace(/&lt;/g, '<')
.replace(/&gt;/g, '>');
}
// Decode both URI and HTML entities inside <?php ... ?>
function decodePhpBlocks(content) {
return content.replace(/<\?php([\s\S]*?)\?>/g, (match, code) => {
try {
let decoded = decodeURIComponent(code); // %XX to characters
decoded = decodeHtmlEntities(decoded); // &#39; to '
return `<?php${decoded}?>`;
} catch (e) {
console.warn('⚠️ Decode failed for block:', code.trim().slice(0, 50), '...');
return match;
}
});
}
function fixPhpTagsInFile(filePath) {
let content = fs.readFileSync(filePath, 'utf-8');
// Step 1: Replace escaped tags
content = content
.replace(/&lt;\?php/g, '<?php')
.replace(/\?&gt;/g, '?>');
// Step 2: Decode content inside <?php ... ?>
content = decodePhpBlocks(content);
fs.writeFileSync(filePath, content, 'utf-8');
console.log(`✅ Processed: ${filePath}`);
}
function walkDir(dir) {
const entries = fs.readdirSync(dir, { withFileTypes: true });
for (const entry of entries) {
const fullPath = path.join(dir, entry.name);
if (entry.isDirectory()) {
walkDir(fullPath);
} else if (fullPath.endsWith('.html') || fullPath.endsWith('.php')) {
fixPhpTagsInFile(fullPath);
}
}
}
walkDir(buildDir);
console.log('🎉 All PHP tag fixes, URL decodes, and HTML entity decodes complete.');

726
package-lock.json generated
View File

@@ -25,9 +25,7 @@
"class-variance-authority": "^0.7.1",
"clsx": "^2.1.1",
"date-fns": "^4.1.0",
"framer-motion": "^12.18.1",
"image-resize-compress": "^2.1.1",
"js-cookie": "^3.0.5",
"lucide-react": "^0.484.0",
"marked": "^15.0.8",
"menubar": "^9.5.1",
@@ -41,7 +39,6 @@
"react-simplemde-editor": "^5.2.0",
"react-to-print": "^3.0.5",
"rehype-rewrite": "^4.0.2",
"serve": "^14.2.4",
"shadcn": "^2.5.0",
"simplemde": "^1.11.2",
"tailwind-merge": "^3.0.2",
@@ -4503,12 +4500,6 @@
"vite": "^4.2.0 || ^5.0.0 || ^6.0.0"
}
},
"node_modules/@zeit/schemas": {
"version": "2.36.0",
"resolved": "https://registry.npmjs.org/@zeit/schemas/-/schemas-2.36.0.tgz",
"integrity": "sha512-7kjMwcChYEzMKjeex9ZFXkt1AyNov9R5HZtjBKVsmVpw7pa7ZtlCGvCBC2vnnXctaYN+aRI61HjIqeetZW5ROg==",
"license": "MIT"
},
"node_modules/@zxing/text-encoding": {
"version": "0.9.0",
"resolved": "https://registry.npmjs.org/@zxing/text-encoding/-/text-encoding-0.9.0.tgz",
@@ -4522,19 +4513,6 @@
"integrity": "sha512-d8XPSGjfyzlXC3Xx891DJRyZfqk5JU0BJrDQcsWomFIV1/BIzPW5HDH5iDdWpqWaav0YVIEzT1RHTwWr0FFshA==",
"license": "MIT"
},
"node_modules/accepts": {
"version": "1.3.8",
"resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
"integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
"license": "MIT",
"dependencies": {
"mime-types": "~2.1.34",
"negotiator": "0.6.3"
},
"engines": {
"node": ">= 0.6"
}
},
"node_modules/acorn": {
"version": "8.14.1",
"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.1.tgz",
@@ -4571,22 +4549,6 @@
"node": ">= 14"
}
},
"node_modules/ajv": {
"version": "8.12.0",
"resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
"integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
"license": "MIT",
"dependencies": {
"fast-deep-equal": "^3.1.1",
"json-schema-traverse": "^1.0.0",
"require-from-string": "^2.0.2",
"uri-js": "^4.2.2"
},
"funding": {
"type": "github",
"url": "https://github.com/sponsors/epoberezkin"
}
},
"node_modules/ansi-align": {
"version": "3.0.1",
"resolved": "https://registry.npmjs.org/ansi-align/-/ansi-align-3.0.1.tgz",
@@ -4719,26 +4681,6 @@
"url": "https://github.com/sponsors/jonschlinkert"
}
},
"node_modules/arch": {
"version": "2.2.0",
"resolved": "https://registry.npmjs.org/arch/-/arch-2.2.0.tgz",
"integrity": "sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==",
"funding": [
{
"type": "github",
"url": "https://github.com/sponsors/feross"
},
{
"type": "patreon",
"url": "https://www.patreon.com/feross"
},
{
"type": "consulting",
"url": "https://feross.org/support"
}
],
"license": "MIT"
},
"node_modules/arg": {
"version": "5.0.2",
"resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
@@ -5265,15 +5207,6 @@
"node": ">=8.0.0"
}
},
"node_modules/bytes": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
"integrity": "sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==",
"license": "MIT",
"engines": {
"node": ">= 0.8"
}
},
"node_modules/cacheable-lookup": {
"version": "5.0.4",
"resolved": "https://registry.npmjs.org/cacheable-lookup/-/cacheable-lookup-5.0.4.tgz",
@@ -5451,52 +5384,6 @@
"url": "https://github.com/chalk/chalk?sponsor=1"
}
},
"node_modules/chalk-template": {
"version": "0.4.0",
"resolved": "https://registry.npmjs.org/chalk-template/-/chalk-template-0.4.0.tgz",
"integrity": "sha512-/ghrgmhfY8RaSdeo43hNXxpoHAtxdbskUHjPpfqUWGttFgycUhYPGx3YZBCnUCvOa7Doivn1IZec3DEGFoMgLg==",
"license": "MIT",
"dependencies": {
"chalk": "^4.1.2"
},
"engines": {
"node": ">=12"
},
"funding": {
"url": "https://github.com/chalk/chalk-template?sponsor=1"
}
},
"node_modules/chalk-template/node_modules/ansi-styles": {
"version": "4.3.0",
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
"license": "MIT",
"dependencies": {
"color-convert": "^2.0.1"
},
"engines": {
"node": ">=8"
},
"funding": {
"url": "https://github.com/chalk/ansi-styles?sponsor=1"
}
},
"node_modules/chalk-template/node_modules/chalk": {
"version": "4.1.2",
"resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
"integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
"license": "MIT",
"dependencies": {
"ansi-styles": "^4.1.0",
"supports-color": "^7.1.0"
},
"engines": {
"node": ">=10"
},
"funding": {
"url": "https://github.com/chalk/chalk?sponsor=1"
}
},
"node_modules/character-entities-html4": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/character-entities-html4/-/character-entities-html4-2.1.0.tgz",
@@ -5638,139 +5525,6 @@
"node": ">= 12"
}
},
"node_modules/clipboardy": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/clipboardy/-/clipboardy-3.0.0.tgz",
"integrity": "sha512-Su+uU5sr1jkUy1sGRpLKjKrvEOVXgSgiSInwa/qeID6aJ07yh+5NWc3h2QfjHjBnfX4LhtFcuAWKUsJ3r+fjbg==",
"license": "MIT",
"dependencies": {
"arch": "^2.2.0",
"execa": "^5.1.1",
"is-wsl": "^2.2.0"
},
"engines": {
"node": "^12.20.0 || ^14.13.1 || >=16.0.0"
},
"funding": {
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/clipboardy/node_modules/execa": {
"version": "5.1.1",
"resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
"integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
"license": "MIT",
"dependencies": {
"cross-spawn": "^7.0.3",
"get-stream": "^6.0.0",
"human-signals": "^2.1.0",
"is-stream": "^2.0.0",
"merge-stream": "^2.0.0",
"npm-run-path": "^4.0.1",
"onetime": "^5.1.2",
"signal-exit": "^3.0.3",
"strip-final-newline": "^2.0.0"
},
"engines": {
"node": ">=10"
},
"funding": {
"url": "https://github.com/sindresorhus/execa?sponsor=1"
}
},
"node_modules/clipboardy/node_modules/human-signals": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
"integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
"license": "Apache-2.0",
"engines": {
"node": ">=10.17.0"
}
},
"node_modules/clipboardy/node_modules/is-docker": {
"version": "2.2.1",
"resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
"integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
"license": "MIT",
"bin": {
"is-docker": "cli.js"
},
"engines": {
"node": ">=8"
},
"funding": {
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/clipboardy/node_modules/is-stream": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
"integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
"license": "MIT",
"engines": {
"node": ">=8"
},
"funding": {
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/clipboardy/node_modules/is-wsl": {
"version": "2.2.0",
"resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
"integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
"license": "MIT",
"dependencies": {
"is-docker": "^2.0.0"
},
"engines": {
"node": ">=8"
}
},
"node_modules/clipboardy/node_modules/mimic-fn": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
"integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
"license": "MIT",
"engines": {
"node": ">=6"
}
},
"node_modules/clipboardy/node_modules/npm-run-path": {
"version": "4.0.1",
"resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
"integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
"license": "MIT",
"dependencies": {
"path-key": "^3.0.0"
},
"engines": {
"node": ">=8"
}
},
"node_modules/clipboardy/node_modules/onetime": {
"version": "5.1.2",
"resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
"integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
"license": "MIT",
"dependencies": {
"mimic-fn": "^2.1.0"
},
"engines": {
"node": ">=6"
},
"funding": {
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/clipboardy/node_modules/strip-final-newline": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
"integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==",
"license": "MIT",
"engines": {
"node": ">=6"
}
},
"node_modules/cliui": {
"version": "8.0.1",
"resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
@@ -5986,72 +5740,6 @@
"integrity": "sha512-L3sHRo1pXXEqX8VU28kfgUY+YGsk09hPqZiZmLacNib6XNTCM8ubYeT7ryXQw8asB1sKgcU5lkB7ONug08aB8w==",
"license": "ISC"
},
"node_modules/compressible": {
"version": "2.0.18",
"resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
"integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==",
"license": "MIT",
"dependencies": {
"mime-db": ">= 1.43.0 < 2"
},
"engines": {
"node": ">= 0.6"
}
},
"node_modules/compression": {
"version": "1.7.4",
"resolved": "https://registry.npmjs.org/compression/-/compression-1.7.4.tgz",
"integrity": "sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==",
"license": "MIT",
"dependencies": {
"accepts": "~1.3.5",
"bytes": "3.0.0",
"compressible": "~2.0.16",
"debug": "2.6.9",
"on-headers": "~1.0.2",
"safe-buffer": "5.1.2",
"vary": "~1.1.2"
},
"engines": {
"node": ">= 0.8.0"
}
},
"node_modules/compression/node_modules/debug": {
"version": "2.6.9",
"resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
"integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
"license": "MIT",
"dependencies": {
"ms": "2.0.0"
}
},
"node_modules/compression/node_modules/ms": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
"integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
"license": "MIT"
},
"node_modules/compression/node_modules/safe-buffer": {
"version": "5.1.2",
"resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
"integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
"license": "MIT"
},
"node_modules/concat-map": {
"version": "0.0.1",
"resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
"integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
"license": "MIT"
},
"node_modules/content-disposition": {
"version": "0.5.2",
"resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz",
"integrity": "sha512-kRGRZw3bLlFISDBgwTSA1TMBFN6J6GWDeubmDE3AF+3+yXL8hTWv8r5rkLbqYXY4RjPk/EzHnClI3zQf1cFmHA==",
"license": "MIT",
"engines": {
"node": ">= 0.6"
}
},
"node_modules/convert-source-map": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
@@ -6271,15 +5959,6 @@
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/deep-extend": {
"version": "0.6.0",
"resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz",
"integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==",
"license": "MIT",
"engines": {
"node": ">=4.0.0"
}
},
"node_modules/deepmerge": {
"version": "4.3.1",
"resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
@@ -7068,33 +6747,6 @@
"url": "https://github.com/sponsors/rawify"
}
},
"node_modules/framer-motion": {
"version": "12.18.1",
"resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.18.1.tgz",
"integrity": "sha512-6o4EDuRPLk4LSZ1kRnnEOurbQ86MklVk+Y1rFBUKiF+d2pCdvMjWVu0ZkyMVCTwl5UyTH2n/zJEJx+jvTYuxow==",
"license": "MIT",
"dependencies": {
"motion-dom": "^12.18.1",
"motion-utils": "^12.18.1",
"tslib": "^2.4.0"
},
"peerDependencies": {
"@emotion/is-prop-valid": "*",
"react": "^18.0.0 || ^19.0.0",
"react-dom": "^18.0.0 || ^19.0.0"
},
"peerDependenciesMeta": {
"@emotion/is-prop-valid": {
"optional": true
},
"react": {
"optional": true
},
"react-dom": {
"optional": true
}
}
},
"node_modules/fs-extra": {
"version": "11.3.0",
"resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.0.tgz",
@@ -7400,15 +7052,6 @@
"uncrypto": "^0.1.3"
}
},
"node_modules/has-flag": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
"integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
"license": "MIT",
"engines": {
"node": ">=8"
}
},
"node_modules/has-property-descriptors": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
@@ -8136,12 +7779,6 @@
"integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
"license": "ISC"
},
"node_modules/ini": {
"version": "1.3.8",
"resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
"integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
"license": "ISC"
},
"node_modules/inline-style-parser": {
"version": "0.2.4",
"resolved": "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.2.4.tgz",
@@ -8426,18 +8063,6 @@
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/is-port-reachable": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/is-port-reachable/-/is-port-reachable-4.0.0.tgz",
"integrity": "sha512-9UoipoxYmSk6Xy7QFgRv2HDyaysmgSG75TFQs6S+3pDM7ZhKTF/bskZV+0UlABHzKjNVhPjYCLfeZUEg1wXxig==",
"license": "MIT",
"engines": {
"node": "^12.20.0 || ^14.13.1 || >=16.0.0"
},
"funding": {
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/is-regex": {
"version": "1.2.1",
"resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
@@ -8567,15 +8192,6 @@
"jiti": "bin/jiti.js"
}
},
"node_modules/js-cookie": {
"version": "3.0.5",
"resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-3.0.5.tgz",
"integrity": "sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==",
"license": "MIT",
"engines": {
"node": ">=14"
}
},
"node_modules/js-tokens": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -8619,12 +8235,6 @@
"integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
"license": "MIT"
},
"node_modules/json-schema-traverse": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
"integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
"license": "MIT"
},
"node_modules/json-stringify-safe": {
"version": "5.0.1",
"resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
@@ -13300,21 +12910,6 @@
"url": "https://github.com/sponsors/isaacs"
}
},
"node_modules/motion-dom": {
"version": "12.18.1",
"resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-12.18.1.tgz",
"integrity": "sha512-dR/4EYT23Snd+eUSLrde63Ws3oXQtJNw/krgautvTfwrN/2cHfCZMdu6CeTxVfRRWREW3Fy1f5vobRDiBb/q+w==",
"license": "MIT",
"dependencies": {
"motion-utils": "^12.18.1"
}
},
"node_modules/motion-utils": {
"version": "12.18.1",
"resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-12.18.1.tgz",
"integrity": "sha512-az26YDU4WoDP0ueAkUtABLk2BIxe28d8NH1qWT8jPGhPyf44XTdDUh8pDk9OPphaSrR9McgpcJlgwSOIw/sfkA==",
"license": "MIT"
},
"node_modules/mri": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
@@ -13421,15 +13016,6 @@
"node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
}
},
"node_modules/negotiator": {
"version": "0.6.3",
"resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
"integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
"license": "MIT",
"engines": {
"node": ">= 0.6"
}
},
"node_modules/neotraverse": {
"version": "0.6.18",
"resolved": "https://registry.npmjs.org/neotraverse/-/neotraverse-0.6.18.tgz",
@@ -13631,15 +13217,6 @@
"ufo": "^1.5.4"
}
},
"node_modules/on-headers": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.2.tgz",
"integrity": "sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==",
"license": "MIT",
"engines": {
"node": ">= 0.8"
}
},
"node_modules/once": {
"version": "1.4.0",
"resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
@@ -13879,12 +13456,6 @@
"integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
"license": "MIT"
},
"node_modules/path-is-inside": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/path-is-inside/-/path-is-inside-1.0.2.tgz",
"integrity": "sha512-DUWJr3+ULp4zXmol/SZkFf3JGsS9/SIv+Y3Rt93/UjPpDpklB5f1er4O3POIbUuUJ3FXgqte2Q7SrU6zAqwk8w==",
"license": "(WTFPL OR MIT)"
},
"node_modules/path-key": {
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
@@ -14316,30 +13887,6 @@
"integrity": "sha512-b484I/7b8rDEdSDKckSSBA8knMpcdsXudlE/LNL639wFoHKwLbEkQFZHWEYwDC0wa0FKUcCY+GAF73Z7wxNVFA==",
"license": "MIT"
},
"node_modules/range-parser": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.0.tgz",
"integrity": "sha512-kA5WQoNVo4t9lNx2kQNFCxKeBl5IbbSNBl1M/tLkw9WCn+hxNBAW5Qh8gdhs63CJnhjJ2zQWFoqPJP2sK1AV5A==",
"license": "MIT",
"engines": {
"node": ">= 0.6"
}
},
"node_modules/rc": {
"version": "1.2.8",
"resolved": "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz",
"integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==",
"license": "(BSD-2-Clause OR MIT OR Apache-2.0)",
"dependencies": {
"deep-extend": "^0.6.0",
"ini": "~1.3.0",
"minimist": "^1.2.0",
"strip-json-comments": "~2.0.1"
},
"bin": {
"rc": "cli.js"
}
},
"node_modules/react": {
"version": "19.0.0",
"resolved": "https://registry.npmjs.org/react/-/react-19.0.0.tgz",
@@ -14760,28 +14307,6 @@
"integrity": "sha512-8VhliFJAWRaUiVvREIiW2NXXTmHs4vMNnSzuJVhscgmGav3g9VDxLrQndI3dZZVVdp0ZO/5v0xmX516/7M9cng==",
"license": "MIT"
},
"node_modules/registry-auth-token": {
"version": "3.3.2",
"resolved": "https://registry.npmjs.org/registry-auth-token/-/registry-auth-token-3.3.2.tgz",
"integrity": "sha512-JL39c60XlzCVgNrO+qq68FoNb56w/m7JYvGR2jT5iR1xBrUA3Mfx5Twk5rqTThPmQKMWydGmq8oFtDlxfrmxnQ==",
"license": "MIT",
"dependencies": {
"rc": "^1.1.6",
"safe-buffer": "^5.0.1"
}
},
"node_modules/registry-url": {
"version": "3.1.0",
"resolved": "https://registry.npmjs.org/registry-url/-/registry-url-3.1.0.tgz",
"integrity": "sha512-ZbgR5aZEdf4UKZVBPYIgaglBmSF2Hi94s2PcIHhRGFjKYu+chjJdYfHn4rt3hB6eCKLJ8giVIIfgMa1ehDfZKA==",
"license": "MIT",
"dependencies": {
"rc": "^1.0.1"
},
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/rehype": {
"version": "12.0.1",
"resolved": "https://registry.npmjs.org/rehype/-/rehype-12.0.1.tgz",
@@ -16731,208 +16256,6 @@
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/serve": {
"version": "14.2.4",
"resolved": "https://registry.npmjs.org/serve/-/serve-14.2.4.tgz",
"integrity": "sha512-qy1S34PJ/fcY8gjVGszDB3EXiPSk5FKhUa7tQe0UPRddxRidc2V6cNHPNewbE1D7MAkgLuWEt3Vw56vYy73tzQ==",
"license": "MIT",
"dependencies": {
"@zeit/schemas": "2.36.0",
"ajv": "8.12.0",
"arg": "5.0.2",
"boxen": "7.0.0",
"chalk": "5.0.1",
"chalk-template": "0.4.0",
"clipboardy": "3.0.0",
"compression": "1.7.4",
"is-port-reachable": "4.0.0",
"serve-handler": "6.1.6",
"update-check": "1.5.4"
},
"bin": {
"serve": "build/main.js"
},
"engines": {
"node": ">= 14"
}
},
"node_modules/serve-handler": {
"version": "6.1.6",
"resolved": "https://registry.npmjs.org/serve-handler/-/serve-handler-6.1.6.tgz",
"integrity": "sha512-x5RL9Y2p5+Sh3D38Fh9i/iQ5ZK+e4xuXRd/pGbM4D13tgo/MGwbttUk8emytcr1YYzBYs+apnUngBDFYfpjPuQ==",
"license": "MIT",
"dependencies": {
"bytes": "3.0.0",
"content-disposition": "0.5.2",
"mime-types": "2.1.18",
"minimatch": "3.1.2",
"path-is-inside": "1.0.2",
"path-to-regexp": "3.3.0",
"range-parser": "1.2.0"
}
},
"node_modules/serve-handler/node_modules/brace-expansion": {
"version": "1.1.12",
"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
"integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
"license": "MIT",
"dependencies": {
"balanced-match": "^1.0.0",
"concat-map": "0.0.1"
}
},
"node_modules/serve-handler/node_modules/mime-db": {
"version": "1.33.0",
"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.33.0.tgz",
"integrity": "sha512-BHJ/EKruNIqJf/QahvxwQZXKygOQ256myeN/Ew+THcAa5q+PjyTTMMeNQC4DZw5AwfvelsUrA6B67NKMqXDbzQ==",
"license": "MIT",
"engines": {
"node": ">= 0.6"
}
},
"node_modules/serve-handler/node_modules/mime-types": {
"version": "2.1.18",
"resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.18.tgz",
"integrity": "sha512-lc/aahn+t4/SWV/qcmumYjymLsWfN3ELhpmVuUFjgsORruuZPVSwAQryq+HHGvO/SI2KVX26bx+En+zhM8g8hQ==",
"license": "MIT",
"dependencies": {
"mime-db": "~1.33.0"
},
"engines": {
"node": ">= 0.6"
}
},
"node_modules/serve-handler/node_modules/minimatch": {
"version": "3.1.2",
"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
"integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
"license": "ISC",
"dependencies": {
"brace-expansion": "^1.1.7"
},
"engines": {
"node": "*"
}
},
"node_modules/serve-handler/node_modules/path-to-regexp": {
"version": "3.3.0",
"resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-3.3.0.tgz",
"integrity": "sha512-qyCH421YQPS2WFDxDjftfc1ZR5WKQzVzqsp4n9M2kQhVOo/ByahFoUNJfl58kOcEGfQ//7weFTDhm+ss8Ecxgw==",
"license": "MIT"
},
"node_modules/serve/node_modules/boxen": {
"version": "7.0.0",
"resolved": "https://registry.npmjs.org/boxen/-/boxen-7.0.0.tgz",
"integrity": "sha512-j//dBVuyacJbvW+tvZ9HuH03fZ46QcaKvvhZickZqtB271DxJ7SNRSNxrV/dZX0085m7hISRZWbzWlJvx/rHSg==",
"license": "MIT",
"dependencies": {
"ansi-align": "^3.0.1",
"camelcase": "^7.0.0",
"chalk": "^5.0.1",
"cli-boxes": "^3.0.0",
"string-width": "^5.1.2",
"type-fest": "^2.13.0",
"widest-line": "^4.0.1",
"wrap-ansi": "^8.0.1"
},
"engines": {
"node": ">=14.16"
},
"funding": {
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/serve/node_modules/camelcase": {
"version": "7.0.1",
"resolved": "https://registry.npmjs.org/camelcase/-/camelcase-7.0.1.tgz",
"integrity": "sha512-xlx1yCK2Oc1APsPXDL2LdlNP6+uu8OCDdhOBSVT279M/S+y75O30C2VuD8T2ogdePBBl7PfPF4504tnLgX3zfw==",
"license": "MIT",
"engines": {
"node": ">=14.16"
},
"funding": {
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/serve/node_modules/chalk": {
"version": "5.0.1",
"resolved": "https://registry.npmjs.org/chalk/-/chalk-5.0.1.tgz",
"integrity": "sha512-Fo07WOYGqMfCWHOzSXOt2CxDbC6skS/jO9ynEcmpANMoPrD+W1r1K6Vx7iNm+AQmETU1Xr2t+n8nzkV9t6xh3w==",
"license": "MIT",
"engines": {
"node": "^12.17.0 || ^14.13 || >=16.0.0"
},
"funding": {
"url": "https://github.com/chalk/chalk?sponsor=1"
}
},
"node_modules/serve/node_modules/emoji-regex": {
"version": "9.2.2",
"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
"integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
"license": "MIT"
},
"node_modules/serve/node_modules/string-width": {
"version": "5.1.2",
"resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
"integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
"license": "MIT",
"dependencies": {
"eastasianwidth": "^0.2.0",
"emoji-regex": "^9.2.2",
"strip-ansi": "^7.0.1"
},
"engines": {
"node": ">=12"
},
"funding": {
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/serve/node_modules/type-fest": {
"version": "2.19.0",
"resolved": "https://registry.npmjs.org/type-fest/-/type-fest-2.19.0.tgz",
"integrity": "sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==",
"license": "(MIT OR CC0-1.0)",
"engines": {
"node": ">=12.20"
},
"funding": {
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/serve/node_modules/widest-line": {
"version": "4.0.1",
"resolved": "https://registry.npmjs.org/widest-line/-/widest-line-4.0.1.tgz",
"integrity": "sha512-o0cyEG0e8GPzT4iGHphIOh0cJOV8fivsXxddQasHPHfoZf1ZexrfeA21w2NaEN1RHE+fXlfISmOE8R9N3u3Qig==",
"license": "MIT",
"dependencies": {
"string-width": "^5.0.1"
},
"engines": {
"node": ">=12"
},
"funding": {
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/serve/node_modules/wrap-ansi": {
"version": "8.1.0",
"resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
"integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
"license": "MIT",
"dependencies": {
"ansi-styles": "^6.1.0",
"string-width": "^5.0.1",
"strip-ansi": "^7.0.1"
},
"engines": {
"node": ">=12"
},
"funding": {
"url": "https://github.com/chalk/wrap-ansi?sponsor=1"
}
},
"node_modules/set-cookie-parser": {
"version": "2.7.1",
"resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.7.1.tgz",
@@ -17392,15 +16715,6 @@
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/strip-json-comments": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
"integrity": "sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==",
"license": "MIT",
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/strnum": {
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/strnum/-/strnum-1.1.2.tgz",
@@ -17475,18 +16789,6 @@
"node": ">= 8.0"
}
},
"node_modules/supports-color": {
"version": "7.2.0",
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
"integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
"license": "MIT",
"dependencies": {
"has-flag": "^4.0.0"
},
"engines": {
"node": ">=8"
}
},
"node_modules/supports-preserve-symlinks-flag": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
@@ -18266,25 +17568,6 @@
"browserslist": ">= 4.21.0"
}
},
"node_modules/update-check": {
"version": "1.5.4",
"resolved": "https://registry.npmjs.org/update-check/-/update-check-1.5.4.tgz",
"integrity": "sha512-5YHsflzHP4t1G+8WGPlvKbJEbAJGCgw+Em+dGR1KmBUbr1J36SJBqlHLjR7oob7sco5hWHGQVcr9B2poIVDDTQ==",
"license": "MIT",
"dependencies": {
"registry-auth-token": "3.3.2",
"registry-url": "3.1.0"
}
},
"node_modules/uri-js": {
"version": "4.4.1",
"resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
"integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
"license": "BSD-2-Clause",
"dependencies": {
"punycode": "^2.1.0"
}
},
"node_modules/url-parse": {
"version": "1.5.10",
"resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",
@@ -18375,15 +17658,6 @@
"node": ">=8"
}
},
"node_modules/vary": {
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
"integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
"license": "MIT",
"engines": {
"node": ">= 0.8"
}
},
"node_modules/vfile": {
"version": "6.0.3",
"resolved": "https://registry.npmjs.org/vfile/-/vfile-6.0.3.tgz",

View File

@@ -7,8 +7,7 @@
"build": "astro build",
"preview": "astro preview --port 4000",
"astro": "astro",
"push-prod": "rsync -rv --exclude .hta_config/conf.php dist/ sp@siliconpin.com:~/web/siliconpin.com/public_html/",
"proxy": "http://localhost:8080"
"push-prod": "rsync -rv --exclude .hta_config/conf.php dist/ u2@siliconpin.com:~/web/siliconpin.com/public_html/"
},
"dependencies": {
"@astrojs/react": "^4.2.1",
@@ -28,9 +27,7 @@
"class-variance-authority": "^0.7.1",
"clsx": "^2.1.1",
"date-fns": "^4.1.0",
"framer-motion": "^12.18.1",
"image-resize-compress": "^2.1.1",
"js-cookie": "^3.0.5",
"lucide-react": "^0.484.0",
"marked": "^15.0.8",
"menubar": "^9.5.1",
@@ -44,7 +41,6 @@
"react-simplemde-editor": "^5.2.0",
"react-to-print": "^3.0.5",
"rehype-rewrite": "^4.0.2",
"serve": "^14.2.4",
"shadcn": "^2.5.0",
"simplemde": "^1.11.2",
"tailwind-merge": "^3.0.2",

View File

@@ -5,9 +5,8 @@ import { Label } from "./ui/label";
import { X } from "lucide-react";
import PocketBase from 'pocketbase';
const PUBLIC_USER_API_URL = import.meta.env.PUBLIC_USER_API_URL;
const PUBLIC_POCKETBASE_URL = import.meta.env.PUBLIC_POCKETBASE_URL;
const pb = new PocketBase(PUBLIC_POCKETBASE_URL);
const pb = new PocketBase('https://tst-pb.s38.siliconpin.com');
const INVOICE_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/users/';
export function AvatarUpload({ userId }: { userId: string }) {
const [selectedFile, setSelectedFile] = useState<File | null>(null);
@@ -46,7 +45,7 @@ export function AvatarUpload({ userId }: { userId: string }) {
});
// 2. Update PHP backend session
const response = await fetch(`${PUBLIC_USER_API_URL}?query=login`, {
const response = await fetch(`${INVOICE_API_URL}?query=login`, {
method: 'POST',
credentials: 'include', // Important for sessions to work
headers: {

View File

@@ -8,7 +8,6 @@ import { Button } from "./ui/button";
import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "./ui/dialog";
import * as XLSX from 'xlsx';
export default function UserBillingList() {
const PUBLIC_USER_API_URL = import.meta.env.PUBLIC_USER_API_URL;
const { isLoggedIn, loading, error, sessionData } = useIsLoggedIn();
const [billingData, setBillingData] = useState([]);
const [dataLoading, setDataLoading] = useState(true);
@@ -28,6 +27,7 @@ export default function UserBillingList() {
const [currentPage, setCurrentPage] = useState(1);
const [itemsPerPage] = useState(20);
const INVOICE_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/users/';
useEffect(() => {
if (isLoggedIn) {
@@ -38,7 +38,7 @@ export default function UserBillingList() {
const fetchBillingData = async () => {
try {
const res = await fetch(`${PUBLIC_USER_API_URL}?query=invoice-info`, {
const res = await fetch(`${INVOICE_API_URL}?query=invoice-info`, {
method: 'GET',
credentials: 'include',
headers: {

View File

@@ -3,9 +3,11 @@ import { Button } from '../ui/button';
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../ui/card";
import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from "../ui/select";
import { Loader2 } from "lucide-react";
const PUBLIC_USER_API_URL = import.meta.env.PUBLIC_USER_API_URL;
export default function BuyVPN() {
// API URL - make sure to set this correctly
const USER_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/users/';
// State for VPN configuration
const [vpnContinent, setVpnContinent] = useState("");
const [selectedCycle, setSelectedCycle] = useState("");
@@ -49,7 +51,7 @@ export default function BuyVPN() {
formData.append('amount', selectedPrice.toString());
formData.append('vpn_continent', vpnContinent);
formData.append('service_type', 'vpn');
const response = await fetch(`${PUBLIC_USER_API_URL}?query=initiate_payment`, {
const response = await fetch(`${USER_API_URL}?query=initiate_payment`, {
method: 'POST',
body: formData, // Using FormData instead of JSON
credentials: 'include'

View File

@@ -8,7 +8,6 @@ import { Loader2 } from "lucide-react";
import { useToast } from "../ui/toast";
export default function NewDroplet() {
const PUBLIC_DIGITALOCEAN_API_KEY = import.meta.env.PUBLIC_DIGITALOCEAN_API_KEY;
const { showToast } = useToast();
const [isLoading, setIsLoading] = useState(false);
const [formData, setFormData] = useState({
@@ -64,7 +63,7 @@ export default function NewDroplet() {
method: "POST",
headers: {
"Content-Type": "application/json",
"Authorization": `Bearer ${PUBLIC_DIGITALOCEAN_API_KEY}`
"Authorization": "Bearer dop_v1_b6a075ece5786faf7c58d21761dbf95d47af372da062d68a870ce2a0bae51adf"
},
body: JSON.stringify({
...formData,

View File

@@ -19,7 +19,7 @@ export default function NewHetznerInstance() {
const [images, setImages] = useState([]);
const [sshKeys, setSshKeys] = useState([]);
const [showAddSshKey, setShowAddSshKey] = useState(false);
const PUBLIC_HETZNER_API_KEY = import.meta.env.PUBLIC_HETZNER_API_KEY;
const HETZNER_API_KEY = "uMSBR9nxdtbuvazsVM8YMMDd0PvuynpgJbmzFIO47HblMlh7tlHT8wV05sQ28Squ"; // Replace with your actual API key
const [formData, setFormData] = useState({
name: "",
@@ -38,16 +38,16 @@ export default function NewHetznerInstance() {
// Fetch all required data in parallel
const [serverTypesResponse, locationsResponse, imagesResponse, sshKeysResponse] = await Promise.all([
fetch("https://api.hetzner.cloud/v1/server_types", {
headers: { "Authorization": `Bearer ${PUBLIC_HETZNER_API_KEY}` }
headers: { "Authorization": `Bearer ${HETZNER_API_KEY}` }
}),
fetch("https://api.hetzner.cloud/v1/locations", {
headers: { "Authorization": `Bearer ${PUBLIC_HETZNER_API_KEY}` }
headers: { "Authorization": `Bearer ${HETZNER_API_KEY}` }
}),
fetch("https://api.hetzner.cloud/v1/images", {
headers: { "Authorization": `Bearer ${PUBLIC_HETZNER_API_KEY}` }
headers: { "Authorization": `Bearer ${HETZNER_API_KEY}` }
}),
fetch("https://api.hetzner.cloud/v1/ssh_keys", {
headers: { "Authorization": `Bearer ${PUBLIC_HETZNER_API_KEY}` }
headers: { "Authorization": `Bearer ${HETZNER_API_KEY}` }
})
]);
@@ -97,7 +97,7 @@ export default function NewHetznerInstance() {
const response = await fetch("https://api.hetzner.cloud/v1/servers", {
method: "POST",
headers: {
"Authorization": `Bearer ${PUBLIC_HETZNER_API_KEY}`,
"Authorization": `Bearer ${HETZNER_API_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify(payload)
@@ -149,7 +149,7 @@ export default function NewHetznerInstance() {
const response = await fetch('https://api.hetzner.cloud/v1/ssh_keys', {
method: "POST",
headers: {
"Authorization": `Bearer ${PUBLIC_HETZNER_API_KEY}`,
"Authorization": `Bearer ${HETZNER_API_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
@@ -163,7 +163,7 @@ export default function NewHetznerInstance() {
if (data.ssh_key) {
// Refresh SSH keys list
const sshResponse = await fetch("https://api.hetzner.cloud/v1/ssh_keys", {
headers: { "Authorization": `Bearer ${PUBLIC_HETZNER_API_KEY}` }
headers: { "Authorization": `Bearer ${HETZNER_API_KEY}` }
});
const sshData = await sshResponse.json();
setSshKeys(sshData.ssh_keys || []);

View File

@@ -15,7 +15,7 @@ export default function NewKubernetesService() {
const [plans, setPlans] = useState([]);
const [vpcs, setVpcs] = useState([]);
const [subnets, setSubnets] = useState([]);
const PUBLIC_UTHO_API_KEY = import.meta.env.PUBLIC_UTHO_API_KEY;
const UTHO_API_KEY = "Bearer IoNXhkRJsQPyOEqFMceSfzuKaDLrpxUCATgZjiVdvYlBHbwWmGtn";
const [formData, setFormData] = useState({
dcslug: "innoida",
@@ -41,13 +41,13 @@ export default function NewKubernetesService() {
const [plansResponse, vpcsResponse] = await Promise.all([
fetch("https://api.utho.com/v2/plans", {
headers: {
"Authorization": `Bearer ${PUBLIC_UTHO_API_KEY}`,
"Authorization": UTHO_API_KEY,
"Content-Type": "application/json"
}
}),
fetch("https://api.utho.com/v2/vpc", {
headers: {
"Authorization": `Bearer ${PUBLIC_UTHO_API_KEY}`,
"Authorization": UTHO_API_KEY,
"Content-Type": "application/json"
}
})
@@ -100,7 +100,7 @@ export default function NewKubernetesService() {
// If no subnets in VPC data, try the subnets endpoint
const response = await fetch(`https://api.utho.com/v2/vpc/${vpcId}/subnets`, {
headers: {
"Authorization": `Bearer ${PUBLIC_UTHO_API_KEY}`,
"Authorization": UTHO_API_KEY,
"Content-Type": "application/json"
}
});
@@ -161,7 +161,7 @@ export default function NewKubernetesService() {
const response = await fetch("https://api.utho.com/v2/kubernetes/deploy", {
method: "POST",
headers: {
"Authorization": `Bearer ${PUBLIC_UTHO_API_KEY}`,
"Authorization": UTHO_API_KEY,
"Content-Type": "application/json"
},
body: JSON.stringify(payload)

View File

@@ -11,13 +11,13 @@ import { Textarea } from "../ui/textarea";
import { Switch } from "../ui/switch";
export default function NewCloudInstance() {
const PUBLIC_UTHO_API_KEY = import.meta.env.PUBLIC_UTHO_API_KEY;
const { showToast } = useToast();
const [isLoading, setIsLoading] = useState(false);
const [isFetchingData, setIsFetchingData] = useState(true);
const [plans, setPlans] = useState([]);
const [sshKeys, setSshKeys] = useState([]);
const [showAddSshKey, setShowAddSshKey] = useState(false);
const UTHO_API_KEY = "Bearer IoNXhkRJsQPyOEqFMceSfzuKaDLrpxUCATgZjiVdvYlBHbwWmGtn";
const [formData, setFormData] = useState({
dcslug: "inmumbaizone2",
@@ -39,10 +39,10 @@ export default function NewCloudInstance() {
// Fetch plans and SSH keys in parallel
const [plansResponse, sshResponse] = await Promise.all([
fetch("https://api.utho.com/v2/plans", {
headers: { "Authorization": `Bearer ${PUBLIC_UTHO_API_KEY}` }
headers: { "Authorization": UTHO_API_KEY }
}),
fetch("https://api.utho.com/v2/key", {
headers: { "Authorization": `Bearer ${PUBLIC_UTHO_API_KEY}` }
headers: { "Authorization": UTHO_API_KEY }
})
]);
@@ -92,7 +92,7 @@ export default function NewCloudInstance() {
const response = await fetch("https://api.utho.com/v2/cloud/deploy", {
method: "POST",
headers: {
"Authorization": `Bearer ${PUBLIC_UTHO_API_KEY}`,
"Authorization": UTHO_API_KEY,
"Content-Type": "application/json"
},
body: JSON.stringify(payload)
@@ -139,7 +139,7 @@ export default function NewCloudInstance() {
const response = await fetch('https://api.utho.com/v2/key/import', {
method: "POST",
headers: {
"Authorization": `Bearer ${PUBLIC_UTHO_API_KEY}`,
"Authorization": UTHO_API_KEY,
"Content-Type": "application/json"
},
body: JSON.stringify({
@@ -153,7 +153,7 @@ export default function NewCloudInstance() {
if (data.status === 'success') {
// Refresh SSH keys list
const sshResponse = await fetch("https://api.utho.com/v2/key", {
headers: { "Authorization": `Bearer ${PUBLIC_UTHO_API_KEY}` }
headers: { "Authorization": UTHO_API_KEY }
});
const sshData = await sshResponse.json();
setSshKeys(sshData.key || []);

View File

@@ -10,7 +10,7 @@ const PRICE_CONFIG = [
{purchaseType: 'bulk', price: 1000, minute: 10000}
];
export default function STTStreaming(){
const PUBLIC_USER_API_URL = import.meta.env.PUBLIC_USER_API_URL;
const USER_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/users/';
const [purchaseType, setPurchaseType] = useState();
const [amount, setAmount] = useState();
const [dataError, setDataError] = useState();
@@ -38,7 +38,7 @@ export default function STTStreaming(){
formData.append('cycle', 'monthly');
formData.append('amount', amount.toString());
formData.append('service_type', 'streaming_api');
const response = await fetch(`${PUBLIC_USER_API_URL}?query=initiate_payment`, {
const response = await fetch(`${USER_API_URL}?query=initiate_payment`, {
method: 'POST',
body: formData, // Using FormData instead of JSON
credentials: 'include'

View File

@@ -1,200 +0,0 @@
import React, { useEffect, useState } from 'react';
import { Card } from "./ui/card";
import { Label } from "./ui/label";
import { Textarea } from "./ui/textarea";
import { Button } from "./ui/button";
import { useIsLoggedIn } from '../lib/isLoggedIn';
const COMMENTS_API_URL = 'https://host-api-sxashuasysagibx.siliconpin.com/v1/comments/';
export default function Comment(props) {
const [comments, setComments] = useState([]);
const [newComment, setNewComment] = useState({ comment: '' });
const [isSubmitting, setIsSubmitting] = useState(false);
const [submitSuccess, setSubmitSuccess] = useState(false);
const [submitError, setSubmitError] = useState('');
const [isLoadingComments, setIsLoadingComments] = useState(true);
const { isLoggedIn, loading, error, sessionData } = useIsLoggedIn();
// Load comments when component mounts or when topicId changes
useEffect(() => {
if (props.topicId) {
fetchComments(props.topicId);
}
}, [props.topicId]);
const fetchComments = async (topicId) => {
setIsLoadingComments(true);
try {
const response = await fetch(`${COMMENTS_API_URL}?topicId=${topicId}`, {
method: 'GET',
credentials: 'include',
});
const data = await response.json();
if (!response.ok) {
throw new Error(data.message || 'Failed to fetch comments');
}
if (data.success && data.comments) {
setComments(data.comments);
} else {
throw new Error('Invalid response format');
}
} catch (error) {
console.error('Error fetching comments:', error);
setSubmitError('Failed to load comments');
} finally {
setIsLoadingComments(false);
}
};
const handleInputChange = (e) => {
const { name, value } = e.target;
setNewComment(prev => ({
...prev,
[name]: value
}));
};
const handleSubmitComment = async (e) => {
e.preventDefault();
setIsSubmitting(true);
setSubmitError('');
try {
const response = await fetch(`${COMMENTS_API_URL}?query=new-comment`, {
method: 'POST',
credentials: 'include',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
...newComment,
topicId: props.topicId
}),
});
if (response.ok) {
setNewComment({ comment: '' });
setSubmitSuccess(true);
setTimeout(() => setSubmitSuccess(false), 3000);
// Refresh comments after successful submission
await fetchComments(props.topicId);
} else {
const errorData = await response.json();
setSubmitError(errorData.message || 'Failed to submit comment');
}
} catch (error) {
setSubmitError('Network error. Please try again.');
} finally {
setIsSubmitting(false);
}
};
const getUserInitials = (name) => {
if (!name) return 'U';
const words = name.trim().split(' ');
return words
.slice(0, 2)
.map(word => word[0].toUpperCase())
.join('');
};
return (
<>
{/* Comments List */}
<div className="space-y-6 border-t">
<h2 className="text-2xl font-bold text-[#6d9e37]">Comments ({comments.length})</h2>
{isLoadingComments ? (
<div className="flex justify-center py-4">
{/* <div className="animate-spin rounded-full h-8 w-8 border-t-2 border-b-2 border-[#6d9e37]"></div> */}
</div>
) : comments.length === 0 ? (
<p className="text-gray-500">No comments yet. Be the first to comment!</p>
) : (
comments.map(comment => (
<div key={comment.id} className="border-b pb-6 last:border-b-0">
<div className="flex items-start gap-4">
<div className="flex-shrink-0">
<div className="w-10 h-10 rounded-full bg-gray-200 flex items-center justify-center text-gray-500 font-bold">
{getUserInitials(comment.userName)}
</div>
</div>
<div className="flex-1">
<div className="flex items-center gap-2 mb-1">
<h4 className="font-medium text-[#6d9e37]">
{comment.userName || 'User'}
</h4>
<span className="text-xs text-gray-500">
{new Date(comment.created_at).toLocaleDateString('en-US', {
year: 'numeric',
month: 'short',
day: 'numeric'
})}
</span>
</div>
<p className="">{comment.comment}</p>
</div>
</div>
</div>
))
)}
</div>
{/* Comments Section */}
<Card className="mt-16 border-t">
<div className="relative">
<div className="px-6 pb-6 rounded-lg">
<h3 className="text-lg font-medium mb-4 pt-8">Leave a Comment</h3>
{submitSuccess && (
<div className="mb-4 p-3 bg-green-100 text-green-700 rounded">
Thank you for your comment!
</div>
)}
{submitError && (
<div className="mb-4 p-3 bg-red-100 text-red-700 rounded">
{submitError}
</div>
)}
<form onSubmit={handleSubmitComment}>
<div className="mb-4">
<Label htmlFor="comment">Comment *</Label>
<Textarea
className="mt-2"
id="comment"
name="comment"
rows="4"
value={newComment.comment}
onChange={handleInputChange}
required
disabled={!isLoggedIn}
/>
</div>
<Button type="submit" disabled={isSubmitting || !isLoggedIn}>
{isSubmitting ? 'Submitting...' : 'Post Comment'}
</Button>
</form>
</div>
{loading ? (
<>
<div className="w-full h-full absolute bg-black inset-0 opacity-70 backdrop-blur-2xl rounded-lg" />
<div className="w-10 h-10 rounded-full border-2 border-dotted border-[#6d9e37] absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2" role="status">
<span className="sr-only">Loading...</span>
</div>
</>
) : !isLoggedIn ? (
<>
<div className="w-full h-full absolute bg-black inset-0 opacity-70 backdrop-blur-2xl rounded-lg" />
<p className="text-gray-100 bg-gray-700 p-2 rounded-md shadow-xl italic absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2">
Join the conversation! Log in or sign up to post a comment
</p>
</>
) : null}
</div>
</Card>
</>
);
}

View File

@@ -1,183 +0,0 @@
import React, { useEffect, useState } from 'react';
import { Card } from '../ui/card';
import { Button } from '../ui/button';
import { Textarea } from '../ui/textarea';
import CommentThread from './CommentThread';
import { token, user_name, pb_id, siliconId, isLogin } from '../../lib/CookieValues';
import { useIsLoggedIn } from '../../lib/isLoggedIn';
const CommentSystem = ({ topicId, pbId }) => {
const isLoginCoockie = JSON.parse(isLogin);
const { isLoggedIn, loading, error, sessionData } = useIsLoggedIn();
const [comments, setComments] = useState([]);
const [newComment, setNewComment] = useState('');
const [commentsLoading, setCommentsLoading] = useState(false);
const [commentsError, setCommentsError] = useState('');
const nestComments = (flatComments) => {
const commentMap = {};
const rootComments = [];
flatComments?.forEach(comment => {
comment.replies = [];
commentMap[comment.comment_id] = comment;
});
flatComments?.forEach(comment => {
if (comment.parent_comment_id?.Valid) {
const parent = commentMap[comment.parent_comment_id.String];
if (parent) parent.replies.push(comment);
} else {
rootComments.push(comment);
}
});
return rootComments.sort((a, b) =>
new Date(b.created_at) - new Date(a.created_at));
};
const fetchComments = async () => {
try {
setCommentsLoading(true);
setCommentsError('');
const params = new URLSearchParams({
topic_id: String(topicId),
});
// Only add silicon_id if it has a value
if (siliconId && siliconId !== 'null') {
params.append('silicon_id', siliconId);
}
// Only add pb_id if it has a value
if (pb_id && pb_id !== 'null') {
params.append('pb_id', pb_id);
}
const response = await fetch(`/api/comments?${params.toString()}`);
if (!response.ok) {
const errorData = await response.json().catch(() => ({}));
throw new Error(errorData.message || `HTTP error! status: ${response.status}`);
}
const flatComments = await response.json();
setComments(nestComments(flatComments || []));
} catch (err) {
setCommentsError(err.message);
console.error('Fetch error:', err);
} finally {
setCommentsLoading(false);
}
};
const postComment = async (text, parentId = null) => {
try {
setCommentsLoading(true);
const payload = {
topic_id: String(topicId),
silicon_id: siliconId,
pb_id: pb_id,
user_id: siliconId,
user_name: user_name,
comment_text: text,
is_approved: true
};
if (parentId) {
payload.parent_comment_id = parentId;
}
const endpoint = parentId ? '/api/comments/reply' : '/api/comments';
const response = await fetch(endpoint, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(payload)
});
if (!response.ok) {
const errorData = await response.json().catch(() => ({}));
throw new Error(errorData.message || 'Failed to post comment');
}
await fetchComments();
} catch (err) {
setCommentsError(err.message);
} finally {
setCommentsLoading(false);
}
};
useEffect(() => {
fetchComments();
}, [topicId, siliconId, pbId]);
return (
<div className=" mx-auto py-6 px-4 sm:px-6 lg:px-8">
<h2 className="text-2xl font-bold text-[#6d9e37] mb-6">Comments</h2>
{commentsError && (
<div className="bg-red-50 text-red-700 p-3 rounded-md mb-4">
{commentsError}
</div>
)}
{commentsLoading && comments.length === 0 ? (
<div className="text-center py-8 text-[#6d9e37]">Loading comments...</div>
) : (
<div className="space-y-6">
{comments.length > 0 ? (
comments.map(comment => (
<CommentThread key={comment.comment_id} comment={comment} onReply={postComment} />
))
) : (
<p className="text-center py-8 text-gray-500 italic">
No comments yet. Be the first to comment!
</p>
)}
</div>
)}
<div className='relative'>
{
isLoginCoockie !== true ? (
<div className="absolute bg-black bg-opacity-70 w-full h-full rounded-lg">
<div className='absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2'>
<p className='italic bg-[#2a2e35] px-2 py-1.5 rounded-md shadow-xl'>To join the conversation, please log in first.</p>
</div>
</div>
) : (
''
)
}
<Card className="mt-8 p-6">
<h3 className="text-lg font-medium mb-4">Add a Comment</h3>
<form onSubmit={(e) => {
e.preventDefault();
if (!newComment.trim()) return;
postComment(newComment);
setNewComment('');
}}>
<Textarea value={newComment} onChange={(e) => setNewComment(e.target.value)} placeholder="Share your thoughts..." className="min-h-[100px]" required minLength={1}/>
<div className="mt-4">
<Button type="submit" disabled={commentsLoading || !newComment.trim()} className="w-full sm:w-auto">
{commentsLoading ? (
<span className="flex items-center">
<svg className="animate-spin -ml-1 mr-2 h-4 w-4 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4"></circle>
<path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
</svg>
Posting...
</span>
) : 'Post Comment'}
</Button>
</div>
</form>
</Card>
</div>
</div>
);
};
export default CommentSystem;

View File

@@ -1,64 +0,0 @@
import React, { useState } from 'react';
import { Button } from '../ui/button';
import { Textarea } from '../ui/textarea';
import { token, user_name, pb_id, siliconId, isLogin } from '../../lib/CookieValues';
const CommentThread = ({ comment, depth = 0, onReply }) => {
const isLoginCoockie = JSON.parse(isLogin);
const [isReplying, setIsReplying] = useState(false);
const [replyText, setReplyText] = useState('');
const [replyError, setReplyError] = useState('')
const handleReplySubmit = (e) => {
e.preventDefault();
if (!replyText.trim()) return;
onReply(replyText, comment.comment_id);
setReplyText('');
setIsReplying(false);
};
return (
<div
className={`mb-4 pl-${depth * 4} border-l-2 ${depth > 0 ? 'border-[#6d9e37]' : 'border-transparent'}`}
style={{ marginLeft: `${depth * 0.5}rem` }}
>
<div className="bg-[#25272950] rounded-lg shadow-sm px-4 py-3 mb-2">
<div className="flex gap-3 items-center justify-center">
{/* User Avatar SVG */}
<div className="flex-shrink-0 ">
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" className="rounded-full bg-[#6d9e37] p-1"><path d="M20 20C24.1421 20 27.5 16.6421 27.5 12.5C27.5 8.35786 24.1421 5 20 5C15.8579 5 12.5 8.35786 12.5 12.5C12.5 16.6421 15.8579 20 20 20ZM20 23.75C14.2675 23.75 5 26.4825 5 32.1875V35H35V32.1875C35 26.4825 25.7325 23.75 20 23.75Z" fill="white"/></svg>
</div>
<div className="flex-1">
<div className="flex justify-between items-start mb-1">
<span className="font-medium text-[#6d9e37]">{comment.user_name}</span>
<span className="text-xs text-gray-400">
{new Date(comment.created_at).toLocaleString()}
</span>
</div>
<p className="text-gray-100 mb-2 whitespace-pre-wrap">{comment.comment_text}</p>
</div>
</div>
{
isLoginCoockie === true && (
<Button variant="outline" className="border-none text-[#6d9e37] hover:text-[#8bc34a] hover:bg-transparent px-0 py-0 h-auto" onClick={() => setIsReplying(!isReplying)}>Reply</Button>
)
}
{isReplying && (
<form onSubmit={handleReplySubmit} className="mt-3 pl-11">
<Textarea value={replyText} onChange={(e) => setReplyText(e.target.value)} placeholder="Write your reply..." className="mb-2 min-h-[70px]" required minLength={1} />
<div className="flex gap-2">
<Button type="submit" size="sm" className="bg-[#6d9e37] hover:bg-[#8bc34a]">Post Reply</Button>
<Button type="button" variant="outline" size="sm" className="border-gray-600 text-gray-300 hover:border-[#6d9e37] hover:text-[#8bc34a]" onClick={() => setIsReplying(false)}>Cancel</Button>
</div>
</form>
)}
</div>
{comment.replies?.map((reply) => (
<CommentThread key={reply.comment_id} comment={reply} depth={depth + 1} onReply={onReply}/>
))}
</div>
);
};
export default CommentThread;

View File

@@ -1,5 +0,0 @@
import CommentSystem from './CommentSystem';
import CommentThread from './CommentThread';
export default CommentSystem;
export { CommentThread };

View File

@@ -1,371 +0,0 @@
import React, { useEffect, useState } from 'react';
import MDEditor, { commands } from '@uiw/react-md-editor';
import { Card } from "./ui/card";
import { Label } from "./ui/label";
import { Button } from "./ui/button";
import { Dialog, DialogContent, DialogHeader, DialogTitle } from "./ui/dialog";
import { Input } from "./ui/input";
import { useIsLoggedIn } from '../lib/isLoggedIn';
const COMMENTS_API_URL = 'https://host-api-sxashuasysagibx.siliconpin.com/v1/comments/';
const PUBLIC_MINIO_UPLOAD_URL = import.meta.env.PUBLIC_MINIO_UPLOAD_URL;
export default function Comment(props) {
const [comments, setComments] = useState([]);
const [newComment, setNewComment] = useState({ comment: '' });
const [isSubmitting, setIsSubmitting] = useState(false);
const [submitSuccess, setSubmitSuccess] = useState(false);
const [submitError, setSubmitError] = useState('');
const [isLoadingComments, setIsLoadingComments] = useState(true);
const [editorMode, setEditorMode] = useState('edit');
const [imageDialogOpen, setImageDialogOpen] = useState(false);
const [imageUrlInput, setImageUrlInput] = useState('');
const [imageUploadFile, setImageUploadFile] = useState(null);
const [imageUploadPreview, setImageUploadPreview] = useState('');
const [uploadProgress, setUploadProgress] = useState(0);
const { isLoggedIn, loading, error, sessionData } = useIsLoggedIn();
// Custom image command for MDEditor
const customImageCommand = {
name: 'image',
keyCommand: 'image',
buttonProps: { 'aria-label': 'Insert image' },
icon: (
<svg width="12" height="12" viewBox="0 0 20 20">
<path fill="currentColor" d="M15 9c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm4-7H1c-.55 0-1 .45-1 1v14c0 .55.45 1 1 1h18c.55 0 1-.45 1-1V3c0-.55-.45-1-1-1zm-1 13l-6-5-2 2-4-5-4 8V4h16v11z"/>
</svg>
),
execute: () => {
setImageDialogOpen(true);
},
};
// Get all default commands and replace the image command
const allCommands = commands.getCommands().map(cmd => {
if (cmd.name === 'image') {
return customImageCommand;
}
return cmd;
});
// Load comments when component mounts
useEffect(() => {
if (props.topicId) {
fetchComments(props.topicId);
}
}, [props.topicId]);
const fetchComments = async (topicId) => {
setIsLoadingComments(true);
try {
const response = await fetch(`${COMMENTS_API_URL}?topicId=${topicId}`, {
method: 'GET',
credentials: 'include',
});
const data = await response.json();
if (!response.ok) {
throw new Error(data.message || 'Failed to fetch comments');
}
if (data.success && data.comments) {
setComments(data.comments);
} else {
throw new Error('Invalid response format');
}
} catch (error) {
console.error('Error fetching comments:', error);
setSubmitError('Failed to load comments');
} finally {
setIsLoadingComments(false);
}
};
// Upload file to MinIO
const uploadToMinIO = async (file) => {
const formData = new FormData();
formData.append('file', file);
formData.append('api_key', 'wweifwehfwfhwhtuyegbvijvbfvegfreyf');
try {
const response = await fetch(PUBLIC_MINIO_UPLOAD_URL, {
method: 'POST',
body: formData,
credentials: 'include'
});
if (!response.ok) {
throw new Error('Upload failed');
}
const data = await response.json();
return data.publicUrl;
} catch (error) {
console.error('Upload error:', error);
throw error;
}
};
// Handle image URL insertion
const handleInsertImageUrl = () => {
if (imageUrlInput) {
const imgMarkdown = `![Image](${imageUrlInput})`;
setNewComment(prev => ({
...prev,
comment: prev.comment ? `${prev.comment}\n${imgMarkdown}` : imgMarkdown
}));
setImageDialogOpen(false);
setImageUrlInput('');
}
};
// Handle image file selection
const handleImageFileSelect = (e) => {
const file = e.target.files[0];
if (file) {
setImageUploadFile(file);
// Create preview
const reader = new FileReader();
reader.onload = () => {
setImageUploadPreview(reader.result);
};
reader.readAsDataURL(file);
}
};
// Upload image file to MinIO and insert into editor
const handleImageUpload = async () => {
if (!imageUploadFile) return;
try {
setIsSubmitting(true);
setUploadProgress(0);
const uploadedUrl = await uploadToMinIO(imageUploadFile);
// Insert markdown for the uploaded image
const imgMarkdown = `![Image](${uploadedUrl})`;
setNewComment(prev => ({
...prev,
comment: prev.comment ? `${prev.comment}\n${imgMarkdown}` : imgMarkdown
}));
setImageDialogOpen(false);
setImageUploadFile(null);
setImageUploadPreview('');
} catch (error) {
setSubmitError('Failed to upload image: ' + error.message);
} finally {
setIsSubmitting(false);
}
};
const handleSubmitComment = async (e) => {
e.preventDefault();
setIsSubmitting(true);
setSubmitError('');
try {
const response = await fetch(`${COMMENTS_API_URL}?query=new-comment`, {
method: 'POST',
credentials: 'include',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
...newComment,
topicId: props.topicId
}),
});
if (response.ok) {
setNewComment({ comment: '' });
setSubmitSuccess(true);
setTimeout(() => setSubmitSuccess(false), 3000);
// Refresh comments after successful submission
await fetchComments(props.topicId);
} else {
const errorData = await response.json();
setSubmitError(errorData.message || 'Failed to submit comment');
}
} catch (error) {
setSubmitError('Network error. Please try again.');
} finally {
setIsSubmitting(false);
}
};
const getUserInitials = (name) => {
if (!name) return 'U';
const words = name.trim().split(' ');
return words
.slice(0, 2)
.map(word => word[0].toUpperCase())
.join('');
};
return (
<>
{/* Comments List */}
<div className="space-y-6 border-t">
<h2 className="text-2xl font-bold text-[#6d9e37]">Comments ({comments.length})</h2>
{isLoadingComments ? (
<div className="flex justify-center py-4">
<div className="animate-spin rounded-full h-8 w-8 border-t-2 border-b-2 border-[#6d9e37]"></div>
</div>
) : comments.length === 0 ? (
<p className="text-gray-500">No comments yet. Be the first to comment!</p>
) : (
comments.map(comment => (
<div key={comment.id} className="border-b pb-6 last:border-b-0">
<div className="flex items-start gap-4">
<div className="flex-shrink-0">
<div className="w-10 h-10 rounded-full bg-gray-200 flex items-center justify-center text-gray-500 font-bold">
{getUserInitials(comment.userName)}
</div>
</div>
<div className="flex-1">
<div className="flex items-center gap-2 mb-1">
<h4 className="font-medium text-[#6d9e37]">
{comment.userName || 'User'}
</h4>
<span className="text-xs text-gray-500">
{new Date(comment.created_at).toLocaleDateString('en-US', {
year: 'numeric',
month: 'short',
day: 'numeric'
})}
</span>
</div>
<div data-color-mode="light" className="markdown-body">
<MDEditor.Markdown source={comment.comment} />
</div>
</div>
</div>
</div>
))
)}
</div>
{/* Comments Section with MDEditor */}
<Card className="mt-16 border-t">
<div className="relative">
<div className="px-6 pb-6 rounded-lg">
<h3 className="text-lg font-medium mb-4 pt-8">Leave a Comment</h3>
{submitSuccess && (
<div className="mb-4 p-3 bg-green-100 text-green-700 rounded">
Thank you for your comment!
</div>
)}
{submitError && (
<div className="mb-4 p-3 bg-red-100 text-red-700 rounded">
{submitError}
</div>
)}
<form onSubmit={handleSubmitComment}>
<div className="mb-4">
<Label htmlFor="comment">Comment *</Label>
<div data-color-mode="light">
<MDEditor
placeholder="Write your comment (markdown supported)"
value={newComment.comment}
onChange={(value) => setNewComment(prev => ({ ...prev, comment: value || '' }))}
height={300}
preview={editorMode}
commands={allCommands}
/>
</div>
<div className="flex justify-end mt-2">
<button
type="button"
onClick={() => setEditorMode(editorMode === 'edit' ? 'preview' : 'edit')}
className={`text-sm ${editorMode !== 'edit' ? 'bg-[#6d9e37] text-white' : 'text-[#6d9e37]'} px-2 py-1 rounded-md border border-[#6d9e37]`}
>
{editorMode === 'edit' ? 'Preview' : 'Edit'}
</button>
</div>
</div>
<Button type="submit" disabled={isSubmitting || !isLoggedIn}>
{isSubmitting ? 'Submitting...' : 'Post Comment'}
</Button>
</form>
</div>
{/* Image Upload Dialog */}
<Dialog open={imageDialogOpen} onOpenChange={setImageDialogOpen}>
<DialogContent className="sm:max-w-[425px]">
<DialogHeader>
<DialogTitle>Insert Image</DialogTitle>
</DialogHeader>
<div className="grid gap-4 py-4">
<div className="space-y-2">
<Label htmlFor="image-url">From URL</Label>
<Input
id="image-url"
type="text"
placeholder="Enter image URL"
value={imageUrlInput}
onChange={(e) => setImageUrlInput(e.target.value)}
/>
<Button
type="button"
onClick={handleInsertImageUrl}
disabled={!imageUrlInput}
className="mt-2"
>
Insert Image
</Button>
</div>
<div className="space-y-2">
<Label htmlFor="image-upload">Upload Image</Label>
<Input
id="image-upload"
type="file"
accept="image/*"
onChange={handleImageFileSelect}
/>
{imageUploadPreview && (
<div className="mt-2">
<img
src={imageUploadPreview}
alt="Preview"
className="max-h-40 rounded-md border"
/>
</div>
)}
<Button
type="button"
onClick={handleImageUpload}
disabled={!imageUploadFile || isSubmitting}
className="mt-2"
>
{isSubmitting ? 'Uploading...' : 'Upload & Insert'}
</Button>
</div>
</div>
</DialogContent>
</Dialog>
{loading ? (
<>
<div className="w-full h-full absolute bg-black inset-0 opacity-70 backdrop-blur-2xl rounded-lg" />
<div className="w-10 h-10 rounded-full border-2 border-dotted border-[#6d9e37] absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2" role="status">
<span className="sr-only">Loading...</span>
</div>
</>
) : !isLoggedIn ? (
<>
<div className="w-full h-full absolute bg-black inset-0 opacity-70 backdrop-blur-2xl rounded-lg" />
<p className="text-gray-100 bg-gray-700 p-2 rounded-md shadow-xl italic absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2">
Join the conversation! Log in or sign up to post a comment
</p>
</>
) : null}
</div>
</Card>
</>
);
}

View File

@@ -7,8 +7,7 @@ import { Button } from './ui/button';
export function ContactForm() {
const [formState, setFormState] = useState({ name: '', email: '', company: '', service: '', message: '' });
const [formStatus, setFormStatus] = useState('idle');
const PUBLIC_USER_API_URL = import.meta.env.PUBLIC_USER_API_URL;
const USER_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/users/';
const handleInputChange = (e) => {
const { name, value } = e.target;
@@ -33,7 +32,7 @@ export function ContactForm() {
message: formState.message
};
const response = await fetch(`${PUBLIC_USER_API_URL}?query=contact-form`, {
const response = await fetch(`${USER_API_URL}?query=contact-form`, {
method: "POST",
credentials: "include",
headers: {

View File

@@ -5,9 +5,8 @@ import { Button } from './ui/button';
export const DomainSetupForm = ({ defaultSubdomain }) => {
// API URLs
const PUBLIC_USER_API_URL = import.meta.env.PUBLIC_USER_API_URL;
const PUBLIC_SERVICE_API_URL = import.meta.env.PUBLIC_SERVICE_API_URL;
const API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/users/';
const SERVICES_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/services/';
// State for deployment options
const [deploymentType, setDeploymentType] = useState('app');
@@ -114,7 +113,7 @@ export const DomainSetupForm = ({ defaultSubdomain }) => {
formData.append('cycle', selectedCycle);
formData.append('amount', selectedPrice.toString());
const response = await fetch(`${PUBLIC_USER_API_URL}?query=initiate_payment`, {
const response = await fetch(`${API_URL}?query=initiate_payment`, {
method: 'POST',
body: formData,
credentials: 'include'
@@ -167,7 +166,7 @@ export const DomainSetupForm = ({ defaultSubdomain }) => {
setShowDnsConfig(false);
try {
const response = await fetch(`${PUBLIC_SERVICE_API_URL}?query=validate-domain`, {
const response = await fetch(`${SERVICES_API_URL}?query=validate-domain`, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ domain })
@@ -209,7 +208,7 @@ export const DomainSetupForm = ({ defaultSubdomain }) => {
const checkSubDomainCname = useCallback(() => {
const domainToCheck = customDomain || customSubdomain;
fetch(`${PUBLIC_SERVICE_API_URL}?query=check-c-name`, {
fetch(`${SERVICES_API_URL}?query=check-c-name`, {
method: 'POST',
headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
body: `domain=${encodeURIComponent(domainToCheck)}`

View File

@@ -38,8 +38,9 @@ export const DomainSetupForm = ({ defaultSubdomain }) => {
const [vpnContinent, setVpnContinent] = useState('');
const PUBLIC_USER_API_URL = import.meta.env.PUBLIC_USER_API_URL;
const PUBLIC_SERVICE_API_URL = import.meta.env.PUBLIC_SERVICE_API_URL;
const API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/users/';
const SERVICES_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/services/';
// const BILLING_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/users/index.php';
const [selectedcycle, setSelectedcycle] = useState('');
const [selectedPrice, setSelectedPrice] = useState(0);
@@ -69,7 +70,7 @@ export const DomainSetupForm = ({ defaultSubdomain }) => {
formData.append('cycle', selectedcycle);
formData.append('amount', selectedPrice); //selectedPrice
fetch(`${PUBLIC_USER_API_URL}?query=initiate_payment`, {
fetch(`${API_URL}?query=initiate_payment`, {
method: 'POST',
body: formData,
credentials: 'include'
@@ -104,7 +105,7 @@ export const DomainSetupForm = ({ defaultSubdomain }) => {
formData.append('serviceId', 'vpnservices');
formData.append('cycle', selectedcycle);
formData.append('amount', selectedPrice);
fetch(`${PUBLIC_USER_API_URL}?query=initiate_payment`, {
fetch(`${API_URL}?query=initiate_payment`, {
method: 'POST',
body: formData,
credentials: 'include'
@@ -294,7 +295,7 @@ export const DomainSetupForm = ({ defaultSubdomain }) => {
try {
// Make API call to validate domain
const response = await fetch(`${PUBLIC_SERVICE_API_URL}?query=validate-domain`, {
const response = await fetch(`${SERVICES_API_URL}?query=validate-domain`, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
@@ -330,7 +331,7 @@ export const DomainSetupForm = ({ defaultSubdomain }) => {
const checkSubDomainCname = () => {
const domainToCheck = customDomain || customSubdomain;
fetch(`${PUBLIC_SERVICE_API_URL}?query=check-c-name`, {
fetch(`${SERVICES_API_URL}?query=check-c-name`, {
method: 'POST',
headers: {
'Content-Type': 'application/x-www-form-urlencoded',

View File

@@ -34,11 +34,7 @@ const LoginPage = () => {
const [status, setStatus] = useState<AuthStatus>({ message: '', isError: false });
const [isLoading, setIsLoading] = useState(false);
const PUBLIC_USER_API_URL = import.meta.env.PUBLIC_USER_API_URL;
const PUBLIC_HOST_API2_USERS = import.meta.env.PUBLIC_HOST_API2_USERS;
const PUBLIC_POCKETBASE_URL = import.meta.env.PUBLIC_POCKETBASE_URL;
const pb = new PocketBase(PUBLIC_POCKETBASE_URL);
const pb = new PocketBase("https://tst-pb.s38.siliconpin.com");
interface AuthResponse {
token: string;
@@ -52,14 +48,6 @@ const LoginPage = () => {
};
}
// Set Coockie Function
function setCookie(name : string, value : string, daysToExpire : number) {
const date = new Date();
date.setTime(date.getTime() + (daysToExpire * 24 * 60 * 60 * 1000));
const expires = "expires=" + date.toUTCString();
document.cookie = `${name}=${value}; ${expires}; path=/`;
}
const handleSubmit = async (e: FormEvent) => {
e.preventDefault();
setIsLoading(true);
@@ -135,9 +123,16 @@ const LoginPage = () => {
}
};
// Set Coockie Function
function setCookie(name : string, value : string, daysToExpire : number) {
const date = new Date();
date.setTime(date.getTime() + (daysToExpire * 24 * 60 * 60 * 1000));
const expires = "expires=" + date.toUTCString();
document.cookie = `${name}=${value}; ${expires}; path=/`;
}
const handleCreateUserInMongo = async (siliconId: string) => {
try {
const response = await fetch(`${PUBLIC_HOST_API2_USERS}`, {
const response = await fetch(`https://hostapi2.cs1.hz.siliconpin.com/api/users`, {
method: 'POST',
credentials: 'include',
headers: {
@@ -149,27 +144,22 @@ const LoginPage = () => {
})
});
const data = await response.json();
if (response.ok) {
if (response.status === 200 && data.message) {
console.log('User exists:', data.message);
return data.user; // return the existing user
}
console.log('New user created:', data);
return data; // return the new user
if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`);
}
throw new Error(data.error || `HTTP error! status: ${response.status}`);
const data = await response.json();
console.log('MongoDB Response:', data);
return data;
} catch (error) {
console.error('MongoDB Creation Error:', error);
throw error;
throw error; // Return Error
}
};
const syncSessionWithBackend = async (authData: AuthResponse, avatarUrl: string) => {
try {
// Step 1: Sync with SiliconPin backend
const response = await fetch(`${PUBLIC_USER_API_URL}?query=login`, {
const response = await fetch('https://host-api.cs1.hz.siliconpin.com/v1/users/?query=login', {
method: 'POST',
credentials: 'include',
headers: {
@@ -201,14 +191,7 @@ const LoginPage = () => {
// Step 3: Redirect to profile if all are ok
window.location.href = '/profile';
console.log('data', data)
setCookie('token', data.userData.accessToken, 7);
setCookie('user_name', authData.record.name, 7);
setCookie('pb_id', authData.record.id, 7);
setCookie('siliconId', data.userData.userId, 7);
setCookie('isLogin', JSON.stringify(true), 7);
return data;
} catch (error: any) {
console.error('Sync Error:', error);

View File

@@ -7,9 +7,7 @@ import { Toast } from './Toast';
import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "./ui/card";
import { FileX, Copy, CheckCircle2, AlertCircle, X } from "lucide-react";
import Loader from "./ui/loader";
const PUBLIC_USER_API_URL = import.meta.env.PUBLIC_USER_API_URL;
const API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/users/';
export default function MakePayment(){
const [initialOrderData, setInitialOrderData] = useState(null);
const [isLoading, setIsLoading] = useState(true);
@@ -38,7 +36,7 @@ export default function MakePayment(){
const formData = new FormData();
formData.append('order_id', orderId);
fetch(`${PUBLIC_USER_API_URL}?query=get-initiated_payment`, {
fetch(`${API_URL}?query=get-initiated_payment`, {
method: 'POST',
body: formData,
credentials: 'include'
@@ -156,7 +154,7 @@ export default function MakePayment(){
const handleSaveUPIPayment = async () => {
try {
const response = await fetch(`${PUBLIC_USER_API_URL}?query=save-upi-payment`, {
const response = await fetch(`${API_URL}?query=save-upi-payment`, {
method: 'POST',
credentials: 'include',
headers: {

View File

@@ -5,7 +5,7 @@ import { ChevronUp, ChevronDown, Eye, Pencil, Trash2, Download, CircleArrowRight
import { Button } from "../../components/ui/button";
import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "../ui/dialog";
export default function AllCustomerList() {
const PUBLIC_USER_API_URL = import.meta.env.PUBLIC_USER_API_URL;
const API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/users/';
const { isLoggedIn, loading, error, sessionData } = useIsLoggedIn();
const [usersData, setUsersData] = useState([]);
const [dataLoading, setDataLoading] = useState(true);
@@ -28,7 +28,7 @@ export default function AllCustomerList() {
const fetchUsersData = async () => {
setDataLoading(true);
try {
const res = await fetch(`${PUBLIC_USER_API_URL}?query=get-all-users`, {
const res = await fetch(`${API_URL}?query=get-all-users`, {
method: 'GET',
credentials: 'include',
headers: {
@@ -76,7 +76,7 @@ export default function AllCustomerList() {
const confirmDelete = async () => {
try {
const res = await fetch(`${PUBLIC_USER_API_URL}${currentUser.id}`, {
const res = await fetch(`${API_URL}${currentUser.id}`, {
method: 'DELETE',
credentials: 'include',
headers: {
@@ -96,7 +96,7 @@ export default function AllCustomerList() {
const saveUserChanges = async (updatedUser) => {
try {
const res = await fetch(`${PUBLIC_USER_API_URL}${updatedUser.id}`, {
const res = await fetch(`${API_URL}${updatedUser.id}`, {
method: 'PUT',
credentials: 'include',
headers: {

View File

@@ -37,7 +37,7 @@ export default function AllSellingList() {
const [currentPage, setCurrentPage] = useState(1);
const [itemsPerPage] = useState(10);
const PUBLIC_USER_API_URL = import.meta.env.PUBLIC_USER_API_URL;
const INVOICE_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/users/';
useEffect(() => {
if (isLoggedIn && sessionData?.user_type === 'admin') {
@@ -49,7 +49,7 @@ export default function AllSellingList() {
const fetchBillingData = async () => {
try {
setDataLoading(true);
const res = await fetch(`${PUBLIC_USER_API_URL}?query=all-selling-list`, {
const res = await fetch(`${INVOICE_API_URL}?query=all-selling-list`, {
method: 'GET',
credentials: 'include',
headers: {
@@ -69,7 +69,7 @@ export default function AllSellingList() {
const fetchUsersData = async () => {
try {
const res = await fetch(`${PUBLIC_USER_API_URL}?query=get-all-users`, {
const res = await fetch(`${INVOICE_API_URL}?query=get-all-users`, {
method: 'GET',
credentials: 'include',
headers: {
@@ -122,7 +122,7 @@ export default function AllSellingList() {
if (!window.confirm('Are you sure you want to delete this billing record?')) return;
try {
const res = await fetch(`${PUBLIC_USER_API_URL}?query=delete-billing&billingId=${billingId}&serviceType=${serviceType}`, {
const res = await fetch(`${INVOICE_API_URL}?query=delete-billing&billingId=${billingId}&serviceType=${serviceType}`, {
method: 'DELETE',
credentials: 'include',
headers: {
@@ -150,7 +150,7 @@ export default function AllSellingList() {
const handleSubmit = async (e) => {
e.preventDefault();
try {
const url = selectedItem ? `${PUBLIC_USER_API_URL}?query=update-billing&id=${selectedItem.id}` : `${PUBLIC_USER_API_URL}?query=create-billing`;
const url = selectedItem ? `${INVOICE_API_URL}?query=update-billing&id=${selectedItem.id}` : `${INVOICE_API_URL}?query=create-billing`;
const method = selectedItem ? 'PUT' : 'POST';
@@ -774,7 +774,7 @@ export default function AllSellingList() {
</div>
<div className="">
<label htmlFor="remarks" className="block text-sm font-medium text-gray-700 mb-1">Remarks</label>
<textarea name="remarks" value={formData.remarks} onChange={handleInputChange} className="w-full px-3 py-2 border border-[#6d9e37] rounded-md outline-none text-neutral-950"></textarea>
<input type="text" name="remarks" value={formData.remarks} onChange={handleInputChange} className="w-full px-3 py-2 border border-[#6d9e37] rounded-md outline-none text-neutral-950" />
</div>
</div>

View File

@@ -11,13 +11,13 @@ export default function HetznerServicesList() {
const { showToast } = useToast();
const [isLoading, setIsLoading] = useState(true);
const [servers, setServers] = useState([]);
const PUBLIC_HETZNER_API_KEY = import.meta.env.PUBLIC_HETZNER_API_KEY;
const HETZNER_API_KEY = "uMSBR9nxdtbuvazsVM8YMMDd0PvuynpgJbmzFIO47HblMlh7tlHT8wV05sQ28Squ"; // Replace with your actual API key
// Define fetchServers outside useEffect so it can be reused
const fetchServers = async () => {
try {
const response = await fetch("https://api.hetzner.cloud/v1/servers", {
headers: { "Authorization": `Bearer ${PUBLIC_HETZNER_API_KEY}` }
headers: { "Authorization": `Bearer ${HETZNER_API_KEY}` }
});
const data = await response.json();
setServers(data.servers || []);
@@ -42,7 +42,7 @@ export default function HetznerServicesList() {
const response = await fetch(`https://api.hetzner.cloud/v1/servers/${serverId}/actions/${action}`, {
method: "POST",
headers: {
"Authorization": `Bearer ${PUBLIC_HETZNER_API_KEY}`,
"Authorization": `Bearer ${HETZNER_API_KEY}`,
"Content-Type": "application/json"
}
});
@@ -77,7 +77,7 @@ export default function HetznerServicesList() {
const response = await fetch(`https://api.hetzner.cloud/v1/servers/${serverId}`, {
method: "DELETE",
headers: {
"Authorization": `Bearer ${PUBLIC_HETZNER_API_KEY}`,
"Authorization": `Bearer ${HETZNER_API_KEY}`,
"Content-Type": "application/json"
}
});

View File

@@ -19,7 +19,8 @@ export default function ViewAsUser() {
const [dataError, setDataError] = useState(null);
const [dialogOpen, setDialogOpen] = useState(false);
const [selectedInvoice, setSelectedInvoice] = useState(null);
const PUBLIC_USER_API_URL = import.meta.env.PUBLIC_USER_API_URL;
const USER_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/users/';
useEffect(() => {
const urlParams = new URLSearchParams(window.location.search);
@@ -35,7 +36,7 @@ export default function ViewAsUser() {
try {
const response = await fetch(
`${PUBLIC_USER_API_URL}?query=login-from-admin&siliconId=${id}`,
`${USER_API_URL}?query=login-from-admin&siliconId=${id}`,
{
method: 'GET',
credentials: 'include',

View File

@@ -5,7 +5,6 @@ import Loader from "./ui/loader";
const topicPageDesc = 'Cutting-edge discussions on tech, digital services, news, and digital freedom. Stay informed on AI, cybersecurity, privacy, and the future of innovation.';
export default function TopicCreation(props) {
const PUBLIC_TOPIC_API_URL = import.meta.env.PUBLIC_TOPIC_API_URL;
const { isLoggedIn, loading: authLoading, error: authError } = useIsLoggedIn();
const [topics, setTopics] = useState([]);
const [loading, setLoading] = useState(true);
@@ -14,7 +13,7 @@ export default function TopicCreation(props) {
useEffect(() => {
const fetchTopics = async () => {
try {
const res = await fetch(`${PUBLIC_TOPIC_API_URL}?query=my-topics`, {
const res = await fetch('https://host-api.cs1.hz.siliconpin.com/v1/topics/?query=my-topics', {
method: 'GET',
credentials: 'include',
headers: {

View File

@@ -8,8 +8,8 @@ import { Separator } from './ui/separator';
import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from './ui/dialog';
import { CustomTabs } from './ui/tabs';
const PUBLIC_MINIO_UPLOAD_URL = import.meta.env.PUBLIC_MINIO_UPLOAD_URL;
const PUBLIC_TOPIC_API_URL = import.meta.env.PUBLIC_TOPIC_API_URL;
const TOPIC_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/topics/';
const MINIO_UPLOAD_URL = 'https://hostapi2.cs1.hz.siliconpin.com/api/storage/upload';
const NewTopic = () => {
@@ -34,7 +34,7 @@ const NewTopic = () => {
formData.append('api_key', 'wweifwehfwfhwhtuyegbvijvbfvegfreyf');
try {
const response = await fetch(PUBLIC_MINIO_UPLOAD_URL, {
const response = await fetch(MINIO_UPLOAD_URL, {
method: 'POST',
body: formData,
credentials: 'include',
@@ -185,7 +185,7 @@ const NewTopic = () => {
};
// Submit to API
const response = await fetch(`${PUBLIC_TOPIC_API_URL}?query=create-new-topic`, {
const response = await fetch(`${TOPIC_API_URL}?query=create-new-topic`, {
method: 'POST',
headers: {
'Content-Type': 'application/json',

View File

@@ -7,9 +7,8 @@ import { Button } from './ui/button';
import { Separator } from './ui/separator';
import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from './ui/dialog';
import { CustomTabs } from './ui/tabs';
const PUBLIC_MINIO_UPLOAD_URL = import.meta.env.PUBLIC_MINIO_UPLOAD_URL;
const PUBLIC_TOPIC_API_URL = import.meta.env.PUBLIC_TOPIC_API_URL;
const TOPIC_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/topics/';
const MINIO_UPLOAD_URL = 'https://hostapi2.cs1.hz.siliconpin.com/api/storage/upload';
const NewTopic = () => {
@@ -34,7 +33,7 @@ const NewTopic = () => {
formData.append('api_key', 'wweifwehfwfhwhtuyegbvijvbfvegfreyf');
try {
const response = await fetch(PUBLIC_MINIO_UPLOAD_URL, {
const response = await fetch(MINIO_UPLOAD_URL, {
method: 'POST',
body: formData,
credentials: 'include'
@@ -186,7 +185,7 @@ const NewTopic = () => {
};
// Submit to API
const response = await fetch(`${PUBLIC_TOPIC_API_URL}?query=create-new-topic`, {
const response = await fetch(`${TOPIC_API_URL}?query=create-new-topic`, {
method: 'POST',
headers: {
'Content-Type': 'application/json',

View File

@@ -6,8 +6,7 @@ import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "./ui/
import { Eye, EyeOff, Loader2 } from "lucide-react";
import { Label } from "./ui/label";
// import type { RecordModel } from 'pocketbase';
const PUBLIC_POCKETBASE_URL = import.meta.env.PUBLIC_POCKETBASE_URL;
const pb = new PocketBase(PUBLIC_POCKETBASE_URL);
const pb = new PocketBase('https://tst-pb.s38.siliconpin.com');
interface RecordModel {
id: string;

View File

@@ -12,8 +12,9 @@ export default function HestiaCredentialsFetcher() {
const [serviceName, setServiceName] = useState(null);
const [serviceOrderId, setServiceOrderId] = useState(null);
const [userSiliconId, setUserSiliconId] = useState();
const PUBLIC_SERVICE_API_URL = import.meta.env.PUBLIC_SERVICE_API_URL;
const PUBLIC_HOST_API2_USERS = import.meta.env.PUBLIC_HOST_API2_USERS;
const SERVICES_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/services/';
useEffect(() => {
const fetchData = async () => {
const urlParams = new URLSearchParams(window.location.search);
@@ -47,7 +48,7 @@ export default function HestiaCredentialsFetcher() {
status: "active"
}
// console.log('serviceDataPayload', serviceDataPayload)
const response = await fetch(`${PUBLIC_HOST_API2_USERS}/${siliconId}/${query}`, {
const response = await fetch(`https://hostapi2.cs1.hz.siliconpin.com/api/users/${siliconId}/${query}`, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
@@ -73,7 +74,7 @@ export default function HestiaCredentialsFetcher() {
// Use the passed orderIdParam or fall back to state
const effectiveOrderId = orderIdParam || serviceOrderId;
const query = serviceToCall === 'vpn' ? 'get-vpn-cred' : 'get-hestia-cred';
const response = await fetch(`${PUBLIC_SERVICE_API_URL}?query=${query}&orderId=${effectiveOrderId}`, {
const response = await fetch(`${SERVICES_API_URL}?query=${query}&orderId=${effectiveOrderId}`, {
method: 'GET',
credentials: 'include',
});

View File

@@ -38,10 +38,8 @@ const SignupPage = () => {
const [confirmPasswordVisible, setConfirmPasswordVisible] = useState(false);
const [status, setStatus] = useState<AuthStatus>({ message: '', isError: false });
const [isLoading, setIsLoading] = useState(false);
const PUBLIC_USER_API_URL = import.meta.env.PUBLIC_USER_API_URL;
const PUBLIC_POCKETBASE_URL = import.meta.env.PUBLIC_POCKETBASE_URL;
const pb = new PocketBase(PUBLIC_POCKETBASE_URL);
const pb = new PocketBase("https://tst-pb.s38.siliconpin.com");
const handleSubmit = async (e: FormEvent) => {
e.preventDefault();
@@ -137,7 +135,7 @@ const SignupPage = () => {
const syncSessionWithBackend = async (authData: AuthResponse, avatarUrl: string) => {
try {
const response = await fetch(`${PUBLIC_USER_API_URL}?query=login`, {
const response = await fetch('https://host-api.cs1.hz.siliconpin.com/v1/users/?query=login', {
method: 'POST',
credentials: 'include',
headers: { 'Content-Type': 'application/json' },

View File

@@ -27,7 +27,7 @@ interface Message {
user_type: string;
}
const PUBLIC_TICKET_API_URL = import.meta.env.PUBLIC_TICKET_API_URL;
const API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/ticket/index.php';
function Ticketing() {
const [tickets, setTickets] = useState<Ticket[]>([]);
@@ -47,7 +47,7 @@ function Ticketing() {
const fetchTickets = async () => {
try {
const response = await fetch(`${PUBLIC_TICKET_API_URL}?action=get_tickets&status=${activeTab}`);
const response = await fetch(`${API_URL}?action=get_tickets&status=${activeTab}`);
const data = await response.json();
if (data.success) {
setTickets(data.tickets);
@@ -59,7 +59,7 @@ function Ticketing() {
const fetchMessages = async (ticketId: number) => {
try {
const response = await fetch(`${PUBLIC_TICKET_API_URL}?action=get_messages&ticket_id=${ticketId}`);
const response = await fetch(`${API_URL}?action=get_messages&ticket_id=${ticketId}`);
const data = await response.json();
console.log('Messages response:', data); // Debug log
if (data.success) {
@@ -78,7 +78,7 @@ function Ticketing() {
const handleSubmit = async (e: React.FormEvent) => {
e.preventDefault();
try {
const response = await fetch(PUBLIC_TICKET_API_URL, {
const response = await fetch(API_URL, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
@@ -99,7 +99,7 @@ function Ticketing() {
const handleStatusChange = async (ticketId: number, newStatus: 'open' | 'in-progress' | 'resolved' | 'closed') => {
try {
const response = await fetch(PUBLIC_TICKET_API_URL, {
const response = await fetch(API_URL, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
@@ -124,7 +124,7 @@ function Ticketing() {
if (!selectedTicket || !newMessage.trim()) return;
try {
const response = await fetch(PUBLIC_TICKET_API_URL, {
const response = await fetch(API_URL, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
@@ -146,7 +146,7 @@ function Ticketing() {
const handleDeleteTicket = async (ticketId: number) => {
try {
const response = await fetch(PUBLIC_TICKET_API_URL, {
const response = await fetch(API_URL, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({

View File

@@ -1,773 +0,0 @@
import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
import { Button } from '../ui/button';
const API_OPTIONS = [
{
id: 'whisper',
name: 'Whisper (GPU)',
endpoint: 'https://stt-41.siliconpin.com/stt',
description: '2 Req / Min, 10 / Day is free'
},
{
id: 'vosk',
name: 'Vosk (CPU)',
endpoint: 'https://api.vosk.ai/stt',
description: '10 Req / Min, 100 / Day is free'
},
];
const MAX_FILE_SIZE_MB = 5;
const MAX_FILE_SIZE_BYTES = MAX_FILE_SIZE_MB * 1024 * 1024;
export default function AudioUploader() {
// State management
const [file, setFile] = useState(null);
const [status, setStatus] = useState('No file uploaded yet');
const [response, setResponse] = useState(null);
const [isLoading, setIsLoading] = useState(false);
const [error, setError] = useState(null);
const [selectedApi, setSelectedApi] = useState('whisper');
const [copied, setCopied] = useState(false);
const [debugLogs, setDebugLogs] = useState([]);
const [recordingTime, setRecordingTime] = useState(0);
const [isRecording, setIsRecording] = useState(false);
const [audioBlob, setAudioBlob] = useState(null);
const [audioUrl, setAudioUrl] = useState(null);
const [showDebug, setShowDebug] = useState(false);
// Refs
const fileInputRef = useRef(null);
const mediaRecorderRef = useRef(null);
const audioChunksRef = useRef([]);
const timerRef = useRef(null);
const audioContextRef = useRef(null);
const analyserRef = useRef(null);
const canvasRef = useRef(null);
const animationRef = useRef(null);
const streamRef = useRef(null);
// Debug logging with useCallback to prevent infinite loops
const addDebugLog = useCallback((message) => {
const timestamp = new Date().toISOString().split('T')[1].split('.')[0];
const logMessage = `${timestamp}: ${message}`;
setDebugLogs(prev => [...prev.slice(-100), logMessage]);
console.debug(logMessage);
}, []);
// Timer effect
useEffect(() => {
if (isRecording) {
timerRef.current = setInterval(() => {
setRecordingTime(prev => prev + 1);
}, 1000);
return () => clearInterval(timerRef.current);
}
}, [isRecording]);
// Clean up on unmount
useEffect(() => {
return () => {
addDebugLog('Component unmounting - cleaning up resources');
stopRecording();
if (animationRef.current) {
cancelAnimationFrame(animationRef.current);
}
if (audioContextRef.current?.state !== 'closed') {
audioContextRef.current?.close().catch(err => {
addDebugLog(`Error closing AudioContext: ${err.message}`);
});
}
clearInterval(timerRef.current);
};
}, [addDebugLog]);
// Handle file change - completely stable implementation
const handleFileChange = useCallback((e) => {
const selectedFile = e.target.files[0];
if (!selectedFile) {
setFile(null);
setStatus('No file selected');
addDebugLog('No file selected');
return;
}
if (!['audio/wav', 'audio/mpeg', 'audio/ogg', 'audio/webm'].includes(selectedFile.type) &&
!selectedFile.name.match(/\.(wav|mp3|ogg|webm)$/i)) {
const errorMsg = 'Unsupported file format. Please use WAV, MP3, or OGG';
setError(errorMsg);
setStatus('Invalid file type');
setFile(null);
e.target.value = '';
addDebugLog(errorMsg);
return;
}
if (selectedFile.size > MAX_FILE_SIZE_BYTES) {
const errorMsg = `File size exceeds ${MAX_FILE_SIZE_MB}MB limit`;
setError(errorMsg);
setStatus('File too large');
setFile(null);
e.target.value = '';
addDebugLog(errorMsg);
return;
}
setFile(selectedFile);
setStatus(`File selected: ${selectedFile.name}`);
setResponse(null);
setError(null);
setAudioBlob(null);
setAudioUrl(null);
addDebugLog(`File selected: ${selectedFile.name} (${(selectedFile.size / (1024 * 1024)).toFixed(2)} MB)`);
}, [addDebugLog]);
// Create WAV blob - stable implementation
const createWavBlob = useCallback(async (audioBlob) => {
try {
addDebugLog('Starting WAV blob creation');
const arrayBuffer = await audioBlob.arrayBuffer();
const audioContext = new (window.AudioContext || window.webkitAudioContext)({
sampleRate: 16000
});
const decodedData = await audioContext.decodeAudioData(arrayBuffer);
addDebugLog(`Decoded audio data: ${decodedData.length} samples, ${decodedData.numberOfChannels} channels`);
let audioData;
if (decodedData.numberOfChannels > 1) {
audioData = new Float32Array(decodedData.length);
for (let i = 0; i < decodedData.length; i++) {
audioData[i] = (decodedData.getChannelData(0)[i] + decodedData.getChannelData(1)[i]) / 2;
}
addDebugLog('Converted stereo to mono');
} else {
audioData = decodedData.getChannelData(0);
}
const pcmData = new Int16Array(audioData.length);
for (let i = 0; i < audioData.length; i++) {
const s = Math.max(-1, Math.min(1, audioData[i]));
pcmData[i] = s < 0 ? s * 0x8000 : s * 0x7FFF;
}
addDebugLog(`Converted to 16-bit PCM: ${pcmData.length} samples`);
const wavHeader = createWaveHeader(pcmData.length * 2, {
sampleRate: 16000,
numChannels: 1,
bitDepth: 16
});
const wavBlob = new Blob([wavHeader, pcmData], { type: 'audio/wav' });
addDebugLog(`Created WAV blob: ${(wavBlob.size / 1024).toFixed(2)} KB`);
return wavBlob;
} catch (err) {
const errorMsg = `Error creating WAV blob: ${err.message}`;
addDebugLog(errorMsg);
throw new Error('Failed to process audio recording');
}
}, [addDebugLog]);
// Handle submit - stable implementation
const handleSubmit = useCallback(async () => {
let fileToSubmit;
try {
setIsLoading(true);
const apiName = API_OPTIONS.find(api => api.id === selectedApi)?.name;
setStatus(`Processing with ${apiName}...`);
setError(null);
addDebugLog(`Starting submission with ${apiName}`);
if (audioBlob) {
addDebugLog('Processing recorded audio blob');
fileToSubmit = await createWavBlob(audioBlob);
} else if (file) {
addDebugLog('Processing uploaded file');
fileToSubmit = file;
} else {
const errorMsg = 'No audio file selected';
addDebugLog(errorMsg);
throw new Error(errorMsg);
}
if (fileToSubmit.size > MAX_FILE_SIZE_BYTES) {
const errorMsg = `File size exceeds ${MAX_FILE_SIZE_MB}MB limit`;
addDebugLog(errorMsg);
throw new Error(errorMsg);
}
const formData = new FormData();
formData.append('audio', fileToSubmit, 'audio.wav');
addDebugLog(`Created FormData with ${(fileToSubmit.size / 1024).toFixed(2)} KB file`);
const apiConfig = API_OPTIONS.find(api => api.id === selectedApi);
if (!apiConfig) {
const errorMsg = 'Selected API not found';
addDebugLog(errorMsg);
throw new Error(errorMsg);
}
addDebugLog(`Sending request to ${apiConfig.endpoint}`);
const apiResponse = await fetch(apiConfig.endpoint, {
method: 'POST',
body: formData,
});
if (!apiResponse.ok) {
let errorMessage = `API returned error status: ${apiResponse.status}`;
try {
const errorData = await apiResponse.json();
errorMessage = errorData.message || errorData.error || errorMessage;
} catch (e) {
addDebugLog('Failed to parse error response');
}
addDebugLog(`API error: ${errorMessage}`);
throw new Error(errorMessage);
}
const result = await apiResponse.json();
addDebugLog('Received successful response from API');
setResponse({
api: selectedApi,
data: result
});
setStatus('Processing complete');
} catch (err) {
const errorMsg = err.message.includes('Failed to fetch')
? 'Network error: Could not connect to the API server'
: err.message;
addDebugLog(`Error during submission: ${errorMsg}`);
setError(errorMsg);
setStatus('Processing failed');
setResponse(null);
} finally {
setIsLoading(false);
addDebugLog('Submission process completed');
}
}, [selectedApi, audioBlob, file, createWavBlob, addDebugLog]);
// Helper functions
const createWaveHeader = useCallback((dataLength, config) => {
const byteRate = config.sampleRate * config.numChannels * (config.bitDepth / 8);
const blockAlign = config.numChannels * (config.bitDepth / 8);
const buffer = new ArrayBuffer(44);
const view = new DataView(buffer);
writeString(view, 0, 'RIFF');
view.setUint32(4, 36 + dataLength, true);
writeString(view, 8, 'WAVE');
writeString(view, 12, 'fmt ');
view.setUint32(16, 16, true);
view.setUint16(20, 1, true);
view.setUint16(22, config.numChannels, true);
view.setUint32(24, config.sampleRate, true);
view.setUint32(28, byteRate, true);
view.setUint16(32, blockAlign, true);
view.setUint16(34, config.bitDepth, true);
writeString(view, 36, 'data');
view.setUint32(40, dataLength, true);
return new Uint8Array(buffer);
}, []);
const writeString = useCallback((view, offset, string) => {
for (let i = 0; i < string.length; i++) {
view.setUint8(offset + i, string.charCodeAt(i));
}
}, []);
const copyToClipboard = useCallback((text) => {
navigator.clipboard.writeText(text).then(() => {
setCopied(true);
setTimeout(() => setCopied(false), 2000);
addDebugLog('Text copied to clipboard');
}).catch(err => {
const errorMsg = 'Failed to copy text to clipboard';
addDebugLog(`${errorMsg}: ${err.message}`);
setError(errorMsg);
});
}, [addDebugLog]);
// Fixed getDisplayText to prevent infinite loops
const displayText = useMemo(() => {
if (!response?.data) {
addDebugLog('No response data to display');
return null;
}
if (typeof response.data === 'string') {
return response.data;
}
if (response.data.text) {
return response.data.text;
}
if (response.data.transcript) {
return response.data.transcript;
}
if (response.data.results?.[0]?.alternatives?.[0]?.transcript) {
return response.data.results[0].alternatives[0].transcript;
}
return "Received response but couldn't extract text. View full response for details.";
}, [response, addDebugLog]);
// Recording functions
const startRecording = useCallback(async () => {
try {
addDebugLog('Attempting to start recording');
setStatus("Requesting microphone access...");
if (audioBlob) {
addDebugLog('Clearing previous recording');
setAudioBlob(null);
setAudioUrl(null);
}
// Initialize audio context
audioContextRef.current = new (window.AudioContext || window.webkitAudioContext)({
sampleRate: 16000
});
addDebugLog(`AudioContext created with sample rate: ${audioContextRef.current.sampleRate}`);
// Get user media
const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
streamRef.current = stream;
addDebugLog('Microphone access granted, stream created');
// Setup visualization
setupVisualizer(stream);
// Initialize MediaRecorder
mediaRecorderRef.current = new MediaRecorder(stream);
audioChunksRef.current = [];
mediaRecorderRef.current.ondataavailable = (e) => {
audioChunksRef.current.push(e.data);
};
mediaRecorderRef.current.onstop = () => {
const audioBlob = new Blob(audioChunksRef.current, { type: 'audio/webm' });
setAudioBlob(audioBlob);
setAudioUrl(URL.createObjectURL(audioBlob));
setStatus("Recording stopped. Ready to process.");
};
mediaRecorderRef.current.start(100); // Collect data every 100ms
setIsRecording(true);
setStatus("Recording (16kHz, 16-bit mono)...");
addDebugLog('Recording started');
} catch (err) {
const errorMsg = `Error starting recording: ${err.message}`;
addDebugLog(errorMsg);
setError(errorMsg);
setStatus("Recording failed");
setIsRecording(false);
}
}, [audioBlob, addDebugLog]);
const stopRecording = useCallback(() => {
addDebugLog('Stop recording initiated');
if (!isRecording) {
addDebugLog('Not currently recording, ignoring stop request');
return;
}
try {
setIsRecording(false);
addDebugLog('Recording state updated to false');
if (mediaRecorderRef.current?.state === 'recording') {
mediaRecorderRef.current.stop();
}
if (streamRef.current) {
streamRef.current.getTracks().forEach(track => {
track.stop();
addDebugLog(`Stopped track: ${track.kind}`);
});
}
if (animationRef.current) {
cancelAnimationFrame(animationRef.current);
animationRef.current = null;
addDebugLog('Visualization animation stopped');
}
addDebugLog('Recording successfully stopped');
} catch (err) {
const errorMsg = `Error stopping recording: ${err.message}`;
addDebugLog(errorMsg);
setError(errorMsg);
setStatus("Recording stop failed");
}
}, [isRecording, addDebugLog]);
const playRecording = useCallback(() => {
if (audioUrl) {
addDebugLog('Playing recording');
const audio = new Audio(audioUrl);
audio.play();
setStatus("Playing recording...");
audio.onended = () => {
addDebugLog('Playback finished');
setStatus("Playback finished");
};
} else {
addDebugLog('No audio URL available for playback');
}
}, [audioUrl, addDebugLog]);
const setupVisualizer = useCallback((stream) => {
if (!audioContextRef.current) {
addDebugLog('AudioContext not available for visualization');
return;
}
try {
const source = audioContextRef.current.createMediaStreamSource(stream);
analyserRef.current = audioContextRef.current.createAnalyser();
analyserRef.current.fftSize = 64;
source.connect(analyserRef.current);
addDebugLog('Visualizer audio nodes connected');
const bufferLength = analyserRef.current.frequencyBinCount;
const dataArray = new Uint8Array(bufferLength);
const draw = () => {
animationRef.current = requestAnimationFrame(draw);
analyserRef.current.getByteFrequencyData(dataArray);
const canvas = canvasRef.current;
if (!canvas) return;
const ctx = canvas.getContext('2d');
if (!ctx) return;
ctx.clearRect(0, 0, canvas.width, canvas.height);
const barWidth = (canvas.width / bufferLength) * 2.5;
let x = 0;
for (let i = 0; i < bufferLength; i++) {
const barHeight = dataArray[i] / 2;
ctx.fillStyle = `rgb(${barHeight + 100}, 50, 50)`;
ctx.fillRect(x, canvas.height - barHeight, barWidth, barHeight);
x += barWidth + 1;
}
};
draw();
addDebugLog('Visualizer animation started');
} catch (err) {
addDebugLog(`Error setting up visualizer: ${err.message}`);
}
}, [addDebugLog]);
// Helper functions
const formatTime = useCallback((seconds) => {
const mins = Math.floor(seconds / 60).toString().padStart(2, '0');
const secs = (seconds % 60).toString().padStart(2, '0');
return `${mins}:${secs}`;
}, []);
const clearDebugLogs = useCallback(() => {
setDebugLogs([]);
addDebugLog('Debug logs cleared');
}, [addDebugLog]);
const toggleDebug = useCallback(() => {
setShowDebug(!showDebug);
addDebugLog(`Debug panel ${showDebug ? 'hidden' : 'shown'}`);
}, [showDebug, addDebugLog]);
return (
<div className="container mx-auto px-4 max-w-4xl my-6">
<div className="bg-white rounded-lg shadow-md p-6">
<div className="flex justify-between items-center mb-6">
<h1 className="text-2xl font-bold text-gray-800">Speech to Text Converter</h1>
<Button
onClick={toggleDebug}
variant="outline"
size="sm"
>
{showDebug ? 'Hide Debug' : 'Show Debug'}
</Button>
</div>
{/* Recording Section */}
<div className="mb-8 p-4 border border-dashed border-[#6d9e37] rounded-lg bg-gray-50">
<h2 className="text-lg font-semibold mb-3 text-gray-700">Record Audio (16kHz, 16-bit mono)</h2>
<canvas
ref={canvasRef}
className="w-full h-20 bg-gray-200 rounded mb-3"
style={{ display: isRecording ? 'block' : 'none' }}
/>
<div className="flex flex-wrap gap-2 mb-3">
<Button
onClick={startRecording}
disabled={isRecording || isLoading}
variant="outline"
className="px-4 py-2"
>
Start Recording
</Button>
<Button
onClick={stopRecording}
disabled={!isRecording || isLoading}
variant="outline"
className="px-4 py-2"
>
Stop Recording
</Button>
<Button
onClick={playRecording}
disabled={!audioUrl || isRecording || isLoading}
variant="outline"
className="px-4 py-2"
>
Play Recording
</Button>
</div>
{isRecording && (
<div className="text-center text-[#6d9e37] font-medium">
Recording: {formatTime(recordingTime)}
</div>
)}
{audioUrl && !isRecording && (
<div className="flex items-center justify-between bg-white p-3 rounded border mt-2">
<div className="flex items-center">
<svg className="w-5 h-5 text-[#6d9e37] mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span className="text-sm font-medium text-[#6d9e37]">recording.wav</span>
</div>
<span className="text-xs text-[#6d9e37]">
{(audioBlob?.size / (1024 * 1024)).toFixed(2)} MB
</span>
</div>
)}
</div>
<div className="flex items-center justify-center w-full mb-3 -mt-2">
<span className="flex-grow border-b-2 border-[#6d9e37]"></span>
<h2 className="mx-2 text-[#6d9e37] font-bold">OR</h2>
<span className="flex-grow border-b-2 border-[#6d9e37]"></span>
</div>
{/* File Upload Section */}
<div className="mb-8 p-4 border border-dashed border-[#6d9e37] rounded-lg bg-gray-50">
<div className="flex items-center justify-between mb-4">
<div>
<label className="block text-sm font-medium text-gray-700 mb-1">
Upload Audio File
</label>
<p className="text-xs text-gray-500">Supports WAV, MP3, OGG formats (max {MAX_FILE_SIZE_MB}MB)</p>
</div>
<Button
onClick={() => fileInputRef.current?.click()}
variant="outline"
className="px-4 py-2"
disabled={isLoading || isRecording}
>
Select File
</Button>
<input
type="file"
ref={fileInputRef}
accept="audio/*,.wav,.mp3,.ogg"
onChange={handleFileChange}
className="hidden"
disabled={isLoading || isRecording}
/>
</div>
{file && (
<div className="flex items-center justify-between bg-white p-3 rounded border">
<div className="flex items-center">
<svg className="w-5 h-5 text-[#6d9e37] mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span className="text-sm font-medium text-[#6d9e37]">{file.name}</span>
</div>
<span className="text-xs text-[#6d9e37]">
{(file.size / (1024 * 1024)).toFixed(2)} MB
</span>
</div>
)}
</div>
{/* API Selection Section */}
<div className="mb-8">
<h2 className="text-lg font-semibold mb-3 text-gray-700">Select Speech Recognition API</h2>
<div className="grid grid-cols-1 md:grid-cols-2 gap-3">
{API_OPTIONS.map(api => (
<div
key={api.id}
onClick={() => !isLoading && !isRecording && setSelectedApi(api.id)}
className={`p-4 border-[1.5px] rounded-lg cursor-pointer transition-all ${
selectedApi === api.id
? 'border-[1.5px] border-[#6d9e37] bg-[#6d9e3720]'
: 'border-gray-200 hover:border-gray-300'
} ${isLoading || isRecording ? 'opacity-50 cursor-not-allowed' : ''}`}
>
<div className="flex items-center">
<input
type="radio"
checked={selectedApi === api.id}
onChange={() => {}}
className="mr-2 h-4 w-4 accent-[#6d9e37]"
disabled={isLoading || isRecording}
/>
<div>
<h3 className="font-bold text-[#6d9e37]">{api.name}</h3>
<p className="text-xs text-gray-500">{api.description}</p>
</div>
</div>
</div>
))}
</div>
</div>
{/* Submit Button */}
<div className="flex justify-center mb-8">
<Button
onClick={handleSubmit}
disabled={(!file && !audioBlob) || isLoading || isRecording ||
(file && file.size > MAX_FILE_SIZE_BYTES)}
className="px-6 py-3 text-lg w-full md:w-auto"
>
{isLoading ? (
<span className="flex items-center justify-center">
<svg className="animate-spin -ml-1 mr-2 h-4 w-4 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4"></circle>
<path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
</svg>
Processing...
</span>
) : (
`Convert with ${API_OPTIONS.find(api => api.id === selectedApi)?.name}`
)}
</Button>
</div>
{/* Status */}
<div className="mb-6 text-center">
<p className={`text-sm ${
error ? 'text-red-600' :
isLoading ? 'text-[#6d9e37]' :
isRecording ? 'text-[#6d9e37]' :
'text-gray-600'
}`}>
{status}
</p>
</div>
{/* Error Display */}
{error && (
<div className="mt-6 p-4 bg-red-50 border border-red-200 rounded-lg">
<div className="flex items-center text-red-600">
<svg className="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<h3 className="font-medium">Error</h3>
</div>
<p className="mt-2 text-sm text-red-600">{error}</p>
{error.includes(`${MAX_FILE_SIZE_MB}MB`) && (
<p className="mt-1 text-xs text-red-500">
Please select a smaller audio file or record a shorter audio
</p>
)}
</div>
)}
{/* Results Display */}
{response && (
<div className="mt-6 border rounded-lg overflow-hidden">
<div className="bg-gray-50 px-4 py-3 border-b flex justify-between items-center">
<h3 className="font-medium text-[#6d9e37]">{API_OPTIONS.find(api => api.id === response.api)?.name} Results</h3>
{displayText && (
<Button
size="sm"
variant="outline"
onClick={() => copyToClipboard(displayText)}
className="text-sm">
{copied ? (<span className="flex items-center">Copied!</span>) : 'Copy Text'}
</Button>
)}
</div>
<div className="p-4 bg-white">
{displayText ? (
<div className="space-y-2">
<h4 className="text-sm font-medium text-gray-700">Transcription:</h4>
<div className="relative">
<p className="p-3 bg-gray-50 rounded text-sm text-gray-600 font-medium">{displayText}</p>
</div>
</div>
) : (
<p className="text-sm text-gray-600">
No text transcription found in the response.
</p>
)}
</div>
</div>
)}
{/* Debug Section */}
{showDebug && (
<div className="mt-8 border rounded-lg overflow-hidden">
<div className="bg-gray-50 px-4 py-3 border-b flex justify-between items-center">
<h3 className="font-medium text-gray-700">Debug Logs</h3>
<div className="flex gap-2">
<Button
size="sm"
variant="outline"
onClick={clearDebugLogs}
className="text-sm">
Clear Logs
</Button>
<Button
size="sm"
variant="outline"
onClick={() => {
const blob = new Blob([debugLogs.join('\n')], { type: 'text/plain' });
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = `audio-recorder-debug-${new Date().toISOString()}.log`;
a.click();
URL.revokeObjectURL(url);
}}
className="text-sm">
Export Logs
</Button>
</div>
</div>
<div className="p-4 bg-white max-h-60 overflow-y-auto">
{debugLogs.length > 0 ? (
<div className="space-y-1">
{debugLogs.map((log, index) => (
<div key={index} className="text-xs font-mono text-gray-600 border-b border-gray-100 pb-1">
{log}
</div>
))}
</div>
) : (
<p className="text-sm text-gray-500">No debug logs yet. Interactions will appear here.</p>
)}
</div>
</div>
)}
</div>
</div>
);
}

View File

@@ -1,295 +0,0 @@
import React, { useState, useEffect } from 'react';
import { motion, AnimatePresence } from 'framer-motion';
function App() {
const [images, setImages] = useState(Array(9).fill({ url: null, secretKey: null }));
const [loading, setLoading] = useState(Array(9).fill(true));
const [error, setError] = useState(null);
const [selectedImage, setSelectedImage] = useState(null);
// Fetch initial images with staggered loading
useEffect(() => {
const fetchInitialImages = async () => {
try {
const newImages = [];
const newLoading = [];
for (let i = 0; i < 9; i++) {
setTimeout(async () => {
const imageData = await fetchImage();
setImages(prev => {
const updated = [...prev];
updated[i] = imageData;
return updated;
});
setLoading(prev => {
const updated = [...prev];
updated[i] = false;
return updated;
});
}, i * 150); // Staggered loading effect
}
} catch (err) {
setError(err.message);
setLoading(Array(9).fill(false));
}
};
fetchInitialImages();
}, []);
const fetchImage = async () => {
try {
const response = await fetch('https://api-img-lbeling-jugtfrvbghysvfr.siliconpin.com/get-image');
if (!response.ok) throw new Error('Failed to fetch image');
return await response.json();
} catch (err) {
console.error('Error fetching image:', err);
throw err;
}
};
const submitScore = async (imageData, score, index) => {
try {
setLoading(prev => {
const newLoading = [...prev];
newLoading[index] = true;
return newLoading;
});
const fileName = imageData.url.split('/').pop();
const response = await fetch('https://api-img-lbeling-jugtfrvbghysvfr.siliconpin.com/save-score', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
fileName: fileName,
score: score,
secretKey: imageData.secretKey
}),
});
if (!response.ok) throw new Error('Failed to submit score');
// Animate out the current image
setImages(prev => {
const newImages = [...prev];
newImages[index] = { ...newImages[index], exiting: true };
return newImages;
});
// Wait for animation to complete
await new Promise(resolve => setTimeout(resolve, 300));
// Get new image and animate it in
const newImage = await fetchImage();
setImages(prev => {
const newImages = [...prev];
newImages[index] = { ...newImage, entering: true };
return newImages;
});
// Remove animation flags after entrance
setTimeout(() => {
setImages(prev => {
const newImages = [...prev];
newImages[index] = { ...newImages[index], entering: false };
return newImages;
});
}, 300);
} catch (err) {
console.error('Error submitting score:', err);
setError(err.message);
} finally {
setLoading(prev => {
const newLoading = [...prev];
newLoading[index] = false;
return newLoading;
});
}
};
const renderStarButtons = (imageData, index) => {
if (!imageData.url) return null;
return (
<motion.div
className="flex justify-center gap-2 mt-4"
initial={{ opacity: 0, y: 10 }}
animate={{ opacity: 1, y: 0 }}
transition={{ delay: 0.3 }}
>
{[1, 2, 3, 4, 5].map(star => (
<motion.button
key={star}
onClick={() => submitScore(imageData, star, index)}
disabled={loading[index]}
whileHover={{ scale: 1.05 }}
whileTap={{ scale: 0.95 }}
className={`
px-4 py-2 rounded-full border-2 font-medium text-sm
transition-colors duration-200
${loading[index] ?
'bg-gray-100 border-gray-200 text-gray-400 cursor-not-allowed' :
`bg-white ${star >= 3 ?
'border-emerald-300 text-emerald-600 hover:bg-emerald-50' :
'border-amber-300 text-amber-600 hover:bg-amber-50'}`
}
`}
>
{star}
</motion.button>
))}
</motion.div>
);
};
if (error) {
return (
<motion.div
className="flex items-center justify-center min-h-screen bg-gradient-to-br from-blue-50 to-purple-50"
initial={{ opacity: 0 }}
animate={{ opacity: 1 }}
transition={{ duration: 0.5 }}
>
<motion.div
className="max-w-md p-8 bg-white rounded-2xl shadow-xl text-center"
initial={{ scale: 0.9 }}
animate={{ scale: 1 }}
>
<div className="text-red-500 text-2xl font-bold mb-4">Oops!</div>
<div className="text-gray-600 mb-6">{error}</div>
<motion.button
onClick={() => window.location.reload()}
className="px-6 py-3 bg-gradient-to-r from-blue-500 to-purple-500 text-white rounded-xl hover:shadow-md transition-all"
whileHover={{ scale: 1.03 }}
whileTap={{ scale: 0.97 }}
>
Try Again
</motion.button>
</motion.div>
</motion.div>
);
}
return (
<div className="min-h-screen py-12 px-4 sm:px-6">
<div className="max-w-7xl mx-auto">
<motion.div initial={{ opacity: 0, y: -20 }} animate={{ opacity: 1, y: 0 }} transition={{ duration: 0.5 }} className="text-center mb-12">
<h1 className="text-4xl font-bold mb-3 text-[#6d9e37]">Image Rating App</h1>
<p className="text-lg max-w-2xl mx-auto">Rate these beautiful images from 1 to 5 stars. Your feedback helps improve our collection!</p>
</motion.div>
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
{images.map((imageData, index) => (
<motion.div
key={index}
layout
initial={{ opacity: 0, y: 20 }}
animate={{
opacity: loading[index] && !imageData.url ? 0.7 : 1,
y: 0
}}
transition={{
type: "spring",
stiffness: 100,
damping: 15,
delay: index * 0.05
}}
className={`relative bg-white rounded-2xl shadow-lg overflow-hidden
transition-all hover:shadow-xl ${loading[index] ? 'animate-pulse' : ''}`}
>
<AnimatePresence mode="wait">
{imageData.url ? (
<motion.div
key={`image-${index}`}
initial={{ opacity: imageData.exiting ? 1 : 0, scale: imageData.exiting ? 1 : 0.9 }}
animate={{ opacity: 1, scale: 1 }}
exit={{ opacity: 0, scale: 0.9 }}
transition={{ duration: 0.3 }}
>
<div className="h-72 flex items-center justify-center bg-gradient-to-br from-gray-50 to-gray-100 p-4 relative">
<motion.img
src={imageData.url}
alt={`Image ${index}`}
className="max-h-full max-w-full object-contain cursor-pointer"
onClick={() => setSelectedImage(imageData.url)}
whileHover={{ scale: 1.02 }}
onError={(e) => {
e.target.onerror = null;
e.target.src = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2QxZDFkMSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0zIDNoMTh2MThIM3oiLz48cGF0aCBkPSJNMTkgOUw5IDE5Ii8+PHBhdGggZD0iTTkgOWwxMCAxMCIvPjwvc3ZnPg==';
}}
/>
</div>
<div className="p-5">
{renderStarButtons(imageData, index)}
</div>
</motion.div>
) : (
<motion.div
key={`skeleton-${index}`}
initial={{ opacity: 0 }}
animate={{ opacity: 0.7 }}
exit={{ opacity: 0 }}
className="h-72 bg-gradient-to-br from-gray-100 to-gray-200 flex items-center justify-center"
>
<div className="text-gray-400">Loading image...</div>
</motion.div>
)}
</AnimatePresence>
{loading[index] && imageData.url && (
<motion.div
className="absolute inset-0 bg-white bg-opacity-80 flex items-center justify-center"
initial={{ opacity: 0 }}
animate={{ opacity: 1 }}
exit={{ opacity: 0 }}
>
<motion.div
animate={{ rotate: 360 }}
transition={{ repeat: Infinity, duration: 1, ease: "linear" }}
className="w-10 h-10 border-4 border-blue-500 border-t-transparent rounded-full"
/>
</motion.div>
)}
</motion.div>
))}
</div>
</div>
{/* Image Modal */}
<AnimatePresence>
{selectedImage && (
<motion.div
className="fixed inset-0 bg-black bg-opacity-70 flex items-center justify-center z-50 p-4"
initial={{ opacity: 0 }}
animate={{ opacity: 1 }}
exit={{ opacity: 0 }}
onClick={() => setSelectedImage(null)}
>
<motion.div
initial={{ scale: 0.9 }}
animate={{ scale: 1 }}
exit={{ scale: 0.9 }}
className="relative max-w-4xl w-full"
onClick={e => e.stopPropagation()}
>
<button
className="absolute -top-10 right-0 text-white text-3xl hover:text-gray-300 transition"
onClick={() => setSelectedImage(null)}
>
&times;
</button>
<img
src={selectedImage}
alt="Enlarged view"
className="max-h-[80vh] w-full object-contain"
/>
</motion.div>
</motion.div>
)}
</AnimatePresence>
</div>
);
}
export default App;

View File

@@ -1,15 +1,7 @@
import React, { useState, useEffect } from "react";
import { marked } from 'marked';
import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./ui/card";
import { Label } from "./ui/label";
import { Textarea } from "./ui/textarea";
import { Button } from "./ui/button";
import { useIsLoggedIn } from '../lib/isLoggedIn';
import { token, user_name, pb_id } from '../lib/CookieValues';
import CommentSystem from './CommentSystem/CommentSystem';
const COMMENTS_API_URL = 'https://host-api-sxashuasysagibx.siliconpin.com/v1/comments/';
export default function TopicDetail(props) {
// console.log('coockie data', user_name)
const [showCopied, setShowCopied] = useState(false);
if (!props.topic) {
@@ -20,6 +12,31 @@ export default function TopicDetail(props) {
const title = props.topic.title;
const text = `Check out this article: ${title}`;
// const shareOnFacebook = () => {
// window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(shareUrl)}`, '_blank');
// };
// const shareOnTwitter = () => {
// window.open(`https://twitter.com/intent/tweet?url=${encodeURIComponent(shareUrl)}&text=${encodeURIComponent(text)}`, '_blank');
// };
// const shareOnLinkedIn = () => {
// window.open(`https://www.linkedin.com/shareArticle?mini=true&url=${encodeURIComponent(shareUrl)}&title=${encodeURIComponent(title)}`, '_blank');
// };
// const shareOnReddit = () => {
// window.open(`https://www.reddit.com/submit?url=${encodeURIComponent(shareUrl)}&title=${encodeURIComponent(title)}`, '_blank');
// };
// const shareOnWhatsApp = () => {
// window.open(`https://wa.me/?text=${encodeURIComponent(`${text} ${shareUrl}`)}`, '_blank');
// };
// const shareViaEmail = () => {
// window.open(`mailto:?subject=${encodeURIComponent(title)}&body=${encodeURIComponent(`${text}\n\n${shareUrl}`)}`);
// };
const shareOnSocialMedia = (platform) => {
switch (platform){
case 'facebook':
@@ -108,12 +125,12 @@ export default function TopicDetail(props) {
return (
<div className="container mx-auto px-4 py-12">
<article className="max-w-4xl mx-auto">
<img src={props.topic.img ? props.topic.img : '/assets/images/thumb-place.jpg'} alt={props.topic.title} className="w-full h-[400px] aspect-video object-cover rounded-lg mb-8 shadow-md" />
<img src={props.topic.img ? props.topic.img : '/assets/images/thumb-place.jpg'} alt={props.topic.title} className="w-full h-[400px] aspect-video object-cover rounded-lg mb-8 shadow-md" />
<h1 className="text-4xl font-bold text-[#6d9e37] mb-6">{props.topic.title}</h1>
{/* Enhanced Social Share Buttons */}
<div className="mb-8">
<p className="text-sm text-gray-500 mb-3 font-medium">Share this Topic:</p>
<p className="text-sm text-gray-500 mb-3 font-medium">Share this article:</p>
<div className="flex flex-wrap gap-2">
<button
onClick={() => shareOnSocialMedia('facebook')}
@@ -194,11 +211,11 @@ export default function TopicDetail(props) {
</div>
</div>
<div className="font-light mb-8 text-justify prose max-w-none" dangerouslySetInnerHTML={{ __html: marked.parse(props.topic.content || '') }} ></div>
<CommentSystem topicId={props.topic.id}/>
<div
className="font-light mb-8 text-justify prose max-w-none"
dangerouslySetInnerHTML={{ __html: marked.parse(props.topic.content || '') }}
></div>
</article>
</div>
);
}
// bg-[#6d9e37]

View File

@@ -8,8 +8,9 @@ import { Separator } from './ui/separator';
import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from './ui/dialog';
import { CustomTabs } from './ui/tabs';
import Loader from "./ui/loader";
const PUBLIC_TOPIC_API_URL = import.meta.env.PUBLIC_TOPIC_API_URL;
const PUBLIC_MINIO_UPLOAD_URL = import.meta.env.PUBLIC_MINIO_UPLOAD_URL;
const TOPIC_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/topics/';
const MINIO_UPLOAD_URL = 'https://your-minio-api-endpoint/upload';
const urlParams = new URLSearchParams(window.location.search);
const slug = urlParams.get('slug');
// console.log('find slug from url', slug);
@@ -35,7 +36,7 @@ export default function EditTopic (){
useEffect(() => {
const fetchTopic = async () => {
try {
const response = await fetch(`${PUBLIC_TOPIC_API_URL}?query=get-single-topic&slug=${slug}`, {
const response = await fetch(`${TOPIC_API_URL}?query=get-single-topic&slug=${slug}`, {
credentials: 'include'
});
@@ -72,7 +73,7 @@ export default function EditTopic (){
formData.append('folder', 'topic-images');
try {
const response = await fetch(PUBLIC_MINIO_UPLOAD_URL, {
const response = await fetch(MINIO_UPLOAD_URL, {
method: 'POST',
body: formData,
credentials: 'include',
@@ -220,7 +221,7 @@ export default function EditTopic (){
};
// Submit to API (PUT request for update)
const response = await fetch(`${PUBLIC_TOPIC_API_URL}?query=update-topic&slug=${formData.slug}`, {
const response = await fetch(`${TOPIC_API_URL}?query=update-topic&slug=${formData.slug}`, {
method: 'POST',
headers: {
'Content-Type': 'application/json',

View File

@@ -29,7 +29,7 @@ export default function TopicCreation() {
setLoading(true);
try {
const response = await fetch(
`https://host-api-sxashuasysagibx.siliconpin.com/v1/topics/?query=get-all-topics&page=${page}`,
`https://host-api.cs1.hz.siliconpin.com/v1/topics/?query=get-all-topics&page=${page}`,
{
method: 'GET',
credentials: 'include'

View File

@@ -6,7 +6,6 @@ import Loader from "./ui/loader";
const topicPageDesc = 'Cutting-edge discussions on tech, digital services, news, and digital freedom. Stay informed on AI, cybersecurity, privacy, and the future of innovation.';
export default function TopicCreation() {
const PUBLIC_TOPIC_API_URL = import.meta.env.PUBLIC_TOPIC_API_URL;
const { isLoggedIn, loading: authLoading, error: authError } = useIsLoggedIn();
const [topics, setTopics] = useState([]);
const [loading, setLoading] = useState(true);
@@ -30,7 +29,7 @@ export default function TopicCreation() {
const fetchTopics = async (page, search = '') => {
setLoading(true);
try {
let url = `${PUBLIC_TOPIC_API_URL}?query=get-all-topics&page=${page}`;
let url = `https://host-api.cs1.hz.siliconpin.com/v1/topics/?query=get-all-topics&page=${page}`;
if (search) {
url += `&search=${encodeURIComponent(search)}`;

View File

@@ -52,14 +52,13 @@ export default function ProfilePage() {
const [toast, setToast] = useState<ToastState>({ visible: false, message: '' });
const [txnId, setTxnId] = useState<string>('');
const [userEmail, setUserEmail] = useState<string>('');
const PUBLIC_USER_API_URL = import.meta.env.PUBLIC_USER_API_URL;
const PUBLIC_INVOICE_API_URL = import.meta.env.PUBLIC_INVOICE_API_URL;
const USER_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/users/';
const INVOICE_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/invoice/';
useEffect(() => {
const fetchSessionData = async () => {
try {
const response = await fetch(`${PUBLIC_USER_API_URL}?query=get-user`, {
const response = await fetch(`${USER_API_URL}?query=get-user`, {
credentials: 'include', // Crucial for cookies
headers: { 'Accept': 'application/json' }
}
@@ -78,7 +77,7 @@ export default function ProfilePage() {
};
const getInvoiceListData = async () => {
try {
const response = await fetch(`${PUBLIC_USER_API_URL}?query=invoice-info`, {
const response = await fetch(`${USER_API_URL}?query=invoice-info`, {
method: 'GET',
credentials: 'include', // Crucial for cookies
headers: { 'Accept': 'application/json' }
@@ -128,7 +127,7 @@ export default function ProfilePage() {
};
const sessionLogOut = () => {
fetch(`${PUBLIC_USER_API_URL}?query=logout`, {
fetch(`${USER_API_URL}?query=logout`, {
method: 'GET',
credentials: 'include'
})
@@ -188,7 +187,7 @@ export default function ProfilePage() {
<div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
<div className="space-y-2">
<Label htmlFor="firstName">Full Name</Label>
<Input id="firstName" defaultValue={userData.session_data?.user_name || ''} />
<Input id="firstName" defaultValue={userData.session_data?.user_name || 'Jhon'} />
</div>
<div className="space-y-2">
<Label htmlFor="phone">Phone</Label>
@@ -336,10 +335,10 @@ export default function ProfilePage() {
<span className="font-bold">Amount:</span>
<span>&#8377;{selectedData?.amount}</span>
</div>
{/* <div className="flex justify-between">
<div className="flex justify-between">
<span className="font-bold">User:</span>
<span>{selectedData?.user}</span>
</div> */}
</div>
<div className="flex justify-between">
<span className="font-bold">Status:</span>
<span className={`px-2 py-0.5 rounded text-white text-xs ${selectedData?.status === 'pending' ? 'bg-yellow-500' : selectedData?.status === 'completed' ? 'bg-green-500' : 'bg-red-500'}`}>

View File

@@ -2,9 +2,10 @@
import '../styles/global.css';
import LoginProfile from '../components/LoginOrProfile';
interface Props { title: string; description?: string; ogImage?: string; canonicalURL?: string; type?: 'website' | 'article'; keyWords?: string; newSchema1 : string; newSchema2 : string; newSchema3 : string; newSchema4 : string; newSchema5 : string}
interface Props { title: string; description?: string; ogImage?: string; canonicalURL?: string; type?: 'website' | 'article'; newSchema1 : string}
const { title, description, ogImage, canonicalURL = new URL(Astro.url.pathname, Astro.site).href, type = "website", newSchema1} = Astro.props;
const { title, description, ogImage, canonicalURL = new URL(Astro.url.pathname, Astro.site).href, type = "website", keyWords, newSchema1, newSchema2, newSchema3, newSchema4, newSchema5} = Astro.props;
// Organization schema
---
@@ -23,7 +24,6 @@ const { title, description, ogImage, canonicalURL = new URL(Astro.url.pathname,
<meta name="keywords" content="hosting, PHP hosting, Node.js hosting, Python hosting, Kubernetes, K8s, K3s, cloud services, web hosting, application hosting, server hosting, India hosting" />
<meta name="author" content="SiliconPin" />
<link rel="canonical" href={canonicalURL} />
<meta name="keywords" content={keyWords} />
<!-- Open Graph / Facebook -->
<meta property="og:type" content={type} />
@@ -46,10 +46,6 @@ const { title, description, ogImage, canonicalURL = new URL(Astro.url.pathname,
<!-- Structured Data -->
<script is:inline type="application/ld+json" set:html={newSchema1}></script>
<script is:inline type="application/ld+json" set:html={newSchema2}></script>
<script is:inline type="application/ld+json" set:html={newSchema3}></script>
<script is:inline type="application/ld+json" set:html={newSchema4}></script>
<script is:inline type="application/ld+json" set:html={newSchema5}></script>
<!-- For markdown editor css -->
<link rel="stylesheet" href="/assets/md-editor/mdeditor.css" />
@@ -236,7 +232,6 @@ document.addEventListener('DOMContentLoaded', function() {
});
}
});
</script>
<style is:global>
@@ -282,91 +277,4 @@ document.addEventListener('DOMContentLoaded', function() {
.animate-fade-in-up {
animation: fadeInUp 0.3s ease-out forwards;
}
/* comment-system.css */
.comment-system {
/* max-width: 800px; */
margin: 0 auto;
padding: 20px;
}
.comment-thread {
/* margin-bottom: 1.5rem; */
/* padding: 1rem; */
background: #f9f9f9;
border-radius: 8px;
border-left: 3px solid #ddd;
}
.comment-thread.reply {
background: #f0f0f0;
border-left-color: #aaa;
}
.comment-header {
display: flex;
justify-content: space-between;
margin-bottom: 0.5rem;
font-size: 0.9rem;
}
.comment-author {
font-weight: bold;
}
.comment-date {
color: #666;
}
.comment-text {
margin-bottom: 0.5rem;
white-space: pre-wrap;
}
.reply-button {
background: none;
border: none;
color: #0066cc;
cursor: pointer;
padding: 0;
font-size: 0.8rem;
}
.reply-form {
margin-top: 1rem;
padding-top: 1rem;
border-top: 1px solid #eee;
}
.button-group {
display: flex;
gap: 0.5rem;
margin-top: 0.5rem;
}
.error-message {
color: #d32f2f;
background: #fde0e0;
padding: 0.5rem;
border-radius: 4px;
margin-bottom: 1rem;
}
.new-comment-card {
margin-top: 2rem;
padding: 1.5rem;
}
.loading {
padding: 1rem;
text-align: center;
color: #666;
}
.no-comments {
padding: 1rem;
text-align: center;
color: #666;
font-style: italic;
}
</style>

View File

@@ -1,8 +0,0 @@
// CookieValues.js
import Cookies from 'js-cookie';
export const token = Cookies.get('token') || null;
export const user_name = Cookies.get('user_name') || null;
export const pb_id = Cookies.get('pb_id') || null;
export const siliconId = Cookies.get('siliconId') || null;
export const isLogin = Cookies.get('isLogin') || null;

View File

@@ -1,6 +1,7 @@
import { useState, useEffect } from 'react';
const PUBLIC_USER_API_URL = import.meta.env.PUBLIC_USER_API_URL;
const USER_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/users/index.php';
export const useIsLoggedIn = () => {
const [isLoggedIn, setIsLoggedIn] = useState(null); // null means "unknown"
const [sessionData, setSessionData] = useState(null);
@@ -10,7 +11,7 @@ export const useIsLoggedIn = () => {
useEffect(() => {
const checkLoginStatus = async () => {
try {
const response = await fetch(`${PUBLIC_USER_API_URL}?query=isLoggedIn`, {
const response = await fetch(`${USER_API_URL}?query=isLoggedIn`, {
credentials: 'include'
});
const data = await response.json();

View File

@@ -17,7 +17,7 @@ const pageImage = "https://images.unsplash.com/photo-1551731409-43eb3e517a1a?q=8
<div class="text-center mb-8 sm:mb-12">
<h1 class="text-3xl sm:text-4xl font-bold text-[#6d9e37] mb-3 sm:mb-4">About SiliconPin</h1>
<p class="text-lg sm:text-xl max-w-3xl mx-auto text-neutral-300">
We promote awareness about digital freedom by provoding software and hardware development and research
Empowering businesses with reliable, high-performance hosting solutions
</p>
</div>

View File

@@ -3,116 +3,55 @@ import Layout from '../layouts/Layout.astro';
import { ContactForm } from '../components/ContactForm';
// Page-specific SEO metadata
const metaTitle = "Contact Us | SiliconPin";
const metaDescription = "Contact SiliconPin for reliable hosting solutions. Our team is available 24/7 to help with your PHP, Node.js, Python, Kubernetes, and K3s hosting needs.";
const ogImage = "https://images.unsplash.com/photo-1551731409-43eb3e517a1a?q=80&w=2000&auto=format&fit=crop";
const pageTitle = "Contact Us | SiliconPin";
const pageDescription = "Contact SiliconPin for reliable hosting solutions. Our team is available 24/7 to help with your PHP, Node.js, Python, Kubernetes, and K3s hosting needs.";
const pageImage = "https://images.unsplash.com/photo-1551731409-43eb3e517a1a?q=80&w=2000&auto=format&fit=crop";
// Contact schema for structured data
const contactSchema1 = {
const contactSchema = {
"@context": "https://schema.org",
"@type": "ContactPage",
"name": "Contact SiliconPin",
"url": "https://siliconpin.com/contact/",
"description": "Contact page for SiliconPin Reach out for cloud hosting, VPN, DevOps, and AI services.",
"inLanguage": ["en", "hi", "bn"],
"contactPoint": {
"@type": "ContactPoint",
"telephone": "+91-700-160-1485",
"contactType": "customer service",
"availableLanguage": ["English", "Hindi", "Bengali"]
},
"address": {
"@type": "PostalAddress",
"streetAddress": "121 Lalbari, GourBongo Road",
"addressLocality": "Habra",
"addressRegion": "W.B.",
"postalCode": "743271",
"addressCountry": "India"
}
}
const contactSchema2 = {
"@context": "https://schema.org",
"@type": "Organization",
"name": "SiliconPin",
"url": "https://siliconpin.com",
"logo": "https://siliconpin.com/images/logo.png",
"contactPoint": {
"@type": "ContactPoint",
"telephone": "+91-700-160-1485",
"contactType": "Customer Support",
"areaServed": "IN",
"availableLanguage": ["English", "Hindi", "Bengali"]
},
"sameAs": [
"https://www.linkedin.com/company/siliconpin",
"https://x.com/dwd_consultancy",
"https://www.facebook.com/dwdsiliconpin",
"https://instagram.com/siliconpin.com_"
],
"openingHoursSpecification": [
{
"@type": "OpeningHoursSpecification",
"dayOfWeek": "Monday",
"opens": "00:00",
"closes": "00:00"
},
{
"@type": "OpeningHoursSpecification",
"dayOfWeek": [
"Tuesday",
"Wednesday",
"Thursday",
"Friday"
],
"opens": "09:00",
"closes": "17:00"
},
{
"@type": "OpeningHoursSpecification",
"dayOfWeek": "Saturday",
"opens": "10:00",
"closes": "16:00"
},
{
"@type": "OpeningHoursSpecification",
"dayOfWeek": "Sunday",
"opens": "00:00",
"closecs": "00:00"
}
]
}
const contactSchema3 = {
"@context": "https://schema.org",
"@type": "WebPage",
"name": "Contact Us - SiliconPin",
"url": "https://siliconpin.com/contact/",
"description": "Contact the SiliconPin team for cloud hosting, VPN, AI agents, and DevOps services. Were here to help developers, startups, and businesses.",
"inLanguage": ["en", "hi", "bn"],
"isPartOf": {
"@type": "WebSite",
"name": "SiliconPin",
"url": "https://siliconpin.com"
},
"about": {
"name": "SiliconPin Contact Page",
"description": "Contact SiliconPin for reliable hosting solutions",
"url": "https://siliconpin.com/contact",
"mainEntityOfPage": {
"@type": "Organization",
"name": "SiliconPin",
"url": "https://siliconpin.com"
"telephone": "+91-700-160-1485",
"email": "contact@siliconpin.com",
"address": {
"@type": "PostalAddress",
"streetAddress": "121 Lalbari, GourBongo Road",
"addressLocality": "Habra",
"addressRegion": "W.B.",
"postalCode": "743271",
"addressCountry": "India"
},
"openingHoursSpecification": [
{
"@type": "OpeningHoursSpecification",
"dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"],
"opens": "09:00",
"closes": "18:00"
},
{
"@type": "OpeningHoursSpecification",
"dayOfWeek": "Saturday",
"opens": "10:00",
"closes": "16:00"
}
]
}
}
};
---
<Layout
title={metaTitle}
description={metaDescription}
ogImage={ogImage}
title={pageTitle}
description={pageDescription}
ogImage={pageImage}
type="website"
newSchema1={JSON.stringify(contactSchema1)}
newSchema2={JSON.stringify(contactSchema2)}
newSchema3={JSON.stringify(contactSchema3)}
>
>
<script type="application/ld+json" set:html={JSON.stringify(contactSchema)}></script>
<main class="container mx-auto px-4 sm:px-6 py-8 sm:py-12">
<div class="text-center mb-8 sm:mb-12">

View File

@@ -1,52 +1,12 @@
---
import Layout from '../layouts/Layout.astro';
const schema1 ={
"@context": "https://schema.org",
"@type": "Service",
"name": "Cloud Hosting, VPN, DevOps & AI Services",
"description": "SiliconPin provides cloud hosting, secure VPN, AI tools, and DevOps services tailored for developers, startups, and small businesses.",
"serviceType": "Cloud Hosting, VPN, DevOps, AI Tools",
"provider": {
"@type": "Organization",
"name": "SiliconPin",
"url": "https://siliconpin.com",
"logo": "https://siliconpin.com/images/logo.png",
"contactPoint": {
"@type": "ContactPoint",
"telephone": "+91-700-160-1485",
"contactType": "customer service",
"availableLanguage": ["English", "Hindi", "Bengali"]
},
"address": {
"@type": "PostalAddress",
"streetAddress": "121 Lalbari, GourBongo Road",
"addressLocality": "Habra",
"addressRegion": "W.B.",
"postalCode": "743271",
"addressCountry": "India"
},
"sameAs": [
"https://www.linkedin.com/company/siliconpin",
"https://x.com/dwd_consultancy",
"https://www.facebook.com/dwdsiliconpin",
"https://instagram.com/siliconpin.com_"
]
},
"areaServed": {
"@type": "Place",
"name": "Worldwide"
},
"url": "https://siliconpin.com/services/"
}
const schema2 ={
const schema1 = {
"@context": "https://schema.org",
"@type": "Organization",
"name": "SiliconPin",
"url": "https://siliconpin.com",
"logo": "https://siliconpin.com/images/logo.png",
"description": "SiliconPin delivers affordable and scalable cloud infrastructure, VPN services, AI tools, and DevOps for modern developers and businesses.",
"logo": "https://siliconpin.com/assets/logo.svg",
"contactPoint": {
"@type": "ContactPoint",
"telephone": "+91-700-160-1485",
@@ -67,46 +27,19 @@ const schema2 ={
"https://www.facebook.com/dwdsiliconpin",
"https://instagram.com/siliconpin.com_"
]
}
const schema3 ={
"@context": "https://schema.org",
"@type": "WebPage",
"name": "Our Services",
"url": "https://siliconpin.com/services/",
"description": "Explore SiliconPins cloud hosting, VPN, AI tools, and DevOps services built for developers, startups, and small businesses.",
"inLanguage": ["en", "hi", "bn"],
"isPartOf": {
"@type": "WebSite",
"name": "SiliconPin",
"url": "https://siliconpin.com"
},
"publisher": {
"@type": "Organization",
"name": "SiliconPin",
"logo": {
"@type": "ImageObject",
"url": "https://siliconpin.com/images/logo.png"
}
}
}
};
// Page-specific SEO metadata
const pageTitle = "SiliconPin - Lets create some digital freedom";
const pageDescription = "SiliconPin - easy to deploy apps and tools, freedom oriented apps and tools, high-performance, hosting solutions for PHP, Node.js, Python, Kubernetes (K8s), and K3s, and technical support.";
const ogImage = "/assets/logo.svg";
const pageImage = "/assets/logo.svg";
---
<Layout
title={pageTitle}
description={pageDescription}
ogImage={ogImage}
keyWords={'here is keywords content'}
ogImage={pageImage}
newSchema1={JSON.stringify(schema1)}
newSchema2={JSON.stringify(schema2)}
newSchema3={JSON.stringify(schema3)}
newSchema4={'here is another schema content'}
newSchema5={'here is another schema content'}
>
<!-- Canvas background animation -->

View File

@@ -2,8 +2,6 @@
// Astro script block
import Layout from '../../layouts/Layout.astro';
import { ServiceCard } from '../../components/ServiceCard';
const PUBLIC_SERVICE_API_URL = import.meta.env.PUBLIC_SERVICE_API_URL;
// console.log(PUBLIC_SERVICE_API_URL)
const services = [
{
imageUrl: '/assets/images/services/wiregurd-thumb.jpg',
@@ -71,9 +69,10 @@ const services = [
buyButtonUrl: ''
}
];
const SERVICE_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/services/?query=all-services-list';
let data = [];
try {
const response = await fetch(`${PUBLIC_SERVICE_API_URL}?query=all-services-list`);
const response = await fetch(SERVICE_API_URL);
const json = await response.json();
if (json.success) {
// data = [...json.data, ...services];

View File

@@ -4,5 +4,7 @@ import SignupPage from "../components/SignupPage";
---
<Layout title="">
<div id="sample">
<?php eho "this gets commented, i need this to be as it is after build";?>
<SignupPage client:load />
</Layout>

View File

@@ -1,9 +0,0 @@
---
import Layout from "../layouts/Layout.astro";
---
<Layout title="">
<div class="text-center text-2xl font-bold my-4">Test to Include PHP under Astro file</div>
<div set:html="<?php echo 'Hello! I am from PHP'; ?>"></div>
</Layout>

View File

@@ -2,7 +2,7 @@
import Layout from "../../layouts/Layout.astro";
import TopicDetail from "../../components/TopicDetail";
const TOPIC_API_URL = 'https://host-api-sxashuasysagibx.siliconpin.com/v1/topics/';
const TOPIC_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/topics/';
const { id } = Astro.params;
let topic = null;
@@ -25,7 +25,7 @@ try {
}
export async function getStaticPaths() {
const TOPIC_API_URL = 'https://host-api-sxashuasysagibx.siliconpin.com/v1/topics/';
const TOPIC_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/topics/';
try {
const response = await fetch(`${TOPIC_API_URL}?query=get-all-topics-for-slug`, {
@@ -48,11 +48,8 @@ export async function getStaticPaths() {
// console.log(topic)
---
<Layout title={`${topic.title ? topic.title + '- Silicon Topic' : 'Silicon Topic'}`} ogImage={topic.img? topic.img : '/assets/images/thumb-place.jpg'} >
<Layout title={topic?.title ?? 'Topic | SiliconPin'} ogImage={topic.img? topic.img : '/assets/images/thumb-place.jpg'} >
<TopicDetail client:load topic={topic} />
</Layout>
<script>
</script>
<!-- topic?.title ?? 'Silicon Topic | SiliconPin' -->

View File

@@ -2,7 +2,7 @@
import Layout from "../../layouts/Layout.astro";
import TopicsList from "../../components/Topics";
const TOPIC_API_URL = 'https://host-api-sxashuasysagibx.siliconpin.com/v1/topics/';
const TOPIC_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/topics/';
let topics = [];
try {

View File

@@ -1,292 +0,0 @@
---
import Layout from "../../layouts/Layout.astro";
---
<Layout title="">
<div class="container mx-auto px-4" id="stt-container">
<h1>WAV Recorder (16-bit Mono 16kHz)</h1>
<div id="audioVisualizer"></div>
<button id="startBtn">Start Recording</button>
<button id="stopBtn" disabled>Stop Recording</button>
<button id="playBtn" disabled>Play Recording</button>
<button id="downloadBtn" disabled>Download WAV</button>
<div id="status">Ready to record</div>
</div>
</Layout>
<script is:inline>
// DOM elements
const startBtn = document.getElementById('startBtn');
const stopBtn = document.getElementById('stopBtn');
const playBtn = document.getElementById('playBtn');
const downloadBtn = document.getElementById('downloadBtn');
const audioVisualizer = document.getElementById('audioVisualizer');
const statusDisplay = document.getElementById('status');
// Audio variables
let audioContext;
let mediaStream;
let processor;
let recording = false;
let audioChunks = [];
let audioBlob;
let audioUrl;
// Configuration
const config = {
sampleRate: 16000, // 16kHz sample rate
numChannels: 1, // Mono
bitDepth: 16 // 16-bit
};
// Start recording
startBtn.addEventListener('click', async () => {
try {
statusDisplay.textContent = "Requesting microphone access...";
// Get microphone access
mediaStream = await navigator.mediaDevices.getUserMedia({ audio: true });
// Create audio context with our desired sample rate
audioContext = new (window.AudioContext || window.webkitAudioContext)({
sampleRate: config.sampleRate
});
// Create a script processor node to process the audio
processor = audioContext.createScriptProcessor(4096, 1, 1);
processor.onaudioprocess = processAudio;
// Create a media stream source
const source = audioContext.createMediaStreamSource(mediaStream);
// Connect the source to the processor and to the destination
source.connect(processor);
processor.connect(audioContext.destination);
// Setup visualization
setupVisualizer(source);
// Start recording
recording = true;
audioChunks = [];
// Update UI
startBtn.disabled = true;
stopBtn.disabled = false;
statusDisplay.textContent = "Recording...";
console.log('Recording started at ' + config.sampleRate + 'Hz');
} catch (error) {
console.error('Error:', error);
statusDisplay.textContent = "Error: " + error.message;
}
});
// Process audio data
function processAudio(event) {
if (!recording) return;
// Get audio data (already mono because we set numChannels to 1)
const inputData = event.inputBuffer.getChannelData(0);
// Convert float32 to 16-bit PCM
const buffer = new ArrayBuffer(inputData.length * 2);
const view = new DataView(buffer);
for (let i = 0, offset = 0; i < inputData.length; i++, offset += 2) {
const s = Math.max(-1, Math.min(1, inputData[i]));
view.setInt16(offset, s < 0 ? s * 0x8000 : s * 0x7FFF, true);
}
// Store the chunk
audioChunks.push(new Uint8Array(buffer));
}
// Stop recording
stopBtn.addEventListener('click', () => {
if (!recording) return;
// Stop recording
recording = false;
// Disconnect processor
if (processor) {
processor.disconnect();
processor = null;
}
// Stop media stream tracks
if (mediaStream) {
mediaStream.getTracks().forEach(track => track.stop());
}
// Create WAV file from collected chunks
createWavFile();
// Update UI
startBtn.disabled = false;
stopBtn.disabled = true;
playBtn.disabled = false;
downloadBtn.disabled = false;
statusDisplay.textContent = "Recording stopped. Ready to play or download.";
});
// Create WAV file from collected PCM data
function createWavFile() {
// Combine all chunks into a single buffer
const length = audioChunks.reduce((acc, chunk) => acc + chunk.length, 0);
const result = new Uint8Array(length);
let offset = 0;
audioChunks.forEach(chunk => {
result.set(chunk, offset);
offset += chunk.length;
});
// Create WAV header
const wavHeader = createWaveHeader(result.length, config);
// Combine header and PCM data
const wavData = new Uint8Array(wavHeader.length + result.length);
wavData.set(wavHeader, 0);
wavData.set(result, wavHeader.length);
// Create blob
audioBlob = new Blob([wavData], { type: 'audio/wav' });
audioUrl = URL.createObjectURL(audioBlob);
}
// Create WAV header
function createWaveHeader(dataLength, config) {
const byteRate = config.sampleRate * config.numChannels * (config.bitDepth / 8);
const blockAlign = config.numChannels * (config.bitDepth / 8);
const buffer = new ArrayBuffer(44);
const view = new DataView(buffer);
// RIFF identifier
writeString(view, 0, 'RIFF');
// RIFF chunk length
view.setUint32(4, 36 + dataLength, true);
// RIFF type
writeString(view, 8, 'WAVE');
// Format chunk identifier
writeString(view, 12, 'fmt ');
// Format chunk length
view.setUint32(16, 16, true);
// Sample format (raw)
view.setUint16(20, 1, true);
// Channel count
view.setUint16(22, config.numChannels, true);
// Sample rate
view.setUint32(24, config.sampleRate, true);
// Byte rate (sample rate * block align)
view.setUint32(28, byteRate, true);
// Block align (channel count * bytes per sample)
view.setUint16(32, blockAlign, true);
// Bits per sample
view.setUint16(34, config.bitDepth, true);
// Data chunk identifier
writeString(view, 36, 'data');
// Data chunk length
view.setUint32(40, dataLength, true);
return new Uint8Array(buffer);
}
// Helper to write strings to DataView
function writeString(view, offset, string) {
for (let i = 0; i < string.length; i++) {
view.setUint8(offset + i, string.charCodeAt(i));
}
}
// Play recorded audio
playBtn.addEventListener('click', () => {
if (!audioUrl) return;
const audio = new Audio(audioUrl);
audio.play();
statusDisplay.textContent = "Playing recording...";
audio.onended = () => {
statusDisplay.textContent = "Playback finished";
};
});
// Download recorded audio as WAV file
downloadBtn.addEventListener('click', () => {
if (!audioBlob) return;
const a = document.createElement('a');
a.href = audioUrl;
a.download = `recording_${config.sampleRate}Hz_${config.bitDepth}bit.wav`;
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
statusDisplay.textContent = "Download started";
});
// Setup audio visualization
function setupVisualizer(source) {
const analyser = audioContext.createAnalyser();
analyser.fftSize = 64;
source.connect(analyser);
const bufferLength = analyser.frequencyBinCount;
const dataArray = new Uint8Array(bufferLength);
const canvas = document.createElement('canvas');
canvas.width = audioVisualizer.offsetWidth;
canvas.height = audioVisualizer.offsetHeight;
audioVisualizer.innerHTML = '';
audioVisualizer.appendChild(canvas);
const canvasCtx = canvas.getContext('2d');
function draw() {
requestAnimationFrame(draw);
analyser.getByteFrequencyData(dataArray);
canvasCtx.fillStyle = 'rgb(200, 200, 200)';
canvasCtx.fillRect(0, 0, canvas.width, canvas.height);
const barWidth = (canvas.width / bufferLength) * 2.5;
let x = 0;
for (let i = 0; i < bufferLength; i++) {
const barHeight = dataArray[i] / 2;
canvasCtx.fillStyle = `rgb(${barHeight + 100}, 50, 50)`;
canvasCtx.fillRect(x, canvas.height - barHeight, barWidth, barHeight);
x += barWidth + 1;
}
}
draw();
}
</script>
<style>
#stt-container > button {
padding: 10px 15px;
margin: 5px;
font-size: 16px;
cursor: pointer;
}
#audioVisualizer {
width: 100%;
height: 100px;
background-color: #f0f0f0;
margin: 20px 0;
}
#status {
margin-top: 20px;
font-style: italic;
color: #666;
}
</style>

View File

@@ -1,8 +0,0 @@
---
import Layout from "../../layouts/Layout.astro";
import ImageLabelings from "../../components/Tools/ImageLabeling";
---
<Layout title="">
<ImageLabelings client:load />
</Layout>

View File

@@ -1,128 +0,0 @@
---
import Layout from "../../layouts/Layout.astro";
import AudioToText from "../../components/Tools/AudioToText"
---
<Layout title="Whisper CPP Light">
<AudioToText client:load />
</Layout>
<!-- <div class="container mx-auto px-4" id="stt-container">
<h1 class="text-2xl font-bold mb-4">Audio File to STT</h1>
<div class="mb-6">
<label class="block text-sm font-medium text-gray-700 mb-2" for="audioFile">
Upload Audio File (WAV format recommended)
</label>
<input
type="file"
id="audioFile"
accept="audio/*,.wav"
class="block w-full text-sm text-gray-500
file:mr-4 file:py-2 file:px-4
file:rounded-md file:border-0
file:text-sm file:font-semibold
file:bg-blue-50 file:text-blue-700
hover:file:bg-blue-100"
>
<p class="mt-1 text-sm text-gray-500">Supported formats: WAV, MP3, OGG, etc.</p>
</div>
<button
id="sendBtn"
disabled
class="px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 disabled:bg-gray-400 disabled:cursor-not-allowed"
>
Send to STT API
</button>
<div class="mt-6">
<h2 class="text-xl font-semibold mb-2">API Response</h2>
<div id="responseContainer" class="p-4 bg-gray-100 rounded-md min-h-20">
<p id="statusMessage" class="text-gray-600">No file uploaded yet</p>
<pre id="apiResponse" class="hidden mt-2 p-2 bg-white rounded overflow-auto"></pre>
</div>
</div>
</div> -->
<!-- <script is:inline>
document.addEventListener('DOMContentLoaded', () => {
const audioFileInput = document.getElementById('audioFile');
const sendBtn = document.getElementById('sendBtn');
const statusMessage = document.getElementById('statusMessage');
const apiResponse = document.getElementById('apiResponse');
const responseContainer = document.getElementById('responseContainer');
// Enable send button when a file is selected
audioFileInput.addEventListener('change', () => {
if (audioFileInput.files.length > 0) {
sendBtn.disabled = false;
statusMessage.textContent = `File selected: ${audioFileInput.files[0].name}`;
} else {
sendBtn.disabled = true;
statusMessage.textContent = 'No file selected';
}
apiResponse.classList.add('hidden');
});
// Handle sending to STT API
sendBtn.addEventListener('click', async () => {
if (audioFileInput.files.length === 0) return;
const file = audioFileInput.files[0];
try {
// Show loading state
sendBtn.disabled = true;
sendBtn.textContent = 'Processing...';
statusMessage.textContent = `Sending ${file.name} to STT API...`;
apiResponse.classList.add('hidden');
responseContainer.classList.remove('bg-red-50', 'bg-green-50');
responseContainer.classList.add('bg-blue-50');
// Create FormData and append the file
const formData = new FormData();
formData.append('audio', file);
// Send to STT API
const response = await fetch('https://stt-41.siliconpin.com/stt', {
method: 'POST',
body: formData
});
if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`);
}
const result = await response.json();
// Display results
apiResponse.textContent = JSON.stringify(result, null, 2);
apiResponse.classList.remove('hidden');
statusMessage.textContent = 'STT API Response:';
responseContainer.classList.remove('bg-blue-50');
responseContainer.classList.add('bg-green-50');
} catch (error) {
console.error('Error:', error);
statusMessage.textContent = `Error: ${error.message}`;
responseContainer.classList.remove('bg-blue-50');
responseContainer.classList.add('bg-red-50');
} finally {
sendBtn.disabled = false;
sendBtn.textContent = 'Send to STT API';
}
});
});
</script>
<style>
/* Additional styling if needed */
#stt-container {
max-width: 800px;
margin: 0 auto;
padding: 2rem;
}
#apiResponse {
max-height: 300px;
}
</style> -->

View File

@@ -1,300 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>WAV Recorder (16-bit Mono 16kHz)</title>
<meta charset="UTF-8">
<style>
body {
font-family: Arial, sans-serif;
max-width: 600px;
margin: 0 auto;
padding: 20px;
}
button {
padding: 10px 15px;
margin: 5px;
font-size: 16px;
cursor: pointer;
}
#audioVisualizer {
width: 100%;
height: 100px;
background-color: #f0f0f0;
margin: 20px 0;
}
#status {
margin-top: 20px;
font-style: italic;
color: #666;
}
</style>
</head>
<body>
<h1>WAV Recorder (16-bit Mono 16kHz)</h1>
<div id="audioVisualizer"></div>
<button id="startBtn">Start Recording</button>
<button id="stopBtn" disabled>Stop Recording</button>
<button id="playBtn" disabled>Play Recording</button>
<button id="downloadBtn" disabled>Download WAV</button>
<div id="status">Ready to record</div>
<script>
// DOM elements
const startBtn = document.getElementById('startBtn');
const stopBtn = document.getElementById('stopBtn');
const playBtn = document.getElementById('playBtn');
const downloadBtn = document.getElementById('downloadBtn');
const audioVisualizer = document.getElementById('audioVisualizer');
const statusDisplay = document.getElementById('status');
// Audio variables
let audioContext;
let mediaStream;
let processor;
let recording = false;
let audioChunks = [];
let audioBlob;
let audioUrl;
// Configuration
const config = {
sampleRate: 16000, // 16kHz sample rate
numChannels: 1, // Mono
bitDepth: 16 // 16-bit
};
// Start recording
startBtn.addEventListener('click', async () => {
try {
statusDisplay.textContent = "Requesting microphone access...";
// Get microphone access
mediaStream = await navigator.mediaDevices.getUserMedia({ audio: true });
// Create audio context with our desired sample rate
audioContext = new (window.AudioContext || window.webkitAudioContext)({
sampleRate: config.sampleRate
});
// Create a script processor node to process the audio
processor = audioContext.createScriptProcessor(4096, 1, 1);
processor.onaudioprocess = processAudio;
// Create a media stream source
const source = audioContext.createMediaStreamSource(mediaStream);
// Connect the source to the processor and to the destination
source.connect(processor);
processor.connect(audioContext.destination);
// Setup visualization
setupVisualizer(source);
// Start recording
recording = true;
audioChunks = [];
// Update UI
startBtn.disabled = true;
stopBtn.disabled = false;
statusDisplay.textContent = "Recording...";
console.log('Recording started at ' + config.sampleRate + 'Hz');
} catch (error) {
console.error('Error:', error);
statusDisplay.textContent = "Error: " + error.message;
}
});
// Process audio data
function processAudio(event) {
if (!recording) return;
// Get audio data (already mono because we set numChannels to 1)
const inputData = event.inputBuffer.getChannelData(0);
// Convert float32 to 16-bit PCM
const buffer = new ArrayBuffer(inputData.length * 2);
const view = new DataView(buffer);
for (let i = 0, offset = 0; i < inputData.length; i++, offset += 2) {
const s = Math.max(-1, Math.min(1, inputData[i]));
view.setInt16(offset, s < 0 ? s * 0x8000 : s * 0x7FFF, true);
}
// Store the chunk
audioChunks.push(new Uint8Array(buffer));
}
// Stop recording
stopBtn.addEventListener('click', () => {
if (!recording) return;
// Stop recording
recording = false;
// Disconnect processor
if (processor) {
processor.disconnect();
processor = null;
}
// Stop media stream tracks
if (mediaStream) {
mediaStream.getTracks().forEach(track => track.stop());
}
// Create WAV file from collected chunks
createWavFile();
// Update UI
startBtn.disabled = false;
stopBtn.disabled = true;
playBtn.disabled = false;
downloadBtn.disabled = false;
statusDisplay.textContent = "Recording stopped. Ready to play or download.";
});
// Create WAV file from collected PCM data
function createWavFile() {
// Combine all chunks into a single buffer
const length = audioChunks.reduce((acc, chunk) => acc + chunk.length, 0);
const result = new Uint8Array(length);
let offset = 0;
audioChunks.forEach(chunk => {
result.set(chunk, offset);
offset += chunk.length;
});
// Create WAV header
const wavHeader = createWaveHeader(result.length, config);
// Combine header and PCM data
const wavData = new Uint8Array(wavHeader.length + result.length);
wavData.set(wavHeader, 0);
wavData.set(result, wavHeader.length);
// Create blob
audioBlob = new Blob([wavData], { type: 'audio/wav' });
audioUrl = URL.createObjectURL(audioBlob);
}
// Create WAV header
function createWaveHeader(dataLength, config) {
const byteRate = config.sampleRate * config.numChannels * (config.bitDepth / 8);
const blockAlign = config.numChannels * (config.bitDepth / 8);
const buffer = new ArrayBuffer(44);
const view = new DataView(buffer);
// RIFF identifier
writeString(view, 0, 'RIFF');
// RIFF chunk length
view.setUint32(4, 36 + dataLength, true);
// RIFF type
writeString(view, 8, 'WAVE');
// Format chunk identifier
writeString(view, 12, 'fmt ');
// Format chunk length
view.setUint32(16, 16, true);
// Sample format (raw)
view.setUint16(20, 1, true);
// Channel count
view.setUint16(22, config.numChannels, true);
// Sample rate
view.setUint32(24, config.sampleRate, true);
// Byte rate (sample rate * block align)
view.setUint32(28, byteRate, true);
// Block align (channel count * bytes per sample)
view.setUint16(32, blockAlign, true);
// Bits per sample
view.setUint16(34, config.bitDepth, true);
// Data chunk identifier
writeString(view, 36, 'data');
// Data chunk length
view.setUint32(40, dataLength, true);
return new Uint8Array(buffer);
}
// Helper to write strings to DataView
function writeString(view, offset, string) {
for (let i = 0; i < string.length; i++) {
view.setUint8(offset + i, string.charCodeAt(i));
}
}
// Play recorded audio
playBtn.addEventListener('click', () => {
if (!audioUrl) return;
const audio = new Audio(audioUrl);
audio.play();
statusDisplay.textContent = "Playing recording...";
audio.onended = () => {
statusDisplay.textContent = "Playback finished";
};
});
// Download recorded audio as WAV file
downloadBtn.addEventListener('click', () => {
if (!audioBlob) return;
const a = document.createElement('a');
a.href = audioUrl;
a.download = `recording_${config.sampleRate}Hz_${config.bitDepth}bit.wav`;
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
statusDisplay.textContent = "Download started";
});
// Setup audio visualization
function setupVisualizer(source) {
const analyser = audioContext.createAnalyser();
analyser.fftSize = 64;
source.connect(analyser);
const bufferLength = analyser.frequencyBinCount;
const dataArray = new Uint8Array(bufferLength);
const canvas = document.createElement('canvas');
canvas.width = audioVisualizer.offsetWidth;
canvas.height = audioVisualizer.offsetHeight;
audioVisualizer.innerHTML = '';
audioVisualizer.appendChild(canvas);
const canvasCtx = canvas.getContext('2d');
function draw() {
requestAnimationFrame(draw);
analyser.getByteFrequencyData(dataArray);
canvasCtx.fillStyle = 'rgb(200, 200, 200)';
canvasCtx.fillRect(0, 0, canvas.width, canvas.height);
const barWidth = (canvas.width / bufferLength) * 2.5;
let x = 0;
for (let i = 0; i < bufferLength; i++) {
const barHeight = dataArray[i] / 2;
canvasCtx.fillStyle = `rgb(${barHeight + 100}, 50, 50)`;
canvasCtx.fillRect(x, canvas.height - barHeight, barWidth, barHeight);
x += barWidth + 1;
}
}
draw();
}
</script>
</body>
</html>

428
yarn.lock
View File

@@ -1340,11 +1340,6 @@
"@types/babel__core" "^7.20.5"
react-refresh "^0.14.2"
"@zeit/schemas@2.36.0":
version "2.36.0"
resolved "https://registry.npmjs.org/@zeit/schemas/-/schemas-2.36.0.tgz"
integrity sha512-7kjMwcChYEzMKjeex9ZFXkt1AyNov9R5HZtjBKVsmVpw7pa7ZtlCGvCBC2vnnXctaYN+aRI61HjIqeetZW5ROg==
"@zxing/text-encoding@0.9.0":
version "0.9.0"
resolved "https://registry.npmjs.org/@zxing/text-encoding/-/text-encoding-0.9.0.tgz"
@@ -1355,14 +1350,6 @@ abs-svg-path@^0.1.1:
resolved "https://registry.npmjs.org/abs-svg-path/-/abs-svg-path-0.1.1.tgz"
integrity sha512-d8XPSGjfyzlXC3Xx891DJRyZfqk5JU0BJrDQcsWomFIV1/BIzPW5HDH5iDdWpqWaav0YVIEzT1RHTwWr0FFshA==
accepts@~1.3.5:
version "1.3.8"
resolved "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz"
integrity sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==
dependencies:
mime-types "~2.1.34"
negotiator "0.6.3"
acorn@^8.14.1:
version "8.14.1"
resolved "https://registry.npmjs.org/acorn/-/acorn-8.14.1.tgz"
@@ -1383,16 +1370,6 @@ agent-base@^7.0.2:
resolved "https://registry.npmjs.org/agent-base/-/agent-base-7.1.3.tgz"
integrity sha512-jRR5wdylq8CkOe6hei19GGZnxM6rBGwFl3Bg0YItGDimvjGtAvdZk4Pu6Cl4u4Igsws4a1fd1Vq3ezrhn4KmFw==
ajv@8.12.0:
version "8.12.0"
resolved "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz"
integrity sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==
dependencies:
fast-deep-equal "^3.1.1"
json-schema-traverse "^1.0.0"
require-from-string "^2.0.2"
uri-js "^4.2.2"
ansi-align@^3.0.1:
version "3.0.1"
resolved "https://registry.npmjs.org/ansi-align/-/ansi-align-3.0.1.tgz"
@@ -1424,13 +1401,6 @@ ansi-styles@^4.0.0:
dependencies:
color-convert "^2.0.1"
ansi-styles@^4.1.0:
version "4.3.0"
resolved "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz"
integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==
dependencies:
color-convert "^2.0.1"
ansi-styles@^6.1.0, ansi-styles@^6.2.1:
version "6.2.1"
resolved "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz"
@@ -1449,12 +1419,7 @@ anymatch@^3.1.3, anymatch@~3.1.2:
normalize-path "^3.0.0"
picomatch "^2.0.4"
arch@^2.2.0:
version "2.2.0"
resolved "https://registry.npmjs.org/arch/-/arch-2.2.0.tgz"
integrity sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==
arg@^5.0.2, arg@5.0.2:
arg@^5.0.2:
version "5.0.2"
resolved "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz"
integrity sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==
@@ -1651,20 +1616,6 @@ boolean@^3.0.1:
resolved "https://registry.npmjs.org/boolean/-/boolean-3.2.0.tgz"
integrity sha512-d0II/GO9uf9lfUHH2BQsjxzRJZBdsjgsBiW4BvhWk/3qoKwQFjIDVN19PfX8F2D/r9PCMTtLWjYVCFrpeYUzsw==
boxen@7.0.0:
version "7.0.0"
resolved "https://registry.npmjs.org/boxen/-/boxen-7.0.0.tgz"
integrity sha512-j//dBVuyacJbvW+tvZ9HuH03fZ46QcaKvvhZickZqtB271DxJ7SNRSNxrV/dZX0085m7hISRZWbzWlJvx/rHSg==
dependencies:
ansi-align "^3.0.1"
camelcase "^7.0.0"
chalk "^5.0.1"
cli-boxes "^3.0.0"
string-width "^5.1.2"
type-fest "^2.13.0"
widest-line "^4.0.1"
wrap-ansi "^8.0.1"
boxen@8.0.1:
version "8.0.1"
resolved "https://registry.npmjs.org/boxen/-/boxen-8.0.1.tgz"
@@ -1679,14 +1630,6 @@ boxen@8.0.1:
widest-line "^5.0.0"
wrap-ansi "^9.0.0"
brace-expansion@^1.1.7:
version "1.1.12"
resolved "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz"
integrity sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==
dependencies:
balanced-match "^1.0.0"
concat-map "0.0.1"
brace-expansion@^2.0.1:
version "2.0.1"
resolved "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz"
@@ -1748,11 +1691,6 @@ buffer@^6.0.3:
base64-js "^1.3.1"
ieee754 "^1.2.1"
bytes@3.0.0:
version "3.0.0"
resolved "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz"
integrity sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==
cacheable-lookup@^5.0.3:
version "5.0.4"
resolved "https://registry.npmjs.org/cacheable-lookup/-/cacheable-lookup-5.0.4.tgz"
@@ -1807,11 +1745,6 @@ camelcase-css@^2.0.1:
resolved "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz"
integrity sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==
camelcase@^7.0.0:
version "7.0.1"
resolved "https://registry.npmjs.org/camelcase/-/camelcase-7.0.1.tgz"
integrity sha512-xlx1yCK2Oc1APsPXDL2LdlNP6+uu8OCDdhOBSVT279M/S+y75O30C2VuD8T2ogdePBBl7PfPF4504tnLgX3zfw==
camelcase@^8.0.0:
version "8.0.0"
resolved "https://registry.npmjs.org/camelcase/-/camelcase-8.0.0.tgz"
@@ -1835,31 +1768,11 @@ cfb@~1.2.1:
adler-32 "~1.3.0"
crc-32 "~1.2.0"
chalk-template@0.4.0:
version "0.4.0"
resolved "https://registry.npmjs.org/chalk-template/-/chalk-template-0.4.0.tgz"
integrity sha512-/ghrgmhfY8RaSdeo43hNXxpoHAtxdbskUHjPpfqUWGttFgycUhYPGx3YZBCnUCvOa7Doivn1IZec3DEGFoMgLg==
dependencies:
chalk "^4.1.2"
chalk@^4.1.2:
version "4.1.2"
resolved "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz"
integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
dependencies:
ansi-styles "^4.1.0"
supports-color "^7.1.0"
chalk@^5.0.0, chalk@5.2.0:
version "5.2.0"
resolved "https://registry.npmjs.org/chalk/-/chalk-5.2.0.tgz"
integrity sha512-ree3Gqw/nazQAPuJJEy+avdl7QfZMcUvmHIKgEZkGL+xOBzRvup5Hxo6LHuMceSxOabuJLJm5Yp/92R9eMmMvA==
chalk@^5.0.1, chalk@5.0.1:
version "5.0.1"
resolved "https://registry.npmjs.org/chalk/-/chalk-5.0.1.tgz"
integrity sha512-Fo07WOYGqMfCWHOzSXOt2CxDbC6skS/jO9ynEcmpANMoPrD+W1r1K6Vx7iNm+AQmETU1Xr2t+n8nzkV9t6xh3w==
chalk@^5.3.0:
version "5.4.1"
resolved "https://registry.npmjs.org/chalk/-/chalk-5.4.1.tgz"
@@ -1941,15 +1854,6 @@ cli-width@^4.1.0:
resolved "https://registry.npmjs.org/cli-width/-/cli-width-4.1.0.tgz"
integrity sha512-ouuZd4/dm2Sw5Gmqy6bGyNNNe1qt9RpmxveLSO7KcgsTnU7RXfsw+/bukWGo1abgBiMAic068rclZsO4IWmmxQ==
clipboardy@3.0.0:
version "3.0.0"
resolved "https://registry.npmjs.org/clipboardy/-/clipboardy-3.0.0.tgz"
integrity sha512-Su+uU5sr1jkUy1sGRpLKjKrvEOVXgSgiSInwa/qeID6aJ07yh+5NWc3h2QfjHjBnfX4LhtFcuAWKUsJ3r+fjbg==
dependencies:
arch "^2.2.0"
execa "^5.1.1"
is-wsl "^2.2.0"
cliui@^8.0.1:
version "8.0.1"
resolved "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz"
@@ -2051,36 +1955,6 @@ common-ancestor-path@^1.0.1:
resolved "https://registry.npmjs.org/common-ancestor-path/-/common-ancestor-path-1.0.1.tgz"
integrity sha512-L3sHRo1pXXEqX8VU28kfgUY+YGsk09hPqZiZmLacNib6XNTCM8ubYeT7ryXQw8asB1sKgcU5lkB7ONug08aB8w==
compressible@~2.0.16:
version "2.0.18"
resolved "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz"
integrity sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==
dependencies:
mime-db ">= 1.43.0 < 2"
compression@1.7.4:
version "1.7.4"
resolved "https://registry.npmjs.org/compression/-/compression-1.7.4.tgz"
integrity sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==
dependencies:
accepts "~1.3.5"
bytes "3.0.0"
compressible "~2.0.16"
debug "2.6.9"
on-headers "~1.0.2"
safe-buffer "5.1.2"
vary "~1.1.2"
concat-map@0.0.1:
version "0.0.1"
resolved "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz"
integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==
content-disposition@0.5.2:
version "0.5.2"
resolved "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz"
integrity sha512-kRGRZw3bLlFISDBgwTSA1TMBFN6J6GWDeubmDE3AF+3+yXL8hTWv8r5rkLbqYXY4RjPk/EzHnClI3zQf1cFmHA==
convert-source-map@^2.0.0:
version "2.0.0"
resolved "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz"
@@ -2174,13 +2048,6 @@ debug@^4.0.0, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.7, debug@^4.4
dependencies:
ms "^2.1.3"
debug@2.6.9:
version "2.6.9"
resolved "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz"
integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
dependencies:
ms "2.0.0"
decode-named-character-reference@^1.0.0:
version "1.1.0"
resolved "https://registry.npmjs.org/decode-named-character-reference/-/decode-named-character-reference-1.1.0.tgz"
@@ -2200,11 +2067,6 @@ decompress-response@^6.0.0:
dependencies:
mimic-response "^3.1.0"
deep-extend@^0.6.0:
version "0.6.0"
resolved "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz"
integrity sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==
deepmerge@^4.3.1:
version "4.3.1"
resolved "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz"
@@ -2512,21 +2374,6 @@ events@^3.3.0:
resolved "https://registry.npmjs.org/events/-/events-3.3.0.tgz"
integrity sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==
execa@^5.1.1:
version "5.1.1"
resolved "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz"
integrity sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==
dependencies:
cross-spawn "^7.0.3"
get-stream "^6.0.0"
human-signals "^2.1.0"
is-stream "^2.0.0"
merge-stream "^2.0.0"
npm-run-path "^4.0.1"
onetime "^5.1.2"
signal-exit "^3.0.3"
strip-final-newline "^2.0.0"
execa@^7.0.0:
version "7.2.0"
resolved "https://registry.npmjs.org/execa/-/execa-7.2.0.tgz"
@@ -2558,7 +2405,7 @@ extract-zip@^2.0.1:
optionalDependencies:
"@types/yauzl" "^2.9.1"
fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
fast-deep-equal@^3.1.3:
version "3.1.3"
resolved "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz"
integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
@@ -2672,15 +2519,6 @@ fraction.js@^4.3.7:
resolved "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz"
integrity sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==
framer-motion@^12.18.1:
version "12.18.1"
resolved "https://registry.npmjs.org/framer-motion/-/framer-motion-12.18.1.tgz"
integrity sha512-6o4EDuRPLk4LSZ1kRnnEOurbQ86MklVk+Y1rFBUKiF+d2pCdvMjWVu0ZkyMVCTwl5UyTH2n/zJEJx+jvTYuxow==
dependencies:
motion-dom "^12.18.1"
motion-utils "^12.18.1"
tslib "^2.4.0"
fs-extra@^11.1.0:
version "11.3.0"
resolved "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.0.tgz"
@@ -2760,7 +2598,7 @@ get-stream@^5.1.0:
dependencies:
pump "^3.0.0"
get-stream@^6.0.0, get-stream@^6.0.1:
get-stream@^6.0.1:
version "6.0.1"
resolved "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz"
integrity sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==
@@ -2875,11 +2713,6 @@ h3@^1.15.0:
ufo "^1.5.4"
uncrypto "^0.1.3"
has-flag@^4.0.0:
version "4.0.0"
resolved "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz"
integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
has-property-descriptors@^1.0.0, has-property-descriptors@^1.0.2:
version "1.0.2"
resolved "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz"
@@ -3288,11 +3121,6 @@ https-proxy-agent@^6.2.0:
agent-base "^7.0.2"
debug "4"
human-signals@^2.1.0:
version "2.1.0"
resolved "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz"
integrity sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==
human-signals@^4.3.0:
version "4.3.1"
resolved "https://registry.npmjs.org/human-signals/-/human-signals-4.3.1.tgz"
@@ -3331,11 +3159,6 @@ inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.3:
resolved "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz"
integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
ini@~1.3.0:
version "1.3.8"
resolved "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz"
integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
inline-style-parser@0.1.1:
version "0.1.1"
resolved "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.1.1.tgz"
@@ -3416,11 +3239,6 @@ is-decimal@^2.0.0:
resolved "https://registry.npmjs.org/is-decimal/-/is-decimal-2.0.1.tgz"
integrity sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A==
is-docker@^2.0.0:
version "2.2.1"
resolved "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz"
integrity sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==
is-docker@^3.0.0:
version "3.0.0"
resolved "https://registry.npmjs.org/is-docker/-/is-docker-3.0.0.tgz"
@@ -3490,11 +3308,6 @@ is-plain-obj@^4.0.0:
resolved "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz"
integrity sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==
is-port-reachable@4.0.0:
version "4.0.0"
resolved "https://registry.npmjs.org/is-port-reachable/-/is-port-reachable-4.0.0.tgz"
integrity sha512-9UoipoxYmSk6Xy7QFgRv2HDyaysmgSG75TFQs6S+3pDM7ZhKTF/bskZV+0UlABHzKjNVhPjYCLfeZUEg1wXxig==
is-regex@^1.2.1:
version "1.2.1"
resolved "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz"
@@ -3510,11 +3323,6 @@ is-regexp@^3.1.0:
resolved "https://registry.npmjs.org/is-regexp/-/is-regexp-3.1.0.tgz"
integrity sha512-rbku49cWloU5bSMI+zaRaXdQHXnthP6DZ/vLnfdSKyL4zUzuWnomtOEiZZOd+ioQ+avFo/qau3KPTc7Fjy1uPA==
is-stream@^2.0.0:
version "2.0.1"
resolved "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz"
integrity sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==
is-stream@^3.0.0:
version "3.0.0"
resolved "https://registry.npmjs.org/is-stream/-/is-stream-3.0.0.tgz"
@@ -3537,13 +3345,6 @@ is-url@^1.2.4:
resolved "https://registry.npmjs.org/is-url/-/is-url-1.2.4.tgz"
integrity sha512-ITvGim8FhRiYe4IQ5uHSkj7pVaPDrCTkNd3yq3cV7iZAcJdHTUMPMEHcqSOy9xZ9qFenQCvi+2wjH9a1nXqHww==
is-wsl@^2.2.0:
version "2.2.0"
resolved "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz"
integrity sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==
dependencies:
is-docker "^2.0.0"
is-wsl@^3.1.0:
version "3.1.0"
resolved "https://registry.npmjs.org/is-wsl/-/is-wsl-3.1.0.tgz"
@@ -3577,11 +3378,6 @@ jiti@^1.21.6, jiti@>=1.21.0:
resolved "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz"
integrity sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==
js-cookie@^3.0.5:
version "3.0.5"
resolved "https://registry.npmjs.org/js-cookie/-/js-cookie-3.0.5.tgz"
integrity sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==
"js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
version "4.0.0"
resolved "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz"
@@ -3609,11 +3405,6 @@ json-parse-even-better-errors@^2.3.0:
resolved "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz"
integrity sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==
json-schema-traverse@^1.0.0:
version "1.0.0"
resolved "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz"
integrity sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==
json-stringify-safe@^5.0.1:
version "5.0.1"
resolved "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz"
@@ -4682,30 +4473,18 @@ micromatch@^4.0.8:
braces "^3.0.3"
picomatch "^2.3.1"
"mime-db@>= 1.43.0 < 2", mime-db@1.52.0:
mime-db@1.52.0:
version "1.52.0"
resolved "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz"
integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
mime-db@~1.33.0:
version "1.33.0"
resolved "https://registry.npmjs.org/mime-db/-/mime-db-1.33.0.tgz"
integrity sha512-BHJ/EKruNIqJf/QahvxwQZXKygOQ256myeN/Ew+THcAa5q+PjyTTMMeNQC4DZw5AwfvelsUrA6B67NKMqXDbzQ==
mime-types@^2.1.35, mime-types@~2.1.34:
mime-types@^2.1.35:
version "2.1.35"
resolved "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz"
integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
dependencies:
mime-db "1.52.0"
mime-types@2.1.18:
version "2.1.18"
resolved "https://registry.npmjs.org/mime-types/-/mime-types-2.1.18.tgz"
integrity sha512-lc/aahn+t4/SWV/qcmumYjymLsWfN3ELhpmVuUFjgsORruuZPVSwAQryq+HHGvO/SI2KVX26bx+En+zhM8g8hQ==
dependencies:
mime-db "~1.33.0"
mimic-fn@^2.1.0:
version "2.1.0"
resolved "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz"
@@ -4740,14 +4519,7 @@ minimatch@^9.0.4:
dependencies:
brace-expansion "^2.0.1"
minimatch@3.1.2:
version "3.1.2"
resolved "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz"
integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
dependencies:
brace-expansion "^1.1.7"
minimist@^1.2.0, minimist@^1.2.6:
minimist@^1.2.6:
version "1.2.8"
resolved "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz"
integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
@@ -4782,18 +4554,6 @@ mkdirp@^2.1.6:
resolved "https://registry.npmjs.org/mkdirp/-/mkdirp-2.1.6.tgz"
integrity sha512-+hEnITedc8LAtIP9u3HJDFIdcLV2vXP33sqLLIzkv1Db1zO/1OxbvYf0Y1OC/S/Qo5dxHXepofhmxL02PsKe+A==
motion-dom@^12.18.1:
version "12.18.1"
resolved "https://registry.npmjs.org/motion-dom/-/motion-dom-12.18.1.tgz"
integrity sha512-dR/4EYT23Snd+eUSLrde63Ws3oXQtJNw/krgautvTfwrN/2cHfCZMdu6CeTxVfRRWREW3Fy1f5vobRDiBb/q+w==
dependencies:
motion-utils "^12.18.1"
motion-utils@^12.18.1:
version "12.18.1"
resolved "https://registry.npmjs.org/motion-utils/-/motion-utils-12.18.1.tgz"
integrity sha512-az26YDU4WoDP0ueAkUtABLk2BIxe28d8NH1qWT8jPGhPyf44XTdDUh8pDk9OPphaSrR9McgpcJlgwSOIw/sfkA==
mri@^1.1.0:
version "1.2.0"
resolved "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz"
@@ -4809,11 +4569,6 @@ ms@^2.1.3:
resolved "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz"
integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
ms@2.0.0:
version "2.0.0"
resolved "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz"
integrity sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==
msw@^2.7.1:
version "2.7.6"
resolved "https://registry.npmjs.org/msw/-/msw-2.7.6.tgz"
@@ -4857,11 +4612,6 @@ nanoid@^3.3.8:
resolved "https://registry.npmjs.org/nanoid/-/nanoid-3.3.10.tgz"
integrity sha512-vSJJTG+t/dIKAUhUDw/dLdZ9s//5OxcHqLaDWWrW4Cdq7o6tdLIczUkMXt2MBNmk6sJRZBZRXVixs7URY1CmIg==
negotiator@0.6.3:
version "0.6.3"
resolved "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz"
integrity sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==
neotraverse@^0.6.18:
version "0.6.18"
resolved "https://registry.npmjs.org/neotraverse/-/neotraverse-0.6.18.tgz"
@@ -4930,13 +4680,6 @@ not@^0.1.0:
resolved "https://registry.npmjs.org/not/-/not-0.1.0.tgz"
integrity sha512-5PDmaAsVfnWUgTUbJ3ERwn7u79Z0dYxN9ErxCpVJJqe2RK0PJ3z+iFUxuqjwtlDDegXvtWoxD/3Fzxox7tFGWA==
npm-run-path@^4.0.1:
version "4.0.1"
resolved "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz"
integrity sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==
dependencies:
path-key "^3.0.0"
npm-run-path@^5.1.0:
version "5.3.0"
resolved "https://registry.npmjs.org/npm-run-path/-/npm-run-path-5.3.0.tgz"
@@ -4975,11 +4718,6 @@ ofetch@^1.4.1:
node-fetch-native "^1.6.4"
ufo "^1.5.4"
on-headers@~1.0.2:
version "1.0.2"
resolved "https://registry.npmjs.org/on-headers/-/on-headers-1.0.2.tgz"
integrity sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==
once@^1.3.1, once@^1.4.0:
version "1.4.0"
resolved "https://registry.npmjs.org/once/-/once-1.4.0.tgz"
@@ -4994,13 +4732,6 @@ onetime@^5.1.0:
dependencies:
mimic-fn "^2.1.0"
onetime@^5.1.2:
version "5.1.2"
resolved "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz"
integrity sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==
dependencies:
mimic-fn "^2.1.0"
onetime@^6.0.0:
version "6.0.0"
resolved "https://registry.npmjs.org/onetime/-/onetime-6.0.0.tgz"
@@ -5151,12 +4882,7 @@ path-browserify@^1.0.1:
resolved "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz"
integrity sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==
path-is-inside@1.0.2:
version "1.0.2"
resolved "https://registry.npmjs.org/path-is-inside/-/path-is-inside-1.0.2.tgz"
integrity sha512-DUWJr3+ULp4zXmol/SZkFf3JGsS9/SIv+Y3Rt93/UjPpDpklB5f1er4O3POIbUuUJ3FXgqte2Q7SrU6zAqwk8w==
path-key@^3.0.0, path-key@^3.1.0:
path-key@^3.1.0:
version "3.1.1"
resolved "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz"
integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
@@ -5184,11 +4910,6 @@ path-to-regexp@^6.3.0:
resolved "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-6.3.0.tgz"
integrity sha512-Yhpw4T9C6hPpgPeA28us07OJeqZ5EzQTkbfwuhsUg0c237RomFoETJgmp2sa3F/41gfLE6G5cqcYwznmeEeOlQ==
path-to-regexp@3.3.0:
version "3.3.0"
resolved "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-3.3.0.tgz"
integrity sha512-qyCH421YQPS2WFDxDjftfc1ZR5WKQzVzqsp4n9M2kQhVOo/ByahFoUNJfl58kOcEGfQ//7weFTDhm+ss8Ecxgw==
path-type@^4.0.0:
version "4.0.0"
resolved "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz"
@@ -5349,7 +5070,7 @@ pump@^3.0.0:
end-of-stream "^1.1.0"
once "^1.3.1"
punycode@^2.1.0, punycode@^2.1.1, punycode@^2.3.1:
punycode@^2.1.1, punycode@^2.3.1:
version "2.3.1"
resolved "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz"
integrity sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==
@@ -5396,22 +5117,7 @@ radix3@^1.1.2:
resolved "https://registry.npmjs.org/radix3/-/radix3-1.1.2.tgz"
integrity sha512-b484I/7b8rDEdSDKckSSBA8knMpcdsXudlE/LNL639wFoHKwLbEkQFZHWEYwDC0wa0FKUcCY+GAF73Z7wxNVFA==
range-parser@1.2.0:
version "1.2.0"
resolved "https://registry.npmjs.org/range-parser/-/range-parser-1.2.0.tgz"
integrity sha512-kA5WQoNVo4t9lNx2kQNFCxKeBl5IbbSNBl1M/tLkw9WCn+hxNBAW5Qh8gdhs63CJnhjJ2zQWFoqPJP2sK1AV5A==
rc@^1.0.1, rc@^1.1.6:
version "1.2.8"
resolved "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz"
integrity sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==
dependencies:
deep-extend "^0.6.0"
ini "~1.3.0"
minimist "^1.2.0"
strip-json-comments "~2.0.1"
"react-dom@^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom@^17.0.2 || ^18.0.0 || ^19.0.0", "react-dom@^18.0.0 || ^19.0.0", react-dom@>=16.8.0, react-dom@>=16.8.2, react-dom@>=18:
"react-dom@^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom@^17.0.2 || ^18.0.0 || ^19.0.0", react-dom@>=16.8.0, react-dom@>=16.8.2, react-dom@>=18:
version "19.0.0"
resolved "https://registry.npmjs.org/react-dom/-/react-dom-19.0.0.tgz"
integrity sha512-4GV5sHFG0e/0AD4X+ySy6UJd3jVl1iNsNHdpad0qhABJ11twS3TTBnseqsKurKcsNqCEFeGL3uLpVChpIO3QfQ==
@@ -5539,7 +5245,7 @@ react-to-print@^3.0.5:
resolved "https://registry.npmjs.org/react-to-print/-/react-to-print-3.0.5.tgz"
integrity sha512-Z15MwMOzYCHWi26CZeFNwflAg7Nr8uWD6FTj+EkfIOjYyjr0MXGbI0c7rF4Fgrbj3XG9hFndb1ourxpPz2RAiA==
react@*, "react@^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0", "react@^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react@^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", "react@^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc", "react@^16.8.0 || ^17.0.0 || ^18.0.0 || ~19", "react@^17.0.2 || ^18.0.0 || ^19.0.0", "react@^18.0.0 || ^19.0.0", react@^19.0.0, react@>=16, react@>=16.8.0, react@>=16.8.2, react@>=18:
react@*, "react@^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0", "react@^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react@^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", "react@^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc", "react@^16.8.0 || ^17.0.0 || ^18.0.0 || ~19", "react@^17.0.2 || ^18.0.0 || ^19.0.0", react@^19.0.0, react@>=16, react@>=16.8.0, react@>=16.8.2, react@>=18:
version "19.0.0"
resolved "https://registry.npmjs.org/react/-/react-19.0.0.tgz"
integrity sha512-V8AVnmPIICiWpGfm6GLzCR/W5FXLchHop40W4nXBmdlEceh16rCN8O8LNWm5bh5XUX91fh7KpA+W0TgMKmgTpQ==
@@ -5618,21 +5324,6 @@ regex@^5.1.1:
dependencies:
regex-utilities "^2.3.0"
registry-auth-token@3.3.2:
version "3.3.2"
resolved "https://registry.npmjs.org/registry-auth-token/-/registry-auth-token-3.3.2.tgz"
integrity sha512-JL39c60XlzCVgNrO+qq68FoNb56w/m7JYvGR2jT5iR1xBrUA3Mfx5Twk5rqTThPmQKMWydGmq8oFtDlxfrmxnQ==
dependencies:
rc "^1.1.6"
safe-buffer "^5.0.1"
registry-url@3.1.0:
version "3.1.0"
resolved "https://registry.npmjs.org/registry-url/-/registry-url-3.1.0.tgz"
integrity sha512-ZbgR5aZEdf4UKZVBPYIgaglBmSF2Hi94s2PcIHhRGFjKYu+chjJdYfHn4rt3hB6eCKLJ8giVIIfgMa1ehDfZKA==
dependencies:
rc "^1.0.1"
rehype-attr@~2.1.0:
version "2.1.4"
resolved "https://registry.npmjs.org/rehype-attr/-/rehype-attr-2.1.4.tgz"
@@ -6012,16 +5703,11 @@ sade@^1.7.3:
dependencies:
mri "^1.1.0"
safe-buffer@^5.0.1, safe-buffer@~5.2.0:
safe-buffer@~5.2.0:
version "5.2.1"
resolved "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz"
integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
safe-buffer@5.1.2:
version "5.1.2"
resolved "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz"
integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
safe-regex-test@^1.1.0:
version "1.1.0"
resolved "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz"
@@ -6078,36 +5764,6 @@ serialize-error@^7.0.1:
dependencies:
type-fest "^0.13.1"
serve-handler@6.1.6:
version "6.1.6"
resolved "https://registry.npmjs.org/serve-handler/-/serve-handler-6.1.6.tgz"
integrity sha512-x5RL9Y2p5+Sh3D38Fh9i/iQ5ZK+e4xuXRd/pGbM4D13tgo/MGwbttUk8emytcr1YYzBYs+apnUngBDFYfpjPuQ==
dependencies:
bytes "3.0.0"
content-disposition "0.5.2"
mime-types "2.1.18"
minimatch "3.1.2"
path-is-inside "1.0.2"
path-to-regexp "3.3.0"
range-parser "1.2.0"
serve@^14.2.4:
version "14.2.4"
resolved "https://registry.npmjs.org/serve/-/serve-14.2.4.tgz"
integrity sha512-qy1S34PJ/fcY8gjVGszDB3EXiPSk5FKhUa7tQe0UPRddxRidc2V6cNHPNewbE1D7MAkgLuWEt3Vw56vYy73tzQ==
dependencies:
"@zeit/schemas" "2.36.0"
ajv "8.12.0"
arg "5.0.2"
boxen "7.0.0"
chalk "5.0.1"
chalk-template "0.4.0"
clipboardy "3.0.0"
compression "1.7.4"
is-port-reachable "4.0.0"
serve-handler "6.1.6"
update-check "1.5.4"
set-cookie-parser@^2.6.0:
version "2.7.1"
resolved "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.7.1.tgz"
@@ -6209,7 +5865,7 @@ shiki@^1.29.2:
"@shikijs/vscode-textmate" "^10.0.1"
"@types/hast" "^3.0.4"
signal-exit@^3.0.2, signal-exit@^3.0.3, signal-exit@^3.0.7:
signal-exit@^3.0.2, signal-exit@^3.0.7:
version "3.0.7"
resolved "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz"
integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==
@@ -6411,21 +6067,11 @@ strip-bom@^3.0.0:
resolved "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz"
integrity sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==
strip-final-newline@^2.0.0:
version "2.0.0"
resolved "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz"
integrity sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==
strip-final-newline@^3.0.0:
version "3.0.0"
resolved "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-3.0.0.tgz"
integrity sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==
strip-json-comments@~2.0.1:
version "2.0.1"
resolved "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz"
integrity sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==
strnum@^1.1.1:
version "1.1.2"
resolved "https://registry.npmjs.org/strnum/-/strnum-1.1.2.tgz"
@@ -6472,13 +6118,6 @@ sumchecker@^3.0.1:
dependencies:
debug "^4.1.0"
supports-color@^7.1.0:
version "7.2.0"
resolved "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz"
integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
dependencies:
has-flag "^4.0.0"
supports-preserve-symlinks-flag@^1.0.0:
version "1.0.0"
resolved "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz"
@@ -6625,7 +6264,7 @@ tsconfig-paths@^4.2.0:
minimist "^1.2.6"
strip-bom "^3.0.0"
tslib@^2.0.0, tslib@^2.0.1, tslib@^2.1.0, tslib@^2.4.0, tslib@^2.8.0:
tslib@^2.0.0, tslib@^2.0.1, tslib@^2.1.0, tslib@^2.8.0:
version "2.8.1"
resolved "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz"
integrity sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==
@@ -6645,11 +6284,6 @@ type-fest@^0.21.3:
resolved "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz"
integrity sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==
type-fest@^2.13.0:
version "2.19.0"
resolved "https://registry.npmjs.org/type-fest/-/type-fest-2.19.0.tgz"
integrity sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==
type-fest@^4.21.0, type-fest@^4.26.1:
version "4.37.0"
resolved "https://registry.npmjs.org/type-fest/-/type-fest-4.37.0.tgz"
@@ -6906,21 +6540,6 @@ update-browserslist-db@^1.1.1:
escalade "^3.2.0"
picocolors "^1.1.1"
update-check@1.5.4:
version "1.5.4"
resolved "https://registry.npmjs.org/update-check/-/update-check-1.5.4.tgz"
integrity sha512-5YHsflzHP4t1G+8WGPlvKbJEbAJGCgw+Em+dGR1KmBUbr1J36SJBqlHLjR7oob7sco5hWHGQVcr9B2poIVDDTQ==
dependencies:
registry-auth-token "3.3.2"
registry-url "3.1.0"
uri-js@^4.2.2:
version "4.4.1"
resolved "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz"
integrity sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==
dependencies:
punycode "^2.1.0"
url-parse@^1.5.3:
version "1.5.10"
resolved "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz"
@@ -6970,11 +6589,6 @@ uvu@^0.5.0:
kleur "^4.0.3"
sade "^1.7.3"
vary@~1.1.2:
version "1.1.2"
resolved "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz"
integrity sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==
vfile-location@^4.0.0:
version "4.1.0"
resolved "https://registry.npmjs.org/vfile-location/-/vfile-location-4.1.0.tgz"
@@ -7101,13 +6715,6 @@ which@^2.0.1:
dependencies:
isexe "^2.0.0"
widest-line@^4.0.1:
version "4.0.1"
resolved "https://registry.npmjs.org/widest-line/-/widest-line-4.0.1.tgz"
integrity sha512-o0cyEG0e8GPzT4iGHphIOh0cJOV8fivsXxddQasHPHfoZf1ZexrfeA21w2NaEN1RHE+fXlfISmOE8R9N3u3Qig==
dependencies:
string-width "^5.0.1"
widest-line@^5.0.0:
version "5.0.0"
resolved "https://registry.npmjs.org/widest-line/-/widest-line-5.0.0.tgz"
@@ -7152,15 +6759,6 @@ wrap-ansi@^7.0.0:
string-width "^4.1.0"
strip-ansi "^6.0.0"
wrap-ansi@^8.0.1:
version "8.1.0"
resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz"
integrity sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==
dependencies:
ansi-styles "^6.1.0"
string-width "^5.0.1"
strip-ansi "^7.0.1"
wrap-ansi@^8.1.0:
version "8.1.0"
resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz"