mirror of
https://github.com/hotomoe/hotomoe
synced 2024-12-14 14:48:19 +09:00
7199e6f4e0
* Update reaction.vue * fix bug * wip * wip * wjio * wip * Revert "wip" This reverts commit e427f2160adf4e8a4147006e25a89854edab0033. * wip * wip * wip * Update init.ts * Update drive-window.vue * wip * wip * Use PascalCase for components * Use PascalCase for components * update dep * wip * wip * wip * Update init.ts * wip * Update paging.ts * Update test.vue * watch deep * wip * lint * wip * wip * wip * wip * wiop * wip * Update webpack.config.ts * alllow null poll * wip * wip * wip * wiop * UI redesign & refactor (#6714) * wip * wip * wip * wip * wip * Update drive.vue * Update word-mute.vue * wip * wip * wip * clean up * wip * Update default.vue * wip * Update notes.vue * Update mfm.ts * Update index.home.vue * Update post-form.vue * Update post-form-attaches.vue * wip * Update post-form.vue * Update sidebar.vue * wip * wip * Update index.vue * wip * Update default.vue * Update index.vue * Update index.vue * wip * Update post-form-attaches.vue * Update note.vue * wip * clean up * Update notes.vue * wip * wip * Update ja-JP.yml * wip * wip * Update index.vue * wip * wip * wip * wip * wip * wip * wip * wip * Update default.vue * wip * Update _dark.json5 * wip * wip * wip * clean up * wip * wip * Update index.vue * Update test.vue * wip * wip * fix * wip * wip * wip * wip * clena yop * wip * wip * Update store.ts * Update messaging-room.vue * Update default.widgets.vue * fix * wip * wip * Update modal.vue * wip * Update os.ts * Update os.ts * Update deck.vue * Update init.ts * wip * Update ja-JP.yml * v-sizeは単にwindowのresizeを監視するだけで良いかもしれない * Update modal.vue * wip * Update tooltip.ts * wip * wip * wip * wip * wip * Update image-viewer.vue * wip * wip * Update style.scss * Update style.scss * Update visitor.vue * wip * Update init.ts * Update init.ts * wip * wip * Update visitor.vue * Update visitor.vue * Update visitor.vue * Update visitor.vue * wip * wip * Update modal.vue * Update header.vue * Update menu.vue * Update about.vue * Update about-misskey.vue * wip * wip * Update visitor.vue * Update tooltip.ts * wip * Update drive.vue * wip * Update style.scss * Update header.vue * wip * wip * Update users.user.vue * Update announcements.vue * wip * wip * wip * Update emojis.vue * wip * Update emojis.vue * Update style.scss * Update users.vue * wip * Update style.scss * wip * Update welcome.entrance.vue * Update radio.vue * Update size.ts * Update emoji-edit-dialog.vue * wip * Update emojis.vue * wip * Update emojis.vue * Update emojis.vue * Update emojis.vue * wip * wip * wip * wip * Update file-dialog.vue * wip * wip * Update token-generate-window.vue * Update notification-setting-window.vue * wip * wip * Update _error_.vue * Update ja-JP.yml * wip * wip * Update store.ts * Update emojis.vue * Update emojis.vue * Update emojis.vue * Update announcements.vue * Update store.ts * wip * Update page-editor.vue * wip * wip * Update modal.vue * wip * Update select-file.ts * Update timeline.vue * Update emojis.vue * Update os.ts * wip * Update user-select.vue * Update mfm.ts * Update get-file-info.ts * Update drive.vue * Update init.ts * Update mfm.ts * wip * wip * Update window.vue * Update note.vue * wip * wip * Update user-info.vue * wip * wip * wip * wip * wip * Update header.vue * Update header.vue * wip * Update explore.vue * wip * wip * wip * Update webpack.config.ts * wip * wip * wip * wip * wip * wip * Update autocomplete.ts * wip * wip * wip * Update toast.vue * wip * Update post-form-dialog.vue * wip * wip * wip * wip * wip * Update users.vue * wip * Update explore.vue * wip * wip * wip * Update package.json * wip * Update icon-dialog.vue * wip * wip * Update user-preview.ts * wip * wip * wip * wip * wip * Update instance.vue * Update user-name.vue * Update federation.vue * Update instance.vue * wip * wip * Update tag.vue * wip * wip * wip * wip * wip * Update instance.vue * wip * Update os.ts * Update os.ts * wip * wip * wip * Update router.ts * wip * Update init.ts * Update note.vue * Update messages.vue * wip * wip * wip * wip * wip * google * wip * wip * wip * wip * Update theme-editor.vue * wip * wip * Update room.vue * Update channel-editor.vue * wip * Update window.vue * Update window.vue * wip * Update window.vue * Update window.vue * wip * Update menu.vue * wip * wip * wip * wip * Update messaging-room.vue * wip * Update post-form.vue * Update default.widgets.vue * Update window.vue * wip
197 lines
4.2 KiB
TypeScript
197 lines
4.2 KiB
TypeScript
import * as fs from 'fs';
|
|
import * as crypto from 'crypto';
|
|
import * as stream from 'stream';
|
|
import * as util from 'util';
|
|
import * as fileType from 'file-type';
|
|
import isSvg from 'is-svg';
|
|
import * as probeImageSize from 'probe-image-size';
|
|
import * as sharp from 'sharp';
|
|
import { encode } from 'blurhash';
|
|
|
|
const pipeline = util.promisify(stream.pipeline);
|
|
|
|
export type FileInfo = {
|
|
size: number;
|
|
md5: string;
|
|
type: {
|
|
mime: string;
|
|
ext: string | null;
|
|
};
|
|
width?: number;
|
|
height?: number;
|
|
blurhash?: string;
|
|
warnings: string[];
|
|
};
|
|
|
|
const TYPE_OCTET_STREAM = {
|
|
mime: 'application/octet-stream',
|
|
ext: null
|
|
};
|
|
|
|
const TYPE_SVG = {
|
|
mime: 'image/svg+xml',
|
|
ext: 'svg'
|
|
};
|
|
|
|
/**
|
|
* Get file information
|
|
*/
|
|
export async function getFileInfo(path: string): Promise<FileInfo> {
|
|
const warnings = [] as string[];
|
|
|
|
const size = await getFileSize(path);
|
|
const md5 = await calcHash(path);
|
|
|
|
let type = await detectType(path);
|
|
|
|
// image dimensions
|
|
let width: number | undefined;
|
|
let height: number | undefined;
|
|
|
|
if (['image/jpeg', 'image/gif', 'image/png', 'image/apng', 'image/webp', 'image/bmp', 'image/tiff', 'image/svg+xml', 'image/vnd.adobe.photoshop'].includes(type.mime)) {
|
|
const imageSize = await detectImageSize(path).catch(e => {
|
|
warnings.push(`detectImageSize failed: ${e}`);
|
|
return undefined;
|
|
});
|
|
|
|
// うまく判定できない画像は octet-stream にする
|
|
if (!imageSize) {
|
|
warnings.push(`cannot detect image dimensions`);
|
|
type = TYPE_OCTET_STREAM;
|
|
} else if (imageSize.wUnits === 'px') {
|
|
width = imageSize.width;
|
|
height = imageSize.height;
|
|
|
|
// 制限を超えている画像は octet-stream にする
|
|
if (imageSize.width > 16383 || imageSize.height > 16383) {
|
|
warnings.push(`image dimensions exceeds limits`);
|
|
type = TYPE_OCTET_STREAM;
|
|
}
|
|
} else {
|
|
warnings.push(`unsupported unit type: ${imageSize.wUnits}`);
|
|
}
|
|
}
|
|
|
|
let blurhash: string | undefined;
|
|
|
|
if (['image/jpeg', 'image/gif', 'image/png', 'image/apng', 'image/webp', 'image/svg+xml'].includes(type.mime)) {
|
|
blurhash = await getBlurhash(path).catch(e => {
|
|
warnings.push(`getBlurhash failed: ${e}`);
|
|
return undefined;
|
|
});
|
|
}
|
|
|
|
return {
|
|
size,
|
|
md5,
|
|
type,
|
|
width,
|
|
height,
|
|
blurhash,
|
|
warnings,
|
|
};
|
|
}
|
|
|
|
/**
|
|
* Detect MIME Type and extension
|
|
*/
|
|
export async function detectType(path: string) {
|
|
// Check 0 byte
|
|
const fileSize = await getFileSize(path);
|
|
if (fileSize === 0) {
|
|
return TYPE_OCTET_STREAM;
|
|
}
|
|
|
|
const type = await fileType.fromFile(path);
|
|
|
|
if (type) {
|
|
// XMLはSVGかもしれない
|
|
if (type.mime === 'application/xml' && await checkSvg(path)) {
|
|
return TYPE_SVG;
|
|
}
|
|
|
|
return {
|
|
mime: type.mime,
|
|
ext: type.ext
|
|
};
|
|
}
|
|
|
|
// 種類が不明でもSVGかもしれない
|
|
if (await checkSvg(path)) {
|
|
return TYPE_SVG;
|
|
}
|
|
|
|
// それでも種類が不明なら application/octet-stream にする
|
|
return TYPE_OCTET_STREAM;
|
|
}
|
|
|
|
/**
|
|
* Check the file is SVG or not
|
|
*/
|
|
export async function checkSvg(path: string) {
|
|
try {
|
|
const size = await getFileSize(path);
|
|
if (size > 1 * 1024 * 1024) return false;
|
|
return isSvg(fs.readFileSync(path));
|
|
} catch {
|
|
return false;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Get file size
|
|
*/
|
|
export async function getFileSize(path: string): Promise<number> {
|
|
const getStat = util.promisify(fs.stat);
|
|
return (await getStat(path)).size;
|
|
}
|
|
|
|
/**
|
|
* Calculate MD5 hash
|
|
*/
|
|
async function calcHash(path: string): Promise<string> {
|
|
const hash = crypto.createHash('md5').setEncoding('hex');
|
|
await pipeline(fs.createReadStream(path), hash);
|
|
return hash.read();
|
|
}
|
|
|
|
/**
|
|
* Detect dimensions of image
|
|
*/
|
|
async function detectImageSize(path: string): Promise<{
|
|
width: number;
|
|
height: number;
|
|
wUnits: string;
|
|
hUnits: string;
|
|
}> {
|
|
const readable = fs.createReadStream(path);
|
|
const imageSize = await probeImageSize(readable);
|
|
readable.destroy();
|
|
return imageSize;
|
|
}
|
|
|
|
/**
|
|
* Calculate average color of image
|
|
*/
|
|
function getBlurhash(path: string): Promise<string> {
|
|
return new Promise((resolve, reject) => {
|
|
sharp(path)
|
|
.raw()
|
|
.ensureAlpha()
|
|
.resize(64, 64, { fit: 'inside' })
|
|
.toBuffer((err, buffer, { width, height }) => {
|
|
if (err) return reject(err);
|
|
|
|
let hash;
|
|
|
|
try {
|
|
hash = encode(new Uint8ClampedArray(buffer), width, height, 7, 7);
|
|
} catch (e) {
|
|
return reject(e);
|
|
}
|
|
|
|
resolve(hash);
|
|
});
|
|
});
|
|
}
|