mirror of
https://github.com/status-im/react-native.git
synced 2025-01-10 17:45:59 +00:00
cc86d12175
Summary: When we built packager asset system we were mostly concerned about images. However, this system can also be used to work with videos, animations and other binary resources. The code that sorts assets into Android resource folders currently just shoves all non-drawable resources under `drawable-mdpi`, which is not ideal. Talking to Android experts on the team, `raw` seems like a much better place for other resources. Reviewed By: jeanlauliac Differential Revision: D6026633 fbshipit-source-id: cc2199f60da411ea432972a02f52c459ff5c490a
81 lines
2.1 KiB
JavaScript
81 lines
2.1 KiB
JavaScript
/**
|
|
* Copyright (c) 2015-present, Facebook, Inc.
|
|
* All rights reserved.
|
|
*
|
|
* This source code is licensed under the BSD-style license found in the
|
|
* LICENSE file in the root directory of this source tree. An additional grant
|
|
* of patent rights can be found in the PATENTS file in the same directory.
|
|
*
|
|
* @flow
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
import type {PackagerAsset} from '../../Libraries/Image/AssetRegistry';
|
|
|
|
/**
|
|
* FIXME: using number to represent discrete scale numbers is fragile in essence because of
|
|
* floating point numbers imprecision.
|
|
*/
|
|
function getAndroidAssetSuffix(scale: number): string {
|
|
switch (scale) {
|
|
case 0.75: return 'ldpi';
|
|
case 1: return 'mdpi';
|
|
case 1.5: return 'hdpi';
|
|
case 2: return 'xhdpi';
|
|
case 3: return 'xxhdpi';
|
|
case 4: return 'xxxhdpi';
|
|
}
|
|
throw new Error('no such scale');
|
|
}
|
|
|
|
// See https://developer.android.com/guide/topics/resources/drawable-resource.html
|
|
const drawableFileTypes = new Set([
|
|
'gif',
|
|
'jpeg',
|
|
'jpg',
|
|
'png',
|
|
'svg',
|
|
'webp',
|
|
'xml',
|
|
]);
|
|
|
|
function getAndroidResourceFolderName(asset: PackagerAsset, scale: number) {
|
|
if (!drawableFileTypes.has(asset.type)) {
|
|
return 'raw';
|
|
}
|
|
var suffix = getAndroidAssetSuffix(scale);
|
|
if (!suffix) {
|
|
throw new Error(
|
|
'Don\'t know which android drawable suffix to use for asset: ' +
|
|
JSON.stringify(asset)
|
|
);
|
|
}
|
|
const androidFolder = 'drawable-' + suffix;
|
|
return androidFolder;
|
|
}
|
|
|
|
function getAndroidResourceIdentifier(asset: PackagerAsset) {
|
|
var folderPath = getBasePath(asset);
|
|
return (folderPath + '/' + asset.name)
|
|
.toLowerCase()
|
|
.replace(/\//g, '_') // Encode folder structure in file name
|
|
.replace(/([^a-z0-9_])/g, '') // Remove illegal chars
|
|
.replace(/^assets_/, ''); // Remove "assets_" prefix
|
|
}
|
|
|
|
function getBasePath(asset: PackagerAsset) {
|
|
var basePath = asset.httpServerLocation;
|
|
if (basePath[0] === '/') {
|
|
basePath = basePath.substr(1);
|
|
}
|
|
return basePath;
|
|
}
|
|
|
|
module.exports = {
|
|
getAndroidAssetSuffix: getAndroidAssetSuffix,
|
|
getAndroidResourceFolderName: getAndroidResourceFolderName,
|
|
getAndroidResourceIdentifier: getAndroidResourceIdentifier,
|
|
getBasePath: getBasePath
|
|
};
|