kopia lustrzana https://github.com/Tldraw/Tldraw
86 wiersze
1.8 KiB
TypeScript
86 wiersze
1.8 KiB
TypeScript
import { createMigrationIds, createRecordMigrationSequence } from '@tldraw/store'
|
|
import { T } from '@tldraw/validate'
|
|
import { TLAsset } from '../records/TLAsset'
|
|
import { TLBaseAsset, createAssetValidator } from './TLBaseAsset'
|
|
|
|
/**
|
|
* An asset for images such as PNGs and JPEGs, used by the TLImageShape.
|
|
*
|
|
* @public */
|
|
export type TLImageAsset = TLBaseAsset<
|
|
'image',
|
|
{
|
|
w: number
|
|
h: number
|
|
name: string
|
|
isAnimated: boolean
|
|
mimeType: string | null
|
|
src: string | null
|
|
}
|
|
>
|
|
|
|
/** @internal */
|
|
export const imageAssetValidator: T.Validator<TLImageAsset> = createAssetValidator(
|
|
'image',
|
|
T.object({
|
|
w: T.number,
|
|
h: T.number,
|
|
name: T.string,
|
|
isAnimated: T.boolean,
|
|
mimeType: T.string.nullable(),
|
|
src: T.srcUrl.nullable(),
|
|
})
|
|
)
|
|
|
|
const Versions = createMigrationIds('com.tldraw.asset.image', {
|
|
AddIsAnimated: 1,
|
|
RenameWidthHeight: 2,
|
|
MakeUrlsValid: 3,
|
|
} as const)
|
|
|
|
export { Versions as imageAssetVersions }
|
|
|
|
/** @internal */
|
|
export const imageAssetMigrations = createRecordMigrationSequence({
|
|
sequenceId: 'com.tldraw.asset.image',
|
|
recordType: 'asset',
|
|
filter: (asset) => (asset as TLAsset).type === 'image',
|
|
sequence: [
|
|
{
|
|
id: Versions.AddIsAnimated,
|
|
up: (asset: any) => {
|
|
asset.props.isAnimated = false
|
|
},
|
|
down: (asset: any) => {
|
|
delete asset.props.isAnimated
|
|
},
|
|
},
|
|
{
|
|
id: Versions.RenameWidthHeight,
|
|
up: (asset: any) => {
|
|
asset.props.w = asset.props.width
|
|
asset.props.h = asset.props.height
|
|
delete asset.props.width
|
|
delete asset.props.height
|
|
},
|
|
down: (asset: any) => {
|
|
asset.props.width = asset.props.w
|
|
asset.props.height = asset.props.h
|
|
delete asset.props.w
|
|
delete asset.props.h
|
|
},
|
|
},
|
|
{
|
|
id: Versions.MakeUrlsValid,
|
|
up: (asset: any) => {
|
|
if (!T.srcUrl.isValid(asset.props.src)) {
|
|
asset.props.src = ''
|
|
}
|
|
},
|
|
down: (_asset) => {
|
|
// noop
|
|
},
|
|
},
|
|
],
|
|
})
|