Changing the language

[Zerogiven]

Hi,

Is there a way to change the language(strings)? I tried many ways, but i think the only two solutions would be

1. Get the existing uppy instance and update config (not possible like i saw the at the uppy docs... or i did not saw how to :))
2. Update the silverstripe addon to accept the "{locale:{strings:{browse: 'xxxx'}}}" config from yaml :)

Maybe there is another way which i did not saw and you could tell me ;-)
Otherwise i would make a PR for #2 😄

[MrJamesEllis]

Hi

There's some quick wins to be had with a standard lang/[code].yml file in a project. It will only support the strings listed and there are probably others within uppy itself that are defaulted to english.

e.g (with a machine translated string)

app/lang/de.yml:

de:
  DamnFineUploader:
    IMAGE_TALL: 'Die Bildhöhe ist größer als die maximal zulässige Höhe'

Uppy has lots of documentation for locale setup: https://uppy.io/docs/locales/. I think a better way to support locales would be to use the CDN provided package(s) listed and load them based on a configuration setting in the setRequirements method.

e.g:
// in project _config.php :
i18n::set_locale('de_DE');

// use this file, with de_DE coming from the Silverstripe i18n class.

https://releases.transloadit.com/uppy/locales/v3.0.7/de_DE.min.js

Doesn't look like this would make redundant custom strings like the IMAGE_TALL example above. These are the strings in the en_US file provided by uppy:

(() => {
    var e = {
        pluralize(o) {
            return o === 1 ? 0 : 1
        }
    };
    e.strings = {
        addBulkFilesFailed: {
            0: "Failed to add %{smart_count} file due to an internal error",
            1: "Failed to add %{smart_count} files due to internal errors"
        },
        addingMoreFiles: "Adding more files",
        addMore: "Add more",
        addMoreFiles: "Add more files",
        allFilesFromFolderNamed: "All files from folder %{name}",
        allowAccessDescription: "In order to take pictures or record video with your camera, please allow camera access for this site.",
        allowAccessTitle: "Please allow access to your camera",
        allowAudioAccessDescription: "In order to record audio, please allow microphone access for this site.",
        allowAudioAccessTitle: "Please allow access to your microphone",
        aspectRatioLandscape: "Crop landscape (16:9)",
        aspectRatioPortrait: "Crop portrait (9:16)",
        aspectRatioSquare: "Crop square",
        authAborted: "Authentication aborted",
        authenticateWith: "Connect to %{pluginName}",
        authenticateWithTitle: "Please authenticate with %{pluginName} to select files",
        back: "Back",
        browse: "browse",
        browseFiles: "browse files",
        browseFolders: "browse folders",
        cancel: "Cancel",
        cancelUpload: "Cancel upload",
        chooseFiles: "Choose files",
        closeModal: "Close Modal",
        companionError: "Connection with Companion failed",
        companionUnauthorizeHint: "To unauthorize to your %{provider} account, please go to %{url}",
        complete: "Complete",
        compressedX: "Saved %{size} by compressing images",
        compressingImages: "Compressing images...",
        connectedToInternet: "Connected to the Internet",
        copyLink: "Copy link",
        copyLinkToClipboardFallback: "Copy the URL below",
        copyLinkToClipboardSuccess: "Link copied to clipboard.",
        creatingAssembly: "Preparing upload...",
        creatingAssemblyFailed: "Transloadit: Could not create Assembly",
        dashboardTitle: "Uppy Dashboard",
        dashboardWindowTitle: "Uppy Dashboard Window (Press escape to close)",
        dataUploadedOfTotal: "%{complete} of %{total}",
        discardRecordedFile: "Discard recorded file",
        done: "Done",
        dropHereOr: "Drop here or %{browse}",
        dropHint: "Drop your files here",
        dropPasteBoth: "Drop files here, %{browseFiles} or %{browseFolders}",
        dropPasteFiles: "Drop files here or %{browseFiles}",
        dropPasteFolders: "Drop files here or %{browseFolders}",
        dropPasteImportBoth: "Drop files here, %{browseFiles}, %{browseFolders} or import from:",
        dropPasteImportFiles: "Drop files here, %{browseFiles} or import from:",
        dropPasteImportFolders: "Drop files here, %{browseFolders} or import from:",
        editFile: "Edit file",
        editFileWithFilename: "Edit file %{file}",
        editing: "Editing %{file}",
        emptyFolderAdded: "No files were added from empty folder",
        encoding: "Encoding...",
        enterCorrectUrl: "Incorrect URL: Please make sure you are entering a direct link to a file",
        enterTextToSearch: "Enter text to search for images",
        enterUrlToImport: "Enter URL to import a file",
        exceedsSize: "%{file} exceeds maximum allowed size of %{size}",
        failedToFetch: "Companion failed to fetch this URL, please make sure it\u2019s correct",
        failedToUpload: "Failed to upload %{file}",
        filesUploadedOfTotal: {
            0: "%{complete} of %{smart_count} file uploaded",
            1: "%{complete} of %{smart_count} files uploaded"
        },
        filter: "Filter",
        finishEditingFile: "Finish editing file",
        flipHorizontal: "Flip horizontal",
        folderAdded: {
            0: "Added %{smart_count} file from %{folder}",
            1: "Added %{smart_count} files from %{folder}"
        },
        folderAlreadyAdded: 'The folder "%{folder}" was already added',
        generatingThumbnails: "Generating thumbnails...",
        import: "Import",
        importFiles: "Import files from:",
        importFrom: "Import from %{name}",
        inferiorSize: "This file is smaller than the allowed size of %{size}",
        loading: "Loading...",
        logOut: "Log out",
        micDisabled: "Microphone access denied by user",
        missingRequiredMetaField: "Missing required meta fields",
        missingRequiredMetaFieldOnFile: "Missing required meta fields in %{fileName}",
        missingRequiredMetaFields: {
            0: "Missing required meta field: %{fields}.",
            1: "Missing required meta fields: %{fields}."
        },
        myDevice: "My Device",
        noAudioDescription: "In order to record audio, please connect a microphone or another audio input device",
        noAudioTitle: "Microphone Not Available",
        noCameraDescription: "In order to take pictures or record video, please connect a camera device",
        noCameraTitle: "Camera Not Available",
        noDuplicates: "Cannot add the duplicate file '%{fileName}', it already exists",
        noFilesFound: "You have no files or folders here",
        noInternetConnection: "No Internet connection",
        noMoreFilesAllowed: "Cannot add more files",
        openFolderNamed: "Open folder %{name}",
        pause: "Pause",
        paused: "Paused",
        pauseUpload: "Pause upload",
        pluginNameAudio: "Audio",
        pluginNameBox: "Box",
        pluginNameCamera: "Camera",
        pluginNameDropbox: "Dropbox",
        pluginNameFacebook: "Facebook",
        pluginNameGoogleDrive: "Google Drive",
        pluginNameInstagram: "Instagram",
        pluginNameOneDrive: "OneDrive",
        pluginNameZoom: "Zoom",
        poweredBy: "Powered by %{uppy}",
        processingXFiles: {
            0: "Processing %{smart_count} file",
            1: "Processing %{smart_count} files"
        },
        recording: "Recording",
        recordingLength: "Recording length %{recording_length}",
        recordingStoppedMaxSize: "Recording stopped because the file size is about to exceed the limit",
        recordVideoBtn: "Record Video",
        recoveredAllFiles: "We restored all files. You can now resume the upload.",
        recoveredXFiles: {
            0: "We could not fully recover 1 file. Please re-select it and resume the upload.",
            1: "We could not fully recover %{smart_count} files. Please re-select them and resume the upload."
        },
        removeFile: "Remove file",
        reSelect: "Re-select",
        resetFilter: "Reset filter",
        resume: "Resume",
        resumeUpload: "Resume upload",
        retry: "Retry",
        retryUpload: "Retry upload",
        revert: "Revert",
        rotate: "Rotate",
        save: "Save",
        saveChanges: "Save changes",
        search: "Search",
        searchImages: "Search for images",
        selectX: {
            0: "Select %{smart_count}",
            1: "Select %{smart_count}"
        },
        sessionRestored: "Session restored",
        showErrorDetails: "Show error details",
        signInWithGoogle: "Sign in with Google",
        smile: "Smile!",
        startAudioRecording: "Begin audio recording",
        startCapturing: "Begin screen capturing",
        startRecording: "Begin video recording",
        stopAudioRecording: "Stop audio recording",
        stopCapturing: "Stop screen capturing",
        stopRecording: "Stop video recording",
        streamActive: "Stream active",
        streamPassive: "Stream passive",
        submitRecordedFile: "Submit recorded file",
        takePicture: "Take a picture",
        takePictureBtn: "Take Picture",
        timedOut: "Upload stalled for %{seconds} seconds, aborting.",
        upload: "Upload",
        uploadComplete: "Upload complete",
        uploadFailed: "Upload failed",
        uploading: "Uploading",
        uploadingXFiles: {
            0: "Uploading %{smart_count} file",
            1: "Uploading %{smart_count} files"
        },
        uploadPaused: "Upload paused",
        uploadStalled: "Upload has not made any progress for %{seconds} seconds. You may want to retry it.",
        uploadXFiles: {
            0: "Upload %{smart_count} file",
            1: "Upload %{smart_count} files"
        },
        uploadXNewFiles: {
            0: "Upload +%{smart_count} file",
            1: "Upload +%{smart_count} files"
        },
        xFilesSelected: {
            0: "%{smart_count} file selected",
            1: "%{smart_count} files selected"
        },
        xMoreFilesAdded: {
            0: "%{smart_count} more file added",
            1: "%{smart_count} more files added"
        },
        xTimeLeft: "%{time} left",
        youCanOnlyUploadFileTypes: "You can only upload: %{types}",
        youCanOnlyUploadX: {
            0: "You can only upload %{smart_count} file",
            1: "You can only upload %{smart_count} files"
        },
        youHaveToAtLeastSelectX: {
            0: "You have to select at least %{smart_count} file",
            1: "You have to select at least %{smart_count} files"
        },
        zoomIn: "Zoom in",
        zoomOut: "Zoom out"
    };
    typeof Uppy < "u" && (globalThis.Uppy.locales.en_US = e);
    var r = e;
})();
//# sourceMappingURL=en_US.min.js.map

Happy for you put together a PR :)