mirror of
https://github.com/misskey-dev/misskey.git
synced 2024-12-22 21:45:13 +01:00
7199e6f4e0
* Update reaction.vue
* fix bug
* wip
* wip
* wjio
* wip
* Revert "wip"
This reverts commit e427f2160a
.
* 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
196 lines
4.2 KiB
TypeScript
196 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);
|
|
});
|
|
});
|
|
}
|